

.pageTit1{ float:left; width:100%; text-align:center; color:#333333; font-size:26px; line-height:1.7;}
.pageTit2{ float:left; width:100%; text-align:center; color:#656565; font-size:16px; line-height:1.7; margin-top:6px;}
._index1{ float:left; width:100%; background:#e6ecef; padding:55px 0 60px 0;}
._index1 .list{ float:left; width:100%; margin:46px 0 54px 0;}
._index1 .list ul{ margin:-15px; flex-wrap:wrap; display: flex;}
._index1 .list ul li{ float:left; width:33.33%; padding:15px; text-align:justify;}
._index1 .list ul li .la{ float:left; width:100%; position:relative; min-height:100%; border:1px solid #f2f4f5; background:#f2f4f5; position:relative; padding:38px 13.9% 43px 13.9%; border-radius:8px; text-align:center;}
._index1 .list ul li i{ float:left; width:100%; line-height:0;}
._index1 .list ul li i img{ width:112px; height:112px;}
._index1 .list ul li h4{ float:left; width:100%; color:#444444; font-size:24px; line-height:1.6; margin:14px 0 10px 0;}
._index1 .list ul li h6{ float:left; width:100%; color:#656565; font-size:16px; line-height:1.6; white-space:pre-line;}
._index1 .list ul li .la:hover{ background:#fff; border:1px solid #c9c9c9; box-shadow:0 3px 8px rgba(0,0,0,0.1);}
._index1 .tab{ float:left; width:100%; margin-top:39px;}
._index1 .tab ul{ float:left; width:100%; padding:0 90px;}
._index1 .tab ul li{ float:left; width:100%; line-height:0;}
._index1 .tab .slick-prev,
._index1 .tab .slick-next{ width:42px; height:42px; background-size:100% 100% !important;}
._index1 .tab .slick-prev{ left:9px; background:url(../image/index10.png) center no-repeat;}
._index1 .tab .slick-next{ right:9px; background:url(../image/index11.png) center no-repeat;}
._index1 .tab .slick-prev:hover,
._index1 .tab .slick-next:hover{ opacity:0.5;}

@media screen and (max-width:1023px){
.pageTit1{font-size:18px;}	
.pageTit2{font-size:14px; margin-top:3px;}
._index1{ padding:25px 0 30px 0;}
._index1 .list{ margin:20px 0 25px 0;}
._index1 .list ul{ padding:6px; border-radius:6px;}
._index1 .list ul li{ width:100%; padding:6px;}
._index1 .list ul li .la{ padding:20px 15px;}
._index1 .list ul li i img{ width:80px; height:80px; }
._index1 .list ul li h4{ font-size:18px; margin:8px 0 5px 0;}
._index1 .list ul li h6{ font-size:14px;}
._index1 .tab{ margin-top:20px;}
._index1 .tab ul{ padding:0 34px;}
._index1 .tab .slick-prev,
._index1 .tab .slick-next{ width:28px; height:28px;}
._index1 .tab .slick-prev{ left:-5px;}
._index1 .tab .slick-next{ right:-5px;}
}
@media screen and (max-width:767px){

}


._index2{ float:left; width:100%; position:relative; overflow:hidden;}
._index2 .pageTit{ position:absolute; left:0; top:49px; z-index:6;}
._index2 .list{ float:left; width:100%; position:relative; margin-top:45px; padding-left:153px;}
._index2 .list-dl{ float:left; position:absolute; left:50%; z-index:6; border-right:1px solid #e1e1e1; top:182px; width:119px; margin-left:-600px;}
._index2 .list-dl li{ float:left; width:100% !important; cursor:pointer; position:relative; text-align:right; color:#333333; font-size:16px; line-height:44px; padding-right:15px; margin-bottom:20px; white-space:nowrap;}
._index2 .list-dl li:after{ float:left; width:4px; height:0; content:''; position:absolute; right:0; top:0; background:#45c48d;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._index2 .list-dl li.on{ color:#45c48d; font-weight:bold;
  background-image: -webkit-linear-gradient(left, rgba(147,223, 202, 0) 0%, rgba(147,223, 202,0.9) 100%);
  background-image: -moz-linear-gradient(left, rgba(147,223, 202, 0) 0%, rgba(147,223, 202, 0.9) 100%);
  background-image: -o-linear-gradient(left, rgba(147,223, 202, 0) 0%, rgba(147,223, 202, 0.9) 100%);
  background-image: linear-gradient(left, rgba(147,223, 202, 0) 0%, rgba(147,223, 202, 0.9) 100%);
}
._index2 .list-dl li.on:after{ height:100%;}
._index2 .list-ul{ float:left; position:relative; z-index:3; width:100%;flex-wrap:wrap; display: flex;}
._index2 .list-ul .slick-track{flex-wrap:wrap; display: flex;}
._index2 .list-ul li{ display:flex; float:left; width:100%; position:relative; padding:140px 0 0 0;}
._index2 .list-ul li .text{ float:left; width:50%; margin-top:42px; min-height:320px; padding-left:154px;}
._index2 .list-ul li h3{ float:left; width:100%; color:#444444; font-size:26px; line-height:1.4; font-weight:bold;}
._index2 .list-ul li h4{ float:left; width:100%; color:#050101; font-size:18px; line-height:1.7; margin-top:20px;}
._index2 .list-ul li h6{ float:left; width:100%; color:#444444; font-size:16px; line-height:26px; min-height:78px; margin-top:14px;}
._index2 .list-ul li h5{ float:left; width:100%; line-height:0; margin-top:3px;}
._index2 .list-ul li h5 a{ float:left; width:38.2%; background:#fff; margin:2.4% 2.4% 0 0;}
._index2 .list-ul li h5 a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._index2 .list-ul li .img{ float:right; line-height:0; position:relative; overflow:hidden; width:50%; margin-right:-2%; padding-bottom:49.6%;}
._index2 .list-ul li .img img{ width:100%; position:absolute; left:50%; top:0%; transform:translate(-50%,0%); -ms-transform:translate(-50%,0%);}

@media screen and (max-width: 1229px){
._index2 .list-dl{ margin-left:-497px;}
}
@media screen and (max-width:1023px){
._index2 .list{ margin-top:20px;}
._index2 .list-dl{ left:15px; margin-left:0; top:128px; width:85px;}
._index2 .list-dl dd{ font-size:14px; line-height:34px; margin-bottom:5px; padding-right:12px;}
._index2 .list-ul li{ padding:85px 0 0 0;}
._index2 .list-ul li .text{ margin-top:20px; padding-left:105px; min-height:195px;}
._index2 .list-ul li h3{ font-size:18px;}
._index2 .list-ul li h4{ font-size:16px; margin-top:10px;}
._index2 .list-ul li h6{ font-size:14px; line-height:24px; min-height:72px; margin-top:8px;}
}
@media screen and (max-width:767px){
._index2{ margin-bottom:-2px;}	
._index2 .list-ul li .text{ margin-top:20px; width:100%;}
._index2 .list-ul li .img{ width:100%; margin-top:20px; padding-bottom:0;}
._index2 .list-ul li .img img{ width:100%; position:relative; left:0; top:0; transform:none; -ms-transform:none;}
}



._index3{ float:left; width:100%; background:#e6ecef; padding:55px 0 0 0;}
._index3 .title{ float:left; width:100%; text-align:center; margin:60px 0 36px 0;}
._index3 .title ul{ float:left; width:100%; padding:0 15.6%;}
._index3 .title ul li{ float:left; width:33.33%; text-align:center; padding:0 5px; cursor:pointer;}
._index3 .title ul li h5{ float:left; width:100%; color:#444444; font-size:18px; line-height:1.6; position:relative; padding:24px 0 7px 0;}
._index3 .title ul li h5:after{ float:left; content:''; position:absolute; left:50%; bottom:0; z-index:3; background:#58d398; width:0; height:3px;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
}
._index3 .title ul li i{ display:block; margin:0 auto; width:63px; height:53px; position:relative;}
._index3 .title ul li i img{ width:100%; position:absolute; left:0; top:0;}
._index3 .title ul li i .ico1{ opacity:1;}
._index3 .title ul li i .ico2{ opacity:0;}
._index3 .title ul li.on i .ico1{ opacity:0;}
._index3 .title ul li.on i .ico2{ opacity:1;}
._index3 .title ul li.on h5{ color:#58d398;}
._index3 .title ul li.on h5:after{ width:34px;}
._index3 .title ul li{ float:left; width:33.33%;}
._index3 .list{ float:left; width:100%;}
._index3 .list ul{ float:left; width:100%;}
._index3 .list ul .slick-track{flex-wrap:wrap; display: flex;}
._index3 .list ul li{ float:left; width:100%; padding:50px 2.4%;}
._index3 .list ul li .text{ float:left; width:41%;}
._index3 .list ul li.l1 .text{ width:52%;}
._index3 .list ul li dl{ float:left; width:100%; margin-top:10px;}
._index3 .list ul li dl dd{ float:left; width:100%; position:relative; padding-left:62px; margin:20px 0;}
._index3 .list ul li dl dd img{ float:left; position:absolute; left:0; top:5px;}
._index3 .list ul li h3{ float:left; width:100%; color:#444444; font-size:26px; line-height:1.4; position:relative; padding-bottom:18px;}
._index3 .list ul li h3:after{ float:left; content:''; position:absolute; left:0; bottom:0; z-index:3; background:#58d398; width:60px; height:3px;}
._index3 .list ul li h4{ float:left; width:100%; color:#777777; font-size:16px; line-height:1.6; margin-top:9px;}
._index3 .list ul li h5{ float:left; width:100%; color:#444444; font-size:20px; line-height:1.5; margin-top:4px;}
._index3 .list ul li h6{ float:left; width:100%; color:#656565; font-size:16px; line-height:1.5; margin-top:6px;}
._index3 .list ul li .img{ float:right; width:47.5%; position:relative; overflow:hidden; line-height:0; padding-bottom:50%;}
._index3 .list ul li .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}


@media screen and (max-width: 1229px){

}
@media screen and (max-width:1023px){
._index3{ padding:25px 0 0 0;}
._index3 .title{ margin:20px 0 20px 0;}
._index3 .title ul{ padding:0;}
._index3 .title ul li i{ width:50px; height:42px;}
._index3 .title ul li h5{ font-size:14px; padding:14px 0 7px 0;}
._index3 .list ul li{ padding:20px 15px;}
._index3 .list ul li dl{ margin-top:5px;}
._index3 .list ul li dl dd{ margin:6px 0; padding-left:52px;}
._index3 .list ul li h3{ font-size:18px; padding-bottom:10px;}
._index3 .list ul li h4{ font-size:14px;}
._index3 .list ul li h5{ font-size:16px;}
._index3 .list ul li h6{ font-size:14px; margin-top:4px;}

}
@media screen and (max-width:767px){
._index3 .list ul li .text{ width:100%;}
._index3 .list ul li.l1 .text{ width:100%;}
._index3 .list ul li .img{ width:100%; padding-bottom:0;}
._index3 .list ul li .img img{ width:100%; position:relative; left:0; top:0; transform:none; -ms-transform:none;}
}


._index4{ float:left; width:100%;background:#e6ecef; padding:55px 0 55px 0;}
._index4 .list{ float:left; width:100%; margin-top:53px; text-align:center; border:1px solid #f1f1f1; flex-wrap:wrap; display: flex;  justify-content:center; color:#656565; font-size:16px; line-height:1.8;}
._index4 .list ul{ float:left; width:51.6%; position:relative; border-left:1px solid #f1f1f1; flex-wrap:wrap; display: flex; align-items: center;}
._index4 .list ul:first-child{ width:18.3%; background:#f9f9f9; min-height:100%; border-left:none;}
._index4 .list ul:last-child{ width:30.1%;}
._index4 .list ul li{ float:left; width:100%; color:#656565; font-size:16px; line-height:1.4; padding:18px 10px; border-top:1px solid #f1f1f1; margin-top:-1px;}
._index4 .list ul li span{ float:left; width:50%;}
._index4 .list ul:first-child li{ color:#050101; font-size:20px; border-top:none;}
._index4 .list ul:last-child li{ color:#4dc790; font-weight:bold; border-top:none;}
._index4 .list ul:last-child:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; top:50%; background:#f1f1f1;}
._index4 .list ul:nth-child(2):after{ float:left; width:1px; height:100%; content:''; position:absolute; left:50%; top:0; background:#f1f1f1;}

._index4 .list1{ float:left; width:100%; margin-top:45px;}
._index4 .list1 ul{ display: flex; justify-content:space-around; align-items: center;}
._index4 .list1 ul li{ float:left; padding:0 10px; line-height:0;}

@media screen and (max-width: 1229px){

}
@media screen and (max-width:1023px){
._index4{ padding:25px 0 30px 0;}
._index4 .list{ margin-top:20px;}
._index4 .list ul li{ font-size:14px; padding:12px 6px;}
._index4 .list ul:first-child li{ font-size:16px;}
._index4 .list1{ margin-top:15px;}
}
@media screen and (max-width:767px){
._index4 .list ul{ width:100%;}	
._index4 .list ul:first-child{ width:100%;}
._index4 .list ul:last-child{ width:100%; border-top:1px solid #f1f1f1;}
._index4 .list ul:last-child li{ width:50%;}
._index4 .list ul:last-child:after{ width:1px; height:100%; top:0; left:50%;}


._index4 .list1 ul{ margin:0 -10px; flex-wrap:wrap;}
._index4 .list1 ul li{ width:50%; padding:10px 10px;}

}


._index5{ float:left; width:100%; padding:53px 0 129px 0;}
._index5 .list{ float:left; width:100%; margin-top:83px; overflow:hidden;}
._index5 .list ul{flex-wrap:wrap; display: flex; margin:0 -70px;}
._index5 .list ul li{ float:left; width:25%; position:relative; margin:10px 0; padding:0 70px;}
._index5 .list ul li:after{ float:left; width:62px; height:16px; content:''; position:absolute; right:-31px; top:48px; background:url(../image/index24.1.png) center no-repeat; background-size:auto 100%;}
._index5 .list ul li:last-child:after{ display:none;}
._index5 .list ul li i{ display:block; margin:0 auto; position:relative; width:91px; height:103px; line-height:0; background:url(../image/index19.png) center no-repeat; background-size:100% 100%;}
._index5 .list ul li h4{ float:left; width:100%; color:#444444; font-size:20px; line-height:1.6; text-align:center; margin-top:20px;}
._index5 .list ul li h6{ float:left; width:100%; color:#656565; font-size:14px; line-height:20px; margin-top:4px;}
@media screen and (max-width: 1229px){
._index5 .list ul{ margin:0 -30px;}
._index5 .list ul li{ padding:0 30px;}
}
@media screen and (max-width:1023px){
._index5{ padding:25px 0 30px 0;}
._index5 .list{ margin-top:15px;}
._index5 .list ul{ margin:0 -10px;}
._index5 .list ul li{ padding:0 10px;}
._index5 .list ul li:after{ width:50px; height:10px; right:-25px;}
._index5 .list ul li h4{ font-size:16px; margin-top:15px;}
}
@media screen and (max-width:767px){
._index5 .list ul li{ width:50%;}
._index5 .list ul li:nth-child(2n):after{ display:none;}
}


#obtn .pageTit{ font-weight:bold; background:url(../image/x11.png) center no-repeat; background-size:auto 35px !important;}
#obtn ._index4 .pageTit{ background:url(../image/x2.png) center no-repeat;}
@media screen and (max-width:1023px) {
#obtn .pageTit{ background-size:auto 24px !important;}	
}
@media screen and (max-width:767px){
#obtn .pageTit{ background-size:auto 16px !important;}	
}




/*客户案例*/

@media screen and (max-width:1023px) {
#obtn .iBanner{margin-top: 63px;}
#obtn .iBanner:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#063ef7; opacity:0;}
#obtn .iBanner .pageBanText{font-size: 36px;}
}












