.solution{background-image:url(../images/bg_jiejuefangan1.png);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:674px}
.hTitle{font-size:40px;line-height:40px;color:#191919;text-align:center;padding-top:80px;font-weight:400;margin-bottom:40px}
.hTitle span{display:block;text-align:center;font-size:14px;color:#000;}
.solution li{width:298px;height:160px;float:left;text-align:center;border:1px solid #e5e5e5;transition:all .4s;padding-top:40px;background:rgba(255, 255, 255, 0.529);position:relative}
.solution li i{display:inline-block;width:50px;height:36px;background-position:0 0;background-repeat:no-repeat;transition:all .5s}
.solution li h4{font-size:24px;color:#333;line-height:24px;font-weight:100;margin:10px 0}
.solution li h4 span{font-size:12px;display:block;opacity:.5}
.solution li .more{margin-top:20px;border-radius:100%;width:13px;height:13px;border:1px solid #bcbcbc;display:inline-block;line-height:11px;font-size:12px;margin:0 auto;color:#d1d1d1}
.solution li:hover i{background-position:0 -36px}
.solution li:hover{background:#0062b0;box-shadow:0 0 10px #ccc;z-index:2}
.solution li:hover h4{color:#fff}
.solution li:hover .more{background:#fff}
/*首页案例*/
.incase{ width:100%; background:#f1f1f1;  overflow:hidden; margin:0 auto; padding-bottom:50px}

.product_scroll{width:1180px;height:auto;position:relative; margin:0 auto}
.newpp_xh{ width:1180px; margin:0 auto;}
.newpp{ width:1180px; margin:0 auto; overflow:hidden; padding-bottom:0px;padding-top:0px; height:200px; }
.newpp_list{ width:226px; float:left;padding:0 5px;   /*  margin-right:5px; margin-left:5px; */transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 0.5s; margin-bottom:20px;height: 200px;}
.newpp_list a{width: 226px;  display: block; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;height: 180px;background:#f1f1f1; padding-bottom:25px;padding-top:15px;}

.newpp_list_img{width:200px; height:142px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;  display:block; margin:0 auto; text-align:center;overflow:hidden;}
.newpp_list_img img{width:200px; height:142px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.newpp_list_p{ height:40px; text-align:center; line-height:40px; font-size:16px; color:#333; width:92%; margin:0 auto; font-weight:normal; overflow:hidden}
.newpp_list_con{ width:200px; margin:0 auto; height:40px; line-height:40px; font-size:14px; color:#333; overflow:hidden; display:block; text-align:center}
.newpp_list_an{ width:100px; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#2e4135; overflow:hidden; display:block}

.newpp_list:hover img{transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;ransform: scale(1.2); -ms-transform: scale(1.2);-webkit-transform: scale(1.2);}

.control a{ display:block; width:45px; height:45px; position:absolute;top:60px;}
.control a.go_next{ background:url(../images/butt-right.png) no-repeat center center/45px 45px #333;right:-15px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.control a.go_next:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);background:url(../images/butt-right.png) no-repeat center center/45px 45px #cc0000;}
.control a.go_prev{ background:url(../images/butt-left.png) no-repeat center center/45px 45px #333;left:-15px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.control a.go_prev:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);background:url(../images/butt-left.png) no-repeat center center/45px 45px #cc0000;}
.title h1 {
    font-size: 32px;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.title h2 {
    width: 60px;
    height: 2px;
    background: #999;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
/**more**/
.inmore{ width:1180px; margin:20px auto;}
.inmore a{width:160px; height:40px; font-size:14px; font-weight:normal; line-height:40px; background:#cc0000; color:#fff; margin:0 auto; margin-top:20px; text-align:center;display:block;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }

.inmore a:hover{width:200px; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
/*首页案例*/

#ind_news{position:relative;z-index:5;overflow:hidden;margin-bottom:-2px;padding:2vw 0 3vw;}
#ind_news>.containe{overflow:visible;}
@media (max-width:768px){#ind_news{padding:0;}
#ind_news .swiper-button-next.ir,#ind_news .swiper-button-prev.il{display:none;}
}
#ind_news .swiper-button-prev.il{left:-50px;background:url(../images/il.jpg) no-repeat 0 center;}
#ind_news .swiper-button-next.ir{right:-50px;padding:0;background:url(../images/ir.jpg) no-repeat right center;}
#ind_news .swiper-button-next.ir,#ind_news .swiper-button-prev.il{width:32px;height:58px;background-size:100% auto;}
@media (max-width:700px){#ind_news .swiper-button-next.ir,#ind_news .swiper-button-prev.il{width:20px;height:36px;}
}
.ind_tit h2{display:inline-block;color:#1357a5;letter-spacing:1px;font-size:2rem;}
@media (max-width:768px){.ind_tit h2{font-size:1.33333333rem;}
}
.ind_tit h2 small{text-transform:uppercase;font-weight:400;font-size:2rem;}
@media (max-width:768px){.ind_tit h2 small{font-size:1.33333333rem;}
}
.ind_tit .more{float:right;margin-top:1rem;padding:0 2em;background-color:#1357a5;color:#fff;line-height:2em;}
.containe{
  width: 100%;
  display: block;
  max-width: 1400px;
  margin:0 auto;
  position: relative;
}




.things ul li{float:left}
.things li:hover .pImg:before{transform:perspective(200px) rotateX(0)}
.things li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(3,90,167,.7);transition:all .25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2}
.things li a{display:block;position:relative;background:#fff}
.things li .pImg{position:relative;display:block;overflow:hidden;height:142px}
.things li:hover img{transform:scale(1.1)}
.things li img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s}
.things li:hover .pImg i{transition-delay:.1s;margin-top:-40px;opacity:1}
.things li .pImg i{position:absolute;width:90%;height:90%;top:0;opacity:0;background:url(../images/icon1.png) no-repeat 0 140px;transition:all .4s;z-index:3;text-align:left;padding-top:60px;color:#fff;font-style:normal;margin:0 10px;font-size:13px}
.things li{float:left;width:240px;padding-right:10px;margin-bottom:10px;box-sizing:border-box;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0 30px}
.things li .shuzhi{display:inherit;line-height:90px;font-size:90px;color:#e4e4e4;margin-bottom:35px}
.things li h4{font-size:26px;line-height:26px;color:#333;font-weight:100;margin-bottom:15px;position:relative}
.things li h4:after{content:"";width:1px;height:30px;background:#0364b1;position:absolute;left:-31px}
.things li h5{font-weight:100;font-size:13px;color:#7a7a7a;line-height:13px;opacity:.5;margin-bottom:50px}
.things li:hover .shuzhi,.things li:hover h4,.things li:hover h5{color:#0364b1}
.things{margin-bottom:74px}