@charset "utf-8";

/*BANNER*/
.swiper-slide{overflow: hidden; cursor: pointer;}
.swiper-slide img{width: 100%;}

.home-lx{overflow: hidden; background: #2d3e50;}
.home-lx ul{overflow: hidden; margin: 28px 0;}
.home-lx ul li{ float: left; width: 32.333333%; border-left: 1px dashed #8999aa; text-align: center; color: #FFF; font-size: 17px;}
.home-lx ul li i{padding: 0 10px; font-size: 20px;}
.home-lx ul li span b{font-size: 30px;}
.home-lx ul li:first-child{border-left: 0;}

.home-bt{overflow: hidden; text-align: center; margin: 50px 0;}
.home-bt span{color: #2d3e50; font-size: 30px;line-height: 50px;}
.home-bt .line{ background: url(../images/line.jpg) no-repeat; width: 260px; height: 3px; background-size: 260px; margin:5px auto;}
.home-bt em{color: #999; font-size: 18px;}

.home-pro{overflow: hidden;height: 540px;}
.home-pro ul{}
.home-pro ul li{float:left;text-align:center; width: 283px; margin-right: 20px;border: 1px solid #e8e8e8; margin-bottom: 20px;}
.home-pro ul li:hover{border: 1px solid #067ec7;}
.home-pro ul li:nth-of-type(4n+0){margin-right: 0;}
.home-pro ul li .list-img{position: relative;height: 200px; overflow: hidden; background: #FFF; }
.home-pro ul li .list-img img{position: absolute;max-width: 100%;max-height: 100%;margin: auto;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.3s;}
.home-pro ul li .list-img img:hover{transform:scale(1.1);}
.home-pro ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 13px; height: 30px; line-height: 30px; background: #e7e7e7; padding: 10px;}

.home-gg{overflow: hidden; background: url(../images/about_bj.jpg) no-repeat center; height: 270px; margin-top: 50px;}
.home-gg .left{float: left; width: 550px; color: #FFF; margin-left: 350px; text-align: center; margin-top: 70px;}
.home-gg .left span{font-size: 32px; line-height: 58px;}
.home-gg .left p{font-size: 16px;}
.home-gg .right{float: left; width: 200px; margin-top: 120px; margin-left: 100px;}
.home-gg .right span{border: 2px solid #fff; padding: 10px 30px;}
.home-gg .right a span{color:#FFF;}
.home-gg .right a:hover span{color:#067ec7;}

.home-case{overflow: hidden; clear: both;}
.home-case ul{}
.home-case ul li{float: left; width:23%; margin: 0 1%; background: #FFF; margin-bottom: 4%;box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.home-case ul li:hover{ transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.home-case ul li .list-img{overflow: hidden; height: 200px;}
.home-case ul li .list-img img{width: 100%; height: 100%;}
.home-case ul li h2{font-size: 15px; display: block; line-height: 22px; text-align: center; padding: 15px 0;}

.home-youshibg{overflow: hidden; background: url(../images/xz_bj.jpg) repeat-x top; padding-bottom: 50px;}
.home-youshi{overflow: hidden; background: url(../images/xz.png) no-repeat top;height: 1544px;}
.home-youshi ul{}
.home-youshi ul li{ color: #2d3e50;}
.home-youshi ul li p{ font-size: 17px;}
.home-youshi ul li.ys1{height: 410px; padding: 100px 0 0 85px;}
.home-youshi ul li.ys2{height: 240px;padding: 80px 0 0 750px;}
.home-youshi ul li.ys3{height: 370px;padding: 75px 0 0 88px;}
.home-youshi ul li.ys4{height: 280px;padding: 82px 0 0 750px;}

.home-news{overflow: hidden;}
.home-news ul{overflow: hidden; margin: 28px 0;}
.home-news ul li{ float: left; width: 32.333333%; border-left: 1px solid #ccc;color: #2d3e50; font-size: 17px;}
.home-news ul li:first-child{border-left: 0;}
.home-news ul li .line{display: block; background: #2d3e50; width: 50px; height: 3px; margin: 10px 0;}
.home-news ul li .box{ padding: 0 20px;}
.home-news ul li .box h2{ font-size: 26px;}
.home-news ul li .box span{ font-size: 14px; color: #999;}
.home-news ul li .box p{ font-size: 15px; color: #666;}