.layout{max-width:1400px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
/* IE7,IE8浏览器CSS3选择器兼容方法
   ul.menu li:nth-child(3){}正常写法
   ul.menu>li + li + li{}IE78兼容写法
   ul.menu>li:first-child + li + li{}IE78兼容写法
*/

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; background-color:#fff; /*position:fixed; _position:absolute; left:0; top:0;*/ position:relative; z-index:10; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header.fixed-nav{top:-100px; -webkit-transition: top .5s; -moz-transition: top .5s; -o-transition: top .5s; transition: top .5s; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.headtnd{padding:0px 60px; background-color:#7c7c7c; height:36px; line-height:36px; overflow:hidden;zoom:1;}
.headtnd .call{float:left; font-size:12px; color:#dcdcdc; padding-left:20px; background:url(../images/call.png) left center no-repeat;}
.headtnd .eng{float:right; font-size:12px; color:#fff;}
.headtnd .eng a{color:#fff;}
.headtnd .eng a:hover{color:#31a2a3;}
.headtnd .eng i{font-size:10px; vertical-align:1px; margin:0px 2px;}
.headtnd .bdsharebuttonbox{float:right; padding-top:8px; overflow:hidden;}
.headtnd .bdsharebuttonbox a{margin:0px; padding:0px; margin-left:10px; width:20px; height:20px; background-color:#a7a7a7; border-radius:50%; background-position:0px 0px; background-size:cover;}
.headtnd .bdsharebuttonbox a.bds_weixin{background-image:url(../images/wechat.png);}
.headtnd .bdsharebuttonbox a.bds_tsina{background-image:url(../images/sina.png);}
.headbom{padding:0px 60px; background-color:#fff; height:90px; position:relative;}
.logo{padding-top:17px; padding-bottom:15px; float:left;}
.logo a{display:block; width:153px; height:58px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.searchbox{width:224px; height:35px; border:1px solid #e5e5e5; margin-top:28px; border-radius:25px; overflow:hidden; position:relative; float:right;}
.searchbox .searchtext{width:160px; height:35px; border:none; padding:0 10px; color:#333;}
.searchbox .searchbtn{width:44px; height:35px; border:none; background-color:#31a2a3; position:absolute; right:0; top:0; cursor:pointer; font-size:0; background-image:url(../images/searchbtn.png); background-position:center center; background-repeat:no-repeat;}
.nav{float:right;}
.nav ul li{float:left; height:90px; position:relative; text-align:center; margin-right:48px;}
.nav ul li>a{font-size:16px; color:#333; display:block; line-height:90px;}
.nav ul li:hover>a,.nav ul li.on>a{color:#31a2a3;}
.nav ul li .nav-body{width:155px; position:absolute; left:50%; top:90px; margin-left:-73px; z-index:20; background-color:#fff; display:none;}
.nav ul li .nav-body a{color:#888; font-size:14px; display:block; padding:10px 5px; border-bottom:1px solid #ddd; word-wrap:break-word;}
.nav ul li .nav-body a:hover{color:#31a2a3; background-color:#f1f1f1;}
.btn-m-list{position:absolute; top:26px; right:20px; height:30px; width:50px; cursor:pointer; display:none;text-align:center;}
.btn-m-list span{position:absolute; left:0; top:0; display:block; width:100%; height:3px; background-color:#31a2a3; transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.btn-m-list span:first-child{top:10px;}
.btn-m-list span:nth-child(2){top:18px;}
.btn-m-list span:nth-child(3){top:18px;}
.btn-m-list span:nth-child(4){top:26px;}
.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4){display:none;}
.btn-m-list.on span:nth-child(2){transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.btn-m-list.on span:nth-child(3){transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7); display:none; z-index:100;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#fff; z-index:200; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center; position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mobilelogo{padding:10px;}
.mobilelogo img{width:20%;}
.mosearchbar{width:100%; height:35px; position:relative; background-color:#fff;}
.mosearchbar .mostext{width:100%; height:35px; border:none; background:#eee; font-size:14px; color:#333; text-indent:10px;}
.mosearchbar .mosbtn{width:44px; height:35px; border:none; background-color:#31a2a3; position:absolute; right:0; top:0; cursor:pointer; font-size:0; background-image:url(../images/searchbtn.png); background-position:center center; background-repeat:no-repeat;}
.mob-nav .moeng{padding:10px 10px; font-size:14px; border-top:1px solid #ddd;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab>li{border-bottom:1px solid #31a2a3; position:relative; transform: translateX(10rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#666; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{color:#000;}
.mob-nav .subtab li .subbtn{/*background-image:url(../images/moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image:url(../images/moli_h.png);*/ background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block; padding:10px; font-size:14px; color:#fff; background-color:#31a2a3;}


/*search*/
.newswarp{width:100%; background-color:#f2f2f2; padding-top:50px; padding-bottom:80px;}
.searchresult{text-align:center; font-size:16px; color:#333; word-wrap:break-word;}
.searchresult span{color:#cf000d;}

/*banner*/
.banner{width:100%; overflow:hidden; clear:both; max-height:793px; position:relative; z-index:1;}
.banner .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0; display:none;}
.banner:hover .bx-wrapper .bx-controls-direction a{visibility:visible; opacity:1;}
.banner:hover .bx-wrapper .bx-prev{left:80px;}
.banner:hover .bx-wrapper .bx-next{right:80px;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li img{display:block; width:100%;}
.bx-wrapper .bx-pager{position:absolute; left:0px; bottom:35px; z-index:100; width:100%; text-align:center;}
.bx-wrapper .bx-pager-item{margin:0px 5px; display:inline-block; *display:inline; zoom:1; }
.bx-wrapper .bx-pager-item a{display:block; width:10px; height:10px; background-color:#84a7cc; border-radius:50%; font-size:0; text-indent:-9999px;}
.bx-wrapper .bx-pager-item a.active{background-color:#fff;}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-28.5px; z-index:10;}
.bx-wrapper .bx-prev{left:0px;}
.bx-wrapper .bx-next{right:0px;}
.bx-wrapper .bannext,.bx-wrapper .banprev{display:block; width:50px; height:50px; background:url(../images/arrowbtn1.png) no-repeat;}
.bx-wrapper .bannext{background-position:-50px 0px;}
.bx-wrapper .banprev{background-position:0px 0px;}
.bx-wrapper .bx-controls-direction a .bannext::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #31a2a3;
    background-image:url(../images/arrowbtn3.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .bannext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.bx-wrapper .bx-controls-direction a .banprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #31a2a3;
    background-image:url(../images/arrowbtn2.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .banprev:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*index*/
.contain{width:100%; position:relative; /*padding-top:126px;*/}
.indexwrap{margin-top:10px;}
.indexwrap .twleft{width:61.91%; float:left;}
.indexwrap .twright{width:38.08%; float:right;}
.invideo,.inprobar .inpro{width:100%; position:relative; overflow:hidden;}
.invideo img,.inprobar .inpro img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.invideo:hover img,.inprobar .inpro:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.invideo .btn{display:block; width:93px; height:93px; position:absolute; left:50%; top:50%; margin:-46.5px 0px 0px -46.5px; z-index:5; background-image:url(../images/videobtn.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.indexwrap .tmain{width:100%; position:relative;}
.indexwrap .tmain .bg{width:100%; display:block;}
.indexwrap .tmain .text{position:absolute; left:80px; top:80px; right:80px; bottom:20px; z-index:5; word-wrap:break-word;}
.indexwrap .tmain .h2{font-size:36px; color:#2b2b2f;}
.indexwrap .tmain .line{display:block; width:48px; height:3px; background-color:#2a292f; margin-top:19px;}
.indexwrap .tmain .tis{font-size:22px; color:#666; margin-top:40px;}
.indexwrap .tmain .e{font-size:12px; color:#888;}
.indexwrap .tmain .vmore{display:block; width:158px; height:50px; line-height:50px; padding:0px 20px; font-size:14px; color:#9c9c9c; border:2px solid #b4b4b4; margin-top:50px; background-image:url(../images/vmore.png); background-position:90% center; background-repeat:no-repeat;}
.indexwrap .tmain .vmore:hover{background-position:95% center;}
.indexwrap .tmain .h3{font-size:80px; /*font-family:impact;*/ font-family:Tahoma; font-weight:700; color:#333; line-height:1;}
.indexwrap .tmain .ts{font-size:36px; color:#4d4d4f; margin-top:10px;}
.indexwrap .tmain .ti{font-size:18px; color:#9b9b9b;}
.indexwrap .tmain .more{display:block; width:42px; height:42px; font-size:0; margin-top:17%; background-image:url(../images/inmore.png); background-size:contain; background-repeat:no-repeat;}
.inprobar .twleft{float:right;}
.inprobar .twright{float:left;}
.indextitle{text-align:center; font-size:36px; color:#000; margin-top:60px;}
.indexnews{margin-top:30px; overflow:hidden;}
.indexnews ul li{width:25%; float:left; position:relative;}
.indexnews ul li .pic{overflow:hidden;}
.indexnews ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexnews ul li .tmain{position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #e3e3e3; background-color:#f5f5f5;}
.indexnews ul li:hover .tmain{background-color:#31a2a3; filter:alpha(opacity=80); background-color:rgba(57, 164, 166, 0.8); border:none;}
.indexnews ul li .text{padding:60px 60px 20px 60px;}
.indexnews ul li .h2{font-size:16px; color:#545454;}
.indexnews ul li .h3{font-size:18px; font-weight:bold; color:#333; margin-top:5px;}
.indexnews ul li .time{font-size:14px; color:#666; margin-top:2px; display:block;}
.indexnews ul li .pcont{font-size:14px; color:#797979; line-height:24px; max-height:72px; overflow:hidden; margin-top:20px; word-wrap:break-word;}
.indexnews ul li:hover .h2,.indexnews ul li:hover .h3,.indexnews ul li:hover .time,.indexnews ul li:hover .pcont{color:#fff;}
.indexnews ul li .more{display:none; background-color:#fff; text-align:center; margin-top:30px; width:120px; height:40px; line-height:40px; border-radius:3px; font-size:14px; color:#31a2a3;}
.indexnews ul li .more i{padding-left:27px; display:inline-block; background:url(../images/innwmore.png) left center no-repeat;}
.indexnews ul li:hover .more{display:block;}
.indexvideo{width:700px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; z-index:200; margin-left:-350px; margin-top:-197px; display:none;}
.indexvideo .dowclose{display:block; width:38px; height:38px; position:absolute; right:0; top:-45px; font-size:0; cursor:pointer; background:url(../images/dowclose.png) no-repeat;}
.indexvideo video{width:100%; height:100%; display:block;}

/*about*/
.nybanner{width:100%; overflow:hidden;}
.nybanner img{width:100%; display:block;}
.navigation{width:100%; background-color:#fff;}
.navigation .menu ul li{float:left; height:80px; margin-right:45px; position:relative;}
.navigation .menu ul li:before{content:""; display:block; width:0%; height:3px; background-color:#31a2a3; position:absolute; left:0; bottom:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.navigation .menu ul li:hover:before,.navigation .menu ul li.on:before{width:100%;}
.navigation .menu ul li a{font-size:16px; color:#666; display:block; line-height:80px;}
.navigation .menu ul li:hover a,.navigation .menu ul li.on a{color:#31a2a3;}
.aboutusbox01{background-color:#fff; padding:130px 0px 160px 0px;}
.aboutus .tmain{width:44%; float:left; word-wrap:break-word;}
.aboutus .tmain .h2{font-size:48px; color:#333;}
.aboutus .tmain .text{font-size:16px; color:#666; line-height:48px; height:240px; margin-top:20px; overflow:hidden;}
.aboutus .tmain.on .text{height:auto;}
.aboutus .tmain .btn{font-size:16px; color:#fff; display:block; width:180px; height:50px; line-height:50px; margin-top:20px; text-align:center; background-color:#31a2a3;}
.aboutus .tmain .btn em{display:inline-block; padding-right:27px; background:url(../images/vmoreh.png) right center no-repeat; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.aboutus .tmain .btn:hover em{padding-right:35px;}
.aboutus .avideo{width:50%; float:right;}
.aboutusbox02{width:100%; height:727px; padding-bottom:30px; background-image:url(../images/aboutusbox02.jpg); background-position:center center; background-repeat:no-repeat;}
.abouttit{text-align:center; color:#333; padding-top:80px;}
.abouttit h2{font-size:70px; color:#fff; line-height:1;}
.abouttit span{font-size:36px; color:#fff;}
.abculture{margin-top:75px;}
.abculture ul li{width:32.2%; float:left; background-color:#fff; margin-right:1.7%;}
.abculture ul li:nth-child(3n),.abculture ul li.mr0{margin-right:0;}
.abculture ul li .item{padding:40px 20px; max-width:205px; margin:0 auto; text-align:center;}
.abculture ul li .item img{-webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.abculture ul li:hover .item img{transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.abculture ul li h2{font-size:24px; color:#333; margin-top:20px;}
.abculture ul li p{font-size:16px; color:#666; margin-top:20px; height:48px; overflow:hidden; word-wrap:break-word;}
.aboutusbox03{background-color:#f5f5f5; padding-bottom:140px;}
.aboutusbox03 .abouttit h2,.aboutusbox03 .abouttit span{color:#333;}
.abcourse{margin-top:60px;}
.abcourse .acoubox{background-color:#fff; padding:40px; overflow:hidden;zoom:1; background-image:url(../images/acoubox.jpg); background-position:right bottom; background-repeat:no-repeat;}
.abcourse .acoubox .pic{width:39%; float:left; overflow:hidden;}
.abcourse .acoubox .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.abcourse .acoubox .pic:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.abcourse .acoubox .tmain{width:56%; float:right; word-wrap: break-word;}
.abcourse .acoubox .tmain h2{font-size:30px; color:#dfdfdf;}
.abcourse .acoubox .tmain h2 span{font-size:90px; font-weight:bold; line-height:1;}
.abcourse .acoubox .tmain p{font-size:16px; color:#666; line-height:30px; margin-top:30px;}
.abcourse .gallery-thumbs{margin-top:50px; padding-left:50px; padding-right:50px; position:relative;}
.abcourse .gallery-thumbs .swiper-container{z-index:5;}
.abcourse .gallery-thumbs .swiper-slide{cursor:pointer;}
.abcourse .gallery-thumbs .swiper-slide .raw{width:10px; height:10px; border:4px solid #c0c0c0; border-radius:50%; display:block; margin:0 auto; background-color:#f5f5f5;}
.abcourse .gallery-thumbs .swiper-slide .yer{display:block; text-align:center; font-size:28px; color:#202020; margin-top:10px;}
.abcourse .gallery-thumbs .swiper-slide.swiper-slide-active .raw{border-color:#31a2a3;}
.abcourse .gallery-thumbs .swiper-slide.swiper-slide-active .yer{color:#31a2a3;}
.abcourse .gallery-thumbs .swiper-button-prev{width:27px; height:50px; left:0px; background-image:url(../images/arrowbtn4.png);}
.abcourse .gallery-thumbs .swiper-button-next{width:27px; height:50px; right:0px; background-image:url(../images/arrowbtn5.png);}
.abcourse .gallery-thumbs .sline{display:block; height:1px; border-bottom:1px dotted #202020; position:absolute; left:50px; right:50px; top:10px; z-index:1;}
.aboutusbox04{width:100%; height:706px; background-image:url(../images/aboutusbox04.jpg); background-position:center center; background-repeat:no-repeat;}
.abhonor{margin-top:50px;}
.abhonor .swiper-container{padding-bottom:65px;}
.abhonor .swiper-slide{background-color:#fff; text-align:center;}
.abhonor .swiper-slide>a{display:block; padding:25px; max-width:331px; overflow:hidden;}
.abhonor .swiper-slide .pic{overflow:hidden; display:block;}
.abhonor .swiper-slide .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.abhonor .swiper-slide:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.abhonor .swiper-slide h2{font-size:16px; color:#666; margin-top:20px;}
.abhonor .swiper-pagination-bullet{width:10px; height:10px; border:2px solid #fff; background:none; opacity:1;}
.abhonor .swiper-pagination-bullet-active{background:#fff;}
.aboutusbox05{width:100%; padding:70px 0px 170px 0px; background-color:#f8f8f8;}

/*service*/
.aboutserv p{font-size:16px; color:#666; line-height:30px; word-wrap:break-word;}
.aboutserv .h2{font-size:24px; color:#333; margin-top:50px; margin-bottom:10px; word-wrap:break-word;}

/*product*/
.prolist ul li{width:31.5%; background-color:#fff; margin-top:30px; margin-right:2.7%; position:relative; text-align:center; float:left;}
.prolist ul li:nth-child(3n),.prolist ul li.mr0{margin-right:0px;}
.prolist ul li:hover{box-shadow:#eee 0px 5px 5px; -webkit-box-shadow:#eee 0px 5px 5px;}
.prolist ul li .line{width:0%; height:3px; background-color:#31a2a3; display:block; position:absolute; left:0px; bottom:0px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.prolist ul li:hover .line{width:100%;}
.prolist ul li .pic{margin:20px; padding-top:72.6%; position:relative;}
.prolist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.prolist ul li .tit{margin:0px 20px; padding-bottom:50px;}
.prolist ul li .tit h2{font-size:22px; color:#333;}
.prolist ul li:hover h2{color:#31a2a3;}
.prolist ul li .tit p{font-size:16px; color:#999; margin-top:5px;}
.loadbtn{text-align:center; position:relative; z-index:10; padding-top:50px;}
.loadbtn a{display:block; width:150px; height:43px; line-height:43px;border-radius:10px;background:#2e2e2e;color:#fff; font-size:18px; margin:0 auto; transition: all 0.3s ease 0s;}
.loadbtn a i{background:url(../images/loadmore.png) right center no-repeat; padding-right:30px; line-height:22px; display:inline-block;}
.loadbtn a:hover{background-color:#31a2a3;}
.prodetails{background-color:#fff; position:relative; padding:60px 250px; text-align:center;}
.prodetails .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-7%; top:0;}
.prodetails .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.prodetails .return li:hover a{background-color:#f6f6f6; color:#31a2a3;}
.prodetails .return li a.prev,.prodetails .return li a.next{font-family:Simsun; font-weight:bold; font-size:0; background-position:center center; background-repeat:no-repeat;}
.prodetails .return li a.prev{background-image:url(../images/nwprev.png);}
.prodetails .return li a.next{background-image:url(../images/nwnext.png);}
.prodetails .pic img{width:100%; display:block;}
.prodetails .tit{font-size:30px; color:#333; margin-top:80px;}
.prodetails .line{display:block; width:45px; height:4px; background-color:#31a2a3; margin:20px auto;}
.prodetails .pcont{font-size:16px; color:#999; line-height:30px; margin-top:10px; word-wrap:break-word;}
.proshare{background-color:#fff; border-top:1px solid #ececec; padding:30px 20px; text-align:center;}
.proshare .psn{font-size:14px; color:#999; line-height:28px; display:inline-block; vertical-align:middle;}
.proshare .bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.proshare .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:5px; width:27px; height:27px; background-position:center center;}
.proshare .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.proshare .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.proshare .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}

/*news*/
.newslist ul{margin-top:-60px;}
.newslist ul li{width:30.5%; float:left; margin-right:4.2%; margin-top:60px; background-color:#fff; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.newslist ul li:nth-child(3n),.innwlist ul li.mr0{margin-right:0;}
.newslist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-6px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .pic{padding-top:53.6%; overflow:hidden; position:relative;}
.newslist ul li .pic img{width:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.newslist ul li:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}*/
.newslist ul li .tmain{padding:30px; background-color:#fff;}
.newslist ul li .time{display:block; font-size:14px; color:#999;}
.newslist ul li h2{font-size:18px; color:#333; margin-top:5px;}
.newslist ul li:hover h2{color:#31a2a3;}
.newslist ul li .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:10px; word-wrap:break-word;}
.newslist ul li .icon{display:block; width:30px; height:30px; margin-top:25px; background-image:url(../images/inmore.png); background-size:contain; background-repeat:no-repeat;}
.newslist ul li:hover .icon{background-image:url(../images/inmoreh.png);}
.newsdetail{position:relative;}
.newsdetail h1{font-size:36px; color:#333; word-wrap:break-word;}
.newsdetail .newsinfo{font-size:12px; color:#999; border-bottom:1px solid #e0e0e0; padding-bottom:5px; padding-top:10px; overflow:hidden;}
.newsdetail .newsinfo .tn{float:left;}
.newsdetail .newsinfo .bdsharebuttonbox{float:right;}
.newsdetail .newsinfo .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:10px; width:27px; height:27px; background-position:center center;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.newsdetail .newsinfo .nwtn{float:right; line-height:27px;}
.newsdetail .newstext{padding:50px 0px;}
.newsdetail .newsmore{width:100%; background-color:#f6f6f6; position:relative; display:none;}
.newsdetail .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-7%; top:0;}
.newsdetail .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.newsdetail .return li:hover a{background-color:#f6f6f6; color:#31a2a3;}
.newsdetail .return li a.prev,.newsdetail .return li a.next{font-family:Simsun; font-weight:bold; font-size:0; background-position:center center; background-repeat:no-repeat;}
.newsdetail .return li a.prev{background-image:url(../images/nwprev.png);}
.newsdetail .return li a.next{background-image:url(../images/nwnext.png);}
.newsdetail .backlist{text-align:center; line-height:54px; font-size:14px; background-color:#fff;}
.newsdetail .backlist a{display:inline-block; background: url(../images/nwlist.png) no-repeat 0 center; padding: 0 0 0 18px; color:#666;}
.newsdetail .backlist a:hover{color:#cf000d;}
.newsdetail .nwprev,.newsdetail .nwnext{position:absolute; left:20px; top:0; background:url(../images/nwprev.png) no-repeat 0 center; padding: 0 0 0 20px; font-size:14px; color:#666; line-height:54px;}
.newsdetail .nwnext{left:auto; right:20px; background:url(../images/nwnext.png) no-repeat right center; padding: 0 20px 0 0;}

/*join*/
.joinlist ul li{margin-top:2px; background-color:#fff;}
.joinlist ul li .title{background-color:#fff; padding:0px 40px; position:relative; height:70px; line-height:70px;}
.joinlist ul li .title:hover,.joinlist ul li.on .title{background-color:#31a2a3;}
.joinlist ul li .tit{font-size:16px; color:#666; max-width:50%;}
.joinlist ul li .title:hover .tit,.joinlist ul li.on .tit{color:#fff;}
.joinlist ul li .more{display:block; width:30px; height:30px; position:absolute; right:40px; top:20px; font-size:0; cursor:pointer; background:url(../images/joinbtn.png) no-repeat;}
.joinlist ul li .title:hover .more,.joinlist ul li.on .more{background:url(../images/joinbtnh.png) no-repeat;}
.joinlist ul li .tmain{display:none;}
.joinlist ul li .box{padding:40px;}
.joinlist ul li .numtext{padding-bottom:30px; border-bottom:1px solid #eaeaea;}
.joinlist ul li .numtext span{font-size:14px; color:#666; margin-right:20px;}
.joinlist ul li .bombtn{padding-top:30px; border-top:1px solid #eaeaea;}
.joinlist ul li .bombtn a{display:inline-block; min-width:145px; height:46px; line-height:46px; border-radius:25px; margin-right:10px; padding:0px 10px; text-align:center; color:#fff; background-color:#31a2a3; vertical-align:middle;}
.joinlist ul li .bombtn a:hover{background-color:#333;}
.joinlist ul li .bombtn .upbtn{display:inline-block; min-width:165px; height:46px; line-height:46px; border-radius:25px; margin-right:10px; text-align:center; color:#fff; background-color:#31a2a3; position:relative; z-index:1; vertical-align:middle;}
.joinlist ul li .bombtn .upbtn span{position:relative; z-index:1; display:block; padding:0px 10px;}
.joinlist ul li .bombtn .upbtn input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; filter:alpha(opacity=10); cursor:pointer;}
.joinlist ul li .jdetails{padding:40px 0px 60px 0px; overflow:hidden; font-size:14px; color:#666;}
.joinlist ul li .jdetails .rowt{width:100%; padding-right:5%; float:left; word-wrap:break-word;}
.joinlist ul li .jdetails p{margin-top:5px;}

/*contact*/
.conmap{width:100%; height:530px; background-image:url(../images/map.jpg); background-position:center center; background-repeat:no-repeat;}
.conmlinks{max-width:208px; margin:0 auto; padding-top:168px; text-align:center;}
.conmlinks .links{display:block; border:2px solid #eee; margin-top:38px; font-size:18px; font-weight:bold; color:#fff; height:57px; line-height:57px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.conmlinks .links:hover{background-color:#eee; color:#31a2a3;}
.conformwrap{width:100%; background-color:#f6f6f6; padding:77px 0px 160px 0px;}
.contactinfo{width:100%; background-color:#fff;}
.contactinfo .item{width:25%; float:left; text-align:center;}
.contactinfo .box{border-right:1px solid #ebebeb; padding:50px 20px 20px 20px; min-height:240px;}
.contactinfo .box .icon{display:block; max-width:95px; margin:0 auto;}
.contactinfo .box .h2{font-size:24px; color:#333; margin-top:25px;}
.contactinfo .box .call{font-size:34px; font-weight:bold; color:#31a2a3; line-height:1;}
.contactinfo .box .add{font-size:14px; color:#666; margin-top:10px; word-wrap:break-word;}
.contactinfo .box .iftext{padding-top:20px; max-width:205px; margin:0 auto; text-align:left;}
.contactinfo .box .iftext p{margin-top:5px; font-size:14px; color:#666;}
.contactinfo .box .iftext p em{color:#333;}
.contactinfo .box .tewm{display:inline-block; _display:inline; margin:0px 2%;}
.contactinfo .box .tewm img{max-width:120px; border:1px solid #f3efed;}
.contactinfo .box .tewm p{font-size:14px; color:#999; margin-top:10px;}
.contactinfo .box .tewm p span{color:#666;}
.conformwrap .h2{font-size:30px; color:#333; text-align:center;}
.cnform ul li{width:100%; margin-top:30px; float:left;}
.cnform ul li.tw1{width:48.6%; margin-right:2.8%;}
.cnform ul li.tw2{width:48.6%;}
.cnform ul li .formtext,.cnform ul li .formteat{border:1px solid #dcdcdc; background-color:#fff; width:100%; height:60px; padding:0px 20px; font-size:16px; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cnform ul li .formsel{border:1px solid #dcdcdc; background-color:#fff; width:100%; height:60px; text-indent:20px; font-size:16px; color:#666;}
.cnform ul li .formteat{height:400px; padding:20px;}
.cnform ul li .formsub{width:100%; height:60px; background-color:#31a2a3; border:none; font-size:18px; color:#fff; cursor:pointer; -webkit-transition: all .3s ease; transition: all .3s ease;}
.cnform ul li .formsub:hover{background-color:#333;}

/*map*/
.ctitle{font-size:24px; color:#333; text-align:center;}
.linkslist{width:100%; margin-top:10px;}
.linkslist ul li{width:16%; float:left; margin-top:10px;}
.linkslist ul li a{border:1px solid #ddd; display:block; margin:0px 5px; overflow:hidden;}
.linkslist ul li a:hover{border-color:#31a2a3;}
.linkslist ul li img{width:100%; display:block;}
.sitlist .dl{width:10.8%; float:left; word-wrap:break-word; margin:20px 2.9% 0px 2.9%;}
.sitlist .dl dt{border-bottom:1px solid #d8d8d8; position:relative; font-size:18px; color:#333; padding-bottom:5px;}
.sitlist .dl dt i{display:block; width:30%; height:1px; position:absolute; left:0; bottom:-1px; background-color:#f4871b;}
.sitlist .dl dd{font-size:14px; color:#666; margin-top:20px;}
.sitlist .dl dd a{color:#666;}
.sitlist .dl dd a:hover{color:#31a2a3;}

/*footer*/
.footer{width:100%; background-color:#212326;}
.footer .footertou{padding:75px 60px 105px 60px; overflow:hidden; background-color:#212326;}
.footer .footertou .dl{float:left; width:13.5%; word-wrap:break-word;}
.footer .footertou .dl dt,.footer .footertou .footinfo dt{font-size:20px; color:#fff; padding-bottom:5px; padding-right:20px;}
.footer .footertou .dl dd{margin-top:15px; padding-right:20px;}
.footer .footertou .dl dd a{font-size:14px; color:#919191;}
.footer .footertou .dl dd a:hover{color:#31a2a3;}
.footer .footertou .footinfo{float:left; width:19%; word-wrap:break-word;}
.footer .footertou .footinfo dd{margin-top:15px;}
.footer .footertou .ftshare a{display:block; float:left; width:41px; height:41px; font-size:0; position:relative; margin-right:10px; background-position:center center; background-repeat:no-repeat; background-color:#2e2e2e; border-radius:50%;}
.footer .footertou .ftshare a:hover{background-color:#ba0000;}
.footer .footertou .ftshare a.weibo{background-image:url(../images/sina.png);}
.footer .footertou .ftshare a.weixin{background-image:url(../images/wechat.png);}
.footer .footertou .ftshare .wxewm{display:none; width:100px; height:100px; background-color:#fff; text-align:center; position:absolute; left:50%; margin-left:-50px; bottom:45px; z-index:10; font-size:12px; box-shadow:#eee 0px 0px 10px;}
.footer .footertou .ftshare a.weixin:hover .wxewm{display:block;}
.footer .footertou .ftoa{margin-top:20px; padding-top:20px; border-top:1px solid #3c3c3c;}
.footer .footertou .ftoa a{display:block; width:49%; height:40px; line-height:40px; overflow:hidden; float:left; margin-right:2%; font-size:14px; color:#fff; text-align:center; background-color:#333;}
.footer .footertou .ftoa a:hover{background-color:#ba0000;}
.footer .footertou .ftoa a.fbtn{margin-right:0;}
.footer .footerbom{padding:20px 60px; overflow:hidden; background-color:#141516;}
.footer .footnav{float:left; width:48.5%;}
.footer .footnav a{position:relative; font-size:14px; color:#4e4e4e; padding-right:10px; margin-right:10px;}
.footer .footnav a:after{content:""; display:block; width:1px; height:9px; background-color:#463d3c; position:absolute; right:0px; top:5px;}
.footer .footnav a:hover{color:#31a2a3;}
.footer .footcopy{float:right; font-size:12px; color:#4b4b4b; line-height:16px;}
.footer .footcopy a{color:#4b4b4b;}
.footer .footcopy a:hover{color:#31a2a3;}

/* Table of Contents
==================================================

    #Mobile - 320px	
    #Mobile - 380px	
	#Mobile - 480px	
	#Mobile - 640px	
*/

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	.layout{ width: 1180px; }
	
	.headtnd,.headbom{padding:0px 30px;}
	.footer .footertou{padding:50px 30px 80px 30px;}
	.footer .footerbom{padding:15px 30px;}
	.nav ul li{margin-right:30px;}
	.searchbox{width:184px;}
	.searchbox .searchtext{width:130px;}
	.indexwrap .invideo .btn{width:70px; height:70px; margin:-35px 0px 0px -35px;}
	.indexwrap .tmain .text{left:40px; top:40px; right:40px; bottom:20px;}
	.indexwrap .tmain .h2{font-size:30px;}
	.indexwrap .tmain .h3{font-size:60px;}
	.indexnews ul li .text{padding:30px 30px 15px 30px;}
	.footer .footertou .ftoa a{font-size:12px;}
	
    .aboutusbox01{padding-top:90px; padding-bottom:100px;}
    .aboutus .tmain .h2{font-size:30px;}
    .aboutus .tmain .text{font-size:14px; line-height:30px;}
    .abouttit h2{font-size:50px;}
    .abouttit span{font-size:25px;}

}

/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
	.layout { width: 750px; }
	
	.headtnd,.headbom{padding:0px 20px;}
	.searchbox,.nav,.headtnd .eng{display:none;}
	.btn-m-list{display:block;}
	.indexwrap .twleft,.indexwrap .twright{width:100%;}
	.indexnews ul li{width:50%;}
	.footer .footertou{padding:50px 20px 80px 20px;}
	.footer .footerbom{padding:15px 20px;}
	.footer .footertou .dl dt, .footer .footertou .footinfo dt{font-size:14px;}
	.footer .footertou .dl dd a{font-size:12px;}
	.footer .footertou .ftoa a{width:100%; margin-right:0; margin-top:5px;}
	.footer .footnav,.footer .footcopy{width:100%; text-align:center; padding:3px 0px;}
	
    .aboutusbox01{padding-top:50px; padding-bottom:90px;}
    .aboutus .avideo,.aboutus .tmain{width:100%;}
    .aboutus .tmain{margin-top:30px;}
    .abcourse .acoubox .tmain h2{font-size:20px;}
    .abcourse .acoubox .tmain h2 span{font-size:40px;}
    .abcourse .acoubox .tmain p{margin-top:15px; font-size:14px;}
    .aboutusbox04{height:550px;}
	
	.prodetails{padding:60px 90px;}
	.newsdetail .newsmore{display:block;}
	.newsdetail .return{display:none;}
	
	.contactinfo .item{width:33.33%;}
	.contactinfo ul li.last{width:100%; border-top:1px solid #ebebeb;}
	.conformwrap .layout{width:90%;}
	.sitlist .dl{margin:20px 1.3% 0px 1.3%; width:14%;}
}

/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
	.layout { width: 95%; }	
	
	.headtnd,.headbom{padding:0px 20px;}
	.headbom{height:60px;}
	.searchbox,.nav,.headtnd .eng,.navigation{display:none;}
	.btn-m-list{display:block; top:11px;}
	.logo{padding-top:10px; padding-bottom:0;}
	.logo a{width:100px; height:38px;}
	.bx-wrapper .bx-pager{bottom:10px;}
	.bx-wrapper .bx-pager-item a{width:5px; height:5px;}
	.invideo .btn{width:40px; height:40px; margin:-20px 0px 0px -20px;}
	.indexwrap .twleft,.indexwrap .twright{width:100%;}
	.indexvideo{width:98%; margin:0px; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
	.indexwrap .tmain .text{left:10px; top:10px; right:10px; bottom:10px;}
	.indexwrap .tmain .h2{font-size:14px; margin-top:17px;}
	.indexwrap .tmain .line{width:30px; height:2px; margin-top:5px;}
	.indexwrap .tmain .tis{font-size:12px; margin-top:10px;}
	.indexwrap .tmain .vmore{margin-top:15px;}
	.indexwrap .tmain .h3{font-size:20px; margin-top:30px;}
	.indexwrap .tmain .ts{font-size:14px; margin-top:10px;}
	.indexwrap .tmain .ti{font-size:12px;}
	.indexwrap .tmain .more{margin-top:15px;}
	.indexnews ul li{width:100%;}
	.indexnews ul li .text{padding:30px 20px;}
	.footer .footertou{padding:50px 20px;}
	.footer .footerbom{padding:30px 20px;}
	.footer .footertou .dl{display:none;}
	.footer .footertou .footinfo{width:100%;}
	.footer .footertou .ftoa a{width:100%; margin-right:0; margin-top:5px;}
	.footer .footnav,.footer .footcopy{width:100%; text-align:center; padding:5px 0px;}
	
    .aboutusbox01{padding-top:40px; padding-bottom:80px;}
    .aboutus .avideo,.aboutus .tmain{width:100%;}
    .aboutus .tmain{margin-top:30px;}
    .aboutus .tmain .h2{font-size:20px;}
    .aboutus .tmain .text{font-size:14px; line-height:30px; margin-top:5px;}
    .aboutusbox02{padding-bottom:80px; height:auto; background-size:auto 100%;}
    .abouttit{padding-top:40px;}
    .abouttit h2{font-size:20px;}
    .abouttit span{font-size:14px;}
    .abculture{margin-top:0;}
    .abculture ul li{width:100%; margin-right:0; margin-top:20px;}
    .aboutusbox03{padding-bottom:80px;}
    .abcourse{margin-top:20px;}
    .abcourse .acoubox{padding:20px;}
    .abcourse .acoubox .pic{width:100%;}
    .abcourse .acoubox .tmain{width:100%; padding-top:20px;}
    .abcourse .acoubox .tmain h2{font-size:20px;}
    .abcourse .acoubox .tmain h2 span{font-size:40px;}
    .abcourse .acoubox .tmain p{margin-top:15px; font-size:14px;}
    .aboutusbox04{height:auto; padding-bottom:80px;}
	.aboutserv .h2{font-size:20px;}
	
	.aboutusbox05{padding-top:40px; padding-bottom:80px;}
	.prolist ul li{width:49%; margin-right:2%; margin-top:20px;}
    .prolist ul li:nth-child(3n), .prolist ul li.mr0{margin-right:2%;}
    .prolist ul li:nth-child(2n){margin-right:0;}
	.prolist ul li .tit h2{font-size:14px;}
	.prolist ul li .tit p{font-size:12px;}
	.prodetails{padding:30px 20px;}
	.prodetails .tit{margin-top:20px; font-size:16px;}
	.prodetails .pcont{font-size:14px;}
	.prodetails .return{display:none;}
	.newslist ul{margin-top:0;}
	.newslist ul li{width:100%; margin-top:20px; margin-right:0;}
	.newsdetail h1{font-size:20px; font-weight:bold;}
	.newsdetail .newsmore{display:block;}
	.newsdetail .return{display:none;}
	
	.joinlist ul li .title{padding:0px 20px;}
	.joinlist ul li .more{right:20px;}
	.joinlist ul li .box{padding:20px 10px;}
	.joinlist ul li .numtext{padding-bottom:20px;}
	.joinlist ul li .jdetails{padding:20px 0px;}
	.joinlist ul li .bombtn span{display:block; margin-top:10px;}
	.joinlist ul li .bombtn .upbtn span{margin-top:0;}
	
	.contactinfo .item{width:100%;}
	.contactinfo .box{border-top:1px solid #ebebeb; border-right:none;}
	.conformwrap{padding-bottom:100px;}
	.cnform ul li.tw1,.cnform ul li.tw2{width:100%; margin-right:0;}
	.cnform ul li{margin-top:20px;}
	.cnform ul li .formteat{height:250px;}
	.linkslist ul li{width:50%;}
	.sitlist .dl{width:100%; margin-left:0; margin-right:0; margin-top:30px;}
}