.main {background: #f7f7f7;}

.banner {width:100%;min-width:1000px;height:400px;position:absolute;z-index:9;left:0;overflow:hidden;background-color:#F3F3F3;-webkit-user-select:none;}
.banner .banner-ul {position:absolute;z-index:10;bottom:5px;left:0;right:0;height:20px;text-align:center;}
.banner .banner-ul .banner-li{display:inline-block;width:15px;height:15px;background:url('/static/common/image/banner_li.png') no-repeat;margin:0 2px;cursor:pointer;}
.banner .banner-ul .banner-li-active{background:url('/static/common/image/banner_li_active.png') no-repeat;}
.banner .banner-img{width:1000px;height:100%;margin:0 auto;}
.banner .banner-img img{width:100%;height:400px;display:block;}


.service{padding-top:400px;}
.liactive{background-color:#079BE7;}
.case-show{display:block;}
.case-hide{display:none;}
/*service all detail*/
.service .service-alldetail{height:140px;padding:30px 0;}
.service-alldetail .alldetail-content{text-align:center;}
.alldetail-content h4{font-weight: bold;}
.alldetail-content p{padding:20px 0;}
.alldetail-content button{background-color:#0CF;width:140px;height:30px;border: 1px solid #0CF;}
/*ospace detail*/
.service .ospace-item{padding:30px 0;}
.ospace-item .ospace-content{width:1000px;height:120px;margin:0 auto;overflow:hidden;text-align:center;}
.ospace-content h4{font-weight: bold;}
.ospace-content p{padding:20px 0;}
.ospace-content button{background-color:#0CF;width:140px;height:30px;border: 1px solid #0CF;color:white;}
.service .ospace-reg{padding:30px 0;}
.ospace-reg .ospace-regcontent{height:140px;width:1000px;margin:0 auto;overflow:hidden;text-align:center;}
.ospace-regcontent h4{font-weight: bold;}
.ospace-regcontent p{padding:20px 0;}
.ospace-regcontent button{background-color:#0CF;width:140px;height:30px;border: 1px solid #0CF;color:white;}
/*case study*/
.service .case-study{height:450px;padding:30px 0;background-color:#0390D8;}
.case-study .case-content{text-align:center;margin:0 auto;width:1000px;overflow:hidden;}
.case-content .case-header{height:60px;color:white;}
.case-header h4{font-weight: bold;}
.case-content .case-dall{height:240px;color:white;}
.case-dall .case-dleft{width:100px;float:left}
.case-dleft ul {border-right: solid 1px white}
.case-dleft ul li{margin-bottom:15px;font-size:16px;}
.case-dall .zline{height:100px; width:1px; border-left:1px #000 solid;}
.case-dall .case-dright{width:900px;float:right}
.case-dright p.pright{padding:20px 0px;margin-left:60px;text-align:left;}
.case-dright .caseimg-list{height:180px;}
.caseimg-list ul {margin-left:40px;}
.caseimg-list ul li{float:left;margin-left:20px;}
.caseimg-list ul li:hover{-webkit-box-shadow:0 3px 20px rgba(0,0,0,.1);box-shadow:0 3px 20px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.caseimg-list ul li p{margin-top:10px;text-align:center}

/*service list*/
.service-list{height:584px;padding:30px 0;}
.mtleft110 {margin-left:110px;}
.mtbottom10 {margin-bottom:5px;overflow:hidden;}
.service-list .slist-content{width:1000px;margin:0 auto;overflow:hidden;text-align:center;}
.slist-content h3{margin-bottom:10px;}
.slist-content ul {padding:4px 0;}
.slist-content ul li{background-color:white;float:left;width:321px;height:230px;position:relative;text-align:center;border: 1px solid #DFF0D8;margin-left:10px;}
.slist-content ul li:hover{-webkit-box-shadow:0 3px 20px rgba(0,0,0,.1);box-shadow:0 3px 20px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.slist-content p.title{padding-top:12px;font-size:16px;font-weight:bold;}
.slist-content p.content{font-size:12px;text-align:left;padding:18px;color:#b9c0c7;}
.slist-content div.mtleft20{float:left;margin-left:-20px;}
.slist-content p.show-title{padding-top:5px;font-weight:bold;}
.slist-content p.show-content{font-size:12px;text-align:left;padding:25px;}

.service-list .snature-content{width:1000px;margin:0 auto;overflow:hidden;text-align:center;}
.snature-content h4{font-weight: bold;}
.snature-content ul {padding:10px 0;}
.snature-content ul li.allcircles{float:left;width:240px;height:280px;position:relative;text-align:center;margin-left:10px;}
.snature-content ul li div.circles {background-color:white;width: 180px; height: 180px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;border: 1px solid #DFF0D8;margin:0 auto;}
.circles img {margin-top:25px;}
.circles:hover{-webkit-box-shadow:0 3px 20px rgba(0,0,0,.1);box-shadow:0 3px 20px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.circles p.title {margin-top:25px; font-size:16px;font-weight:bold;}
.circles p.avgtitle {margin-top:45px; font-size:16px;font-weight:bold;}
.circles p.avgcontent {margin-top:25px; font-size:16px;font-weight:bold;color:#0CF}
.snature-detail{width:180px;margin:0 auto;}
.snature-detail ul li{height:20px;text-align:center;}
.snature-detail ul li p.content{text-align:left;color:#b9c0c7}


.service .dynamic-notice{width:100%;height:35px;background:#f7f7f7;}
.service .dynamic-notice .notice-inner{width:1000px;height:35px;margin:0 auto;}
.service .dynamic-notice .notice-inner .notice-icon{float:left;margin-top:10px;margin-right:15px;width:14px;}
.service .dynamic-notice .notice-inner ul{overflow:hidden;display:inline-block;}
.service .dynamic-notice .notice-inner ul li{float:left;width:320px;height:35px;line-height:35px;text-align:center;}
.service .dynamic-notice .notice-inner ul li a:hover{text-decoration:none;}
.service .dynamic-notice .notice-inner ul li span.date{padding-right:10px;color:#ccc;vertical-align:top;text-decoration:none;font-size:12px;}
.service .dynamic-notice .notice-inner ul li span.title{display:inline-block;width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px;color:#6891AF;}
.service .service-item{height:300px;padding:30px 0;}
/*.service .sae,.scm{background:#f7f7f7;}*/
.service .sae,.scs, .sem{background:#ffffff;}
.service-inner{width:1000px;height:300px;margin:0 auto;overflow:hidden;}
.service-inner .service-img,.service-arrow,.service-content{float:left;}
.service-inner .service-img{width:400px;text-align:center;}
.service-inner .service-img img{width:145px;}
.service-inner .service-img h2.odd{padding-top:10px;color:#2AAAEC;}
.service-inner .service-img h2.even{padding-top:10px;color:#48C887;}
.service-inner .service-arrow{width:50px;padding-top:60px;}
.service-inner .service-arrow img{width:15px;}
/*.service-inner .service-content{width:550px;padding:0 50px;}*/
.service-inner .service-content{width:600px;padding:0 0 0 50px;}
.service-inner .service-content p{width:430px;padding:20px 0;}
.service-inner .service-content ul{font-size:12px;overflow:hidden;}
.service-inner .service-content ul li.left{float:left;}
.service-inner .service-content ul li.right{float:none;}
.service-inner .service-content ul.scm-ul{padding-left:20px;}
.service-inner .service-content ul.scm-ul li{list-style-type:disc;line-height:35px;}
.service-inner .service-content ul li ul{padding-left:20px;}
.service-inner .service-content ul li.left ul li{list-style-type:disc;line-height:35px;}
.service-inner .service-content ul li.right ul li{list-style-type:disc;line-height:35px;}
.service-inner .service-content a.more{display:block;margin:10px 0;width:140px;}
.service-inner .service-content a.more i{display:inline-block;width:120px;height:40px;background:url("../image/more.png") 0 -90px no-repeat;}
.service-inner .service-content a.more:hover i{background:url("../image/more.png") 0 3px no-repeat;}

.video-wrap{min-width:1000px;height:360px;text-align:center;background:#2492cb;}
.video-wrap .video{height:360px;background:url("../image/video_bg.png") center center no-repeat;}
.video-wrap .video .v-content .v-title{padding:25px 0 10px 0;font-size:38px;color:#3DF1FC;letter-spacing:2px;}
/*.video-wrap .video .v-content .v-title{padding:70px 0 40px 0;font-size:20px;color:#fff;letter-spacing:2px;}*/
.video-wrap .video .v-content .v-op{padding:10px 0px 25px 0;font-size:16px;color:#fff;letter-spacing:2px;}
.video-wrap .video .v-content img{width:150px;}
.video-wrap .video .v-content .v-support{padding:15px 0 10px 0;font-size:15px;color:#ff828b;letter-spacing:2px;}

.mask{position:fixed;width:100%;height:100%;top:0;left:0;text-align:center;background-color:rgba(0,0,0,0.7);z-index:1000;}
.mask .m-video{position:relative;margin:0 auto;}
.mask video{width:700px;height:auto;margin:100px auto;z-index:1050;}
.mask a.close-video{position:absolute;top:85px;background-color:#000;color:#fff;padding:5px;text-decoration:none;}


/*.feature{background:#f7f7f7;}*/
.feature-inner{width:1000px;margin:0 auto;padding:30px 0;overflow:hidden;height:130px;}
.feature-inner h4{margin-bottom:20px;padding-left:10px;border-left:5px solid #0A8FD5;}
.feature-inner ul li{float:left;width:250px;position:relative;text-align:center;}
.feature-inner p.feature-title{padding-top:5px;font-size:16px;}
.feature-inner p.feature-content{font-size:12px;text-align:left;padding:25px;}
.feature-inner div.mtleft20{float:left;margin-left:-20px;}
.feature-inner p.show-title{padding-top:5px;font-weight:bold;}
.feature-inner p.show-content{font-size:12px;text-align:left;padding:25px;}
.feature-inner .division{width:1px;height:47px;position:absolute;right:3px;top:32px;background:#cacaca;}

/*.typical{background:#f7f7f7;}*/
.typical-inner{width:1000px;height:350px;margin:0 auto;overflow:hidden;}
.typical-inner h4{margin-bottom:20px;padding-left:10px;border-left:5px solid #0A8FD5;}
.typical-inner .typical-image,.typical-intro{width:500px;height:272px;float:left;background:#fff;}
.typical-inner .typical-intro span.left-quote{display: inline-block;margin-top:40px;background: url('../image/left_quote.png') -7px 13px no-repeat;width: 41px;height: 50px;background-size: 38px;}
.typical-inner .typical-intro span.right-quote{display: inline-block;background: url('../image/right_quote.png') -8px -4px no-repeat;width: 41px;height: 21px;background-size: 36px;}
.typical-inner .typical-intro span.typical-content{font-size:18px;line-height:30px;}

.latest-dynamic{width:100%;padding:20px;background:#fff;}
.latest-dynamic .latest-inner{width:1000px;margin:0 auto;}
.latest-dynamic .latest-inner h3{margin-bottom:20px;text-align:center;}
.latest-dynamic .latest-inner .latest-ul{overflow:hidden;}
.latest-dynamic .latest-inner .latest-ul .latest-li{float:left;width:330px;}
.latest-dynamic .latest-inner .latest-ul .latest-li p.li-title{font-size:16px;}
.latest-dynamic .latest-inner .latest-ul .latest-li a.more{float:right;margin-top:-34px;margin-right:36px;color:#6891AF;}
.latest-dynamic .latest-inner .latest-ul .latest-li ul li{height:30px;line-height:30px;}
.latest-dynamic .latest-inner .latest-ul .latest-li ul li a.title{display:inline-block;width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6891AF;}
.latest-dynamic .latest-inner .latest-ul .latest-li ul li span.date{padding-right:10px;vertical-align:top;color:#ccc;}

.img-left {float:left;margin-left:20px;}