@charset "utf-8";
/* CSS Document */

/*banner*/
.slideBox{ position:relative; width:100%;  height:auto; overflow:hidden;}
.slideBox .hd{ position:absolute; width:98%; height:8px; line-height:8px; bottom:5px; right:2%; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; width:7px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background-color: #fff; text-indent:9999px; overflow:hidden; margin:0 3px;/* opacity:0.4 ;*/}
.slideBox .hd li.on{  background-color: #2e65a8 }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li img{ width:100%;  height:auto; display:block;/* height: 32vw;*/ }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
/*bannered*/ 
.slideBox .hd li:last-of-type{ width: 7px !important; height: 7px; background-size: cover}


.cp-bj{ width: 100%; background-color: #fff; border-bottom: 1px solid #bfbfbf;}
.cp-box{ width: 94% ; margin: 0 auto; overflow: hidden;}
.hx{ width: 100% ; border-bottom: 1px solid #c7c7c7 ; padding-top: .12rem ; padding-bottom: .04rem; position: relative;}
.hx h3{ font-size: .16rem ; color: #23385b ;float: left; padding-left: .04rem;}
.hx a{ width: .65rem ; height: .2rem; line-height: .2rem; font-size: .14rem; color: #fff;  display: block; background-color: #2195e8;text-align: center ; border-radius: .2rem; position: absolute; right: .02rem ;bottom: .03rem}
.hx .ico{float: left; font-size: .22rem; color: #2e65a8;} 



.ico-bj{ width: 100%; background-color: #fff; border-top: 1px solid #dcdcdc; margin:0 0 0.05rem 0; overflow: hidden;}
.ico-bj ul{ width: 100%; padding: 0.18rem 0 0.2rem 0;}
.ico-bj ul li{ width: 25%; float: left; text-align: center; font-size: 0; overflow: hidden;} 
.ico-bj ul li a{ width: 0.64rem; height: 0.64rem; display:inline-block ; overflow: hidden;}
.ico-bj ul li:nth-child(1) a{ background: url(../images/tu1.png) no-repeat; background-size: cover}
.ico-bj ul li:nth-child(2) a{ background: url(../images/tu2.png) no-repeat; background-size: cover}
.ico-bj ul li:nth-child(3) a{ background: url(../images/tu3.png) no-repeat; background-size: cover}
.ico-bj ul li:nth-child(4) a{ background: url(../images/tu4.png) no-repeat; background-size: cover}
.ico-bj ul li:nth-child(5) a{ background: url(../images/tu5.png) no-repeat; background-size: cover}
.ico-bj ul li a h4{ color: #fff ; font-weight: bold; margin-top: .23rem; font-size: .15rem ;line-height: .16rem;}


.advantage-bj{ width: 100% ;background-color: #fff;  margin:.12rem 0 0 0;border-top: 1px solid #dcdcdc; overflow: hidden;}
.advantage-box{ width: 94% ; margin: 0 auto;}
.you-bj{width: 100% ; padding: .15rem 0; overflow: hidden;}
.you-bj ul{ width: 100%}
.you-bj ul li{ width: 31% ;float: left;height: 34.9vw; position: relative; }
.you-bj ul li:nth-child(3){float:right ;}
.you-bj ul li:nth-child(2){ margin:  0 0 0 3.5%;}
.you-bj ul li img{ width: 100% ; height: 34.9vw;}
.you-bj ul li .bj{width: 100% ; height: 34.9vw; background: url(../images/tt-bj.png) repeat ; position: absolute; left: 0; top: 0; overflow: hidden; }
.you-bj ul li .bj h3{ width: 92%; margin: 0 auto;padding-top: 13vw; text-align: center; font-size: .14rem; font-weight: bold; color: #fff; background: url(../images/xian.png) no-repeat; background-position: center bottom; background-size: 70% auto ; padding-bottom: .06rem;}
.you-bj ul li .pad{ padding-top: 9vw !important}



.anl-bj{ width: 100% ;background-color: #fff;  margin:.12rem 0 0 0;border-top: 1px solid #dcdcdc; overflow: hidden;}
.anl-box{ width: 94% ; margin: 0 auto;}
.Section_box2{ width:100%;overflow:hidden; background-color: #fff}
.Section_box2 ul{width:98%; margin: 0 auto; padding-bottom:0.05rem; padding-top: .04rem;}
.Section_box2 ul li{ width:100%;border-bottom:1px dashed #e5e5e5; padding: .11rem 0; overflow:hidden;}
.Section_box2 ul li a{ width:100%;  display:block; position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.Section_box2 ul li img{width: 1.02rem; height: 0.75rem;float: left;}
.Section_box2 ul li .rig{ width: calc(100% - 1.12rem); float: right; }
.Section_box2 ul li h3{ width: 100%; max-height: .38rem; font-size: .14rem; color: #313539; position:relative; overflow: hidden;}
.Section_box2 ul li:last-of-type{ border: none}
.Section_box2 ul li.noa img{ display: none}
.Section_box2 ul li.noa .rig{ width: 100%;}
.Section_box2 ul li h4{ width: 100% ; height: .2rem;float: right ; font-size: .12rem; color: #94adbf;text-align: right; padding-top: .09rem; }
.Section_box2 ul li h4 span{ color: #7d8690; padding-left: .04rem;}

.ht-bj{ width: 100%; background: url(../images/vd-bj.jpg) no-repeat; background-size: 100% 100%; padding-bottom: .2rem ; margin-top: .12rem; padding-top: .04rem; overflow: hidden;}
.ht-box{ width: 94% ; margin: 0 auto; overflow: hidden;}
.hx2{ border-bottom: 1px solid #949494}
.hx2 h3{ color: #fff}

.pic-b{ width: 82% ; margin: 0 auto; margin-top: .12rem; position: relative;}
.pic-b .vd{ width: 100% ; height: 45vw;}
.vd-bj{ width: 100% ;height: 45vw;  background: url(../images/tt-bj.png) repeat ; position: absolute; left: 0; top: 0; text-align: center;}
.vd-bj img{ width: .42rem;  height: .42rem; margin-top: 15vw}



.text{ width: 94% ; max-height: .8rem; margin: 0 auto; font-size: .14rem; color: #fff; line-height: .2rem; padding-top: .08rem; text-align:justify; overflow: hidden;}




@media screen and (width: 320px) {

}



/* 2020.7客户案例增加 */

.picScroll{width:100%; text-align:center; padding-top:0.18rem;  }
.picScroll .bd{ padding: .05rem 0 !important}
.picScroll .bd ul{ width:100%;  float:left; }
.picScroll .bd li{  width:calc(48% - 3px); float:left; font-size:14px; text-align:center; background-color: #fff; box-shadow: #f2f2f2 0 0 3px 2px;  border-top:none;  margin-left: 3px;  position: relative;}
.picScroll .bd li a{ width: 92%; display: block; margin: 0 auto; }
.picScroll .bd li img{ width:100%;height: 30vw; max-height: 200px;}
.picScroll .bd li i{ width: 15px; height: 2px;display: block; background-color: #0073bf ; margin: .1rem 0 .06rem 0}
.picScroll .bd li h3{ width: 100% ; height: .16rem; line-height: .16rem;  font-size: .14rem; color: #23385b; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden; margin-bottom: .08rem}
.picScroll .bd li p{ width: 100% ; height: .64rem; line-height: .16rem; font-size: .12rem; color: #23385b ;text-align: left; margin: .06rem 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-align: justify; overflow: hidden;}
.picScroll .bd li h4{ width: 100%; text-align: right ; font-size: .12rem; color: #3958a9; padding-bottom: .1rem}

.picScroll .hd{ width:100%;overflow:hidden; text-align:center; padding-top:.15rem; }
.picScroll .hd ul{  display: table;margin:0 auto;height:20px;text-align: center;padding:0;  }	
.picScroll .hd li{ float:left; width:14px; height:2px;background-color: #dcdcdc; margin:0 5px; overflow:hidden; }
.picScroll .hd .on{ background:#0073bf;  }
.picScroll .bd li:nth-child(even){ float:right; margin-right:3px;} 
    

.slideBox .bd li img{ height: 49vw; max-height: 313px; }

.ico-bj ul li{ width: 25%;}
.ico-bj ul li a{ background: none !important; width: 100% ; height: auto;}
.ico-bj ul li a img{ width: .54rem ; height: .54rem;}
.ico-bj ul li a h4{color: #23385b ; font-weight: normal ; margin-top: .06rem;}

.hx2 h3{color: #23385b}
.text{color: #313539;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.titel{ width: 100% ; font-size: .16rem; color: #3958a8; text-align: center; padding: .15rem 0 .05rem 0}