@charset "UTF-8";

/*-----------SUB PAGE START-----------*/


@media (max-width:767px){

*{font-weight:200;}
div,p,h1,h2,h3{font-weight:200;}

.m-title{text-align:center;margin-top:5px;margin-bottom:15px;display:inline-block;}
.m-title .cn{font-size:20px;color:#333;line-height:24px;font-weight:200;position:relative;padding-left:65px;padding-right:65px;}
.m-title .cn .i-left{position:absolute;left:0px;top:5px;width:50px;height:10px;background-image:url(../images/m-title-line-left.png);background-position:left center;background-repeat:no-repeat;}
.m-title .cn .i-left:before{content:"";position:absolute;right:0px;background-color:#c3c3c3;border-radius:50%;}
.m-title .cn .i-right{position:absolute;right:0px;top:5px;width:50px;height:10px;background-image:url(../images/m-title-line-right.png);background-position:right center;background-repeat:no-repeat;}
.m-title .cn .i-right:before{content:"";position:absolute;left:0px;width:4px;height:4px;background-color:#c3c3c3;border-radius:50%;}
.m-title .en{font-size:13px;color:#999;line-height:16px;font-weight:200;}

body.iOS .m-title .cn .i-left{background-size:49px 0.333333px;}
body.iOS .m-title .cn .i-left:before{top:3px;width:4px;height:4px;}
body.Android .m-title .cn .i-left{background-size:49px 1px;}
body.Android .m-title .cn .i-left:before{top:4px;width:3px;height:3px;}
body.iOS .m-title .cn .i-right{background-size:49px 0.333333px;}
body.iOS .m-title .cn .i-right:before{top:3px;width:4px;height:4px;}
body.Android .m-title .cn .i-right{background-size:49px 1px;}
body.Android .m-title .cn .i-right:before{top:4px;width:3px;height:3px;}

.text-list dd a{width:calc(100% - 90px);float:left;padding-left:12px;line-height:28px;font-size:15px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-list dd a:before{content:"";position:absolute;left:0px;top:50%;margin-top:-3px;width:3px;height:3px;background-color:#999999;border-radius:50%;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.text-list dd a:hover:before{background-color:#0176cd;}
.text-list dd span{float:right;line-height:28px;font-size:14px;color:#888;}

.sub{padding-top:10px;padding-bottom:10px;}
.sub .con-left{margin-left:-15px;margin-right:-15px;}
.sub .con-right{padding-top:5px;padding-bottom:20px;}

.sub-all{padding-top:10px;padding-bottom:10px;}
.sub-all .con-right{padding-top:10px;padding-bottom:20px;}

.left-nav{display:none;}
.left-title{display:none;}
.case-list-left{display:none;}

.nav-scroll{width:100%;padding-left:15px;padding-right:15px;overflow:hidden;position:relative;margin-bottom:4px;}
.nav-scroll .swiper-button-next, .nav-scroll .swiper-button-prev{position:absolute;top:0;width:20px;height:100%;margin-top:0px;z-index:10;cursor:pointer;background-color:transparent;-moz-background-size:20px 100%;-webkit-background-size:20px 100%;background-size:20px 100%;background-position:center;background-repeat:no-repeat;}
.nav-scroll .swiper-button-prev{left:0px;background-image:url(../images/bg-scroll-mask-left.png);}
.nav-scroll .swiper-button-next{right:0px;background-image:url(../images/bg-scroll-mask-right.png);}
.nav-scroll a{color:#333;font-size:13px;padding-left:18px;padding-right:18px;line-height:40px;height:40px;display:inline-block;border-radius:2px;letter-spacing:-0.5px;}
.nav-scroll a.active{color:#0176cd;font-weight:400;}
.nav-scroll-text{margin-bottom:4px;margin-left:15px;margin-right:15px;}
.nav-scroll-text a{display:block;color:#333;font-size:15px;line-height:44px;height:44px;letter-spacing:-0.5px;border-radius:2px;text-align:center;background-color:rgba(0,0,0,0.05);}
.nav-scroll-text a.active{background-color:#4a9de8;background-image:url(../images/bg-title.png);background-position:top;background-repeat:repeat-x;background-size:auto 100%;color:#FFF;font-weight:400;}

body.iOS .nav-scroll a{border:rgba(0,0,0,0.2) solid 0.333333px;}
body.Android .nav-scroll a{border:rgba(0,0,0,0.2) solid 1px;}
body.iOS .nav-scroll a.active{border:#4a9de8 solid 0.333333px;}
body.Android .nav-scroll a.active{border:#4a9de8 solid 1px;}
body.iOS .nav-scroll-text a{border:rgba(0,0,0,0.1) solid 0.333333px;}
body.Android .nav-scroll-text a{border:rgba(0,0,0,0.1) solid 1px;}
body.iOS .nav-scroll-text a.active{border:rgba(0,0,0,0.1) solid 0.333333px;}
body.Android .nav-scroll-text a.active{border:rgba(0,0,0,0.1) solid 1px;}

.postion{font-size:13px;line-height:18px;color:#999;margin-top:0px;margin-bottom:15px;}
.postion img.home{float:left;width:12px;height:auto;margin-right:0px;margin-top:2px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6;}
.postion .fa-angle-right{float:left;margin-left:4px;margin-right:4px;font-size:11px;line-height:18px;margin-top:-1px;color:#CCC;}
.postion a{float:left;display:inline-block;letter-spacing:-1px;color:#333;}
.postion span{float:left;display:inline-block;color:#333;font-size:11px;line-height:18px;letter-spacing:-1px;}

.detail-content{font-size:15px;color:#333;line-height:26px;text-align:justify;}
.detail-content h1{font-size:18px;color:#333;line-height:40px;margin-top:20px;margin-bottom:10px;padding-bottom:4px;display:block;padding-left:20px;padding-right:20px;position:relative;text-align:center;}
.detail-content h1:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.detail-content h2{font-size:17px;color:#333;line-height:19px;margin-top:10px;margin-bottom:10px;font-weight:bold;}
.detail-content h3{font-size:17px;color:#333;line-height:19px;margin-top:10px;margin-bottom:10px;}
.detail-content .case-name{position:relative;font-size:20px;color:#333;line-height:24px;padding-bottom:12px;margin-bottom:15px;text-align:center;}
.detail-content .case-name:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.detail-content .case-name span{display:block;font-size:13px;color:#333;line-height:20px;margin-top:5px;}
.detail-content .news-name{position:relative;font-size:20px;color:#333;line-height:24px;padding-bottom:12px;margin-bottom:15px;text-align:center;}
.detail-content .news-name:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.detail-content .news-name span{display:block;font-size:14px;color:#666;line-height:20px;margin-top:5px;}
.detail-content .news-name span em{display:inline-block;font-style:normal;margin-left:5px;margin-right:5px;}
.detail-content .train-name{font-size:20px;color:#333;line-height:24px;padding-bottom:15px;text-align:center;}
.detail-content .train-name span{display:block;font-size:14px;color:#333;line-height:20px;margin-top:5px;}
.detail-content .train-info{font-size:13px;line-height:18px;margin-bottom:20px;color:#333;border:#e2e2e2 dotted 1px;background-color:rgba(0,0,0,0.02);padding:10px 20px;}
.detail-content .train-info span{position:relative;display:inline-block;margin-right:20px;padding-left:15px;margin-top:5px;}
.detail-content .train-info span:before{content:"\f0a9";position:absolute;left:0px;top:0px;font-family:"FontAwesome";color:#888;font-size:12px;line-height:16px;}
.detail-content .train-info span.red{color:#eb6353;}
.detail-content .train-info span.red:before{color:#eb6353;}
.detail-content .train-info span.blue{color:#4292E0;}
.detail-content .train-info span.blue:before{color:#4292E0;}
.detail-content .train-info span.green{color:#74b743;}
.detail-content .train-info span.green:before{color:#74b743;}
.detail-content .train-info span.yellow{color:#ec8e34;}
.detail-content .train-info span.yellow:before{color:#ec8e34;}
.detail-content .train-price{font-size:22px;line-height:32px;color:#333;}
.detail-content .train-price span{display:inline-block;margin-right:20px;white-space:nowrap;}
.detail-content .course-name{position:relative;font-size:20px;color:#333;line-height:24px;padding-bottom:12px;margin-bottom:15px;text-align:center;}
.detail-content .course-name:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.detail-content .course-name span{display:block;font-size:14px;color:#333;line-height:20px;margin-top:5px;}
.detail-content p{margin-bottom:15px;}
.detail-content dl.dot{margin-bottom:15px;}
.detail-content dl.dot dd{position:relative;padding:5px 0px 5px 14px;line-height:22px;}
.detail-content dl.dot dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:8px;position:absolute;left:0px;}
.detail-content dl.dot p{padding-left:14px;font-size:13px;line-height:18px;margin-top:-3px;margin-bottom:5px;color:#333;}
.detail-content dl.dot ul{margin-left:26px;}
.detail-content dl.dot li{padding:0px 0px 6px 4px;font-size:13px;list-style:decimal;line-height:16px;color:#333;}
.detail-content dl.dot dl{margin-left:15px;}
.detail-content dl.dot dl dd{padding:5px 0px 5px 12px;font-size:13px;line-height:16px;color:#333;}
.detail-content dl.dot dl dd:before{content:"";display:inline-block;width:3px;height:3px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:0px;margin-top:6px;position:absolute;left:0px;}
/*.detail-content .pic-detail{margin-bottom:15px;text-align:center;}*/
/*.detail-content .pic-detail img{max-width:none;width:100%;height:auto;margin-bottom:8px;}*/
.detail-content .pic-mobile-detail{display:block;max-width:none;width:100%;height:auto;margin-bottom:10px;}
.detail-content .tips{position:relative;font-size:13px;margin-top:20px;color:#333;line-height:20px;padding-left:16px;}
.detail-content .tips:before{content:"\f06a";position:absolute;left:0px;top:0px;font-family:"FontAwesome";color:#333;line-height:16px;}
.detail-content .map{width:100%;height:300px;margin-top:0px;margin-bottom:20px;border:rgba(0,0,0,0.2) solid 1px;}
.detail-content iframe{width:100%;height:240px;}
.detail-content video{width:100%;height:240px;background-color:#000;}
.detail-content .name-open-wrapper{}
.detail-content .name-open{position:relative;padding-top:12px;padding-bottom:12px;cursor:pointer;}
.detail-content .name-open:after{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-content .name-open .name{position:relative;float:left;font-size:17px;color:#333;line-height:22px;padding-left:20px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open .name:before{content:"";position:absolute;left:0px;top:4px;width:12px;height:12px;border:rgba(0,0,0,0.2) solid 2px;border-radius:50%;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open:hover .name{color:rgba(240,100,36,1);}
.detail-content .name-open .name.on{color:rgba(240,100,36,1);}
.detail-content .name-open .name.on:before{border:rgba(240,100,36,0.6) solid 2px;}
.detail-content .name-open .icon{position:relative;float:right;width:17px;height:17px;background-color:rgba(240,100,36,0.5);border-radius:50%;margin-top:2px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open .icon:before{content:"";position:absolute;left:5px;top:8px;width:7px;height:1px;background-color:#FFF;}
.detail-content .name-open .icon:after{content:"";position:absolute;left:8px;top:5px;width:1px;height:7px;background-color:#FFF;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open .icon.on{position:relative;float:right;width:17px;height:17px;background-color:rgba(0,0,0,0.15);border-radius:50%;cursor:pointer;margin-top:2px;}
.detail-content .name-open .icon.on:before{content:"";position:absolute;left:5px;top:8px;width:7px;height:1px;background-color:#FFF;}
.detail-content .name-open .icon.on:after{content:"";position:absolute;left:8px;top:8px;width:1px;height:0px;background-color:#FFF;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open-content{display:none;padding:5px 10px 5px 6px;}
.detail-content .name-open-content dd{position:relative;padding:5px 0px 5px 14px;line-height:22px;font-size:15px;}
.detail-content .name-open-content dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:8px;position:absolute;left:0px;}
.detail-content .name-open-content dd a{display:block;}
.detail-content img{display:block;max-width:none;width:100%;height:auto;}
.detail-content .pic-max img{display:block;max-width:none;width:100%;height:auto;}
.detail-content .pic-detail{text-align:center;}

.page{margin-top:0px;text-align:center;}
.page a{display:inline-block;background-color:#E6E6E6;padding-left:10px;padding-right:10px;margin-left:2px;margin-right:2px;margin-bottom:4px;font-size:13px;color:#555;line-height:36px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.page a:hover{background-color:#9D9D9D;color:#FFF;}
.page a.previous{display:inline-block;}
.page a.previous{background-color:#E6E6E6;padding-left:20px;padding-right:20px;font-size:13px;white-space:nowrap;line-height:36px;height:36px;}
.page a.previous:hover{background-color:#9D9D9D;}
.page a.next{display:inline-block;}
.page a.next{background-color:#E6E6E6;padding-left:20px;padding-right:20px;font-size:13px;white-space:nowrap;line-height:36px;height:36px;}
.page a.next:hover{background-color:#9D9D9D;}
.page a.first{padding-left:20px;padding-right:20px;}
.page a.last{padding-left:20px;padding-right:20px;}

.s-news{}
.s-news .item{width:100%;margin-bottom:20px;}
.s-news .list .pic{width:100%;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.s-news .list .pic img{max-width:none;width:100%;height:auto;}
.s-news .list .pic:hover{background-size:110% auto;}
.s-news .list .text{float:left;width:100%;padding-top:15px;}
.s-news .list .text .name{font-size:18px;line-height:20px;}
.s-news .list .text .info{font-size:14px;line-height:18px;margin-top:10px;color:#333;}
.s-news .list .text .more{font-size:13px;line-height:18px;margin-top:5px;}
.s-news .list .text .more span{font-size:14px;margin-right:20px;color:#333;}
.s-news .list .text .more a{color:#333;}
.s-news .list .text .more a:hover{color:#e60012;}
.s-news .list .text .more a i{margin-left:0px;display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;padding-left:1px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}

.detail-share{margin-top:20px;}

.detail-next{position:relative;margin-top:20px;padding-top:14px;}
.detail-next:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.detail-next a{font-size:14px;}
.detail-next .link{line-height:18px;padding-top:4px;padding-bottom:4px;}

.pic-list{}
.pic-list .item{float:left;width:50%;margin-bottom:20px;}
.pic-list .item:nth-child(2n - 1){padding-right:5px;}
.pic-list .item:nth-child(2n - 0){padding-left:5px;}
.pic-list .item a{display:block;}
.pic-list .item .pic{background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.pic-list .item .pic img{max-width:none;width:100%;height:auto;}
.pic-list .item .pic:hover{background-size:110% auto;}
.pic-list .item .text{margin-top:12px;text-align:center;font-size:15px;color:#222;line-height:24px;height:24px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.pic-list .item p{text-align:center;font-size:13px;color:#666;line-height:16px;height:16px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.pic-list .item a:hover .text{color:#0176cd;}

body.iOS .pic-list .item .pic{border:rgba(0,0,0,0.1) solid 0.333333px;}
body.Android .pic-list .item .pic{border:rgba(0,0,0,0.1) solid 1px;}

.contact{}
.contact .map{width:100%;height:400px;}
.contact .wrapper{position:relative;width:100%;padding-bottom:80px;}
.contact .wrapper .content{padding:20px 20px 0px;}
.contact .wrapper .content .name{position:relative;padding-bottom:15px;}
.contact .wrapper .content .name:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.contact .wrapper .content .name .cn{display:inline-block;font-size:22px;color:#333;line-height:28px;}
.contact .wrapper .content .name .en{display:inline-block;font-size:16px;color:#888;line-height:28px;font-weight:200;margin-left:10px;}
.contact .wrapper .content .info{position:relative;padding-top:15px;padding-bottom:20px;}
.contact .wrapper .content .info:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.contact .wrapper .content .info h1{font-size:18px;color:#333;line-height:28px;margin-bottom:6px;}
.contact .wrapper .content .info p{font-size:14px;color:#333;line-height:24px;margin-top:4px;letter-spacing:0px;}
.contact .wrapper .content form{padding-top:15px;padding-bottom:20px;}
.contact .wrapper .content form .text{font-size:18px;color:#333;line-height:28px;margin-bottom:15px;}
.contact .wrapper .content form input{letter-spacing:0px;}
.contact .wrapper .content form textarea{letter-spacing:0px;}
.contact .wrapper .content form .btn-primary{height:48px;line-height:48px;color:#333;font-size:18px;box-shadow:none;background-color:rgba(0,0,0,0.1);border:0px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.contact .wrapper .content form .btn-primary:hover{background-color:#2b8b35;border:0px;color:#FFF;}
.contact .wrapper .logo{position:absolute;left:0px;bottom:0px;z-index:10;width:100%;height:80px;background-color:#edca4f;padding:20px 35px;}
.contact .wrapper .logo .pic{display:none;}
.contact .wrapper .logo .text{float:left;font-size:15px;color:#333;line-height:20px;}

.about-join{margin-bottom:20px;}
.about-join-item{margin-bottom:1px;}
.about-join-item .name{margin-bottom:1px;width:100%;height:40px;text-align:center;background-color:#f0f0f0;color:#595959;line-height:42px;}
.about-join-item .text{width:100%;min-height:40px;color:#595959;padding:10px 16px;line-height:18px;}
.about-join-item .names{float:left;width:30%;height:40px;text-align:center;background-color:#f0f0f0;color:#595959;line-height:42px;}
.about-join-item .texts{float:right;width:calc(70% - 1px);min-height:40px;color:#595959;border:#f0f0f0 solid 1px;padding:10px 16px;line-height:18px;}
.about-join-item ul.num{margin-left:18px;margin-bottom:0px;}
.about-join-item ul.num li{padding:4px 0px 4px 2px;list-style:decimal;font-size:14px;line-height:21px;font-weight:200;}

body.iOS .about-join-item .text{border:rgba(0,0,0,0.12) solid 0.333333px;}
body.Android .about-join-item .text{border:rgba(0,0,0,0.1) solid 1px;}
body.iOS .about-join-item .texts{border:rgba(0,0,0,0.12) solid 0.333333px;}
body.Android .about-join-item .texts{border:rgba(0,0,0,0.1) solid 1px;}
body.iOS .about-join-item .name{border:rgba(0,0,0,0.08) solid 0.333333px;}
body.Android .about-join-item .name{border:rgba(0,0,0,0.05) solid 1px;}
body.iOS .about-join-item .names{border:rgba(0,0,0,0.08) solid 0.333333px;}
body.Android .about-join-item .names{border:rgba(0,0,0,0.05) solid 1px;}

.join{padding-left:0px;padding-right:0px;}
.join .item{position:relative;padding-top:20px;padding-bottom:0px;}
.join .item:after{content:"";position:absolute;z-index:1;left:0px;bottom:0px;width:100%;height:1px;background-color:rgba(0,0,0,0.15);-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.join .item .name{float:left;width:100%;text-align:left;}
.join .item .name h1{display:inline-block;font-size:22px;color:#333;line-height:30px;}
.join .item .name h2{display:inline-block;font-size:16px;color:#666;line-height:20px;margin-left:10px;}
.join .item .content{float:left;width:100%;font-size:14px;color:#555;line-height:26px;text-align:justify;margin-top:10px;}
.join .item .content h1{display:inline-block;font-size:15px;color:#333;line-height:36px;margin-bottom:5px;background-color:rgba(0,0,0,0.08);border-radius:4px;text-align:center;padding-left:15px;padding-right:15px;}
.join .item .content p{margin-bottom:15px;}
.join .item .content dl.dot{margin-bottom:20px;}
.join .item .content dl.dot dd{position:relative;padding:5px 0px 5px 12px;font-size:14px;line-height:20px;}
.join .item .content dl.dot dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:7px;position:absolute;left:0px;}
.join .item .content dl.dot.gray dd:before{background-color:#CCC;}
.join .item .content dl.dot.black dd:before{background-color:#666;}
.join .item .content ul.num{margin-bottom:20px;margin-left:18px;}
.join .item .content ul.num li{padding:4px 0px 4px 4px;list-style:decimal;font-size:14px;line-height:22px;}
.join .tips{margin-top:20px;background-color:rgba(0,0,0,0.6);border-radius:4px;text-align:center;padding:25px;}
.join .tips h1{font-size:20px;line-height:26px;color:#FFF;}
.join .tips p{font-size:14px;line-height:20px;color:#FFF;letter-spacing:0px;margin-top:6px;}

.service-download{}
.service-download .item{position:relative;margin-bottom:12px;padding-bottom:10px;padding-top:0px;}
.service-download .item:after{content:"";display:inline-block;position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#d4d4d4;-webkit-transform:scaleY(0.3333333333333333);transform:scaleY(0.3333333333333333);-webkit-transform-origin:0 0;transform-origin:0 0;}
.service-download .item a.link{position:relative;display:block;padding:5px 0px 5px 14px;line-height:22px;font-size:16px;}
.service-download .item a.link:before{content:"";display:inline-block;position:absolute;left:0px;top:13px;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);}
.service-download .item a i{display:none;}
.service-download .item p{padding-left:14px;padding-right:14px;font-size:12px;line-height:18px;margin-top:5px;margin-bottom:5px;color:#333;text-align:justify;}

.sub-content-product{padding-left:10px;padding-right:10px;}
.sub-content-product .content{margin-top:10px;margin-bottom:10px;}
.sub-content-product .content .pic{width:100%;}
.sub-content-product .content .pic img{max-width:none;width:100%;height:auto;}
.sub-content-product .content .pic-info{width:100%;padding-top:20px;}
.sub-content-product .content .pic-info h2{font-size:18px;color:#1e9d2b;margin-top:0px;font-weight:200;}
.sub-content-product .item{float:left;width:33.333333%;padding-left:2px;padding-right:2px;}
.sub-content-product .item a{display:block;}
.sub-content-product .item .pic img{max-width:none;width:100%;height:auto;}
.sub-content-product .item .text{margin-top:6px;text-align:center;font-size:14px;color:#222;line-height:20px;height:40px;margin-bottom:15px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.sub-content-product .item a:hover .text{color:#1e9d2b;}
.sub-content-product .owl-controls{margin-top:0px;margin-bottom:10px;text-align:center;}
.sub-content-product .owl-controls .owl-page{cursor:pointer;display:inline-block;width:6px;height:6px;margin:0px 3px;background-color:rgba(0,0,0,0.3);border-radius:4px!important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.sub-content-product .owl-controls .owl-page.active{width:14px;background-color:rgba(0,150,240,1);}
.sub-content-product table{margin-bottom:20px;width:100%;border-collapse:separate;background-color:rgba(0,0,0,0.2);}
.sub-content-product table td{padding:12px 12px;line-height:18px;font-size:14px;color:#555;}
.sub-content-product table tr:nth-child(2n-1){background-color:#F9F9F9;}
.sub-content-product table tr:nth-child(2n-0){background-color:#FFFFFF;}

body.iOS .sub-content-product table{border-spacing:0.333333px;}
body.Android .sub-content-product table{border-spacing:1px;}
body.iOS .sub-content-product .content .pic{border:rgba(0,0,0,0.2) solid 0.333333px;}
body.Android .sub-content-product .content .pic{border:rgba(0,0,0,0.2) solid 1px;}

.product-scroll-pic{}
.product-scroll-pic .swiper-button-next,.index-scroll-pic .swiper-button-prev{position:absolute;top:50%;width:45px;height:45px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:auto 45px;-webkit-background-size:auto 45px;background-size:auto 45px;background-position:center;background-repeat:no-repeat;}
.product-scroll-pic .swiper-button-next:hover,.index-scroll-pic .swiper-button-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;}
.product-scroll-pic .swiper-button-prev{left:0px;background-image:url(../images/pic-scroll-left.png);border-top-right-radius:3px;border-bottom-right-radius:3px;}
.product-scroll-pic .swiper-button-next{right:0px;background-image:url(../images/pic-scroll-right.png);border-top-left-radius:3px;border-bottom-left-radius:3px;}
.product-scroll-pic .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:6px;left:0;width:100%;}
.product-scroll-pic .swiper-pagination-bullet{width:4px;height:4px;background-color:rgba(0,0,0,0.4);border-radius:15px;margin-left:2px;margin-right:2px;}
.product-scroll-pic .swiper-pagination-bullet-active{width:10px;background-color:#1e9d2b;}
.product-scroll-pic .swiper-slide a{display:block;}
.product-scroll-pic .swiper-slide img{max-width:none;width:100%;height:auto;}

.con-right .text-list{padding:0px 0px 20px;}
.con-right .text-list dd{border-bottom:#e6e6e6 dotted 1px;overflow:hidden;zoom:1;}
.con-right .text-list dd a{padding-top:8px;padding-bottom:8px;}
.con-right .text-list dd span{padding-top:8px;padding-bottom:8px;}

}

@media (max-width:480px){

}

@media (min-width:768px){

.m-title{text-align:center;margin-bottom:20px;display:inline-block;}
.m-title .cn{font-size:24px;color:#333;line-height:28px;position:relative;padding-left:70px;padding-right:70px;}
.m-title .cn .i-left{position:absolute;left:0px;top:10px;width:50px;height:10px;background-image:url(../images/m-title-line-left.png);background-position:left center;background-repeat:no-repeat;background-size:46px 1px;}
.m-title .cn .i-left:before{content:"";position:absolute;right:0px;top:3px;width:5px;height:5px;background-color:#c3c3c3;border-radius:50%;}
.m-title .cn .i-right{position:absolute;right:0px;top:10px;width:50px;height:10px;background-image:url(../images/m-title-line-right.png);background-position:right center;background-repeat:no-repeat;background-size:46px 1px;}
.m-title .cn .i-right:before{content:"";position:absolute;left:0px;top:3px;width:5px;height:5px;background-color:#c3c3c3;border-radius:50%;}
.m-title .en{font-size:12px;color:#b3b3b3;line-height:14px;font-weight:200;/*text-transform:uppercase;*/}

.text-list dd a{width:calc(100% - 80px);float:left;padding-left:12px;line-height:28px;font-size:13px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-list dd a:before{content:"";position:absolute;left:0px;top:50%;margin-top:-2px;width:3px;height:3px;background-color:#999999;border-radius:50%;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.text-list dd a:hover:before{background-color:#0176cd;}
.text-list dd span{float:right;line-height:28px;font-size:13px;color:#888;}

.sub{position:relative;min-height:500px;background-color:#FFF;border:#eeeeee solid 1px;border-radius:3px;}
.sub:after{display:block;content:"";position:absolute;z-index:0;left:194px;top:0px;width:1px;height:100%;background-color:#eeeeee;}
.sub .con-left{float:left;width:180px;padding-top:10px;padding-bottom:30px;}
.sub .con-right{float:right;width:calc(100% - 180px);padding:15px 20px 40px 20px;}

.sub-all{position:relative;min-height:500px;}
.sub-all:before{display:block;content:"";position:absolute;z-index:0;left:15px;top:0px;width:1px;height:100%;background-color:#f2f2f2;}
.sub-all .con-right{padding:15px 20px 40px 20px;}

.left-nav{position:relative;z-index:1;}
.left-nav:before{display:block;content:"";position:absolute;z-index:0;left:0px;top:0px;width:100%;height:1px;background-color:#f2f2f2;}
.left-nav dd{position:relative;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.left-nav dd:before{display:block;content:"";position:absolute;z-index:-1;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.left-nav dd:after{display:block;content:"\f105";position:absolute;z-index:0;right:15px;top:50%;font-family:"FontAwesome";margin-top:-10px;line-height:20px;font-size:12px;color:#CCC;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.left-nav dd.drop:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.left-nav dd.active:after{color:#FFF;}
.left-nav dd:hover:after{right:14px;color:#0176cd;}
.left-nav dd.active:hover:after{right:15px;color:#FFF;}
.left-nav dd a{display:block;padding:14px 30px 14px 15px;font-size:14px;line-height:18px;cursor:pointer;}
.left-nav dd.active{background-image:url(../images/bg-nav.png);background-position:center;background-repeat:repeat-x;}
.left-nav dd.active a{color:#FFF;}
.left-nav ul{padding-top:8px;padding-bottom:8px;position:relative;display:none;}
.left-nav ul:after{display:block;content:"";position:absolute;z-index:0;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.left-nav li a{position:relative;display:block;padding-left:25px;padding-right:15px;font-size:13px;line-height:18px;padding-top:5px;padding-bottom:5px;}
.left-nav li a:hover{color:#ff7e00;/*background-color:rgba(0,0,0,0.03);*/background-color:transparent;}
.left-nav li a:before{display:block;content:"";position:absolute;z-index:1;left:16px;top:12px;width:3px;height:3px;background-color:#c6c6c6;border-radius:50%;}
.left-nav li.active a{color:#1e9d2b;background-color:transparent;}

.left-nav .on ul{display:block;}
.left-nav .on dd:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.left-nav .on dd.drop:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}

.left-nav .drop-nav dd.drop:hover:after{right:15px;}

/*.left-nav li{position:relative;}*/
/*.left-nav li a{display:block;padding-left:25px;font-size:13px;line-height:30px;}*/
/*.left-nav li:before{display:block;content:"";position:absolute;z-index:0;left:16px;top:50%;margin-top:-2px;width:3px;height:3px;border-radius:50%;background-color:#e2e2e2;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}*/
/*.left-nav li:hover:before{background-color:#fb5151;}*/
/*.left-nav li.active a{color:#f14f05;}*/
/*.left-nav li.active:before{left:15px;top:50%;margin-top:-3px;width:5px;height:5px;border:#f7844e solid 1px;background-color:transparent;}*/

.nav-scroll,.nav-scroll-text,.nav-scroll-text2{display:none;}

.left-title{position:relative;z-index:1;font-size:14px;line-height:36px;color:#333;padding-left:15px;}
.left-title:before{display:block;content:"";position:absolute;z-index:0;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}

.postion{float:right;color:#666;margin-bottom:10px;line-height:16px;}
.postion img.home{float:left;width:14px;height:auto;margin-right:2px;}
.postion .fa-angle-right{float:left;margin-left:6px;margin-right:6px;font-size:13px;line-height:18px;margin-top:-1px;color:#CCC;}
.postion a{float:left;display:inline-block;font-size:12px;line-height:16px;}
.postion span{float:left;display:inline-block;color:#333;font-size:12px;}

.detail-content{font-size:15px;color:#333;line-height:26px;text-align:justify;padding-left:20px;padding-right:20px;padding-top:20px;}
.detail-content h1{position:relative;font-size:22px;color:#111;line-height:44px;margin-top:30px;margin-bottom:10px;display:block;padding-bottom:6px;}
.detail-content h1:first-child{margin-top:0px;}
.detail-content h1:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-content h2{font-size:18px;color:#333;line-height:20px;margin-top:25px;margin-bottom:10px;font-weight:bold;}
.detail-content h3{font-size:16px;color:#333;line-height:20px;margin-top:25px;margin-bottom:10px;}
.detail-content .case-name{position:relative;font-size:22px;color:#333;line-height:24px;padding-bottom:15px;margin-bottom:20px;text-align:center;}
.detail-content .case-name:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-content .case-name span{display:block;font-size:13px;color:#333;line-height:20px;margin-top:5px;}
.detail-content .news-name{position:relative;font-size:22px;color:#333;line-height:24px;padding-bottom:15px;margin-bottom:20px;text-align:center;}
.detail-content .news-name:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-content .news-name span{display:block;font-size:14px;color:#666;line-height:20px;margin-top:5px;}
.detail-content .news-name span em{display:inline-block;font-style:normal;margin-left:5px;margin-right:5px;}
.detail-content .train-name{font-size:22px;color:#333;line-height:24px;padding-bottom:15px;text-align:center;}
.detail-content .train-name span{display:block;font-size:14px;color:#333;line-height:20px;margin-top:5px;}
.detail-content .train-info{font-size:14px;line-height:24px;margin-bottom:25px;color:#333;border:#e2e2e2 dotted 1px;background-color:rgba(0,0,0,0.02);padding:20px 40px;}
.detail-content .train-info span{position:relative;display:inline-block;margin-right:20px;padding-left:18px;white-space:nowrap;}
.detail-content .train-info span:before{content:"\f0a9";position:absolute;left:0px;top:0px;font-family:"FontAwesome";color:#333;font-size:13px;}
.detail-content .train-info span.red{color:#eb6353;}
.detail-content .train-info span.red:before{color:#eb6353;}
.detail-content .train-info span.blue{color:#4292E0;}
.detail-content .train-info span.blue:before{color:#4292E0;}
.detail-content .train-info span.green{color:#74b743;}
.detail-content .train-info span.green:before{color:#74b743;}
.detail-content .train-info span.yellow{color:#ec8e34;}
.detail-content .train-info span.yellow:before{color:#ec8e34;}
.detail-content .train-price{font-size:28px;line-height:36px;color:#333;}
.detail-content .train-price span{display:inline-block;margin-right:30px;white-space:nowrap;}
.detail-content .course-name{position:relative;font-size:22px;color:#333;line-height:24px;padding-bottom:15px;margin-bottom:20px;text-align:center;}
.detail-content .course-name:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-content .course-name span{display:block;font-size:14px;color:#333;line-height:20px;margin-top:5px;}
.detail-content p{margin-bottom:15px;text-align:justify;}
.detail-content dl.dot{margin-bottom:15px;}
.detail-content dl.dot dd{position:relative;padding:5px 0px 5px 14px;line-height:20px;}
.detail-content dl.dot dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:7px;position:absolute;left:0px;}
.detail-content dl.dot p{padding-left:14px;font-size:13px;line-height:22px;margin-top:-3px;margin-bottom:5px;color:#333;}
.detail-content dl.dot ul{margin-left:26px;}
.detail-content dl.dot li{padding:0px 0px 6px 4px;font-size:13px;list-style:decimal;line-height:16px;color:#333;}
.detail-content dl.dot dl{margin-left:15px;}
.detail-content dl.dot dl dd{padding:5px 0px 5px 12px;font-size:13px;line-height:16px;color:#333;}
.detail-content dl.dot dl dd:before{content:"";display:inline-block;width:3px;height:3px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:0px;margin-top:6px;position:absolute;left:0px;}
/*.detail-content .pic-detail{margin-bottom:15px;text-align:center;}*/
/*.detail-content .pic-detail img{max-width:none;width:100%;height:auto;margin-bottom:10px;}*/
.detail-content .pic-mobile-detail{max-width:none;width:auto;height:auto;}
.detail-content .tips{position:relative;font-size:13px;margin-top:20px;color:#333;line-height:20px;padding-left:16px;}
.detail-content .tips:before{content:"\f06a";position:absolute;left:0px;top:0px;font-family:"FontAwesome";color:#333;}
.detail-content .map{width:100%;height:400px;margin-top:0px;margin-bottom:20px;border:rgba(0,0,0,0.2) solid 1px;}
.detail-content iframe{width:100%;height:300px;}
.detail-content video{width:100%;height:300px;background-color:#000;}
.detail-content .name-open-wrapper{}
.detail-content .name-open{position:relative;padding-top:12px;padding-bottom:12px;cursor:pointer;}
.detail-content .name-open:after{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-content .name-open .name{position:relative;float:left;font-size:17px;color:#333;line-height:22px;padding-left:20px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open .name:before{content:"";position:absolute;left:0px;top:4px;width:12px;height:12px;border:rgba(0,0,0,0.2) solid 2px;border-radius:50%;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open:hover .name{color:rgba(240,100,36,1);}
.detail-content .name-open .name.on{color:rgba(240,100,36,1);}
.detail-content .name-open .name.on:before{border:rgba(240,100,36,0.6) solid 2px;}
.detail-content .name-open .icon{position:relative;float:right;width:17px;height:17px;background-color:rgba(240,100,36,0.5);border-radius:50%;margin-top:2px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open .icon:before{content:"";position:absolute;left:5px;top:8px;width:7px;height:1px;background-color:#FFF;}
.detail-content .name-open .icon:after{content:"";position:absolute;left:8px;top:5px;width:1px;height:7px;background-color:#FFF;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open .icon.on{position:relative;float:right;width:17px;height:17px;background-color:rgba(0,0,0,0.15);border-radius:50%;cursor:pointer;margin-top:2px;}
.detail-content .name-open .icon.on:before{content:"";position:absolute;left:5px;top:8px;width:7px;height:1px;background-color:#FFF;}
.detail-content .name-open .icon.on:after{content:"";position:absolute;left:8px;top:8px;width:1px;height:0px;background-color:#FFF;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.detail-content .name-open-content{display:none;padding:10px 20px 5px;}
.detail-content .name-open-content dd{position:relative;padding:5px 0px 5px 14px;line-height:22px;}
.detail-content .name-open-content dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:8px;position:absolute;left:0px;}
.detail-content .name-open-content dd a{display:block;}
.detail-content .name-open-content dd a i{margin-left:8px;font-size:13px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.detail-content .name-open-content dd a:hover i{margin-left:10px;}
.detail-content .name-open-content p{padding-left:14px;font-size:13px;line-height:22px;margin-top:-3px;margin-bottom:5px;color:#333;}
.detail-content img{margin-bottom:10px;display:block;max-width:none;width:100%;height:auto;}
.detail-content img.img-center{margin:0 auto 10px;}
.detail-content .pic-max img{display:block;max-width:none;width:100%;height:auto;}
.detail-content .pic-detail{text-align:center;}

.detail-share{margin-top:20px;}

.detail-next{position:relative;margin-top:20px;padding-top:14px;}
.detail-next:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-next a{font-size:14px;}
.detail-next .link{line-height:18px;padding-top:4px;padding-bottom:4px;}

.page{height:36px;margin-top:0px;text-align:center;line-height:32px;color:rgba(255,255,255,0.6);}
.page a{background-color:#E6E6E6;font-size:14px;color:#555;line-height:36px;height:36px;font-weight:400;text-align:center;display:inline-block;padding-left:12px;padding-right:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-left:2px;margin-right:2px;}
.page a{text-decoration:none;}
.page a:hover{background-color:#9D9D9D;color:#FFF;}
.page a.active{background-color:#333;color:#FFF;}
.page a.previous{margin-right:10px;font-size:13px;}
.page a.previous{background-color:#E6E6E6;padding-left:30px;padding-right:30px;font-size:13px;white-space:nowrap;line-height:36px;}
.page a.previous:hover{background-color:#9D9D9D;}
.page a.next{margin-left:10px;font-size:13px;}
.page a.next{background-color:#E6E6E6;padding-left:30px;padding-right:30px;font-size:13px;white-space:nowrap;line-height:36px;}
.page a.next:hover{background-color:#9D9D9D;}
.page a.first{padding-left:20px;padding-right:20px;font-size:13px;}
.page a.last{padding-left:20px;padding-right:20px;font-size:13px;}

.s-news{padding-left:20px;padding-right:20px;}
.s-news .item{width:100%;margin-bottom:30px;}
.s-news .list{position:relative;}
.s-news .list .pic{float:left;width:30%;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.s-news .list .pic img{max-width:none;width:100%;height:auto;}
.s-news .list .pic:hover{background-size:110% auto;}
.s-news .list .text{float:left;width:70%;padding-left:20px;}
.s-news .list .text .name{font-size:18px;line-height:22px;max-height:44px;overflow:hidden;}
.s-news .list .text .info{font-size:13px;line-height:18px;max-height:54px;overflow:hidden;margin-top:10px;color:#333;}
.s-news .list .text .more{font-size:13px;line-height:18px;position:absolute;left:calc(30% + 20px);bottom:0px;}
.s-news .list .text .more span{font-size:14px;margin-right:20px;color:#999;}
.s-news .list .text .more a{color:#666;}
.s-news .list .text .more a:hover{color:#1e9d2b;}
.s-news .list .text .more a i{margin-left:6px;}

.pic-list{padding-left:30px;padding-right:30px;}
.pic-list .item{float:left;width:33.333333%;padding-left:15px;padding-right:15px;margin-bottom:30px;}
.pic-list .item a{display:block;}
.pic-list .item .pic{border:rgba(0,0,0,0.1) solid 1px;background-position:center;background-repeat:no-repeat;background-size:102% auto;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.pic-list .item .pic img{max-width:none;width:100%;height:auto;}
.pic-list .item .pic:hover{background-size:110% auto;}
.pic-list .item .text{margin-top:12px;text-align:center;font-size:15px;color:#222;line-height:24px;height:24px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.pic-list .item p{text-align:center;font-size:13px;color:#666;line-height:16px;height:16px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.pic-list .item a:hover .text{color:#0176cd;}

.contact{height:900px;position:relative;}
.contact .map{position:absolute;left:0px;top:0px;z-index:1;width:100%;height:100%;}
.contact .wrapper{position:absolute;right:150px;top:40px;z-index:10;width:500px;height:800px;background-color:#FFF;box-shadow:0px 0px 40px rgba(0,0,0,0.3);}
.contact .wrapper .content{padding:50px 40px 0px;}
.contact .wrapper .content .name{border-bottom:#CCC dotted 1px;padding-bottom:20px;}
.contact .wrapper .content .name .cn{display:inline-block;font-size:24px;color:#333;line-height:28px;}
.contact .wrapper .content .name .en{display:inline-block;font-size:18px;color:#888;line-height:28px;font-weight:200;margin-left:10px;}
.contact .wrapper .content .info{border-bottom:#CCC dotted 1px;padding-top:20px;padding-bottom:20px;}
.contact .wrapper .content .info h1{font-size:18px;color:#333;line-height:28px;margin-bottom:6px;}
.contact .wrapper .content .info p{font-size:14px;color:#333;line-height:24px;margin-top:4px;letter-spacing:0px;}
.contact .wrapper .content form{padding-top:20px;padding-bottom:20px;}
.contact .wrapper .content form .text{font-size:18px;color:#333;line-height:28px;margin-bottom:15px;}
.contact .wrapper .content form input{letter-spacing:0px;}
.contact .wrapper .content form textarea{letter-spacing:0px;}
.contact .wrapper .content form .btn-primary{height:48px;line-height:48px;color:#333;font-size:18px;box-shadow:none;background-color:rgba(0,0,0,0.1);border:0px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.contact .wrapper .content form .btn-primary:hover{background-color:#2b8b35;border:0px;color:#FFF;}
.contact .wrapper .logo{position:absolute;left:0px;bottom:0px;z-index:10;width:100%;height:90px;background-color:#edca4f;padding:25px 35px;}
.contact .wrapper .logo .pic{float:right;height:40px;}
.contact .wrapper .logo .pic img{max-width:none;width:auto;height:40px;}
.contact .wrapper .logo .text{float:left;font-size:15px;color:#333;line-height:20px;}

.about-join{padding-left:30px;padding-right:30px;margin-bottom:30px;}
.about-join-item{margin-bottom:1px;}
.about-join-item .name{float:left;width:25%;height:40px;text-align:center;background-color:#f0f0f0;border:rgba(0,0,0,0.03) solid 1px;color:#595959;line-height:42px;}
.about-join-item .text{float:right;width:calc(75% - 1px);min-height:40px;color:#595959;border:rgba(0,0,0,0.05) solid 1px;padding:10px 16px;line-height:18px;}
.about-join-item .names{float:left;width:25%;height:40px;text-align:center;background-color:#f0f0f0;border:rgba(0,0,0,0.03) solid 1px;color:#595959;line-height:42px;}
.about-join-item .texts{float:right;width:calc(75% - 1px);min-height:40px;color:#595959;border:rgba(0,0,0,0.05) solid 1px;padding:10px 16px;line-height:18px;}
.about-join-item ul.num{margin-left:18px;margin-bottom:0px;}
.about-join-item ul.num li{padding:4px 0px 4px 2px;list-style:decimal;font-size:14px;line-height:21px;font-weight:200;}

.join{padding-left:30px;padding-right:30px;}
.join .item{position:relative;padding-top:40px;padding-bottom:30px;}
.join .item:after{content:"";position:absolute;z-index:1;left:0px;bottom:0px;width:100%;height:1px;background-color:rgba(0,0,0,0.05);}
.join .item .name{float:left;width:30%;padding-right:50px;text-align:right;}
.join .item .name h1{font-size:18px;color:#333;line-height:24px;}
.join .item .name h2{font-size:14px;color:#666;line-height:16px;margin-top:10px;}
.join .item .content{float:left;width:70%;padding-right:50px;font-size:14px;color:#555;line-height:26px;text-align:justify;}
.join .item .content h1{font-size:18px;color:#333;line-height:20px;margin-bottom:10px;}
.join .item .content p{margin-bottom:15px;}
.join .item .content dl.dot{margin-bottom:20px;}
.join .item .content dl.dot dd{position:relative;padding:5px 0px 5px 14px;font-size:14px;line-height:22px;}
.join .item .content dl.dot dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:8px;position:absolute;left:0px;}
.join .item .content dl.dot.gray dd:before{background-color:#CCC;}
.join .item .content dl.dot.black dd:before{background-color:#666;}
.join .item .content ul.num{margin-bottom:20px;margin-left:18px;}
.join .item .content ul.num li{padding:4px 0px 4px 4px;list-style:decimal;font-size:14px;line-height:22px;}
.join .tips{margin-top:20px;background-color:rgba(0,0,0,0.6);border-radius:4px;text-align:center;padding:25px;}
.join .tips h1{font-size:28px;line-height:34px;color:#FFF;}
.join .tips p{font-size:18px;line-height:30px;color:#FFF;letter-spacing:0px;}

.service-download{padding-left:30px;padding-right:30px;}
.service-download .item{position:relative;margin-bottom:15px;padding-bottom:15px;padding-top:0px;}
.service-download .item:after{content:"";display:inline-block;position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:rgba(0,0,0,0.05);}
.service-download .item a.link{position:relative;display:block;padding:5px 0px 5px 14px;line-height:22px;font-size:16px;}
.service-download .item a.link:before{content:"";display:inline-block;position:absolute;left:0px;top:13px;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);}
.service-download .item a i{float:right;margin-left:10px;margin-top:5px;font-size:12px;width:42px;height:42px;line-height:42px;background-color:rgba(0,0,0,0.05);border-radius:50%;text-align:center;color:#999;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.service-download .item a:hover i{color:#333;}
.service-download .item p{padding-left:14px;font-size:13px;line-height:24px;margin-bottom:5px;color:#7a7f7e;text-align:justify;}

.sub-content-product{padding-left:30px;padding-right:30px;}
.sub-content-product .content{margin-top:0px;margin-bottom:10px;}
.sub-content-product .content .pic{float:left;width:40%;border:rgba(0,0,0,0.1) solid 1px;}
.sub-content-product .content .pic img{max-width:none;width:100%;height:auto;}
.sub-content-product .content .pic-info{float:left;width:60%;padding-left:30px;}
.sub-content-product .content .pic-info h2{font-size:18px;color:#1e9d2b;margin-top:0px;font-weight:normal;}
.sub-content-product .item{float:left;width:33.333333%;padding-right:4px;margin-bottom:18px;}
.sub-content-product .item a{display:block;}
.sub-content-product .item .pic img{max-width:none;width:100%;height:auto;}
.sub-content-product .item .text{margin-top:12px;text-align:center;font-size:15px;color:#222;line-height:20px;height:40px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.sub-content-product .item a:hover .text{color:#1e9d2b;}
.sub-content-product .owl-controls{margin-top:0px;margin-bottom:10px;text-align:center;}
.sub-content-product .owl-controls .owl-page{cursor:pointer;display:inline-block;width:6px;height:6px;margin:0px 3px;background-color:rgba(0,0,0,0.3);border-radius:4px!important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.sub-content-product .owl-controls .owl-page.active{width:14px;background-color:rgba(0,150,240,1);}
.sub-content-product .tab-button{margin-top:10px;margin-bottom:0px;width:100%;height:40px;position:relative;}
.sub-content-product .tab-button h3{position:absolute;top:0;z-index:10;width:100%;}
.sub-content-product .tab-button h3.fixed{position:fixed;top:150px;width:-moz-calc(100% - 244px);width:-webkit-calc(100% - 244px);width:calc(100% - 244px);z-index:10;background-color:#FFF;}
.sub-content-product .tab-button h3 a{float:left;width:-moz-calc(33.333333% - 4px);width:-webkit-calc(33.333333% - 4px);width:calc(33.333333% - 4px);margin-left:2px;margin-right:2px;}
.sub-content-product .tab-button h3 a:first-child{width:-moz-calc(33.333333% - 2px);width:-webkit-calc(33.333333% - 2px);width:calc(33.333333% - 2px);margin-left:0px;margin-right:2px;}
.sub-content-product .tab-button h3 a:last-child{width:-moz-calc(33.333333% - 2px);width:-webkit-calc(33.333333% - 2px);width:calc(33.333333% - 2px);margin-left:2px;margin-right:0px;}
.sub-content-product .tab-button h3 a{display:inline-block;text-align:center;height:40px;line-height:40px;font-size:14px;background-color:#f0f0f0;color:#595959;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.sub-content-product .tab-button h3 a:hover{background-color:#1e9d2b;color:#FFF;}
.sub-content-product .tab-button h3 a.active{background-color:#1e9d2b;color:#FFF;}
.sub-content-product .tab-contents{display:none;min-height:400px;padding:40px 40px 20px;border:#f0f0f0 solid 1px;border-top:0px;margin-bottom:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border-top-left-radius:0px;border-top-right-radius:0px;}
.sub-content-product table{margin-bottom:20px;width:100%;border-collapse:separate;border-spacing:1px;background-color:rgba(0,0,0,0.1);}
.sub-content-product table td{padding:12px 12px;line-height:18px;font-size:14px;color:#555;}
.sub-content-product table tr:nth-child(2n-1){background-color:#F9F9F9;}
.sub-content-product table tr:nth-child(2n-0){background-color:#FFFFFF;}

.product-scroll-pic{}
.product-scroll-pic .swiper-button-next,.index-scroll-pic .swiper-button-prev{position:absolute;top:50%;width:45px;height:45px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:auto 45px;-webkit-background-size:auto 45px;background-size:auto 45px;background-position:center;background-repeat:no-repeat;}
.product-scroll-pic .swiper-button-next:hover,.index-scroll-pic .swiper-button-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;}
.product-scroll-pic .swiper-button-prev{left:0px;background-image:url(../images/pic-scroll-left.png);border-top-right-radius:3px;border-bottom-right-radius:3px;}
.product-scroll-pic .swiper-button-next{right:0px;background-image:url(../images/pic-scroll-right.png);border-top-left-radius:3px;border-bottom-left-radius:3px;}
.product-scroll-pic .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:6px;left:0;width:100%;}
.product-scroll-pic .swiper-pagination-bullet{width:6px;height:6px;background-color:rgba(0,0,0,0.4);border-radius:15px;margin-left:3px;margin-right:3px;}
.product-scroll-pic .swiper-pagination-bullet-active{width:12px;background-color:#1e9d2b;}
.product-scroll-pic .swiper-slide a{display:block;}
.product-scroll-pic .swiper-slide img{max-width:none;width:100%;height:auto;}

.con-right .text-list{padding:0px 20px 20px;}
.con-right .text-list dd{border-bottom:#e6e6e6 dotted 1px;overflow:hidden;zoom:1;}
.con-right .text-list dd a{padding-top:6px;padding-bottom:6px;}
.con-right .text-list dd span{padding-top:6px;padding-bottom:6px;}

}

@media (min-width:992px){

.m-title{margin-bottom:30px;}
.m-title .cn{font-size:26px;line-height:30px;}
.m-title .en{font-size:13px;line-height:16px;}

.text-list dd a{width:calc(100% - 90px);font-size:14px;}
.text-list dd span{font-size:14px;}

.sub{min-height:600px;}
.sub:after{display:block;content:"";position:absolute;z-index:0;left:199px;top:0px;width:1px;height:100%;background-color:#eeeeee;}
.sub .con-left{width:200px;}
.sub .con-right{width:calc(100% - 200px);}

.sub-all{border-right:#f2f2f2 solid 1px;min-height:600px;}
.sub-all:before{display:block;content:"";position:absolute;z-index:0;left:0px;top:0px;width:1px;height:100%;background-color:#f2f2f2;}

.detail-content{padding-left:30px;padding-right:30px;}

.detail-content .case-name{margin-bottom:25px;}
.detail-content h1{margin-bottom:15px;}
.detail-content iframe{height:360px;}
.detail-content video{height:360px;}
.detail-content img{width:80%;}

.con-right .text-list{padding:0px 30px 20px;}

.postion{margin-bottom:20px;}

.join .item .name h1{font-size:24px;line-height:18px;}
.join .item .name h2{font-size:16px;line-height:20px;}

}

@media (min-width:1280px){

.m-title{margin-bottom:40px;}
.m-title .cn{font-size:30px;line-height:36px;}
.m-title .en{font-size:14px;line-height:18px;}

.sub .con-right{width:calc(100% - 200px);}

.detail-content{padding-left:40px;padding-right:40px;}
.detail-content iframe{height:440px;}
.detail-content video{height:440px;}
.detail-content img{width:60%;}

.con-right .text-list{padding:0px 40px 30px;}

.join .item .name h1{font-size:28px;line-height:30px;}
.join .item .name h2{font-size:20px;line-height:22px;}

}