@charset "utf-8";
*{box-sizing:border-box;margin:0;padding:0}
body{position:relative;padding:0;margin:0 auto;font-size:14px;line-height:1.42857143;font-family:arial,Microsoft YaHei,'宋体';color:#333;min-width:320px;width:100%;zoom:1;background:#fff;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight:transparent;-webkit-font-smoothing:antialiased}
*{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
.h1,.h2,.h3,.h4,.h5,.h6,.p{margin:0;padding:0}
.ul,.ul li{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
ul,ul li{list-style:none;margin:0;padding:0}
input,select,textarea{border-radius:0;-webkit-border-radius:0;color:#333}
input:focus{outline:0}
button,input,select,textarea{outline:0}
textarea{resize:none}
input,select,textarea{background:0 0;border:none;margin:0;padding:0}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
figcaption,figure{margin:0;padding:0}
img{border:none;border:0;max-width:100%;vertical-align:middle}
a{color:#333;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
a:hover{color:#73a1bf}
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;font-size:0}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.auto{margin:0 auto;position:relative}
.auto_1440{max-width:1440px}
.auto_1280{max-width:1280px}


.txtBox figure::-webkit-scrollbar {
 width:4px;
}
 .txtBox figure::-webkit-scrollbar-track {
 background-color:#f2f2f2;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
 .txtBox figure::-webkit-scrollbar-thumb {
 background-color:#e5e5e5;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}



body.open{overflow:hidden;position:fixed;left:0;top:0;height:100%;width:100%}
.top{line-height:90px}
.top .logo{float:left;margin-left:1.5%}
.top .nav{float:left;width:715px;margin-left:1.5%}
.top .nav li{float:left;position:relative;padding-right:20px;padding-left:6.7%}
.top .nav li:before{width:0;height:0;border-width:3px;border-style:solid;border-color:#afafaf transparent transparent transparent;content:'';position:absolute;right:5px;top:50%;margin-top:-3px}
.top .nav li>a{font-size:17px;color:#393f4f}
.top .nav li.on>a,.top .nav li:hover>a{color:#faa50a}
.top .nav li.on:before,.top .nav li:hover:before{border-color:#faa50a transparent transparent transparent}
.top .nav li .subnav{position:absolute;top:90px;left:0;width:220px;padding:25px 25px 25px 45px;background:#fff;display:none;z-index:12}
.top .nav li .subnav.on{box-shadow:0 -5px 20px rgba(0,0,0,.2)}
.top .nav li .subnav.on:before{width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;content:'';position:absolute;left:55px;top:-16px}
.top .nav li .subnav dd{line-height:36px}
.top .nav li .subnav dd a{font-size:15px;color:#767676}
.top .nav li .subnav dd:hover>a{color:#393f4f}
.top .navBtnbox{width:90px;float:right;height:90px;background:#faa50a;text-align:center}
.top .navBtnbox .nav_btn{width:30px;height:22px;margin:30px 30px 0;position:relative;cursor:pointer;transition:margin .3s ease 0s;z-index:12}
.nav_btn span:after,.nav_btn span:before,.top .navBtnbox .nav_btn span{content:'';display:block;width:100%;height:2px;background-color:#fff;position:absolute;left:0}
.top .navBtnbox .nav_btn span{top:50%;margin-top:-1px}
.top .navBtnbox .nav_btn span:before{top:-10px;transition:all .3s ease 0s}
.top .navBtnbox .nav_btn span:after{bottom:-10px;transition:all .3s ease 0s}
.top .navBtnbox .nav_btn.open span{height:0}
.top .navBtnbox .nav_btn.open span:before{transform:rotate(45deg);top:0;background-color:#fff}
.top .navBtnbox .nav_btn.open span:after{transform:rotate(-45deg);bottom:-2px;background-color:#fff}
.top .langChose{float:right;padding:0 2%;border-left:1px solid #e3e3e3;position:relative}
.top .langChose p{padding-right:20px;position:relative;cursor:pointer}
.top .langChose p:before{width:0;height:0;border-width:3px;border-style:solid;border-color:#212121 transparent transparent transparent;content:'';position:absolute;right:5px;top:50%;margin-top:-3px}
.top .langChose dl{position:absolute;top:90px;left:0;width:218px;padding:25px 25px 25px 45px;display:none;z-index:12;background:#fff}
.top .langChose dl.on{box-shadow:0 -5px 20px rgba(0,0,0,.2)}
.top .langChose dl.on:before{width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;content:'';position:absolute;left:55px;top:-16px}
.top .langChose dl dd{line-height:36px}
.top .langChose dd a{font-size:15px;color:#767676}
.top .langChose dd:hover>a{color:#393f4f}
.top .putinSW{float:right;padding:0 2%;border-left:1px solid #e3e3e3}
.top .putinSW a{display:block;padding-left:25px;position:relative}
.top .putinSW a:before{width:20px;height:20px;content:'';background:url(../images/icon1.png) no-repeat;position:absolute;top:50%;left:0;margin-top:-10px}
.top .putinSW a:hover{color:#faa50a}
.top .putinSW a:hover:before{background:url(../images/icon2.png) no-repeat}
.top .searchBox{float:right;padding:0 2%}
.top .searchBox i{width:21px;height:21px;background:url(../images/search.png) no-repeat;display:inline-block;cursor:pointer}
.top .menu{width:280px;position:absolute;top:90px;right:0;display:none;z-index:12;background:#fff;padding:30px;text-align:center}
.top .menu li{line-height:48px}
.top .menu li>a{font-size:17px;color:#393f4f}
.top .menu li:hover>a{color:#faa50a}
.top .menu .menuOther{border-top:1px solid #ebf0f5;padding:30px 0}
.top .menu .menuOther dd{line-height:36px}
.top .menu .menuOther dd a{font-size:15px;color:#767676}
.top .menu .menuOther dd:hover>a{color:#faa50a}
.mobile_bg{position:fixed;left:0;top:0px;width:100%;z-index:8;height:100%;background:rgba(0,0,0,.7);display:none}
.banner{position:relative;z-index:1;position:relative}
.banner .bx-viewport{z-index:1}
.banner,.banner li,.banner li>a,.banner ul{height:670px;display:block}
.banner li{background-position:center top;background-repeat:no-repeat;position:relative}
.banner li aside{width:100%;position:absolute;max-width:1200px;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.banner li aside h5{font-size:54px;color:#fff;line-height:66px;margin-bottom:2%}
.banner li aside p{font-size:16px;color:#fff;line-height:24px;margin-bottom:2%}
.banner li aside .more{width:265px;height:48px;line-height:48px;background:url(../images/viewBG.jpg) repeat-x;color:#fff;padding-left:24px;position:relative;display:block}
.banner li aside .more:before{width:17px;height:17px;content:'';background:url(../images/more_w.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:24px}

@media(min-width:960px){
	.banner li aside h5{width:45%}
.banner li aside p{width:45%}
}

@media(min-width:1186px) and (max-width:1320px){
	.top .nav{width: 600px;}
	.top .nav li{padding-left:5%;}
}

@media(max-width:960px){
.banner li aside{  padding: 0 5%}
}

.banner li img{display:none}
.banner .bx-next,.banner .bx-prev{width:85px;height:111px;position:absolute;top:50%;margin-top:-55px;background-position:center center;background-position:center center;z-index:66;display:none}
.banner .bx-pager{position:absolute;left:0;width:100%;text-align:center;bottom:5%;z-index:10}
.banner .bx-pager *{width:30px;height:30px}
.banner .bx-pager div{display:inline-block;margin:0 5px}
.banner .bx-pager div+div{margin-left:95px;position:relative}
.banner .bx-pager div+div:before{display:inline-block;width:108px;height:1px;background:rgba(255,255,255,.6);content:"";position:absolute;top:50%;left:-104px}
.banner .bx-pager a{display:block;overflow:hidden;line-height:100px;background:url(../images/banBtn.png) no-repeat center center}
.banner .bx-pager a.active{background-image:url(../images/banBtn_hover.png);display:block}

@media(max-width:1000px){.banner,.banner li,.banner li a,.banner ul{height:auto!important}
.banner li{background:0 0!important}
.banner li img{display:block;width:100%}
.Banner002210 .bx-next,.banner .bx-prev{display:none}
}


.idxother{background:#ebf0f5}
.idxother ul{max-width:1050px;margin:0 auto}
.idxother li{float:left;width:25%;line-height:60px;position:relative;border-right:2px solid #fff}
.idxother li:first-child{border-left:2px solid #fff}
.idxother li .iconB{display:inline-block;width:20%;text-align:center}
.idxother li p{display:inline-block;position:relative;width:78%;font-size:16px;color:#73a1bf}
.idxother li p:before{width:17px;height:17px;content:'';background:url(../images/more.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:5%}
.idxother li:hover{background:#fff}
.idxTitle{text-align:center;padding-bottom:2%}
.idxTitle h1{font-size:36px;color:#393f4f;padding-bottom:1%}
.idxTitle p{font-size:15px;color:#767676;line-height:24px}
.idxconsult{padding:2% 0}
.idxconsult .owl-carousel{position:relative}
.idxconsult .owl-stage-outer{overflow:hidden;padding-bottom:15px}
.idxconsult .owl-item{float:left}
.idxconsult .item{overflow:hidden;position:relative;border:1px solid #e5e5e5;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.idxconsult .item:before{width:17px;height:17px;content:'';background:url(../images/more.png) no-repeat;position:absolute;bottom:5%;right:5%}
.idxconsult .item a{position:absolute;left:0;top:0;height:100%;width:100%;z-index:10}
.idxconsult .item .imgBox{overflow:hidden}
.idxconsult .item .imgBox img{transition:.3s}
.idxconsult .item .txtBox{padding:5% 5% 10% 5%}
.idxconsult .item .txtBox h5{font-size:24px;color:#73a1bf;margin-bottom:3%}
.idxconsult .item .txtBox p{font-size:15px;color:#767676;line-height:24px;height:96px;overflow:hidden}
.idxconsult .item:hover .imgBox img{transform:scale(1.1,1.1)}
.idxconsult .owl-carousel .owl-prev{position:absolute;width:39px;height:39px;background:url(../images/TL.png) no-repeat;top:50%;margin-top:-30px;left:-5%;border:none;cursor:pointer;transition:.3s}
.idxconsult .owl-carousel .owl-next{position:absolute;width:39px;height:39px;background:url(../images/TR.png) no-repeat;top:50%;margin-top:-30px;right:-5%;border:none;cursor:pointer;transition:.3s}
.idxconsult .owl-carousel .owl-next span,.idxconsult .owl-carousel .owl-prev span{display:none}
.idxconsult .owl-carousel .owl-prev:hover{background:url(../images/TLa.png) no-repeat}
.idxconsult .owl-carousel .owl-next:hover{background:url(../images/TRa.png) no-repeat}
.idxtrade{padding-top:5%;background:url(../images/xBG.png) no-repeat;padding-bottom:2%}
.idxtrade .idxtradeList{position:relative;height:720px}
.idxtrade .idxtradeList li{position:absolute;overflow:hidden;cursor:pointer;border:1px solid #fff}
.idxtrade .idxtradeList li:before{width:32%;height:48%;content:'';background:url(../images/tLink.png) no-repeat;background-size:100%;position:absolute;right:0;bottom:0;z-index:2;background-position:bottom;opacity:0;transition:.3s}
.idxtrade .idxtradeList li a{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:3}
.idxtrade .idxtradeList li figure{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s}
.idxtrade .idxtradeList li figure .iconB{position:absolute;top:20%;left:50%;margin-left:-30px;opacity:0;transition:.3s}
.idxtrade .idxtradeList li figure h5{width:70%;text-align:center;color:#fff;font-size:24px;line-height:24px;position:absolute;left:50%;margin-left:-35%;bottom:5%}
.idxtrade .idxtradeList li figure p{width:70%;text-align:center;color:#fff;line-height:24px;opacity:0;transition:.3s;font-size:15px;position:absolute;top:55%;left:50%;margin-left:-35%;transition:.3s;max-height:120px;overflow:hidden}
.idxtrade .idxtradeList li:hover:before{opacity:1}
.idxtrade .idxtradeList li:hover figure:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';transition:.3s;background:rgba(0,0,0,.2)}
.idxtrade .idxtradeList li:hover figure .iconB{opacity:1}
.idxtrade .idxtradeList li:hover figure h5{top:50%;margin-top:-25px;bottom:auto}
.idxtrade .idxtradeList li:hover figure p{opacity:1}
.idxtrade .idxtradeList li:nth-child(1){height:360px;width:40%;top:0;left:0}
.idxtrade .idxtradeList li:nth-child(2){height:360px;width:20%;top:0;left:40%}
.idxtrade .idxtradeList li:nth-child(3){height:360px;width:20%;top:0;right:20%}
.idxtrade .idxtradeList li:nth-child(4){height:360px;width:20%;top:0;right:0}
.idxtrade .idxtradeList li:nth-child(5){height:360px;width:20%;bottom:0;left:0}
.idxtrade .idxtradeList li:nth-child(6){height:360px;width:20%;bottom:0;left:20%}
.idxtrade .idxtradeList li:nth-child(7){height:360px;width:20%;bottom:0;right:40%}
.idxtrade .idxtradeList li:nth-child(8){height:360px;width:20%;bottom:0;right:20%}
.idxtrade .idxtradeList li:nth-child(9){height:180px;width:20%;bottom:180px;right:0}
.idxtrade .idxtradeList li:nth-child(10){height:180px;width:20%;bottom:0;right:0}
.idxtrade .idxtradeList li:nth-child(10) .iconB,.idxtrade .idxtradeList li:nth-child(9) .iconB{top:10%}
.idxtrade .idxtradeList li:nth-child(10) figure h5,.idxtrade .idxtradeList li:nth-child(9) figure h5{margin-top:0}
.idxtrade .idxtradeList li:nth-child(10) figure p,.idxtrade .idxtradeList li:nth-child(9) figure p{top:70%}
.idxproduct{padding-bottom:3.5%}
.idxproduct .idxproslie .idxprotit{text-align:center;max-width:1035px;margin:0 auto}
.idxproduct .idxproslie .idxprotit li{display:inline-block;padding:0 2.60%;font-size:18px;color:#b5b5b5;line-height:31px;font-weight:700;border-left:1px solid #e5e5e5;margin-bottom:3%;position:relative;transition:.3s;cursor:pointer}
.idxproduct .idxproslie .idxprotit li:before{width:2px;height:100%;content:'';background:#73a1bf;position:absolute;left:50%;margin-left:-1px;bottom:-100%;opacity:0;transition:.3s}
.idxproduct .idxproslie .idxprotit li:first-child{border-left:none}
.idxproduct .idxproslie .idxprotit li.on,.idxproduct .idxproslie .idxprotit li:hover{color:#fff;background:#73a1bf}
.idxproduct .idxproslie .idxprotit li.on:before{opacity:1}
.idxproduct .idxproslie .idxprocon .idxrecpro{background:#ebf0f5;border-top:2px solid #73a1bf;position:relative}
.idxproduct .idxproslie .idxprocon .idxrecpro:before{width:0;height:0;border-top:25px solid #faa50a;border-right:25px solid transparent;content:'';position:absolute;bottom:-25px;left:37.5%}
.idxproduct .idxproslie .idxprocon .idxrecpro>a{position:absolute;width:100%;height:100%;display:block;top:0;left:0;z-index: 10}
.idxproduct .idxproslie .idxprocon .idxrecpro .imgBox{float:left;width:37.5%;overflow:hidden;position:relative;top:25px}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox{float:right;width:58.5%;padding-right:5%;padding-top:3.5%}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox .txtBT{overflow:hidden;border-bottom:1px solid #e5e5e5;position:relative}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox .txtBT h5{display:inline-block;font-size:24px;color:#73a1bf;border-bottom:2px solid #73a1bf;line-height:65px}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox .txtBT span{display:block;font-weight:700;font-size:86px;color:rgba(115,161,191,.15);position:absolute;right:0;bottom:-25px;line-height:1}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox p{font-size:15px;color:#767676;line-height:24px;margin-top:3%;margin-bottom:10%}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox .view{width:168px;height:48px;line-height:48px;background:url(../images/viewBG.jpg) no-repeat;float:right;color:#fff;padding-left:38px;position:relative}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox .view:before{width:17px;height:17px;content:'';background:url(../images/more_w.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:38px}
.idxproduct .idxproslie .idxprocon .idxrecpro .imgBox img{transition:.3s}
.idxproduct .idxproslie .idxprocon .idxrecpro:hover .imgBox img{transform:scale(1.1,1.1)}
.idxproduct .idxproslie .idxprocon .idxrecpro:hover .txtBox .txtBT h5{color:#faa50a;border-bottom:2px solid #faa50a}
.idxcase{padding-top:5%;background:url(../images/xBG.png) no-repeat;padding-bottom:2%}

.idxcase .owl-carousel{position:relative}
.idxcase .owl-stage-outer{overflow:hidden;padding-bottom:15px}
.idxcase .owl-item{float:left}
.idxcase .item{overflow:hidden;position:relative;border-left:1px solid #fff;}

.idxcase .owl-carousel .owl-prev,
.idxcase .owl-carousel .owl-next{ display: none}
.idxcase .owl-carousel .owl-prev{position:absolute;width:39px;height:39px;background:url(../images/TL.png) no-repeat;top:50%;margin-top:-30px;left:-5%;border:none;cursor:pointer;transition:.3s}
.idxcase .owl-carousel .owl-next{position:absolute;width:39px;height:39px;background:url(../images/TR.png) no-repeat;top:50%;margin-top:-30px;right:-5%;border:none;cursor:pointer;transition:.3s}
.idxcase .owl-carousel .owl-next span,.idxconsult .owl-carousel .owl-prev span{display:none}
.idxcase .owl-carousel .owl-prev:hover{background:url(../images/TLa.png) no-repeat}
.idxcase .owl-carousel .owl-next:hover{background:url(../images/TRa.png) no-repeat}


.idxcase .idxcaseList li:before{width:17px;height:17px;content:'';background:url(../images/more.png) no-repeat;position:absolute;bottom:5%;right:10%}
.idxcase .idxcaseList li .imgBox{overflow:hidden;position:relative}
.idxcase .idxcaseList li .imgBox:before{width:32%;height:48%;content:'';background:url(../images/tLink.png) no-repeat;background-size:100%;position:absolute;right:0;bottom:0;z-index:2;background-position:bottom;opacity:0;transition:.3s}
.idxcase .idxcaseList li .imgBox img{transition:.3s}
.idxcase .idxcaseList li .txtBox{background:#ebf0f5;padding:6% 10% 12% 7%}
.idxcase .idxcaseList li .txtBox span{font-size:15px;color:#393f4f;line-height:24px}
.idxcase .idxcaseList li .txtBox h5{font-size:24px;color:#73a1bf;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idxcase .idxcaseList li .txtBox p{font-size:15px;color:#767676;line-height:24px;height:96px;overflow:hidden}
.idxcase .idxcaseList li:hover .imgBox:before{opacity:1}
.idxcase .idxcaseList li:hover .imgBox img{transform:scale(1.1,1.1)}
.idxcase .idxcaseList li:hover .txtBox h5{color:#faa50a}
@media(min-width:1024px){.idxcase .idxcaseList li .txtBox{padding-bottom:2%}
}
.idxnews{background:url(../images/nBG.png) no-repeat bottom;padding-bottom:3%}



.idxnews .owl-carousel{position:relative}
.idxnews .owl-stage-outer{overflow:hidden;padding-bottom:15px}
.idxnews .owl-item{float:left}
.idxnews .item{overflow:hidden;position:relative;}


.idxnews .idxnewList li:before{width:17px;height:17px;content:'';background:url(../images/more.png) no-repeat;position:absolute;bottom:7%;right:8%}
.idxnews .idxnewList li .imgBox{overflow:hidden;position:relative}
.idxnews .idxnewList li .imgBox img{transition:.3s}
.idxnews .idxnewList li .txtBox{background:#ebf0f5;padding:3% 10% 12% 7%}
.idxnews .idxnewList li .txtBox span{font-size:15px;color:#393f4f;line-height:24px;display:block;margin-bottom:1%}
.idxnews .idxnewList li .txtBox h5{font-size:24px;color:#73a1bf;line-height:32px}
.idxnews .idxnewList li:hover .imgBox img{transform:scale(1.1,1.1)}
.idxnews .idxnewList li:hover .txtBox h5{color:#faa50a}


.idxnews {padding-bottom: 50px;}
.idxnews .owl-carousel .owl-prev,
.idxnews .owl-carousel .owl-next{ display: none}
.idxnews .owl-carousel .owl-prev{position:absolute;width:39px;height:39px;background:url(../images/TL.png) no-repeat;top:50%;margin-top:-30px;left:-5%;border:none;cursor:pointer;transition:.3s}
.idxnews .owl-carousel .owl-next{position:absolute;width:39px;height:39px;background:url(../images/TR.png) no-repeat;top:50%;margin-top:-30px;right:-5%;border:none;cursor:pointer;transition:.3s}
.idxnews .owl-carousel .owl-next span,.idxconsult .owl-carousel .owl-prev span{display:none}
.idxnews .owl-carousel .owl-prev:hover{background:url(../images/TLa.png) no-repeat}
.idxnews .owl-carousel .owl-next:hover{background:url(../images/TRa.png) no-repeat}






.bottom{background:#393f4f;padding-top:3%}
.bottom .bomTop .bomnav{float:left;width:100%}
.bottom .bomTop .bomnav dl{float:left; margin-right: 6%; width: 12%;}
.bottom .bomTop .bomnav dl:last-of-type{margin-right:0; width: 72px; }
.bottom .bomTop .bomnav dl dt{color:#fff;font-size:18px;margin-bottom:15px;line-height:24px;font-weight:700}
.bottom .bomTop .bomnav dl dd{line-height:30px}
.bottom .bomTop .bomnav dl a{color:#fff;font-size:15px}
.bottom .bomTop .bomnav dl a:hover{color:#faa50a}
.bottom .bomTop .bomcode{float:right}
.bottom .bomTop .bomcode .codeBox{text-align:center}
.bottom .bomTop .bomcode .codeBox p{color:#fff;line-height:40px}
.bottom .bomBom{line-height:55px;border-top:1px solid rgba(255,255,255,.2);margin-top:3%}
.bottom .bomBom .copyright{float:left;color:rgba(255,255,255,.2)}
.bottom .bomBom .copyright a{color:rgba(255,255,255,.2)}
.bottom .bomBom .copyright a:hover{color:#faa50a}
.bottom .bomBom .atnav{float:right;width:20%;text-align:right}
.bottom .bomBom .atnav li{display:inline-block;margin-left:10%}
.bottom .bomBom .atnav li:nth-child(1){margin-left:0}
.bottom .bomBom .atnav li a{color:rgba(255,255,255,.2);position:relative}
.bottom .bomBom .atnav li a:before{border-right:1px dashed rgba(255,255,255,.2);content:'';position:absolute;height:100%;width:1px;top:0;right:-30%}
.bottom .bomBom .atnav li:last-child a:before{display:none}
.bottom .bomBom .atnav li a:hover{color:#fff}

@media(max-width:1024px){
.bottom .bomTop .bomnav dl{ width: 18% !important; margin-right: 0 !important; }
.bottom .bomTop .bomnav dl:last-of-type{ width: 72px !important; }
}

.suspup{position:fixed;z-index:200;right:0}
.suspup ul li{position:relative}
.suspup ul li figure{position:absolute;top:0;right:75px;background:#73a1bf;color:#fff;display:none;text-align:center}
.suspup .li_wx figure{width:150px;padding:10px}
.suspup .li_wx figure img{display:block;width:100%}
.suspup .li_wx figure p{padding-top:10px}
.suspup .li_tel figure{padding:0 20px;font-size:18px;line-height:90px;white-space:nowrap}
.suspup .li_tel figure a{color:#fff}
.suspup .icon{display:block;width:76px;height:90px;background:url(../images/sus.png) no-repeat left top #fff}
.suspup .icon:hover{background:url(../images/susa.png) no-repeat left top #73a1bf}
.suspup .li_qq .icon{background-position:0 -89px}
.suspup .li_tel .icon{background-position:0 -180px}
.suspup .li_os .icon{background-position:0 -270px}
.suspup .li_gt .gettop{background-position:0 -360px}
@media(min-width:1025px){.suspup{top:50%;transform:translateY(-50%)}
.suspup ul{display:block!important}
.suspup .li_tel figure::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background-color:transparent}
}
@media(max-width:1024px){.suspup{display:none}
}
.innerBanner div{background-size:cover;background-position:center;position:relative}
.innerBanner div aside{width:100%;position:absolute;max-width:1200px;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.innerBanner div aside h5{font-size:48px;color:#fff;margin-bottom:2%}
.innerBanner div aside .more{width:125px;height:48px;line-height:48px;background:url(../images/viewBG.jpg) repeat-x;color:#fff;padding-left:24px;position:relative;display:block;margin:0 auto;text-align:left}
.innerBanner div aside .more:before{width:17px;height:17px;content:'';background:url(../images/more_w.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:24px}
@media(max-width:640px){.innerBanner div aside h5{font-size:28px}
}
.innerBanner div,.innerBanner div img{height:340px}
.innerBanner div img{display:none;width:100%}
@media(max-width:1000px){.innerBanner div,.innerBanner div img{height:auto}
.innerBanner div{background:0 0!important}
.innerBanner div img{display:block}
}
.location{background:#fff;padding:20px 0}
.location em{font-style:normal;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.location em a{color:#73a1bf;padding-right:15px;position:relative;line-height:20px;display:inline-block;font-size:15px}
.location em a:after{content:'';position:absolute;top:3px;right:0;width:8px;height:14px;background:url(../images/icon3.png) no-repeat}
.location em .home{display:inline-block;padding-left:20px;height:16px}
.location em .home:before{width:16px;height:16px;content:'';background:url(../images/home.png) no-repeat;position:absolute;left:0;top:2px}
.location em a:hover{color:#faa50a}
.location em span{color:#73a1bf;margin-left:5px;font-size:15px}
.infoTit{text-align:center;padding:4% 20%}
.infoTit h5{font-size:36px;color:#393f4f;font-weight:400}
.infoTit p{font-size:15px;color:#767676;line-height:24px;margin:1% 0}
.infoTit p span{margin:0 2%}
.infoTit .viewmore{font-size:15px;color:#73a1bf;position:relative}
.infoTit .viewmore:before{width:24px;height:14px;content:'';background:url(../images/icon4.png) no-repeat;position:absolute;left:50%;margin-left:-12px;bottom:-25px}
.infoTit .Getquote{width:190px;height:48px;line-height:48px;background:url(../images/viewBG.jpg);color:#fff;padding-left:20px;position:relative;display:inline-block;text-align:left;margin-top:2%}
.infoTit .Getquote:before{width:17px;height:17px;content:'';background:url(../images/more_w.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:25px}
.caseChannel .casenelList li{float:left;width:22.917%;margin-right:2.7773%;position:relative;padding-bottom:26.389%;border-radius:10px;overflow:hidden;margin-bottom:2.7773%;box-shadow:0 8px 10px rgba(0,0,0,.2)}
.caseChannel .casenelList li:before{width:17px;height:17px;content:'';background:url(../images/more.png) no-repeat;position:absolute;bottom:6%;right:10%;z-index:2}
.caseChannel .casenelList li:nth-child(4n){margin-right:0}
.caseChannel .casenelList li a{position:absolute;width:100%;height:100%;top:0;left:0;display:block;z-index:5}
.caseChannel .casenelList li .imgBox{position:absolute;width:100%;height:100%;top:0;left:0}
.caseChannel .casenelList li .imgBox img{transition:.3s}
.caseChannel .casenelList li .txtBox{position:absolute;left:10%;bottom:5%;z-index:2}
.caseChannel .casenelList li .txtBox h5{font-size:24px;color:#fff;margin-bottom:20%}
.caseChannel .casenelList li .txtBox p{font-size:15px;color:#fff;line-height:24px}
.caseChannel .casenelList li:hover .imgBox img{transform:scale(1.1,1.1)}
.caseChannel .casenelList li:hover .txtBox h5{color:#faa50a}
.lookcase{background:#ebf0f5;margin-top:3%;padding-bottom:1.5%}
.lookcase .titlook{text-align:center;padding:5% 20%}
.lookcase .titlook h5{font-size:36px;color:#393f4f;font-weight:400;margin-bottom:2%}
.lookcase .titlook .viewmore{font-size:15px;color:#73a1bf;position:relative}
.lookcase .titlook .viewmore:before{width:24px;height:14px;content:'';background:url(../images/icon4.png) no-repeat;position:absolute;left:50%;margin-left:-12px;bottom:-25px}
.lookcase .lookcaseList li{float:left;width:22.917%;margin-right:2.7773%;margin-bottom:2.7773%;box-shadow:0 8px 10px rgba(0,0,0,.2);border-radius:10px;overflow:hidden;position:relative}
.lookcase .lookcaseList li:before{width:17px;height:17px;content:'';background:url(../images/more.png) no-repeat;position:absolute;bottom:6%;right:8%;z-index:2}
.lookcase .lookcaseList li:nth-child(4n){margin-right:0}
.lookcase .lookcaseList li .imgBox{overflow:hidden}
.lookcase .lookcaseList li .imgBox img{transition:.3s}
.lookcase .lookcaseList li .txtBox{padding:5% 8% 14.5% 8%;background:#fff}
.lookcase .lookcaseList li .txtBox span{font-size:15px;color:#393f4f}
.lookcase .lookcaseList li .txtBox h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#73a1bf;line-height:45px}
.lookcase .lookcaseList li .txtBox p{font-size:15px;color:#767676;line-height:24px;max-height:42px;overflow:hidden}
.lookcase .lookcaseList li:hover .imgBox img{transform:scale(1.1,1.1)}
.lookcase .lookcaseList li:hover .txtBox h5{color:#faa50a}
.solution .soluList li{float:left;width:48.612%;margin-right:2.776%}
.solution .soluList li:nth-child(2n){margin-right:0}
.solution .soluList li .imgBox{overflow:hidden;box-shadow:0 8px 10px rgba(0,0,0,.2);border-radius:10px}
.solution .soluList li .imgBox img{transition:.3s}
.solution .soluList li .txtBox{padding:5% 8% 10% 8%;text-align:center}
.solution .soluList li .txtBox h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;color:#73a1bf;line-height:45px}
.solution .soluList li .txtBox p{font-size:15px;color:#767676;line-height:24px}
.solution .soluList li:hover .imgBox img{transform:scale(1.1,1.1)}
.solution .soluList li:hover .txtBox h5{color:#faa50a}
.soluInfo .soluconT{position:relative;margin-bottom:7%}
.soluInfo .soluconT .txtBox{position:absolute;top:25%;left:5%;background:#73a1bf;width:47.223%;padding:4% 4% 8% 4%}
.soluInfo .soluconT .txtBox h5{font-size:24px;color:#ebf0f5;margin-bottom:4%}
.soluInfo .soluconT .txtBox p{font-size:15px;color:#fff;line-height:24px}
.soluInfo .soluconB .item{padding:3.5% 0;background:#f5f5f5}
.soluInfo .soluconB .item .imgBox{float:left;width:39.445%}
.soluInfo .soluconB .item .imgBox.vediobox{height: 340px;}
.soluInfo .soluconB .item .imgBox.vediobox video{width: 100%;height: 100%;}


.soluInfo .soluconB .item .txtBox{float:right;width:56.555%; }
.soluInfo .soluconB .item .txtBox  figure{ height: 280px; overflow: auto;}

.soluInfo .soluconB .item .txtBox h5{font-size:24px;color:#73a1bf;line-height:60px}
.soluInfo .soluconB .item .txtBox p{font-size:15px;color:#767676;line-height:24px}
.soluInfo .soluconB .item .txtBox em span{color:#73a1bf}
.soluInfo .soluconB .item:nth-child(even){background:#fff}
.soluInfo .soluconB .item:nth-child(even) .imgBox{float:right}
.soluInfo .soluconB .item:nth-child(even) .txtBox{float:left}
.innerMenu{padding-top:3%}
.innerMenu li{float:left;width:22.917%;margin-right:2.7773%;margin-bottom:1.5%;line-height:70px;background:#ebf0f5;padding-left:2%;position:relative}
.innerMenu li:after{content:'';position:absolute;top:50%;margin-top:-7px;right:10%;width:8px;height:14px;background:url(../images/icon3.png) no-repeat}
.innerMenu li:nth-child(4n){margin-right:0}
.innerMenu li a{font-size:18px;color:#393f4f;font-weight:700;padding-right:17%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.innerMenu li.on a,.innerMenu li:hover a{color:#fff}
.innerMenu li.on,.innerMenu li:hover{background:#73a1bf}
.innerMenu li.on:after,.innerMenu li:hover:after{background:url(../images/icon0.png) no-repeat}
.caseList{padding-bottom:3%}
.caseList .titlook{padding:3% 20%}
.caseList .bomlook{text-align:center}
.caseList .bomlook .viewmore{font-size:15px;color:#73a1bf;position:relative}
.caseList .bomlook .viewmore:before{width:24px;height:14px;content:'';background:url(../images/icon4.png) no-repeat;position:absolute;left:50%;margin-left:-12px;bottom:-20px}
.publicCont{padding:3% 0}
.publicCont .puconL{float:left}
.publicCont .puconL span{font-size:15px;display:block;color:#767676;line-height:24px}
.publicCont .puconL h5{font-size:36px;color:#393f4f;font-weight:400;margin-bottom:1.5%}
.publicCont .puconL p{font-size:18px;color:#73a1bf;line-height:24px}
.publicCont .puconR{float:right;padding-top:2%}
.publicCont .puconR p{ont-size:15px;color:#767676;line-height:24px;margin:1% 0}
.publicCont .puconR .view{width:260px;height:48px;line-height:48px;background:url(../images/viewBG.jpg);color:#fff;padding-left:20px;position:relative;display:block}
.publicCont .puconR .view:before{width:17px;height:17px;content:'';background:url(../images/more_w.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:20px}
.caseInfo{background:#ebf0f5;margin-top:1%;padding-bottom:5%}
.caseInfo .caseWheel{position:relative;z-index:1;padding-bottom:3%}
.caseInfo .caseWheel .bx-viewport{z-index:1}
.caseInfo .caseWheel .bx-next,.caseInfo .caseWheel .bx-prev{width:39px;height:39px;position:absolute;top:50%;margin-top:-17px;z-index:66}
.caseInfo .caseWheel .bx-prev{background:url(../images/TL.png) no-repeat;left:-5%}
.caseInfo .caseWheel .bx-prev:hover{background:url(../images/TLa.png) no-repeat}
.caseInfo .caseWheel .bx-next{background:url(../images/TR.png) no-repeat;right:-5%}
.caseInfo .caseWheel .bx-next:hover{background:url(../images/TRa.png) no-repeat}
.caseInfo .caseWheel .bx-pager{position:absolute;left:0;width:100%;text-align:center;bottom:0;z-index:10}
.caseInfo .caseWheel .bx-pager *{width:25px;height:3px}
.caseInfo .caseWheel .bx-pager div{display:inline-block;margin:0 5px}
.caseInfo .caseWheel .bx-pager div+div{margin-left:2px;position:relative}
.caseInfo .caseWheel .bx-pager a{display:block;overflow:hidden;line-height:100px;background:url(../images/icon5.png) no-repeat center center}
.caseInfo .caseWheel .bx-pager a.active{background-image:url(../images/icon6.png);display:block}
.caseInfo .caseText{padding:3% 13% 5% 5%}
.caseInfo .caseText p{font-size:15px;color:#767676;line-height:24px;margin-bottom:2%}
.caseInfo .retBtn{text-align:center}
.caseInfo .retBtn .viewmore{font-size:15px;color:#73a1bf;position:relative}
.caseInfo .retBtn .viewmore:before{width:24px;height:14px;content:'';background:url(../images/icon4.png) no-repeat;position:absolute;left:50%;margin-left:-12px;bottom:-20px}
.newListtop{padding:2% 0}
.newListtop .auto{box-shadow:0 0 5px rgba(0,0,0,.2)}
.newListtop .newtopL{float:left;width:74.5%;background:#f9f9f9}
.newListtop .newtopL .slick-slider{position:relative;display:block;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.newListtop .newtopL .slick-list{position:relative;z-index:1;display:block;overflow:hidden}
.newListtop .newtopL .slick-list:focus{outline:0}
.newListtop .newtopL .slick-list.dragging{cursor:pointer;cursor:hand}
.newListtop .newtopL .slick-slider .slick-list,.newListtop .newtopL .slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.newListtop .newtopL .slick-track{position:relative;top:0;left:0;display:block}
.newListtop .newtopL .slick-track:after,.newListtop .newtopL .slick-track:before{display:table;content:''}
.newListtop .newtopL .slick-track:after{clear:both}
.newListtop .newtopL .slick-loading .slick-track{visibility:hidden}
.newListtop .newtopL .slick-slide{display:none;float:left;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.newListtop .newtopL .slick-slide .slick-loading img{display:none}
.newListtop .newtopL .slick-slide .dragging img{pointer-events:none}
.newListtop .newtopL .slick-initialized .slick-slide{display:block}
.newListtop .newtopL .slick-loading .slick-slide{visibility:hidden}
.newListtop .newtopL .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.newListtop .newtopL .slick-arrow .slick-hidden{display:none}
.newListtop .newtopL .slider-img .slick-arrow{z-index:10;border:none;font-size:0;position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;cursor:pointer;background:rgba(115,161,191,.8)}
.newListtop .newtopL .slider-img .slick-disabled{background:rgba(57,63,79,.8)}
.newListtop .newtopL .slider-img .slick-prev{left:0}
.newListtop .newtopL .slider-img .slick-next{right:0}
.newListtop .newtopL .slider-img .slick-arrow::before{position:absolute;content:'';width:12px;height:12px;left:50%;top:50%;margin:-6px 0 0 -8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.newListtop .newtopL .slider-img .slick-prev::before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-left:-4px}
.newListtop .newtopL .slider-img .slick-disabled::before{opacity:.3}
.newListtop .newtopL .slider-for .slick-dots{overflow:hidden;position:absolute;right:10%;bottom:1%}
.newListtop .newtopL .slider-for .slick-dots>*{float:left;font-family:Helvetica,Arial,sans-serif}
.newListtop .newtopL .slider-for .slick-dots li{display:none}
.newListtop .newtopL .slider-for .slick-dots li a{font-size:18px;color:#73a1bf}
.newListtop .newtopL .slider-for .slick-dots li.slick-active{display:block}
.newListtop .newtopL .slider-for .slick-dots ol{color:#393f4f;font-size:18px}
.newListtop .newtopL .imgBox{width:64.815%;float:left}
.newListtop .newtopL .slider-for{float:right;width:32%;padding:2% 3% 13% 0}
.newListtop .newtopL .slider-for li time{font-size:15px;color:#393f4f;line-height:24px;display:block;margin-bottom:3%}
.newListtop .newtopL .slider-for li h2{font-size:18px;color:#73a1bf;line-height:24px;margin-bottom:8%}
.newListtop .newtopL .slider-for li p{font-size:15px;color:#767676;line-height:24px;margin-bottom:15%}
.newListtop .newtopL .slider-for li .more{display:inline-block;position:relative;font-size:15px;color:#fff;background:#faa50a;line-height:50px;padding-left:25px;width:130px}
.newListtop .newtopL .slider-for li .more:before{width:17px;height:17px;content:'';background:url(../images/more_w.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:20px}
.newListtop .newtopR{width:25%;float:right;padding:2%}
.newListtop .newtopR h5{font-size:18px;color:#73a1bf;line-height:24px;margin-bottom:5%}
.newListtop .newtopR form .select{position:relative;background:url(../images/sele.jpg) no-repeat right top #ebf0f5;width:100%;margin-bottom:5%}
.newListtop .newtopR form .select span{line-height:48px;height:48px;padding-right:50px;cursor:pointer;display:block;padding-left:8%;font-size:15px;color:#767676;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newListtop .newtopR form .select ul{position:absolute;left:0;top:48px;width:100%;border:1px solid #faa50a;z-index:10;background:#f5f5f5;display:none}
.newListtop .newtopR form .select ul li a{padding-left:8%;display:block;height:30px;line-height:30px}
.newListtop .newtopR form .select ul li a:hover{background:#faa50a;color:#fff}
.newListtop .newtopR form input{width:100%;display:block;line-height:48px;height:48px;padding-left:8%;border:1px solid #73a1bf;margin-bottom:5%}
.newListtop .newtopR form .gosear{width:100%;display:block;line-height:48px;height:48px;text-align:center;font-size:18px;color:#fff;background:#faa50a}
.newListbom{padding:3% 0 4% 0;background:#ebf0f5;margin-top:1.5%}
.newListbom .newsList{float:left;width:72%}
.newListbom .newsList li{background:#fff;padding:2.5% 0;padding-left:4%;margin-bottom:3%}
.newListbom .newsList li .timeBox{width:80px;height:80px;float:left;background:#73a1bf;text-align:center;padding:10px}
.newListbom .newsList li .timeBox span{font-size:36px;color:#fff;line-height:1;font-weight:700}
.newListbom .newsList li .timeBox p{font-size:15px;color:#fff}
.newListbom .newsList li .txtBox{padding:0 5% 0 11%}
.newListbom .newsList li .txtBox h5{font-size:18px;color:#393f4f;line-height:24px;margin-bottom:1%;padding-bottom:1%;font-weight:400;border-bottom:1px dashed #ebf0f5}
.newListbom .newsList li .txtBox p{font-size:15px;color:#767676;line-height:24px}
.newListbom .newsList li:hover .timeBox{background:#faa50a}
.newListbom .newsList li:hover .txtBox h5{color:#faa50a}
.newListbom .newother{float:right;width:24%}
.newListbom .newother .othercolList{margin-bottom:12%}
.newListbom .newother h5{font-size:18px;color:#73a1bf;margin-bottom:3%}
.newListbom .newother li{padding:3% 0;border-bottom:1px dashed #ddd;margin-bottom:2.5%}
.newListbom .newother li p{font-size:15px;color:#393f4f;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding:0 5%}
.newListbom .newother li p:before{width:0;height:0;border-width:3px;border-style:solid;border-color:transparent transparent transparent #afafaf;content:'';position:absolute;left:5px;top:50%;margin-top:-3px}
.newListbom .newother li time{color:#767676;font-size:15px;line-height:24px;padding:0 5%}
.newListbom .newother li:hover p{color:#faa50a}
.newListbom .newother li:hover p:before{border-color:transparent transparent transparent #faa50a}
.aboutFoor1{margin-bottom:2%}
.aboutFoor1 .auto{position:relative}
.aboutFoor1 h1{font-size:36px;color:#393f4f;line-height:1;margin:2% 0}
.aboutFoor1 .imgBox{float:left;width:50%}
.aboutFoor1 .txtBox{float:right;width:47%}
.aboutFoor1 .txtBox p{font-size:15px;color:#767676;line-height:24px}
.aboutFoor1 .download{position:absolute;bottom:0;right:0;width:186px;line-height:50px;color:#fff;font-size:15px;padding-left:35px;background:#faa50a}
.aboutFoor1 .download:before{width:20px;height:20px;content:'';background:url(../images/down.png) no-repeat;position:absolute;top:50%;margin-top:-10px;right:30px}
.aboutFoor1 .download:hover{background:#73a1bf}
.aboutFoor2{background:#ebf0f5;padding:2.5% 0}
.aboutFoor2 li{float:left;width:31%;margin-right:3.5%;box-shadow:0 0 2px rgba(0,0,0,.2);overflow:hidden;position:relative}
.aboutFoor2 li:nth-child(3n){margin-right:0}
.aboutFoor2 li .imgBox{overflow:hidden}
.aboutFoor2 li .imgBox img{transition:.3s}
.aboutFoor2 li .txtBox{padding:5% 8% 10% 8%;background:#fff;min-height:159.94px}
.aboutFoor2 li .txtBox h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;color:#73a1bf;line-height:1;margin-bottom:5%}
.aboutFoor2 li .txtBox p{font-size:15px;color:#767676;line-height:24px}
.aboutFoor2 li:hover .imgBox img{transform:scale(1.1,1.1)}
.aboutFoor2 li:hover .txtBox h5{color:#faa50a}
.aboutFoor3 .auto{position:relative;padding-bottom:21.125%}
.aboutFoor3 .txtBox{position:absolute;background:#73a1bf;right:0;bottom:-15%;padding:4% 5%;width:50%}
.aboutFoor3 .txtBox h5{font-size:24px;color:#fff;margin-bottom:2%}
.aboutFoor3 .txtBox p{font-size:15px;color:#fff;line-height:24px}
.aboutFoor4{background:#ebf0f5;padding:5% 0}
.aboutFoor4 h5{font-size:24px;color:#73a1bf;margin-bottom:1.5%}
.aboutFoor4 p{font-size:15px;color:#767676;line-height:24px;margin-bottom:5%}
.aboutFoor4 .join{display:inline-block;float:right;width:186px;line-height:50px;color:#fff;font-size:15px;padding-left:55px;background:#faa50a;position:relative}
.aboutFoor4 .join:before{width:17px;height:17px;content:'';background:url(../images/more_w.png) no-repeat;position:absolute;top:50%;margin-top:-8px;right:38px}
.aboutFoor4 .join:hover{background:#73a1bf}
.aboutFoor5{padding:2.5% 0}
.aboutFoor5 h5{font-size:24px;color:#73a1bf;margin-bottom:1.5%}
.aboutFoor5 p{font-size:15px;color:#767676;line-height:24px;margin-bottom:2%}
.aboutFoor5 li{float:left;width:31%;margin-right:3.5%;padding:2%;padding-bottom:0}
.aboutFoor5 li:nth-child(3n){margin-right:0}
.aboutFoor5 li h5{font-size:18px;color:#fff;display:inline-block;border-bottom:1px solid #fff}
.aboutFoor5 li .imgBox{overflow:hidden;margin:5% 0}
.aboutFoor5 li .imgBox img{transition:.3s}
.aboutFoor5 li p{font-size:15px;color:#fff;line-height:24px;padding-right:10%;height:96px;overflow:hidden}
.aboutFoor5 li:hover .imgBox img{transform:scale(1.1,1.1)}
.aboutFoor5 li:hover h5{color:#faa50a}
.aboutFoor5 li:nth-child(1){background:#009cc8}
.aboutFoor5 li:nth-child(2){background:#076988}
.aboutFoor5 li:nth-child(3){background:#1d3849}
.contactBox{margin:2.5% 0}
.contactBox .auto{background:#f5f5f5}
.contactBox #dituContent{width:50%;float:left;height:343px}
.contactBox .mapList{float:right;width:100%;padding:4%}
.contactBox .mapList p{font-size:15px;color:#767676;line-height:24px;margin-bottom:2%;padding-left:28px;position:relative}
.contactBox .mapList p.add:before{width:18px;height:24px;content:'';background:url(../images/icon8.png) no-repeat;position:absolute;left:0;top:50%;margin-top:-12px}
.contactBox .mapList p.hot:before{width:20px;height:20px;content:'';background:url(../images/icon9.png) no-repeat;position:absolute;left:0;top:50%;margin-top:-10px}
.contactBox .mapList p.fax:before{width:19px;height:19px;content:'';background:url(../images/icon10.png) no-repeat;position:absolute;left:0;top:50%;margin-top:-9px}
.contactBox .mapList p.mel:before{width:21px;height:16px;content:'';background:url(../images/icon11.png) no-repeat;position:absolute;left:0;top:50%;margin-top:-8px}
.contactPeo{padding:3% 0 5% 0}
.contactPeo .itemL{float:left;width:48%}
.contactPeo .itemL h5{font-size:36px;color:#393f4f;font-weight:400;margin-bottom:1%}
.contactPeo .itemL p{font-size:15;color:#767676;line-height:24px}
.contactPeo .itemR{float:right;width:26.5%;padding-top:3%}
.contactPeo .itemR form .select{position:relative;background:url(../images/sele.jpg) no-repeat right top #73a1bf;width:100%;margin-bottom:5%}
.contactPeo .itemR form .select span{line-height:48px;height:48px;padding-right:50px;cursor:pointer;display:block;padding-left:8%;font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contactPeo .itemR form .select ul{position:absolute;left:0;top:48px;width:100%;border:1px solid #faa50a;z-index:10;background:#f5f5f5;display:none;padding-bottom:2%}
.contactPeo .itemR form .select ul h5{font-size:20px;color:#73a1bf;line-height:40px;padding-left:8%}
.contactPeo .itemR form .select ul li a{padding-left:8%;display:block;height:30px;line-height:30px}
.contactPeo .itemR form .select ul li a:hover{background:#faa50a;color:#fff}
.contactPeo .itemR form .viewpeo{width:100%;display:block;line-height:48px;height:48px;text-align:center;font-size:15px;color:#fff;background:#faa50a}
.ZZ{position:fixed;left:0;top:0;width:100%;z-index:90;height:100%;background:rgba(0,0,0,.7);display:none}
.pupform{position:fixed;width:47%;background:#fff;border:1px solid #73a1bf;top:17%;left:50%;margin-left:-23.5%;z-index:99;padding:2% 5% 5% 5%;display:none}
.pupform .closeBtn{width:17px;height:17px;background:url(../images/clo.png) no-repeat;position:absolute;top:2%;right:1%;cursor:pointer;transition:all .3s ease 0s}
.pupform .closeBtn:hover{transform:rotate(90deg)}
.pupform h1{text-align:center;font-size:20px;color:#73a1bf;line-height:30px;margin-bottom:2%}
.pupform form .inpList{margin-bottom:2%}
.pupform form .inpList .item{width:48%;float:left;margin-right:4%}
.pupform form .inpList .item:nth-child(2n){margin-right:0}
.pupform form p{font-size:15px;color:#393f4f;font-weight:700;line-height:30px}
.pupform form .inpList .item input{width:100%;height:55px;line-height:55px;border:1px solid #ebf0f4;background:#ebf0f4;padding-left:2%}
.pupform form .inpList .item input:focus{border:1px solid #faa50a}
.pupform form .texList{margin-bottom:4%}
.pupform form .texList textarea{width:100%;height:145px;line-height:24px;border:1px solid #ebf0f4;background:#ebf0f4;padding-left:2%;padding-top:1%}
.pupform form .texList textarea:focus{border:1px solid #faa50a}
.pupform form .subpup{width:120px;height:55px;line-height:55px;text-align:center;margin:0 auto;display:block;background:#faa50a;color:#fff}
.jobpage{padding-top:3%}
.jobpage .soluconT .txtBox{padding:2% 4% 4% 4%;top:65%}
.jobListcon{background:#ebf0f5;padding:4% 0}
.jobListcon h5{font-size:24px;color:#73a1bf;margin-bottom:2%}
.jobListcon .jobList .item{padding:0 3% 0 2%;background:#fff;border-bottom:1px solid #e5e5e5}
.jobListcon .jobList .item div{line-height:60px;float:left;font-size:15px;color:#767676}
.jobListcon .jobList .item div.position{width:35%}
.jobListcon .jobList .item div.work{width:40%}
.jobListcon .jobList .item div.num{width:7.5%;text-align:center}
.jobListcon .jobList .item div.add{width:7.5%;text-align:center}
.jobListcon .jobList .item div.time{width:10%;text-align:center}
.jobListcon .jobList .itemTit{background:#faa50a}
.jobListcon .jobList .itemTit div{font-size:15px;color:#fff!important;font-weight:700}
.jobListcon .jobList .item:hover div.position{color:#73a1bf}
.jobInfo{padding:3.5% 0}
.jobInfo .jobmenu{float:left;width:20.834%}
.jobInfo .jobmenu h5{line-height:60px;padding-left:10%;background:#73a1bf;font-size:15px;color:#fff}
.jobInfo .jobmenu li{line-height:60px;padding-left:10%;background:#ebf0f5;border-bottom:1px solid #e5e5e5}
.jobInfo .jobmenu li a{font-size:15px;color:#767676;display:block}
.jobInfo .jobmenu li a:hover,.jobInfo .jobmenu li.on a{color:#73a1bf}
.jobInfo .jobDescon{float:right;width:75%}
.jobInfo .jobDescon .jobTit{line-height:50px;border-bottom:1px solid #e5e5e5}
.jobInfo .jobDescon .jobTit h5{float:left;font-size:24px;color:#393f4f;width:17%}
.jobInfo .jobDescon .jobTit .jobdata{float:right;text-align:right;width:83%}
.jobInfo .jobDescon .jobTit .jobdata li{display:inline-block;padding-left:6%;font-size:15px;color:#73a1bf}
.jobInfo .jobDescon .jobcon{padding:5% 0 8% 0}
.jobInfo .jobDescon .jobcon p{font-size:15px;color:#767676;line-height:24px}
.jobInfo .jobDescon .apply{float:right;width:160px;height:50px;line-height:50px;text-align:center;color:#fff;background:#faa50a}
@media(max-width:1590px){.caseInfo .caseWheel{max-width:1200px;margin:0 auto}
}
@media(min-width:1541px){.idxconsult .item .txtBox{padding:5%}
}
@media(max-width:1540px){.idxconsult .auto_1440{max-width:1201px}
}
@media(max-width:1440px){.auto_1440{padding:0 1%}
.newListtop .auto_1440{max-width:1200px}
}
@media(max-width:1320px){.caseInfo .caseWheel .bx-next,.caseInfo .caseWheel .bx-prev{display:none}
}
@media(max-width:1300px){
.idxconsult .owl-carousel{padding-bottom:50px}
.idxconsult .owl-carousel .owl-prev{top:auto;margin-top:0;left:38%;bottom:0}
.idxconsult .owl-carousel .owl-next{top:auto;margin-top:0;left:auto;bottom:0;right:38%}


	.idxnews .owl-carousel .owl-prev,
	.idxnews .owl-carousel .owl-next{ display: block}
	.idxnews .owl-carousel{padding-bottom:50px}
	.idxnews .owl-carousel .owl-prev{top:auto;margin-top:0;left:38%;bottom:0}
	.idxnews .owl-carousel .owl-next{top:auto;margin-top:0;left:auto;bottom:0;right:38%}


	.idxcase .owl-carousel .owl-prev,
	.idxcase  .owl-carousel .owl-next{ display: block}
	.idxcase .owl-carousel{padding-bottom:50px}
	.idxcase .owl-carousel .owl-prev{top:auto;margin-top:0;left:38%;bottom:0}
	.idxcase .owl-carousel .owl-next{top:auto;margin-top:0;left:auto;bottom:0;right:38%}



.bottom .bomTop .bomnav{width:86%}
.bottom .bomTop .bomnav dl{margin-right:7%}
}
@media(max-width:1185px){.top{line-height:70px}
.top .nav{display:none}
.top .navBtnbox{width:70px;height:70px}
.top .navBtnbox .nav_btn{margin:25px 22px 0}
.top .langChose dl{top:70px}
.top .menu{top:70px}
.idxproduct .idxproslie .idxprocon .idxrecpro:before{display:none}
.soluInfo .soluconT .txtBox{position:static;width:100%}
}
@media(max-width:960px){.idxother li{width:50%;border-bottom:2px solid #fff}
.idxtrade .idxtradeList{height:auto}
.idxtrade .idxtradeList li{width:20%!important;height:360px!important;position:relative;float:left;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important}
.idxtrade .idxtradeList li figure h5{bottom:auto:top: 5%}
.idxproduct .idxproslie .idxprotit{overflow:auto}
.idxproduct .idxproslie .idxprotit ul{width:1035px}
.idxproduct .idxproslie .idxprotit li{font-size:16px}
.bottom .bomTop .bomnav{display:none}
.bottom .bomTop .bomcode{float:none;width:100%;text-align:center}
.bottom .bomBom .copyright{float:none;text-align:center}
.bottom .bomBom .atnav{width:245px;margin:0 auto;float:none}
.bottom .bomBom{line-height:30px}
.newListtop .newtopL{float:none;width:100%}
.newListtop .newtopR{float:none;width:50%;margin:0 auto}
.aboutFoor1 .auto{padding-bottom:50px}
.aboutFoor1 .download{right:2%}
.aboutFoor2 li .txtBox p{max-height:72px;overflow:hidden}
.aboutFoor4{padding-bottom:50px}
.aboutFoor5 li h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.pupform{width:70%;margin-left:-35%}
.jobInfo .jobDescon .jobTit h5{float:none;display:block;width:100%}
.jobInfo .jobDescon .jobTit .jobdata{float:none;width:100%;text-align:left}
.jobInfo .jobDescon .jobTit .jobdata li{padding-left:0;padding-right:5%}
}
@media(max-width:768px){.idxproduct .idxproslie .idxprocon .idxrecpro .imgBox{float:none;width:100%;text-align:center}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox{float:none;width:100%}
.aboutFoor3 .auto{padding:5% 0}
.aboutFoor3 .txtBox{position:static;width:75%}
.aboutFoor1 .imgBox{float:none;width:100%;text-align:center}
.aboutFoor1 .txtBox{float:none;width:100%}
.contactBox #dituContent{width:100%;float:none;margin-bottom:2%}
.contactBox .mapList{float:none;width:100%}
}
@media(max-width:640px){.top .putinSW{display:none}
.top .searchBox{display:none}
.idxtrade .idxtradeList li{width:100%!important}


.idxtrade .owl-carousel{position:relative}
.idxtrade .owl-stage-outer{overflow:hidden;padding-bottom:15px}
.idxtrade .owl-item{float:left}
.idxtrade .item{overflow:hidden;position:relative;}



.idxtrade .owl-carousel .owl-prev{position:absolute;width:39px;height:39px;background:url(../images/TL.png) no-repeat;top:50%;margin-top:-30px;left:-5%;border:none;cursor:pointer;transition:.3s}
.idxtrade .owl-carousel .owl-next{position:absolute;width:39px;height:39px;background:url(../images/TR.png) no-repeat;top:50%;margin-top:-30px;right:-5%;border:none;cursor:pointer;transition:.3s}
.idxtrade .owl-carousel .owl-next span,.idxconsult .owl-carousel .owl-prev span{display:none}
.idxtrade .owl-carousel .owl-prev:hover{background:url(../images/TLa.png) no-repeat}
.idxtrade .owl-carousel .owl-next:hover{background:url(../images/TRa.png) no-repeat}


.idxtrade .owl-carousel{padding-bottom:50px}
.idxtrade .owl-carousel .owl-prev{top:auto;margin-top:0;left:38%;bottom:0}
.idxtrade .owl-carousel .owl-next{top:auto;margin-top:0;left:auto;bottom:0;right:38%}







.idxcase .idxcaseList li{width:100%}
.idxnews{background:0 0}
.idxnews .idxnewList li{width:100%;margin-right:0;border-bottom:2px solid #fff}
.idxnews .idxnewList li .imgBox{text-align:center;background:#ebf0f5}
.innerMenu li{width:49%;margin-right:2%;line-height:50px}
.innerMenu li:nth-child(4n){margin-right:2%}
.innerMenu li:nth-child(2n){margin-right:0}
.lookcase .lookcaseList li{width:49%;margin-right:2%}
.lookcase .lookcaseList li:nth-child(4n){margin-right:2%}
.lookcase .lookcaseList li:nth-child(2n){margin-right:0}
.soluInfo .soluconB .item .imgBox{float:none;width:100%;text-align:center}
.soluInfo .soluconB .item .txtBox{float:none;width:100%}
.caseChannel .casenelList li{width:49%;margin-right:2%;padding-bottom:56.389%}
.caseChannel .casenelList li:nth-child(4n){margin-right:2%}
.caseChannel .casenelList li:nth-child(2n){margin-right:0}
.newListtop .newtopL .imgBox{float:none;width:100%}
.newListtop .newtopL .slider-for{float:none;width:100%}
.newListtop .newtopL .slider-for li h2{margin-bottom:4%}
.newListtop .newtopL .slider-for li p{margin-bottom:3%}
.newListtop .newtopR{width:100%}
.newListbom .newsList{float:none;width:100%}
.newListbom .newother{float:none;width:100%}
.newListbom .newother li{padding:2%;margin-bottom:0}
.newListbom .newsList li .timeBox{margin-right:2%}
.aboutFoor2 li{float:none;width:100%;margin-right:0}
.aboutFoor2 li .imgBox{text-align:center}
.aboutFoor5 li{float:none;width:100%;margin-right:0;margin-bottom:1%}
.aboutFoor5 li .imgBox{text-align:center}
.jobInfo .jobmenu{float:none;width:100%}
.jobInfo .jobmenu li{float:left;width:49%;margin-right:0}
.jobInfo .jobmenu li:nth-child(2n){margin-right:2%}
.jobInfo .jobDescon{float:none;width:100%}
.banner .bx-pager div+div{margin-left:7.5%}
.banner .bx-pager div+div:before{width:120%}

.idxtrade .idxtradeList li{height:auto!important;padding-bottom:80%}
.idxtrade .idxtradeList li figure h5{font-size:16px}
.idxtrade .idxtradeList li figure{background-size:100% 100%!important}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox .view{float:left}
.idxproduct .idxproslie .idxprocon .idxrecpro{padding-bottom:5%}
.idxcase .idxcaseList li .txtBox{padding:6% 2% 12% 2%}
.idxcase .idxcaseList li:before{right:2%}
.idxnews{padding-top:5%}
.idxcase{padding-top:15%}
.banner li aside h5{font-size:28px;line-height:32px}
.banner li aside p{font-size:14px}
}
@media(max-width:480px){.idxother li{width:100%}
.idxproduct .idxproslie .idxprocon .idxrecpro .txtBox .txtBT span{display:none}
.infoTit{padding-bottom:30px}
.solution .soluList li{width:100%;margin-right:0}
.lookcase .titlook h5{font-size:24px}
.publicCont .puconL h5{font-size:24px}
.infoTit h5{font-size:28px}
.caseInfo .caseText{padding-right:5%}
.aboutFoor1 h1{font-size:28px}
.pupform form .inpList .item{float:none;width:100%;margin-right:0}
.contactPeo .itemL{float:none;width:100%}
.contactPeo .itemR{float:none;width:80%;margin:0 auto}
.idxconsult .item .txtBox h5{font-size:18px}
}
@media(max-width:380px){.innerMenu li{width:100%;margin-right:0}
.lookcase .lookcaseList li{width:100%;margin-right:0}
.caseChannel .casenelList li{width:100%;margin-right:0;padding-bottom:102.389%}
.caseChannel .casenelList li .imgBox{text-align:center}
.lookcase .lookcaseList li .imgBox{text-align:center}
.banner li aside p{line-height:20px}
.banner li aside h5{font-size:20px}
.banner li aside p{font-size:12px}
}
@media screen and (min-width:400px) and (max-width:540px){.idxconsult .item .txtBox{padding-bottom:45px}
}
.searchBox i{position:relative}
.searchBox label{position:absolute;height:40px;min-width:140px;z-index:999;border:1px solid #999}
.searchBox label a{position:absolute;width:40px;top:0;right:0;font-size:20px;color:#666;height:38px;line-height:38px}
.searchBox label input{width:100%;height:inherit;display:block;padding-left:15px;background-color:rgba(255,255,255,.5);padding-right:40px;color:#333}
.TextList000746 .auto_1200{max-width:1200px;margin:0 auto;overflow:hidden}
.TextList000746 .ul li{width:100%;position:relative;padding:10px 0;padding-left:35px}
.TextList000746 .ul li:after{content:"";display:inline-block;width:10px;height:10px;border-left:2px solid #393f4f;border-bottom:2px solid #393f4f;transform:rotate(40deg);position:absolute;left:20px;top:50%;margin-top:-5px}
.TextList000746 .ul li a{display:block;overflow:hidden}
.TextList000746 .ul li a p{width:70%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:25px}
.TextList000746 .ul li a time{float:left;width:20%;text-align:center;line-height:25px}
.PageBox .Pages{text-align:center;padding:30px 0}
.PageBox .Pages a{display:inline-block;margin:0 5px;padding:3px 13px;border-radius:5px;border:1px solid #393f4f;font-style:normal}
.PageBox .Pages a.a_cur{background-color:#faa50a;color:#fff;border-color:transparent}
.idxproduct .idxproslie .idxprotit li{ padding: 0 2.60%; }


/* 右下角53快服在线留言 */
#iconDivMain1{ overflow: inherit !important; }
#KFLOGO .Lelem{ width: 80px !important; height: 90px !important; left: inherit !important; right: 0 !important; top: 20px !important; }
#iconDivMain1 img{ max-width: 80px; max-height: 90px;}
.innerMenu .auto_1440 {max-width:1200px;}
.QRcode{
margin-left:-83px;
padding:5px;
text-align:center;
}
.QRcode img{max-width:165px;
max-height:165px;}
.QRcode  h5{color:#fff;
padding:5px;}










.proCat {padding-top:3%; overflow:hidden;}
.proCat ul {width:102%; overflow:hiden;}
.proCat li {float:left; width:25%; padding-right:2%; padding-bottom:2%;}
.proCat li  a {display:block; overflow:hidden; padding:20px; background-color:#ebf0f5; color:#333;}
.proCat li .pic {margin-bottom:7%;}
.proCat li .pic span {padding-bottom:27.778%; display:block; background:no-repeat center center; background-size:contain;}
.proCat li  .intro {font-size:14px; line-height:1.75em; height:8.75em; overflow:hidden; margin-bottom:2%;}
.proCat li .title {font-size:14px;color:#393f4f;}
.proCat li .title i {font-style:normal; font-family:'Simsun'; margin-right:5px;}
.proCat li  a:hover {background-color:#73a1bf; color:#fff;}
.proCat li  a:hover .title {color:#fff;}
@media only screen and (max-width:960px){
	
	.proCat li {width:50%;}
	.proCat li  a  {padding:15px;}
	.proCat li  .intro {height:8.75em;}
	.proCat li  a:hover {background-color:#ebf0f5; color:#333;}
	.proCat li  a:hover .title {color:#393f4f;}
}