@charset "gb2312";
html, body { width: 100%; height: 100%; background: #fff; position: relative; }
.fl { float: left; }
.fr { float: right; }
ul, li { padding: 0; margin: 0; list-style: none; }
body { overflow-x: hidden; min-width: 320px; }
input:-webkit-autofill{background-color:#333 !important;}
/* ��ݲ˵�*/
@font-face { font-family: HELVETICANEUELTCOM-LTEX; src: url('../other/helveticaneueltcom-ltex.ttf'); font-weight: 400; font-style: normal }
@font-face { font-family: HELVETICANEUELTPRO-THEX; src: url('../other/HELVETICANEUELTPRO-THEX.OTF'); font-weight: 400; font-style: normal }
#moduleControl a.moduleCItem { margin-bottom: 20px; border-radius: 10px; width: 11px; height: 11px; position: relative; }
#moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span { width: 70px; height: 24px; position: absolute; top: -6px; text-indent: initial; color: #959595; overflow: hidden; font-size: 12px; line-height: 24px; right: 0; text-align: right; padding-right: 25px; }
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { background-color: transparent; border: 2px solid #dbdbdb; }
#moduleControl a.moduleCItem { border: 2px solid transparent; }
#indexPage .module.bgShow .bgmask { background-color: transparent; }
#indexPage #mservice .bgmask { background: url(../images/dot.png) repeat; }
#indexPage #mnews .bgmask { background: url(../images/dot.png) repeat; }
#moduleControl { position: fixed; right: 20px; top: 50%; }
#moduleControl a.moduleCItem { border: 1px solid #c8c8c8; border-radius:10px; display: block; height:10px; margin-bottom:10px; outline: 0 none; text-indent: -9999px; transition: all 0.3s ease-out 0s; width:10px; }
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { background-color: #838383; border: 1px solid #838383; }
/*ͷ��*/
.header { border-bottom: 1px solid #e5e5e5; width: 100%; background: #fff;}
.header .row { margin: 0; }
.header .content { padding-left: 0; padding-right: 0 }
.header #headTop { height: 44px; padding-bottom: 30px; border-bottom: #3b3b3b 1px solid; text-align: center }
.header .content a#logo { float: none; display: inline-block }
.header .content a#logo img { float: none }
.header #navWrapper { position: relative; width: 100%; left: 0; top: 0; z-index: 99; height: 54px }
.header.mini #navWrapper { position: fixed; animation: navFixed ease-out .3s; background: rgba(28, 28, 28, .9) }
.header .nav>div.move { top: 0 }
.header .nav>li { float: left; font-size: 1rem; position: relative; }
.header .nav>li>a span { display: inline-block; position: relative; transition: all ease-out .3s }
.header .nav>li>a>i { margin-left: 10px }
.header .nav>li a.active i, #header .nav>li a.active span, #header .nav>li:hover a i, #header .nav>li:hover a span { color: #ef4136 }
.header .nav .subnav li a.active, #header .nav .subnav li a:hover { background-color: #f5f5f5; padding-left: 24px; color: #ef4136 }
.header .nav>div.move { width: 100px; height: 2px; top: -5px; background-color: #ef4136; position: absolute; display: none }
.logo { float: left; padding: 8px 0 0 20px; }
.head-tel { padding: 22px 0 0 20px; display: block; }
.head-tel i { color: #ef4136; font-size: 18px; padding-right: 5px; }
.head-tel img { padding-top: 1px; }
.search_wrap { position: absolute; right: 0; top: 0; }
.search { float: right; width: 54px; height: 60px; position: relative; text-align: center; }
.search .search-on{text-indent:9999px;font: normal normal normal 14px/1 FontAwesome;}
.search .search-on:before{font-size:16px;
    position: absolute;
    content: "\f002";
    text-indent: 0;
    text-align: center;
    line-height: 60px;
    speak: none;
    width: 100%;
    top: 0;
    left: 0;} 
.search.open .search-on:before{content: "\f00d"; color:#666;}
.search-off { position: absolute; top: 60px; right: 0; background: #333; height: 46px; width: 240px; transition: all .3s ease-out 0s; }
.search-off input.search-int { height: 44px; border: 0; width: 186px; background: #333; margin-top: 1px; float: left; padding-left: 15px; color: #fff; outline:none;}
.search-off button.search-btn { height: 44px; border: 0; width: 54px; float: left; color: #fff; font-size: 16px; background:transparent;outline:none;}
.search:hover .search-on, .open .search-on { background: #333; color: #fff; height:60px; transition: all .3s ease-out 0s; }
.sp_nav { width: 50px; float: right; position: relative; cursor: pointer; height: 30px; margin-top: 15px }
.sp_nav span { display: block; background: #c9141e; width: 30px; height: 2px; position: absolute; left: 10px; transition: all ease 0.35s }
.sp_nav span:nth-of-type(1) { top: 0px }
.sp_nav span:nth-of-type(2) { top: 10px }
.sp_nav span:nth-of-type(3) { top: 20px }
.sp_nav_se span:nth-of-type(1) { top: 10px; transform: rotate(45deg) }
.sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_nav_se span:nth-of-type(3) { top: 10px; transform: rotate(-45deg) }
.sjj_nav { position: fixed; z-index: 9; background: #eee; width: 100%; height: calc(100% - 104px); font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: 50px }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav>ul>li:first-child .language { float: right; width: 70px; overflow: hidden; line-height: 30px; margin-top: 5px }
.sjj_nav>ul>li:first-child .language a { width: 35px; float: left; border-left: 1px #ddd solid; text-align: center; color: #999; }
.sjj_nav ul li i { position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 30px; padding: 0px 7px 0 7px; }
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px #ddd solid; margin-left: 20px; position: relative; line-height: 40px; font-size: 14px }
.sjj_nav>ul >li:last-child { border-bottom: 1px #ddd solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #666; width: 80% }
.sjj_nav ul li ul li a { color: #999; display: block; text-align: left; }
.sjj_nav ul li i svg { width: 20px; height: 20px; fill: #555; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #c9141e }
.sjj_nav ul li ul li>ul { margin-left: 10px }
/*�ֲ�ͼ*/
#topSlider { height: 100%; overflow: hidden; display: block; padding: 60px 0 100px 0;}
#topSlider .owl-wrapper-outer, #topSlider .owl-wrapper, #topSlider .owl-item { height: 100%; }
#topSlider .item_block { width: 100%; height: 100%; display: block; position: relative }
#topSlider .item_block div.item_bg { position: absolute; width: 100%; height: 100% }
#topSlider .item_block div.item_bg.image { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }
#topSlider .item_block div.item_bg.video video { width: 100%; height: 100% }
#topSlider .item_block div.mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3) }
#topSlider .item_block a { width: 100%; height: 100%; display: table; position: absolute; left: 0; top: 0 }
#topSlider .item_block a div { display: table-cell; vertical-align: middle; padding: 100px 50px; text-align: left !important }
#topSlider .owl-buttons .owl-prev, #topSlider .owl-buttons .owl-next { margin-top: -50px; width: 60px; height: 60px; background: rgba(0, 0, 0, .1); border-radius: 60px; position: absolute; top: 50%; padding: 0; text-align: center; }
#topSlider .owl-buttons .owl-prev { left: 20px; }
#topSlider .owl-buttons .owl-next { right: 20px; }
#topSlider .owl-buttons i { color: #eaeaea; font-size: 36px; line-height: 60px; }
#topSlider .owl-buttons .owl-prev:hover, #topSlider .owl-buttons .owl-next:hover { background-color: rgba(0, 0, 0, .6); }
#topSlider .owl-buttons a.bx-next i { margin-left: 25px; }
#topSlider .owl-buttons a.active, .#topSlider .owl-buttons a.active {
display:none;
}
#topSlider .owl-buttons a, #topSlider .owl-buttons a { display: none; }
#topSlider .owl-pagination { position: absolute; bottom: 70px; left: 0; width: 100%; height:20px; text-align:center}
#topSlider .owl-pagination .owl-page{ width:15px; height:5px; display:inline-block; margin:0 5px;}
#topSlider .owl-pagination .owl-page span { width:15px; height:5px; display:block; background: #000; opacity: .5;}
#topSlider .owl-pagination .active span { opacity: 1;}
/*ѧУ�ſ�*/
.about_list_con.wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
.about_list { border-top: 1px solid #f2f2f2; margin-top: 50px; padding-top: 50px; }
.about_list h4 { margin-top: 0; margin-bottom: 5px; }
.about_list span { color: #999; font-size: 12px; }
.about_list .about_list_con { border-left: 1px solid #f2f2f2; }
.about_list .about_list_con:first-child { border-left: 0; }
.about_list_con { background: #fff; transition: all .3s ease-out 0s; padding: 0 !important; }
.about_list_con a { color: #262626; display: block; padding: 25px 20px 25px 135px; position: relative; }
.about_box .about_con { display: block; overflow: hidden; }
.about_box .about_con_p { color: #999; line-height: 24px; overflow: hidden; margin-top: 20px; font-size: 14px; transition: all .3s ease-out 0s; }
.about_box .about_pic { overflow: hidden; position: relative; }
.about_box .about_pic:after { content: ''; position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(239, 65, 54, 06); transform: scale(1.06); opacity: 0; transition: all .3s ease-out 0s; }
.about_box .about_con img { transform: scale(1); transition: all .6s ease; }
.newslist_wrap { margin: 0; padding: 0 10px 0 30px; }
.newslist_wrap li { position: relative; margin-bottom: 45px; }
.newslist_wrap li a { display: block; padding-left: 130px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.newslist_wrap li .date { color: #999; font-size: 12px; position: absolute; left: 0; top: 0; text-align: right; }
.newslist_wrap li .date .year { font-size: 14px; display: block; font-family: HELVETICANEUELTPRO-THEX; }
.newslist_wrap li .date .year span { display: none; }
.newslist_wrap li .date .md { font-size: 26px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-family: HELVETICANEUELTPRO-THEX; }
.newslist_wrap li .title { line-height: 30px; height: 30px; margin: 0; color: #2d2d2d; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; text-overflow: ellipsis; }
.newslist_wrap li .description { font-size: 13px; line-height: 24px; color: #999; height: 24px; overflow: hidden; margin: 5px 0 0 0; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left: 0; text-overflow: ellipsis; white-space: nowrap; }
.newslist_wrap li a .title::before { position: fixed; content: ""; width: 1px; height: 20px; background-color: #e5e5e5; margin: 5px 0px 0 -31px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.newslist_more { background: #f2f2f2; text-align: center; line-height: 36px; display: block; color: #999; margin: 0 10px 0 30px; }
.newslist_more i { opacity: 0; font-size: 18px; transition: all .3s ease-out 0s; margin-left: 0; }
/*������Ŀ*/
.of { overflow: hidden; }
.product_left { width: 910px; }
.product_right { width: 260px; }
.pro_title { width: 390px; height: 230px; color: #ef4136; padding: 80px 0 0 50px; }
.pro_con1 { width: 520px; height: 230px; }
.pro_text { background: #fff; padding: 30px; transition: all 0.3s ease 0s; position: relative; }
.pro_text h4 { font-size: 18px; color: #262626; }
.pro_text p { color: #7d7d7d; line-height: 24px; padding-top: 5px; }
.text-w { width: 390px; }
.banke_xm { padding-top: 2px; }
.banke_xm .pro_pic { padding-left: 2px; }
.product_right .pro_more { font-size: 14px; display: block; text-align: center; background: url(../images/index_13.png); width: 260px; height: 234px; line-height: 230px; color: #828282; }
.product_right .pro_more i { opacity: 0; font-size: 18px; transition: all .3s ease-out 0s; margin-left: 0; color: #ef4136; }
.product_right .pro_more:hover { color: #ef4136; }
.product_right .pro_more:hover i { margin-left: 24px; opacity: 1; }
.pro_con a img { float: none; width: 100%; height: auto; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pro_con a:hover img { transform: scale(1.1, 1.1); }
.pro_con a:hover h4 { color: #ef4136; }
.pro_con a:hover .pro_text { padding-top: 20px; }
.pro_con .pro_con_more { transition: all 0.6s ease 0s; opacity: 0; position: absolute; right: 35px; bottom: 30px; width: 40px; height: 20px; background: #ef4136; text-align: center; }
.pro_con .pro_con_more i { color: #fff; font-size: 14px; line-height: 20px; }
.pro_con a:hover .pro_con_more { opacity: 1; }
.pro_pic a { display: block; overflow: hidden; }
.product_list { margin-top: 30px; overflow: hidden; }
.product_list .product_list_n { margin: 10px 0; }
.product_list .product_list_n a{box-shadow: 0 0 0 rgba(0,0,0,.15); display:block;}
.product_list .pro_txt { background: #fff; padding: 15px 10px 15px 20px; position: relative; transition: all ease-out .3s; }
.product_list .pro_txt h4 { margin: 0; font-size: 16px; color: #555;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.product_list .pro_txt span { color: #999; line-height: 24px; }
.product_list .product_list_n.wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
.product_list .pro_txt i { width: 40px; height: 30px; position: absolute; top:50%; margin-top:-15px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; right: 0px; opacity: 0; line-height: 30px; text-align: center; font-size: 16px; color: #999; border-left: 1px solid #e5e5e5; }
.product_list a .pro_txt:after { width: 0%; height: 2px; position: absolute; content: ""; top: 100%; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #ef4136; z-index: 3; margin-top: -1px; }
.product_list a .pro_pic img { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.product_wrap .container_header { margin-left: 15px; }
/*ʦ���Ŷ�*/
.teacher_wrap .container_header .title, .news_wrap .container_header .title, .students_wrap .container_header .title, .about_wrap .container_header .title, .product_wrap .container_header .title { font-size: 26px; color: #2d2d2d; margin-bottom: 0; display: inline-block; }
.teacher_wrap .container_header .subtitle, .news_wrap .container_header .subtitle, .students_wrap .container_header .subtitle, .about_wrap .container_header .subtitle, .product_wrap .container_header .subtitle { font-size: 14px; letter-spacing: 2px; padding-left: 5px; margin-bottom: 0; color: #2d2d2d; font-family: HELVETICANEUELTPRO-THEX; display: inline-block; }
.teacher_wrap .container_header, .news_wrap .container_header, .students_wrap .container_header, .about_wrap .container_header { float: left; margin-left: 5%; }
.teacher_wrap { width: 100%; }
.teacher_wrap .container_category a { display: inline-block; padding-left: 10px; }
.teacher_wrap .container_category a span { display: block; text-align: center; color: #acacac; font-size: 14px; transition: all .3s ease-out 0s; padding: 0 16px; background-color: #ECECEC; }
.teacher_wrap .container_category a.active span, .teacher_wrap .container_category a:hover span { color: #fff; background: #EF4136 }
.teacher_wrap .container_category { float: right; text-align: right; position: relative; z-index: 8; margin-right: 5%; margin-top: 10px; }
.teacher_wrap .teacher_listn { margin-top: 30px; padding-left: 5%; padding-right: 5%; }
.teacher_wrap .teacher_listn .item_wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ef4136; opacity: 0; -webkit-transition: all .36s ease; transition: all .36s ease }
.teacher_wrap .owl-carousel .owl-item img { width: 100%; height: auto; display: block; -webkit-transition: all .36s ease; transition: all .36s ease }
.teacher_wrap .teacher_listn .item_block a { display: block }
.teacher_wrap .teacher_listn .item_block { position: relative; overflow: hidden }
.teacher_wrap .teacher_listn .item_block .item_info { text-align: center; padding: 0 14%; position: absolute; top: 50%; left: 0; margin-top: -120px; width: 100% }
.teacher_wrap .teacher_listn .item_block .item_info .title { font-size: 16px; color: #fff; transition: all .4s cubic-bezier(.4, 0, .2, 1); transition-delay: .15s; margin-top: 20px; opacity: .6 }
.teacher_wrap .teacher_listn .item_block .item_info .subtitle { color: #fff; font-size: 14px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; white-space: initial; transition: all .4s cubic-bezier(.4, 0, .2, 1); transition-delay: .2s; margin-top: 30px; opacity: .3 }
.teacher_wrap .teacher_listn .item_info .nums { font-size: 52px; color: #fff; transition: all .4s cubic-bezier(.4, 0, .2, 1); transition-delay: 0s }
.teacher_wrap .teacher_listn .item_block .item_info .line { width: 1px; height: 36px; background: rgba(255, 255, 255, .3); margin: 12px auto 16px }
.teacher_wrap .teacher_listn .owl-item:hover .item_info .nums { margin-top: -20px; font-size: 32px }
.teacher_wrap .teacher_listn .owl-item:hover .item_info .title { margin-top: 4px; opacity: 1 }
.teacher_wrap .teacher_listn .owl-item:hover .item_info .subtitle { margin-top: 22px; opacity: 1 }
.teacher_wrap .teacher_listn .item_block .details { color: transparent; position: relative; width: 178px; height: 40px; display: block; margin: 0 auto; opacity: 0; background: rgba(0, 0, 0, 0); border: 1px solid #fff; filter: alpha(opacity=0); margin-top: 46px; transition: all .4s cubic-bezier(.4, 0, .2, 1) }
.teacher_wrap .teacher_listn .owl-item:hover .details { opacity: 1; margin-top: 36px }
.teacher_wrap .teacher_listn .item_block .details i { position: relative; z-index: 1 }
.teacher_wrap .teacher_listn .item_block .details i:after { content: ''; width: 1px; height: 15px; background: #fff; position: absolute; top: 50%; left: 50%; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.teacher_wrap .teacher_listn .item_block .details i:before { content: ''; width: 15px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: 6px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.teacher_wrap .teacher_listn .owl-item:hover .details i:after, .teacher_wrap .teacher_listn .owl-item:hover .details i:before { background: #ef4136 }
.teacher_wrap .teacher_listn .item_block .details::after { content: ""; width: 0; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; transition: all .3s ease 0s }
.teacher_wrap .teacher_listn .owl-item:hover .details::after { width: 100% }
.teacher_wrap .teacher_listn .item_block .item_wrapper:after { content: ''; position: absolute; top: 15px; left: 15px; border: 1px solid rgba(255, 255, 255, .8); width: calc(100% - 30px); height: calc(100% - 30px); transform: scale(1.06); transition: all .3s ease-out 0s }
.teacher_wrap .teacher_listn .item_block:hover .item_wrapper:after { transform: scale(1) }
.teacher_wrap .teacher_listn .item_block .details { color: transparent }
.teacher_wrap .teacher_listn .owl-controls { margin-top: 0; z-index: 90; }
.teacher_wrap .teacher_listn .owl-buttons { z-index: 90; }
.teacher_wrap .teacher_listn .owl-buttons div { position: absolute; bottom: 0; text-align: center; transition: all ease-out .3s; display: block !important; }
.teacher_wrap .teacher_listn .owl-buttons .owl-next { right: 5%; }
.teacher_wrap .teacher_listn .owl-buttons .owl-prev { left: 5%; }
.teacher_wrap .teacher_listn .owl-buttons [class*=owl-] { top: 50%; margin-top: -25px; z-index: 90; background: rgba(119, 119, 119, .8); width: 50px; height: 50px; border-radius: 0; padding: 0; }
.teacher_wrap .teacher_listn .owl-buttons i { color: #b8b8b8; line-height: 50px; font-size: 20px; }
.teacher_wrap .teacher_listn .owl-buttons [class*=owl-]:hover { background: #ef4136 }
.teacher_wrap .teacher_listn .owl-buttons [class*=owl-]:hover i { color: #fff }
.teacher_wrap .more { height: 50px; line-height: 50px; margin-top: 50px; width: 100%; color: #828282; display: block; text-align: center }
.teacher_wrap .more i { opacity: 0; font-size: 18px; transition: all .3s ease-out 0s; margin-left: 0 }
.teacher_wrap .item_block.wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
/*ѧУ��̬*/
.news_wrap .owl-item .item_block { height: 100% }
.news_wrap .owl-item { height: 266px; text-align: center; margin-bottom: 267px; position: relative; box-sizing: border-box }
.news_wrap .item_block .item_img { display: none }
.news_wrap .item_block .item_info .title { font-size: 16px; color: #262626; padding: 94px 40px 0; position: relative; transition: all .3s ease-out 0s }
.news_wrap .item_block .item_info .date_wrap { color: transparent; font-size: 12px; padding: 0 40px; height: 20px; line-height: 20px; transition: all .3s ease-out 0s; margin-top: 4px }
.news_wrap .item_block .item_info .description { color: #7b7b7b; font-size: 13px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; padding: 0 40px; transition: all .3s ease-out 0s; margin-top: 10px }
.news_wrap { position: relative; z-index: 6; }
.news_wrap .owl-item .item_block:before { content: ''; border-left: 1px dotted #b3b3b3; height: 28px; position: absolute; top: 12px; left: 50%; transition: all .3s ease-out 0s }
.news_wrap .owl-item:nth-child(2n+1) { margin-top: 265px; margin-bottom: 0 }
.news_wrap .owl-item:nth-child(2n) .item_block:before { bottom: 12px; top: auto }
.news_wrap .item_info .nums { position: absolute; font-family: HELVETICANEUELTPRO-THEX; top: 67px; width: 60px; left: 50%; margin-left: -30px; font-size: 24px; color: #000; opacity: 1; transition: all cubic-bezier(.02, .45, .26, 1.01) .3s }
#indexPage .news .owl-dots, #indexPage .news .owl-nav { display: none }
.news_wrap { position: relative }
.news_wrap:after { content: ''; position: absolute; top: 50%; margin-top: 48px; width: 100%; height: 1px; background: #dedede }
.news_wrap .owl-item .item_link::after { content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); transition: all .3s ease-out 0s; border: 1px solid transparent }
.news_wrap .owl-item:hover .item_link:after { border-color: #bebebe; border-bottom-color: #dedede }
.news_wrap .owl-item:hover { background-color: #fff; transition: all .3s ease-out 0s }
.news_wrap .owl-item:hover .item_info .title:before { display: none }
.news_wrap .owl-item:hover .date_wrap { color: #7d7d7d; margin-top: -2px }
.news_wrap .owl-item:hover .item_info .title { font-size: 16px; color: #ef4136; padding-top: 62px; padding-bottom: 6px }
.news_wrap .owl-item:hover .item_info .description { font-size: 13px; color: #000 }
.news_wrap .owl-item .item_block .o_ico { position: absolute; width: 6px; height: 6px; top: 0; left: 50%; border-radius: 100%; margin-left: -3px; margin-top: -3px; transition: all .3s ease-out 0s }
.news_wrap .owl-item:nth-child(2n) .item_block .o_ico { bottom: 0; top: auto; margin-bottom: -3px }
.news_wrap .owl-item .item_block .o_ico:after { content: ''; position: absolute; transition: all cubic-bezier(.02, .45, .26, 1.01) .3s; z-index: 4; top: -5px; left: -5px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 1px solid #fff }
.news_wrap .owl-item .item_block .o_ico::before { content: ''; width: 6px; height: 6px; position: absolute; z-index: 6; top: 0; left: 0; border-radius: 50%; background: #6d6d6d }
.news_wrap .owl-item:hover .item_block .o_ico:after { top: -9px; left: -9px; width: 22px; height: 22px; border-color: red; background: #fff }
.news_wrap .owl-item:hover .item_block:before { top: 20px }
.news_wrap .owl-item:hover:nth-child(2n) .item_block:before { bottom: 20px; top: auto }
.news_wrap .owl-item:hover .nums { opacity: 0; margin-top: 15px; font-size: 16px }
.news_wrap .item_block .details { color: transparent; position: relative; width: 120px; height: 30px; display: block; margin: 0 auto; opacity: 0; background: #ef4136; filter: alpha(opacity=0); transition: all .3s ease-out 0s; margin-top: 28px; overflow: hidden }
.news_wrap .owl-item:hover .details { opacity: 1 }
.news_wrap .details i:after { content: ''; width: 1px; height: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -8px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.news_wrap .details i { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.news_wrap .item_block .details i:before { content: ''; width: 15px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -1px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
#indexPage .news .container_content { position: relative }
#indexPage .news .item_tags { display: none }
.news_wrap .owl-item:nth-child(2n) .item_info .nums { top: 42px }
.news_wrap .owl-item:nth-child(2n) .item_info .title { padding-top: 70px }
.news_wrap .content_list .owl-item:nth-child(2n):hover .item_info .title { padding-top: 48px }
.news_wrap .owl-item .line { width: 0; height: 1px; background: #a4a4a4; display: inline-block; position: relative; bottom: 1px; left: 0; transition: all .36s cubic-bezier(.215, .61, .355, 1) 0s }
.news_wrap .owl-item:nth-child(2n) .line { top: -266px; margin: 0 }
.news_wrap .owl-item:hover .line { width: 100% }
.news_wrap .owl-item:hover .item_block:before { height: 18px }
.news_wrap .owl-item:nth-child(2n):hover .item_info .title { padding-top: 48px; }
/*ѧԱ���/
#students { background-position: bottom center; background-repeat: no-repeat; }
#students .bgmask { background: url(../images/dot.png) repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.students_wrap .container_header { margin-left: 10px !important; clear: #fff; }
.students_listn { margin-top: 20px; }
.students_listn .item_block a .project_info div { position: relative; bottom: 0px; z-index: 2; }
.students_listn .item_block a .project_info div::after { width: 32px; height: 30px; posi.tion: absolute;
content: ""; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 15px; right: 0px; background: url(../images/index_17.png); opacity: 0; }
.students_listn .item_block a:hover .project_info div::after { right: 25px; opacity: 1; }
.students_listn .item_block a .project_info p.title { padding: 20px 0px; text-overflow: ellipsis; overflow: hidden; .white-space: nowrap;
font-size: 16px; transition: all ease-out .3s; margin-bottom: 0; }
.students_listn .item_block a:hover .project_info p.title { padding-left: 10px; }
.students_listn .item_block a { display: block; overflow: hidden; color: #2d2d2d; }
.students_listn .item_block a .project_info { width: 100%; height: 100%; position: relative; top: auto; left: auto; }
.students_listn .item_block a .project_info::after { width: 0%; height: 1px; position: absolute; content: ""; top: 100%; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: rgba(0, 0, 0, 0.2); z-index: 3; margin-top: -1px; }
.students_listn .item_block a:hover .project_info::after { width: 100%; }
.students_listn .item_block a:hover { color: #ef4136; }
.students_listn img { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.students_listn a:hover img { transform: scale(1.2, 1.2); }
.students .owl-nav .owl-prev, .students .owl-nav .owl-next { top: 110%; margin-top: 0px; width: 60px; height: 30px; background: none !important; text-align: center; }
.students .owl-nav .owl-prev { left: 50%; margin-left: -60px; border-right: 1px solid rgba(255, 255, 255, .1); background: url(../images/icon.png) -60px -250px no-repeat; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.students .owl-nav .owl-prev:hover { border-right: 1px solid #454545; background: url(../images/icon.png) -60px -220px no-repeat; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.students .owl-nav .owl-prev { right: 50%; margin-right: -60px; background: url(../images/icon.png) 0 -250px no-repeat; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.students .owl-nav .owl-prev:hover { background: url(../images/icon.png) 0 -220px no-repeat; }
.students .owl-nav i { color: #dadada; font-size: 24px; line-height: 30px; }
.students .owl-nav:hover i { color: #535353; }
.students .module_container { padding: 0 32px 130px; width: 100%; max-width: 100%; }
.students .container_content { padding: 35px 22px 0 22px; }
.projectitem_content { display: block; margin: 0 10px; }
.project_img { overflow: hidden; }
.students_wrap .item_block.wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.student_list { border-top: 1px solid #e5e5e5; margin-top: 50px; border-bottom: 1px solid #e5e5e5; }
.student_list.wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
/*�ײ�*/
.footer_box { position: relative; height: 100%; width: 100%; background: #fff;}
.contact { background-color: #3e3e3e !important;}
.contact .xiaoqu_map { background: #ccc; width: 100%; }
.map_tab { text-align: center; background: #3e3e3e; margin: 0; font-size: 14px; color: #fff; width: 100%; z-index:9;}
.map_tab ul { margin-bottom: 0; }
.map_tab li { padding: 0 15px; line-height: 60px; color: #fff; text-align: left; font-size: 16px; }
.map_tab li:first-child { text-align:right;}
.map_tab li.on{ background:#ef4136;}
.map_tab li i { margin-left: 15px; }
.map_tab li:first-child i { margin-right: 15px; margin-left: 0; }
.contact_box { font-size: 20px; color: #fff; padding: 60px 0; }
.contact_box a { color: #fff; font-family: HELVETICANEUELTPRO-THEX; letter-spacing: 2px; }
.contact_box .fa_ico { border: 1px solid rgba(119, 119, 119, .15); background-color: #444; width: 53px; height: 53px; display: inline-block; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; margin-right: 10px; transition: all .2s ease-out 0s; }
.contact_box i { color: #9e9e9e; line-height: 53px; font-size: 18px; }
.contact_box .qq { padding: 0 40px; }
.contact_box .weixin { font-size: 14px; color: #7f7f7f; line-height: 40px; }
.contact_box.wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
.weixin-list { margin-bottom: 0; float: right; }
.weixin-list li { float: left; width: 53px; height: 53px; margin-left: 20px; position: relative; }
.flinks { border-top: 1px solid #4c4c4c; padding: 30px 0; color: #7f7f7f; }
.flinks a {padding-right:15px; background: url(../images/index_01.png) no-repeat right center; color: #7f7f7f; font-size:12px; }
.flinks a:hover { color: #fff; }
.footer_wrap { width: 100%; background: #3e3e3e; }
.copyright { background: #383838; font-size: 12px; padding: 15px 0; line-height: 20px; color: #7f7f7f; }
.copyright span { padding-left: 10px; }
.owl-theme .owl-nav i { line-height: 50px; font-size: 20px; }
.sjz_xq_pc, .bd_xq { font-size: 12px; }
.sjz_xq_pc {padding-right:10px;}
.map_tab li.on .bd_xq_pc,.map_tab li.on .sjz_xq_pc,.map_tab li.on .bd_xq,.map_tab li.on .sjz_xq{color:#ff8b84;}
.bd_xq { padding-left: 10px; color: #999; }
/*������Ŀ-�Ҹ���*/
.pro_more { position: absolute; top: 10px; right: 15px; width: 80px; height: 26px; border: 1px solid #acacac; text-indent: 0; overflow: hidden; z-index: 9; }
.pro_more i { line-height: 26px; font-size: 16px; }
.pro_more .fa-angle-right:after, .pro_more .fa-angle-right:before, .pro_more .fa-angle-right:after, .pro_more .fa-angle-right:before { content: "\f105"; display: block; transition: all .3s ease; }
.pro_more:hover { border: 1px solid #ef4136; background: #ef4136; color: #fff; }
.pro_more { text-align: center; }
.pro_more:hover .fa-angle-right:after { color: #fff; }
/* ����ͼЧ�� */
.picBtnTop { position: relative; overflow: hidden; zoom: 1; }
.picBtnTop .hd { overflow: hidden; }
.picBtnTop .hd ul { padding: 53px 0 0 40px; }
.picBtnTop .hd ul li { text-align: center; margin-top:15px; overflow: hidden; margin-bottom: 0; }
.picBtnTop .hd ul li img { cursor: pointer; vertical-align: bottom; transform: scale(1); transition: all .6s ease; }
.picBtnTop .bd_box { position: relative; border-right: 1px solid #e5e5e5; padding: 50px 70px 50px 0;}
.picBtnTop .bd li { position: relative; zoom: 1; vertical-align: middle; }
.picBtnTop .bd li .pic { position: relative; z-index: 0; }
.picBtnTop .bd li .pic img { vertical-align: bottom; }
.picBtnTop .bd li .student_info { width: 86%; height: auto; margin: 0 auto; background: transparent; position: absolute; bottom: 15%; text-align: left; margin-bottom: -40px; padding-left: 7%; }
.picBtnTop .bd li .student_info p { margin: 0; }
.picBtnTop .bd li .student_info .title { height: 36px; line-height: 38px; position: relative; top: 35px; opacity: 0; padding-top: 0px; font-size: 22px; font-weight: bold; color: #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.picBtnTop .bd li .student_info .description { overflow: hidden; opacity: 0; text-overflow: ellipsis; color: rgba(111, 111, 111, 0.55); white-space: nowrap; height: 26px; line-height: 26px; margin-left: 0; margin: 0 auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.picBtnTop .bd li:after { content: '01'; position: absolute; bottom: 42%; left: 6%; font-family: 'Bookman Old Style', Geneva, Verdana, sans-serif; font-size: 40px; color: #fff; font-weight: bold; opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.picBtnTop .bd li:nth-child(2):after { content: '02'; }
.picBtnTop .bd li:nth-child(3):after { content: '03'; }
.picBtnTop .bd li:before { content: ''; position: absolute; width: 80px; height: 1px; left: 6%; bottom: 26%; background-color: rgba(255, 255, 255, .5); transform: rotate(-70deg); -ms-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -webkit-transform: rotate(-70deg); -o-transform: rotate(-70deg); opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: 99; }
.picBtnTop .bd li .pic:before { position: absolute; background: rgba(0, 0, 0, .45); width: 100%; height: 100%; content: ''; left: 0; top: 0; opacity: 0; transition: all 0.3s ease-out 0s; }
/* tabѡ���л�Ч�� */
.slideTxtBox { width: 510px; border: 1px solid #ddd; text-align: left; }
.slideTxtBox .hd { height: 30px; line-height: 30px; background: #f4f4f4; padding: 0 20px; border-bottom: 1px solid #ddd; position: relative; }
.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px; }
.slideTxtBox .hd ul li { float: left; padding: 0 15px; cursor: pointer; }
.slideTxtBox .hd ul li.on { height: 30px; background: #fff; border: 1px solid #ddd; border-bottom: 2px solid #fff; }
.slideTxtBox .bd ul { padding: 15px; zoom: 1; }
.slideTxtBox .bd li { height: 24px; line-height: 24px; }
.slideTxtBox .bd li .date { float: right; color: #999; }
.lanmu_title { position: relative; }
@media screen and (min-width: 1200px) {
.about_wrap { margin-left: -600px; margin-top: -240px; }
.product_wrap { margin-left: -600px; margin-top: -260px; }
.weixin h5 { position: absolute; right: 220px; top: 0;}
}
@media only screen and (max-width: 1500px) and (min-width:1201px) {
.teacher_wrap .teacher_listn .owl-item:hover .item_info .nums {margin-top:-10px; font-size:26px;}
.teacher_wrap .teacher_listn .owl-item:hover .details {margin-top:16px;}
}

@media only screen and (max-width: 1200px) and (min-width:992px) {
.logo img { height: 36px; }
.head-tel { padding: 22px 0 0 10px; }
.header .nav>li>a { padding: 0 10px !important; }
.dropdown>a { padding: 0 20px !important; }
.newslist_wrap { padding: 0 0 0 20px; }
.newslist_wrap li { margin-bottom: 35px; }
.newslist_wrap li a { padding-left: 120px; }
.newslist_wrap li a:hover { padding-left: 130px; }
.newslist_wrap li a .title::before { margin: 5px 0px 0 -26px !important; }
.newslist_more { margin: 0 10px 0 20px; }
.about_list_con a { padding: 25px 20px 25px 120px; }
.about_list_con img { left: 40px; }
.contact_left { padding-top: 6px; }
.contact_box .fa_ico { width: 40px; height: 40px; }
.contact_box i { font-size: 14px; line-height: 40px; }
.contact_box .qq { padding: 0 20px; }
.weixin h5 { position: absolute; top: 0px; right: 280px; }
.weixin-list li { margin-left: 15px; }
.about_wrap, .product_wrap { margin-left: -485px !important; }
.about_wrap { margin-top: -240px; }
.product_wrap { margin-top: -230px !important; }
.teacher_wrap .teacher_listn .owl-item:hover .item_info .nums { margin-top: -20px; font-size: 32px; }
.contact_box .fa_text{ font-size:18px;}

}
@media only screen and (max-width:991px) and (min-width:768px) {
.logo img { height: 36px; }
.head-tel { padding: 22px 0 0 10px; }
nav.navbar.bootsnav{ float:none!important; padding-left:20px;}
.header .nav { width: 100%; margin: 0;}
.header .nav>li>a { padding: 0 10px; }
.newslist_wrap { padding: 0; }
.newslist_wrap li { margin-bottom: 25px; }
.newslist_wrap li a { padding-left: 90px; }
.newslist_wrap li a:hover { padding-left: 100px; }
.newslist_wrap li a .title::before { margin: 5px 0px 0 -16px !important; }
.newslist_wrap li .date { padding-top: 5px; }
.newslist_wrap li .date .md { font-size: 20px; }
.newslist_more { margin: 0 10px 0 0; }
.about_list_con a { padding: 25px 20px 25px 90px; }
.about_list_con img { left: 20px; top: 17px; width: 55px; }
.about_list h4 { font-size: 16px; }
.weixin h5 { position: absolute; top: 0px; left: 15px; }
.weixin-list { float: left; padding-left:50px; }
.contact_box { font-size: 16px; padding: 30px 0; }
.contact_box .fa_ico { width: 34px; height: 34px; margin-right: 5px; }
.contact_box i { font-size: 14px; line-height: 34px; }
.contact_left { padding-bottom: 20px; }
.contact_left img { height: 18px; }
.flinks { padding: 30px 0; color: #7f7f7f; }
.channel_list_wrap .channel_list_text h5 { margin: 5px 0 !important; font-size: 16px !important; }
.channel_list_wrap .more { font-size: 14px!important; }
.about_wrap { margin-top: -215px !important; margin-left: -375px !important; }
.product_wrap { margin-top: -180px !important; margin-left: -375px !important; }
.footer_box{ padding-top: 106px; }
.teacher_wrap .teacher_listn .owl-item:hover .item_info .nums { margin-top: -20px; font-size: 26px; }
.picBtnTop .bd li .student_info { margin-bottom: -30px; }
.picBtnTop .bd li .student_info .title { font-size: 18px; }
.picBtnTop .bd li:after { font-size: 30px; }
.picBtnTop .bd li:before { width: 40px; left: 10%; bottom: 30%; }
}
@media(max-width:767px) {
a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; }
.navbar-toggle {position: relative; overflow: hidden; width:50px; height: 60px; float: right; display: block; font: normal normal normal 14px/1 FontAwesome; padding: 0; margin: 0; color:#ef4136; font-size:.8rem; }
.navbar-toggle:before { color: #ef4136; font-size:1.6rem; content: "\f00d"; display:block; padding-bottom: 3px;}
.navbar-toggle.collapsed:before { content: "\f0c9"; }
.nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; }
.nav-collapse li { width: 100%; display: block; }
.js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; margin-bottom: 15px; }
.nav-collapse.opened { max-height: 9999px; }
.search_wrap { display: none; }
body { max-width: 640px; min-width: 320px; margin: 0 auto !important; }
.header { max-width: 640px; min-width: 320px; }
#about, #product, #teacher, #students { display: flex; align-items: center; justify-content: center; }
.about_box .about_con_p { font-size: 1rem; line-height: 1.6rem; height: 4.8rem; overflow: hidden; margin-top: 1rem; position: relative; }
.about_box .about_con_p::after { content: "..."; font-weight: bold; position: absolute; bottom: 0; right: 0; padding: 0 20px 1px 45px; background: url(../images/ellipsis_bg.png) repeat-y; }
.newslist_wrap_m { padding-top: 1.5rem; }
.newslist_wrap { padding: 0; }
.newslist_wrap li { margin-bottom: 1.5rem; }
.newslist_wrap li a { padding-left: 6rem; }
.newslist_wrap li .title { font-size: 1rem; line-height: 2rem; height: 2rem; }
.newslist_wrap li a .title::before { margin: -10px 0 0 0; position: absolute !important; top: 50%; left: 4.6rem; }
.newslist_wrap li a:hover .title::before { margin: -10px 0 0 0 !important; }
.newslist_wrap li .date .md { font-size: 1.2rem; }
.newslist_wrap li .date .year { font-size:.8rem;
}
.newslist_wrap li .description { display: none; }
.newslist_more { margin: 0; }
.about_list { padding-top: 1.5rem; margin-top: 1.5rem; }
.about_list .about_list_con { border-bottom: 1px solid #f2f2f2; }
.about_list .about_list_con:nth-child(3) { border-left: 0 !important; }
.about_list_con a { padding:1rem 0 1rem 1rem;overflow: hidden;}
.about_list_con img { float: left; height: 2.8rem; }
.about_list_text { float: left; padding:3px 0 0 5px; }
.about_list h4 { font-size: 1rem; margin-bottom: 0; }
.about_list span { font-size:.8rem;
}
.teacher_wrap .container_header .title, .news_wrap .container_header .title, .students_wrap .container_header .title, .about_wrap .container_header .title, .product_wrap .container_header .title { font-size: 1.3rem; font-weight: bold; }
.teacher_wrap .container_header .subtitle, .news_wrap .container_header .subtitle, .students_wrap .container_header .subtitle, .about_wrap .container_header .subtitle, .product_wrap .container_header .subtitle {
font-size:.8rem; padding-left: 0; }
.pro_more { width: 4rem; height: 1.4rem; top: 3px !important; }
.pro_more i { line-height: 1.2rem; font-size: 1rem; }
.product_list .pro_txt h4, .teacher_wrap .container_category a, .picBtnTop .bd li .student_info .title { font-size: 1rem; }
.product_list .pro_txt span, .picBtnTop .bd li .student_info .description { font-size:.8rem;
}
.teacher_wrap .container_category { padding: 10px 15px 0 15px; margin: 0; width: 100%; float: left; text-align: left; }
.teacher_wrap .teacher_listn .item_info .nums { font-size: 2rem; }
.teacher_wrap .teacher_listn .owl-item:hover .item_info .nums { margin-top: 0; font-size: 1.4rem; }
.teacher_wrap .teacher_listn .item_block .item_info .title { font-size: 1rem; }
.teacher_wrap .teacher_listn .item_block .item_info .subtitle {
font-size:.8rem; line-height: 1.2rem; margin-top: 0; }
.teacher_wrap .teacher_listn .item_block .details { width: 8rem; height: 2.5rem; margin-top: 1rem; }
.teacher_wrap .teacher_listn .owl-item:hover .details, .teacher_wrap .teacher_listn .owl-item:hover .item_info .subtitle { margin-top: 1rem; }
.picBtnTop .bd_box { padding: 0; border-right: 0; }
.picBtnTop .hd, .picBtnTop .hd ul { padding: 0; }
.picBtnTop .hd ul li { margin: 1rem 0 0 0; float: left; width: 33.33%; padding: 0 5px; }
.picBtnTop .bd li .student_info .title { height: 1.2rem; line-height: 1.2rem; }
.picBtnTop .bd li .student_info { margin-bottom: -1rem; }
.picBtnTop .bd li:before { width: 2rem; left: 10%; bottom: 30%; }
.picBtnTop .bd li:after { font-size: 1.4rem; }
.weixin-list { float: left; width: 100%; }
.weixin-list li { margin: 0; width: 20%; padding-right: 15px; }
.weixin-list li img { max-width: 100%; }
.tooltip-content { margin-left: -55px !important; }
#focus { display: none; }
.hide { display: none; }
.swiper-container2 { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; display: block; width: 100%; height: 100%; }
.swiper-container2 .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container2 .swiper-wrapper .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-p2 { position: absolute; z-index: 20; left: 0; bottom: 0; text-align: center; width: 100%; }
.swiper-p2 .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 0 5px; opacity: 0.2; cursor: pointer; }
.swiper-p2 .swiper-active-switch { opacity: 0.7; }
.about_wrap { padding-top: 15px; }
.product_wrap, .teacher_wrap, .students_wrap { padding-top: 2.5rem; }
.map_tab { top: 0; }
.map_tab .row { margin: 0 !important; }
#map { height: 300px !important; }
.students_wrap { padding: 2.5rem 0; }
.head-tel, .logo .pc { display: none; }
.logo { width:80%; padding: 0; position: relative; height: 60px; }
.logo img { position: absolute; left: 15px; top: 50%; transform: translate(0, -50%); }
.swiper-p1 { display: none !important; }
.header .nav { margin: 0 !important; }
.about_list { padding-top: 0 !important; }
.product_list .product_list_n { margin: 5px 0; padding: 0 5px; }
.product_list .pro_txt { padding:1rem .8rem 1rem 1rem;}
.teacher_wrap .container_header { margin: 0 0 0 15px; }
.teacher_wrap .container_category a{ width: 27%; padding-left: 0; padding-right: 5px !important; }
.teacher_wrap .container_category a:first-child{ width: 19%; }
.teacher_tab .container_category a{ margin-bottom:4px;}
.teacher_wrap .teacher_listn { padding: 0 15px; margin-top: 2.5rem; }
.teacher_wrap .teacher_listn .owl-buttons .owl-prev { left: 15px; }
.teacher_wrap .teacher_listn .owl-buttons .owl-next { right: 15px; }
.teacher_wrap .teacher_listn .owl-buttons [class*=owl-] { width: 3rem; height: 3rem; display:none !important;}
.teacher_wrap .teacher_listn .owl-buttons i { line-height: 3rem; }
.teacher_wrap .more { margin: 1rem 0 2rem 0; }
.students_wrap .container_header { margin-left: 0 !important; }
.students_wrap .pro_more { right: 0; }
.student_list { margin-top: 2.5rem; border: 0; }
.map_tab li { line-height: 1rem; padding: 1rem; }
.sjz_xq_wap, .bd_xq { display: block; padding: 0; font-size:.8rem;}

.map_tab .on .sjz_xq_wap {color:#ff8b84;}
.map_tab li i { position: absolute; top: 50%; margin-top: -8px; }
.map_tab li i.fa-angle-left { left: 15px; }
.map_tab li i.fa-angle-right { right: 15px; }
.sjz_xq_pc { display: none; }
.contact_box { padding: 2rem; }
.flinks{font-size:12px; line-height:16px; padding:10px 0;}
.flinks .container{ height:48px; overflow:hidden;}
.copyright { text-align: center; padding: 8px 0; }
.contact_t { padding-bottom: 10px; font-size: 14px; color: #999; }
.contact_box .fa_ico { width: 1.8rem; height: 1.8rem; margin-right: 0;float:left;}
.contact_box i { line-height: 1.8rem !important; font-size:.8rem; padding-left:1px;}
.contact_box .fa_text{line-height: 1.8rem; float:left; padding-left:5px;}
.contact_box .contact_left img { height: 1.4rem; }
.contact_box .contact_left .tel, .contact_box .contact_left .qq, .contact_box .contact_left .address { width: 100%;}
.contact_box .contact_left .qq { padding: 15px 0; }
.contact_box .contact_left a { font-size: 1.2rem; display:block; overflow:hidden;}
.teacher_wrap .container_category a span { padding: 5px 0; }
nav.navbar.bootsnav { margin-right: 0 !important; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover { background-color: #2e2e2e !important; }
nav.navbar.bootsnav .navbar-toggle { display: inline-block; z-index: 999; }
nav.navbar.bootsnav .navbar-collapse { border: none; margin-bottom: 0; }
nav.navbar.bootsnav .navbar-collapse.collapse { display: none !important; }
nav.navbar.bootsnav .navbar-collapse.collapse.in { display: block !important; }
nav.navbar.bootsnav .navbar-nav { float: none !important; padding-left: 30px; padding-right: 30px; margin: 0px -15px; }
nav.navbar.bootsnav .navbar-nav > li { float: none; }
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before { font-family: 'FontAwesome'; content: "\f105"; float: right; font-size: 16px; margin-left: 10px; }
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before { content: "\f107"; }
nav.navbar.bootsnav .navbar-nav > li > a { display: block; width: 100%; border-bottom: 1px solid #2a2a2a; color: #fff; padding: 1rem; }
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu { border-bottom: solid 1px #e0e0e0; }
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle { float: none !important; position: relative; display: block; width: 100%; }
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { width: 100%; position: relative !important; background-color: transparent; float: none; border: none; padding: 0 15px !important; margin: 0 0 -1px 0 !important; }
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { display: block; width: 100%; border-bottom: solid 1px #2e2e2e; padding: 10px 0; color: #999; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus { background-color: transparent; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu { float: none !important; left: 0; padding: 0 0 0 15px; position: relative; background: transparent; width: 100%; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu { display: inline-block; margin-top: -10px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after { display: none; }

nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position: fixed; overflow-y: auto !important; overflow-x: hidden !important; display: block; z-index: 99; width: 280px; height: 100% !important; left: -280px; background: #333; top: 0; padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { left: 0; }
nav.navbar.bootsnav.navbar-mobile ul.nav { padding-right: 0; padding-left: 0; }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a { padding-top: 15px !important; padding-bottom: 15px !important; }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title { padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a { padding-top: 13px !important; padding-bottom: 13px !important; }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] { width: 100%;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ display:none;}
nav.navbar.bootsnav ul.nav> li:hover{background: transparent !important;}
.newslist_more i,.teacher_wrap .more i{opacity:1; padding-left:10px;}
.product_list a .pro_txt i {opacity:0; }
.weixin h5{ padding:10px 0;}
.channel_banner_wap,.channel_banner_wap div{ height:12rem !important; display:block !important;}
.channel_banner{ display:none;}
.container_header .localhost{ margin-top:.5rem !important;}
.localhost{ margin:2rem 0 1rem!important; text-align:left !important;}
.localhost a:first-child{ padding-left:0;}
.content_head h1{ font-size:1.2rem !important; line-height: 1.7rem;}
/*.xg_list_text{ display:none;}*/
.xg_list_text p,.channel_list_wrap .channel_list_text p{ display:none !important;}
.xg_list_wrap  .xg_list_pic,.channel_list_pic{ padding-right:0!important;}
.xg_list .xg_list_wrap a h5{ margin-top:0 !important;}
.xg_list .xg_list_wrap{ border-bottom:none !important; padding-bottom:0 !important;}
.channel_list{ padding-bottom:0 !important;}
.channel_list .container_header h2{margin:2rem 0 0 0 !important; font-size:1.3rem !important; font-weight: bold;}
.channel_list_wrap .channel_list_link{ padding-right:0 !important;}
.channel_list_wrap .more{ display:none !important;}
.channel_list_wrap .channel_list_text h5{ font-size:1rem !important; margin-top:0 !important;}
.xg_list .xg_list_wrap .date,.channel_list_wrap .channel_list_text .date{ font-size:.8rem;}
.pages{ padding:1rem 0 3rem !important;}
.teacher_conm{padding:15px 10px !important;}
.teacher_con{ padding:0 5px !important; margin-bottom:10px !important;}
.prevArrow{ left:0 !important;}
.nextArrow{ right:0 !important;}
.channel_list .container_header{ margin:0 0 30px 0;display:none;}
.teacher_tab { padding:20px 0; border-bottom: 1px solid #e5e5e5; background: #f2f2f2;}
.channel_list {min-height:300px;}
.job_from{ padding:15px 20px;}
.list_listcon{ padding-top:30px;}
.about_pl15{ padding:0 0 20px!important;}
.about_pl15 .teacher_tab{ margin-bottom:20px;}
.product_pl0{ padding:0 !important;}
/*.product_list{ padding:0 10px;}
*/.map_box{ height:300px !important;}
.map_pc{ display:none;}
/*.student_list_box{ padding:0 !important;}
*/
.product_list_indexw{ padding:0 10px;}
.weixin-list-pc{ display:none;}
.about_bkpc{ display:none;}
.about_pic{ display:none;}
.footer_box,.foot_n{padding-bottom:0rem;}
.my-slide .owl-controls { margin: 0; position: absolute; bottom:5px; width: 100%; text-align: center; }
.my-slide .owl-controls span { background: #fff !important;  display: block; width: 10px;height: 10px; margin: 5px 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5;}
.my-slide .owl-controls .owl-page{display: inline-block;zoom: 1;}
.my-slide .owl-controls .active span{filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;}
.xg_list h2 {background: #f7f7f7; padding: .5rem 0 .5rem .5rem;}
.main-im{ display:none;}
}
@media (min-width: 768px) {
#focus1{ display:none !important;}
.nav ul.dropdown-menu{box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);}
.about_box .about_con:hover img { transform: scale(1.08); }
.about_box .about_con:hover .about_con_p { color: #2d2d2d; }
.about_box .about_con:hover .about_pic:after { transform: scale(1); opacity: 1 }
.newslist_wrap li a:hover { padding-left: 140px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.newslist_wrap li a:hover .title { color: #ef4136; }
.newslist_wrap li a:hover .md { color: #ef4136; }
.newslist_wrap li a:hover .title::before { margin: 5px 0px 0 -41px; }
.newslist_more:hover i { margin-left: 24px; opacity: 1; }
.about_list_con a:hover { color: #fff; transition: all .36s ease; -webkit-animation-name: pulse; animation-name: pulse; }
.about_list_con a:hover span { color: #fff; transition: all .36s ease; }
.product_list a:hover .pro_pic img { transform: scale(1.2, 1.2); }
.product_list a:hover .pro_txt:after { width: 100%; }
.product_list a:hover .pro_txt i { right: 15px; opacity: 1; }
.product_list a:hover .pro_txt { padding-left: 30px; }
.teacher_wrap .teacher_listn .owl-item:hover .item_wrapper { opacity: 1 }
.teacher_wrap .more:hover i { margin-left: 24px; opacity: 1 }
.picBtnTop .bd li:hover .pic:before { opacity: 1; }
.picBtnTop .hd ul li:hover img { transform: scale(1.08); }
.picBtnTop .bd li:hover .student_info .title { color: #fff; top: 0; opacity: 1; }
.picBtnTop .bd li:hover .student_info .description { color: rgba(255, 255, 255, .5); top: 0; opacity: 1; }
.picBtnTop .bd li:hover:after { opacity: 1; bottom: 30%; }
.picBtnTop .bd li:hover:before { opacity: 1; transform: rotate(-36deg); -ms-transform: rotate(-36deg); -moz-transform: rotate(-36deg); -webkit-transform: rotate(-36deg); -o-transform: rotate(-36deg); }
.contact_box a{ font-size:16px;}
.contact_box a:hover { color: #fff; }
.contact_box a:hover .fa_ico { background-color: #ef4136; }
.contact_box a:hover .fa_ico i { color: #fff; }
.js .nav-collapse { position: relative; }
.js .nav-collapse.closed { max-height: none; }
.nav-toggle { display: none; }
.swiper-container { width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.pagination { position: fixed; right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 10; }
.swiper-pagination-switch { display: block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 5px 0; opacity: 0.2; cursor: pointer; }
.swiper-active-switch { opacity: 0.7; }
#about, #product, #teacher, #students { position: relative; }
.about_wrap { position: absolute; top: 50%; left: 50%; }
.product_wrap { position: absolute; top: 50%; left: 50%; }
.teacher_wrap, .students_wrap { position: absolute; top: 50%; }
.teacher_wrap, .students_wrap { transform: translate(0, -50%); -ms-transform: translate(0, -50%);  /* IE9������֧�� */ -webkit-transform: translate(0, -50%);  /* Safari and Chrome */ -o-transform: translate(0, -50%); /* Opera */ -moz-transform: translate(0, -50%); }
#focus { display: block; }
.swiper-container2 { display: none !important; }
.footer_wrap { position: absolute; bottom: 0; }
.logo .wap { display: none; }
.sjz_xq_wap, .contact_t { display: none; }
.picBtnTop .hd { position: absolute; right: 0; }
.teacher_wrap .container_category a span { height: 30px; line-height: 30px; }
.about_list_con img { position: absolute; left: 50px; top: 13px; }
.about_list_con a:hover {background: #ef4136;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .39);
    transition: all .36s ease;
    border-radius: 4px;
    -webkit-animation-name: pulse;
    animation-name: pulse; }
.navbar-nav>li>a { padding: 0 20px; line-height: 60px !important; }
.navbar-nav>li:hover .dropdown-menu { display: block; background:#fff; border-top:2px solid #ef4136; }
.navbar-nav>li .dropdown-menu li{ border-bottom:1px solid #e2e2e2;}
.navbar-nav>li .dropdown-menu li a{ padding:15px 20px;}
.weixin h5{ margin:10px 0 15px; }
.content { padding-right: 30px; }
.content_head{ padding-bottom: 25px;}
.channel_list .container_header{ padding:20px 0; margin: 0 0 80px 0;}
.teacher_tab { padding:0 0 60px; }
.content-slide .product_list .pro_txt,.student_list_box .pro_txt{padding: 25px 10px 25px 20px;}
.product_list .product_list_n a:hover{box-shadow: 0 8px 20px rgba(0,0,0,.2);}
.channel_list {min-height:800px;}
.footer_box {padding-top: 60px;}
.teacher_wrap .teacher_listn .owl-item:hover img { -webkit-transform: scale(1.3); transform: scale(1.3) }
#indexPage .module { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 100%; }
.map_wap{ display:none;}
.header {position: fixed; z-index: 99; top:0;}
.channel_banner { margin-top:60px;}
.weixin-list-wap{ display:none;}
.about_bkwap{ display:none;}
.bottom_fixed{ display:none;}
}
@media only screen and (max-width: 360px) {
html, body { font-size: 12px; }
}
@media only screen and (max-width: 480px) and (min-width: 361px) {
html, body { font-size: 14px }
}
@media only screen and (max-width: 767px) and (min-width: 481px) {
html, body { font-size: 16px !important; }
}
/*tooltip*/
.tooltip-content { position: absolute; z-index: 9999; width: 100px; height: 100px; background: #fff; left: 50%; margin-left: -50px; bottom: 100%; margin-bottom: 20px; text-align: center; cursor: default; pointer-events: none; opacity: 0; }
.tooltip-style3 .tooltip-content { -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); -moz-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); -ms-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); -o-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; -ms-transition: opacity 0.3s, -ms-transform 0.3s; -o-transition: opacity 0.3s, -ms-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
.tooltip-style3 .tooltip-content i { -webkit-transform: scale3d(0, 0, 1); -moz-transform: scale3d(0, 0, 1); -ms-transform: scale3d(0, 0, 1); -o-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
.tooltip-style3 .tooltip-content i { -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }
.tooltip-style3:hover .tooltip-content { opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1, ); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
.tooltip-content::after { content: ''; display: block; position: absolute; width: 30px; height: 24px; left: 50%; margin-left: -15px; top: 100%; margin-top: -10px; background: url(../other/tooltip1.svg) no-repeat center center; background-size: 100%; }
/*article*/
.channel_banner_wap{display:none;}
.channel_banner,.channel_banner_wap { width: 100%; height:434px; overflow: hidden;}
.channel_banner div,.channel_banner_wap div { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height:434px;}
.channel_list { background: #fff; padding-bottom: 80px;}
.localhost { text-align: right; position: relative;}
.localhost a { padding: 5px 20px; color: #999; margin-right: 2px; display: inline-block; transition: all 0.3s ease-out 0s; }
.localhost a:after { position: absolute; content: "/"; text-align: left; margin-left: 20px; margin-top: 3px; font-size: 12px; color: #999; }
.localhost a:before { position: absolute; content: ""; text-align: left; margin-left: 0px; margin-top: 22px; background-color: #ef4136; width: 0px; height: 1px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.localhost a:hover:before { width: 30px; }
.content_head h1 { font-size: 24px; color: #333; }
.content .content_text { padding: 20px 0; }
.content .content_text img{ max-width:100%;}
.content .content_text p { line-height: 26px; }
.xg_list { overflow: hidden; padding-top: 20px; }
.xg_list h2 { margin: 0 0 20px 0; font-size: 1.1rem; }
.xg_list .xg_list_wrap { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; margin-bottom: 25px; }
.xg_list .xg_list_wrap a { display: block; }
.xg_list .xg_list_wrap a h5 { margin: 15px 0 10px 0; line-height: 1.2rem; color: #333; }
.xg_list .xg_list_wrap p, .xg_list .xg_list_wrap .date, .content_head .subtitle { color: #999; }
.content_head .subtitle{ padding:5px 0;}
.content_head .subtitle span{ padding-right:10px;}
.content_head .subtitle a{ color:#999;}
.content_head { border-bottom:1px solid #e5e5e5;}
.content_ad01,.content_ad02{ text-align:center;}
.content_ad01{ padding-bottom:20px;}
.content_ad02{ padding-top:20px;}
/*channel*/
.channel_list .container_header{border-bottom:1px solid #e5e5e5; background:#f2f2f2;}
/*.channel_list .container_header .col-sm-6{ padding:0;}
*/.channel_list .container_header h2 { font-size:16px; color: #999; margin:0; padding:6px 0; }
.channel_list .container_header span { letter-spacing: 1px; padding-left: 5px; color: #999; font-family: HELVETICANEUELTPRO-THEX; font-size: 0.9rem; }
.channel_list_wrap { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-bottom: 30px; }
.channel_list_wrap .channel_list_link {display: block; position: relative; padding-right: 130px; overflow: hidden; }
.channel_list_wrap .channel_list_pic img, .channel_list_wrap .channel_list_text { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.channel_list_picm { overflow: hidden; display: block; }
.channel_list_wrap .channel_list_text h5 { font-size: 18px; position: relative; margin: 15px 0; }
.channel_list_wrap .channel_list_text p { font-size: 0.9rem; line-height: 1.8rem; height: 1.8rem; color: #999; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; }
.channel_list_wrap .channel_list_text .date { color: #999; }
.channel_list_wrap .more { height: 40px; padding-left: 45px; line-height: 40px; display: block; text-align: left; margin-top: -43px; color: #727272; border-left: 1px solid rgba(0, 0, 0, .08); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size: 16px; position: absolute; right: 20px; top: 50%; margin-top: -20px; }
.channel_list_wrap .more i { padding-left: 10px; }
.channel_list_wrap a:hover .channel_list_text { padding-left: 30px; }
.channel_list_wrap a:hover .channel_list_text h5 { color: #ef4136; }
.channel_list_wrap a:hover .channel_list_pic img { transform: scale(1.2, 1.2); }
.channel_list_wrap a:hover .more { right: 30px; color:#ef4136;}
.pages { height: auto; padding: 70px 0 60px; text-align: center; }
.pages a,.pages span{height: 36px; display: inline-block; line-height: 36px; text-align: center; font-family: Arial; margin-right: 5px; transition: all .2s ease-out; text-decoration: none; border: 1px solid #d9d9d9; color: #606060; padding:0 10px;}
.pages a,.pages a.active, .pages a:hover { border-color: #EF4136; background-color: #EF4136; color: #fff;}

/*teacher*/
.teacher_tab .container_category{ text-align:center;font-size:0; padding:0 13px;}
.teacher_tab .container_category a{display:inline-block; padding:0 2px;}
.teacher_tab .container_category a span{display: block; text-align: center; color: #fff; font-size: 14px; transition: all .3s ease-out 0s; padding: 5px 16px; background-color: #3e3e3e;}
.teacher_tab .container_category a.active span,.teacher_tab .container_category a:hover span{ color: #fff; background: #EF4136;}
.teacher_tab .localhost { margin: 0; }
.teacher_con { margin-bottom: 30px; }
.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(51, 51, 51, 1); overflow: hidden; display: none; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url(../images/preloader.gif) no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width:100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; background: url(../images/arrows.png) no-repeat; opacity: 1; cursor: pointer; position: absolute; width: 43px; height: 58px; top: 50%; margin-top: -29px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left: 40px; }
.nextArrow { background-position: right top; right: 40px; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 1.4rem; }
/**/
nav.navbar.bootsnav ul.nav > li:hover { background: #f4f4f4; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; margin-left: 3px; transition: all 0.4s ease 0s; }
nav.navbar.bootsnav { z-index: 999; float: right; height: 60px; margin-right: 60px;}
nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a { background-color: transparent; }
.resultbar{ padding:20px 0;}
.resultbar strong{ padding:0 5px; color:#ef4136;}
.content-slide .product_list{ margin-top:0;}
.content-slide .product_list .product_list_n{ margin:0 0 20px 0;}
#leftTabBox,#leftTabBox .bd,#leftTabBox .tempWrap,#leftTabBox .map_box{ height:100%;}
#leftTabBox .map_box{ float:left !important;}
#leftTabBox .hd li{ cursor:pointer;}
.content-slide.wow{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
.focus_wap a{width: 100%; height: 100%; display:block; background-position: center; background-repeat: no-repeat; background-size: cover;}
.about_jieshao h4{padding:30px 0; border-top:1px solid #e5e5e5; margin:30px 0 0 0;;}
.about_jieshao h4 span{ display:block; font-size:12px; color:#999;}
.about_jieshao p{ text-indent:2rem; line-height:24px;}
.about_pl15 .content-slide{ padding:0 30px;}
/*������*/
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, .8); z-index: 100; display: none; top: 0; left: 0; }
.big-link { display:block; margin-top: 200px; text-align: center; font-size: 70px; color: #06f; }
.reveal-modal { visibility: hidden; top: 50px; width: 100%; max-width:640px; position: absolute; z-index: 101; padding: 30px 50px 34px; box-sizing: border-box; }
.reveal-modal-m { text-align:center; background:#eee; padding:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -box-shadow: 0 0 10px rgba(0, 0, 0, .4); }
.reveal-modal-m h1 { font-size:16px; font-weight:bold; padding-bottom:15px; }
.reveal-modal-m img { margin:0 auto; max-width:100%; }
.reveal-modal-m p{ padding-top:10px; color:#f00;}
.reveal-modal-m .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 42px; right: 61px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer; }

/*******************************������ʽ*********************************/
#testdiv{width:600px;margin:0 auto;border:1px solid #ccc;padding:20px 25px;background:#fff}
#sysbox{ 
	position:absolute;
	display:none;
	background:#fff url(../images/preload.gif) no-repeat 50% 50%;
	z-index:2000;
	box-shadow:0px 3px 6px rgba(0,0,0,0.3);
	*border:1px solid #DDDDDD
}
#sysmask{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.8);z-index:1500}
.sys-title{ 
	height: 40px; 
	line-height: 40px; 
	border-bottom:1px solid #dddddd;
	border-radius:5px 5px  0px 0px; 
	padding: 0 10px;
	position: relative; 
	background: #f2f2f2;
	*padding: 0px 10px;
	*margin: 0px;
	
	}
.sys-oper-box{position: absolute;right: 10px; height: 40px; line-height: 40px;}
.sys-oper-box  .sys-oper{ 
	float: left;
    width: 21px;
    height: 19px;
    margin-top: 10px;
    *margin-top: 0px;
    display: block;
    margin-left: 5px;
    background: url(../images/tool.png) no-repeat;
}
.sys-oper-box .sys-close-oper{background-position: -89px 0;}
.sys-oper-box .sys-magnify-oper{background-position: -60px 0;}
.sys-oper-box .sys-shrink-oper{ background-position: -149px 0;}
.sys-oper-box .sys-close-oper:hover{ background-position: -89px -29px;}
.sys-oper-box .sys-magnify-oper:hover{background-position: -60px -29px;}
.sys-oper-box .sys-shrink-oper:hover{ background-position: -149px -29px;}
#syscontent{overflow: hidden;}
#sys-move-event{
	bottom: 0;
    width: 10px;
    height: 10px;
    right:0;
    position: absolute;
}
#sysbox.Prompt{
	position:absolute;
	color: #FFFFFF;
	font-size: 14px;
	border:0px!important;
	background: rgba(0,0,0,0.7)!important;
	border: 0px;
	z-index: 111111111111;
	border-radius: 3px;
	min-width: 120px;
	text-align: center;
	box-shadow: 0px 0px 0px !important;
	
}
#sysbox.Prompt .sys-content{background: none!important;}
#sysbox.mobileStyle{
	list-style-type: none;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
    box-shadow: inset 0 -2px 0 #FFFFFF, 0 1px 0 #FFFFFF, 0 2px 0 #9fa2ad, 0 3px 0 #FFFFFF, 0 4px 0 #9fa2ad;
}
.sys-btn-operate{
	height: 50px; 
	width: 100%;
	position: absolute;
	border-top: 1px solid #DDDDDD;
	line-height: 50px;
	bottom: 3px;
	left: 0px;
	}
.sys-btn-operate button{ 
	border: 0px; 
	border-right: 1px solid #DDDDDD; 
	line-height: 50px; 
	text-align: center; 
	background: #FFFFFF;
	cursor: pointer;
	border-radius: 0px;}
.sys-btn-operate button:last-of-type{border-right: 0px;}

.bottom_fixed{ position:fixed; bottom:0; width:100%; background:#fff; z-index:99; border-top:2px solid #f2f2f2;}
.bottom_fixed a{ color:#555; display:block; padding:.6rem 0 .5rem; text-align:center;}
.bottom_fixed a.on{ color:#ef4136;}
.bottom_fixed a i{ font-size:1.6rem;}
.bottom_fixed a h5{ font-size:.8rem; margin:0; padding:3px 0 0 0;}

.main-im{position:fixed; right:10px; bottom:10px; z-index:99;}
.main-im .im_main {border: 1px solid #dddddd; border-radius:10px; background:#F9FAFB; z-index:100; width:148px; height:540px; font-size:12px;}
.main-im .qq-a{display: block; width:148px; height:146px; text-align:center; position: relative;}
.main-im .qq-a .qq-t,.main-im .qq-a .qq-hm{position:absolute; width:130px; left:10px;}
.main-im .qq-a .qq-t{bottom: 30px;}
.main-im .qq-a .qq-hm{bottom: 5px; font-size: 18px;font-family: Arial; font-weight: bold; color:#ef4136;} 
.main-im .qq-hover-c {width:70px; height:70px; border-radius:35px; position: absolute; left: 38px; top: 10px; overflow:hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 148px; height: 148px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top:3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute;}
.main-im .im_main .im-tel {text-align:center; border-bottom:1px solid #dddddd; padding:10px 0;}
.main-im .im_main .im-tel .tel-num {font-family: Arial; font-weight: bold; color: #ef4136; font-size: 18px; margin-top:5px;}

.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im {cursor: pointer; width: 40px; height:133px; background: url(../images/open_im.png) no-repeat left top; display:none;}
.im-weixin{ text-align:center; height:155px; border-bottom:1px solid #dddddd; padding-top:10px;}
.im-weixin .wx_t{font-size:12px;}
.im-weixin p{font-weight: bold; color: #ef4136; margin:0;}

.down-tip{font-size: 12px;
    position: absolute;
    bottom: 20px;
    width: 140px;
    left: 50%;
    z-index: 100;
    margin-left: -70px;
    text-align: center;}
.down-tip i{ font-size:14px;}