/* 轮播图 */
.bs-slider{overflow:hidden;max-height:500px;position:relative;background:#000;margin-top:98px}
.bs-slider:hover{cursor:-moz-grab;cursor:-webkit-grab}
.bs-slider:active{cursor:-moz-grabbing;cursor:-webkit-grabbing}
.bs-slider .bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.bs-slider>.carousel-inner>.item>a>img,.bs-slider>.carousel-inner>.item>img{margin:auto;width:100%!important}
.fade{opacity:1}
.fade .item{top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.fade .item:first-child{top:auto;position:relative}
.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.control-round .carousel-control{top:47%;opacity:0;width:45px;height:45px;z-index:100;color:#fff;display:block;font-size:24px;cursor:pointer;overflow:hidden;line-height:43px;text-shadow:none;position:absolute;font-weight:400;background:0 0;-webkit-border-radius:100px;border-radius:100px}
.control-round:hover .carousel-control{opacity:1}
.control-round .carousel-control.left{left:1%}
.control-round .carousel-control.right{right:1%}
.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{color:#fdfdfd;background:rgba(0,0,0,.5);border:0}
.control-round .carousel-control.left>span:nth-child(1){left:45%}
.control-round .carousel-control.right>span:nth-child(1){right:45%}
.indicators-line>.carousel-indicators{right:1%;bottom:1%;left:auto;width:90%;height:20px;font-size:0;overflow-x:auto;text-align:right;overflow-y:hidden;padding-left:10px;padding-right:10px;padding-top:1px;white-space:nowrap}
.indicators-line>.carousel-indicators li{padding:0;width:15px;height:15px;border:1px solid #9e9e9e;text-indent:0;overflow:hidden;text-align:left;position:relative;letter-spacing:1px;background:#9e9e9e;-webkit-font-smoothing:antialiased;-webkit-border-radius:50%;border-radius:50%;margin-right:5px;-webkit-transition:all .5s cubic-bezier(.22,.81,.01,.99);transition:all .5s cubic-bezier(.22,.81,.01,.99);z-index:10;cursor:pointer}
.indicators-line>.carousel-indicators li:last-child{margin-right:0}
.indicators-line>.carousel-indicators .active{margin:1px 5px 1px 1px;box-shadow:0 0 0 2px #fff;background-color:transparent;position:relative;-webkit-transition:box-shadow .3s ease;-moz-transition:box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
.indicators-line>.carousel-indicators .active:before{transform:scale(.5);background-color:#fff;content:"";position:absolute;left:-1px;top:-1px;width:15px;height:15px;border-radius:50%;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
.slide-video{bottom: 264px;position: initial;}
.slide_style_left{text-align:left!important}
.slide_style_right{text-align:right!important}
.slide_style_center{text-align:center!important}
.slide-text{left:0;top:12%;right:0;margin:auto;padding:10px;position:absolute;text-align:left;padding:10px 85px}
.slide-text>ht, .slide-text>h1{padding:0;color:#fff;font-size:4.5rem;font-style:normal;line-height:4rem;margin:.67em 0;letter-spacing:1px;display:inline-block;-webkit-animation-delay:.7s;animation-delay:.7s}
.slide-text>p{padding:0;color:#fff;font-size:20px;text-align:center;line-height:24px;font-weight:300;margin-bottom:40px;letter-spacing:1px;-webkit-animation-delay:1.1s;animation-delay:1.1s}
.slide-text>a.btn-default{color:#000;font-weight:400;font-size:13px;line-height:15px;margin-right:10px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;display:inline-block;border:0;text-transform:uppercase;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}
.slide-text>a.btn-primary{color:#fff;cursor:pointer;font-weight:400;font-size:13px;line-height:15px;margin-left:10px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;background:#00bfff;display:inline-block;text-decoration:none;text-transform:uppercase;border:0;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}
.slide-text>a:active,.slide-text>a:hover{color:#fff;background:#222;-webkit-transition:background .5s ease-in-out,color .5s ease-in-out;transition:background .5s ease-in-out,color .5s ease-in-out}
/* 产品卡片 */
.purchase{padding:30px 0 20px;background:url(//img.changhaihuanbao.com/img/breadcrumbs.png) repeat;box-shadow:inset 0 0 4px #eee}
.newtd{margin:0 5px;min-height:80px}
.newtd dt{float:left;clear:left;width:125px}
.newtd dd{margin-left:140px}
.newtd h4{line-height:17px;height:17px;overflow:hidden;position:relative;margin:0 0 10px 0;font-size:105%}
.newtd p{margin:0;line-height:16px;height:32px;overflow:hidden;position:relative;font-size:85%}
.solve-head{height:200px;color:#fff;overflow:hidden;background-size:cover}
.solve-head h3{margin:30px}
.solve-head span{padding: 0 30px;display:block;}
.sh-img1{background-image:url(//img.changhaihuanbao.com/img/solve-head-1.jpg);margin-bottom: 1px;}
.sh-img2{background-image:url(//img.changhaihuanbao.com/img/solve-head-2.jpg);margin-bottom: 1px}
.solve-body-card{border:1px solid #ededed;float:left;color:#181818;height:160px;padding:1px}
.sovle-body-card-title{margin:21px;color:#181818;font-size:17.5px}
.solve-body-card span{margin:0 18px;display:block;height:40px}
.sbc-btn{width:100%;margin-top:20px}
.solve-body-card:hover{border:1px solid #0087d7;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);transition:all 0.3s linear}
.solve-body-card:hover .sovle-body-card-title,.solve-body-card:hover .sovle-body-card-title a{color:#0087d7}
.solve-body-card:hover .sbc-btn{background-color:#0087d7;color:#fff}
/* 设备和技术 */
.what-we-do-best{text-align:center;background-image:url("//img.changhaihuanbao.com/img/webp/what-we-do-best-bg.webp"),url("//img.changhaihuanbao.com/img/what-we-do-best-bg.jpg");background-size: cover;}
.what-we-do-left{position:relative}
.what-we-do-left>img{max-width: 100%}
.what-we-do-best-left::before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background-color:#181818;opacity:.15}
.what-we-do-right {background-color: #fff}
.what-we-do-right>.card {overflow: hidden}
.what-we-do-block{background-color:#f9fcff;border-right:1px solid #eff3f7;border-bottom:1px solid #eff3f7;position:relative;display:inline-block;width:100%}
.what-we-do-block p,.what-we-do-block-content h5,.what-we-do-block-content i img,.what-we-do-block::after,.what-we-do-block>img{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}
.what-we-do-block::after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background-color:#282828;opacity:0;border-color:transparent}
.what-we-do-block>img{opacity:0;position:relative}
.what-we-do-block:hover::after{opacity:.8}
.what-we-do-block:hover img{opacity:1}
.what-we-do-block-content{position:absolute;left:0;right:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:1;padding:0 10px}
.what-we-do-block-content i{display:block;margin:0 auto 10px;z-index:1;font-size:5rem;color:#0087d7;overflow:hidden;position:relative}
.what-we-do-block-content i img{position:relative;top:0}
.what-we-do-block:hover i img{top:-37px}
.what-we-do-block-content h5{display:inline-block;width:100%;font-size:18px;color:#000;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;margin-top:0;z-index:1;position:relative}
.what-we-do-block p,.what-we-do-title .what-we-do-block p,.what-we-do-title .what-we-do-block:hover p{color:#333;position:relative}
.what-we-do-block:hover h5,.what-we-do-block:hover p{color:#fff;z-index:1}
.what-we-do-title .what-we-do-block:hover::after{display:none}
.what-we-do-title .what-we-do-block{background-color:#fff}
.what-we-do-title .what-we-do-block h3{color:#222;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px}

/* 解决方案 */
.solution-box{background:#373d41}
.solution-cut{width:1560px;margin:0 auto;position:relative}
.solution-swiper{width:100%;overflow:hidden}
.solution-box button.fa{position:absolute;top:0;bottom:0;width:50px;background:rgba(0,0,0,.1);color:rgba(255,255,255,.5);cursor:pointer;border:none;font-size:40px;padding:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.solution-box button.fa:hover{background:#0166ce;color:#fff}
.solution-box .fa-back{right:100%}
.solution-box .fa-more{left:100%}
.solution-box ul{width:10000%;margin-bottom:0}
.solution-box ul:after{display:block;clear:both;content:''}
.solution-box ul li{width:.2%;float:left;text-align:center;color:#fff;position:relative;list-style:none}
.solution-box ul li span{display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.solution-box ul li:nth-child(2) span,.solution-box ul li:nth-child(4) span{background:rgba(0,0,0,.75);transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.solution-box ul li i{font-size:50px;opacity:.85;position:absolute;width:100%;left:0;bottom:53%;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.solution-box ul li hr{width:30px;height:2px;background:#fff;border:none;position:absolute;left:50%;top:50%;margin:0 0 0 -15px;padding:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.solution-box ul li h3{font-size:24px;position:absolute;width:100%;left:0;top:53%;transition:.3s}
.solution-box ul li p{width:80%;position:absolute;font-size:16px;left:10%;top:70%;opacity:0;transition:.3s}
.solution-box ul li a{position:absolute;top:85%;left:50%;font-size:16px;line-height:32px;width:120px;margin:0 0 0 -60px;color:#fff;border:2px solid #fff;opacity:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.solution-box ul li a:hover{background:#fff;color:#373d41}
.solution-box ul li img{display:block;width:100%}
.solution-box ul li:hover span{background:rgba(52, 137, 219,0.8)}
.solution-box ul li:hover i{bottom:63%}
.solution-box ul li:hover hr{top:40%;opacity:0}
.solution-box ul li:hover h3{top:38%}
.solution-box ul li:hover p{top:50%;opacity:1}
.solution-box ul li:hover a{top:75%;opacity:1}
@media only screen and (min-width:1025px) and (max-width:1440px){
.fade .item{height:300px}
.solution-cut{width:1140px}
.solution-box ul li{width:285px}
}
@media only screen and (min-width:768px) and (max-width:1024px){
.bs-slider{max-height: 48vw;margin-top:85px}
.slide-text>ht, .slide-text>h1{font-size:40px;line-height:50px;margin-bottom:20px}
.slide-text>p{font-size:18px}
.solution-box button.fa{display:none}
.solution-cut{width:760px}
.solution-box ul li{width:253.3px}
.solution-box ul li i{font-size:40px}
.solution-box ul li h3{font-size:18px}
.solution-box ul li p{font-size:12px}
}
@media only screen and (max-width:767px){
.bs-slider{max-height: 50vw;margin-top:85px}
.slide-text{padding:10px 50px}
.slide-text>ht, .slide-text>h1{font-size:30px;line-height:40px;margin:.67em 0}
.slide-text>p{font-size:14px;line-height:20px;margin-bottom:20px}
.slide-video{bottom: 0px;position: unset;}
.solve-body-card{height:180px;width:97%}
.solve-body-card span{height:60px}
.what-we-do-best{background-image:none}
.solution-cut{width:100%;padding:0}
.solution-box ul li{width:220px}
.solution-box ul li p{font-size:13px}
.control-round .carousel-control .solution-box button.fa{display:none}
.solution-box .fa-back{left:0;right:auto}
.solution-box .fa-more{left:auto;right:0}
}
@media(max-width:480px){.slide-text{padding:10px 30px}
.slide-text ht{font-size:20px;line-height:25px;margin-bottom:5px}
.slide-text>p{font-size:12px;line-height:18px;margin-bottom:10px}
.slide-text>a.btn-default,.slide-text>a.btn-primary{font-size:10px;line-height:10px;margin-right:10px;text-align:center;padding:10px 15px}
.indicators-line>.carousel-indicators{display:none}
}
/* 底部公司优势 */
.hgcz_r_l_line{background:#0087d7;width:40px;height:3px;margin:10px 0}
.hgcz_r_l p{font-size:24px;line-height:36px;color:#181818}
.hgcz_l{padding:10px 0 0 40px;font-size:24px}
.hgcz_t img{height:64px;padding-bottom:15px}
.hgcz_t{text-align:center}
ul.zr.inline{list-style:none;padding-top:40px}
@media (min-width:992px){ul.zr.inline li:nth-child(-1n+3){border-right:1px solid #dadee4}
}