.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 .idxtradeList{position:relative;height:420px}
.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, 128, 104, 0.3)}
.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%}



@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: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%}








.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}
}