@charset "utf-8";

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

.home-bt{overflow: hidden; margin: 30px auto; text-align: center; }
.home-bt span{overflow: hidden; display: block; font-size: 32px; color: #0468b3; font-weight: bold; margin-bottom: 15px; line-height: 38px;}
.home-bt span b{color: #8ec112;}
.home-bt em{display: block; font-size: 16px;color: #888; text-transform: uppercase;}

.home-casebt{overflow: hidden; margin: 30px auto; text-align: center; }
.home-casebt span{overflow: hidden; display: block; font-size: 32px; color: #FFF; font-weight: bold; margin-bottom: 15px; line-height: 38px;}
.home-casebt span b{color: #8ec112;}
.home-casebt em{display: block; font-size: 16px;color: #FFF; text-transform: uppercase;}


.home-aboutbg{overflow:hidden; background: url(../images/aboutbg.jpg) no-repeat center top;}
.home-about-l{float: left; width: 600px; text-align: right;margin: 50px 0;}
.home-about-l img{max-width: 100%;}
.home-about-r{float: left; width: 550px; margin: 50px 0; padding-left: 50px}
.home-about-r .text{font-size: 15px;line-height: 28px; text-indent: 2em; text-align: justify; color: #666;}
.home-about-r .more{font-size: 14px; margin-top: 30px; width: 140px; height: 50px; line-height: 50px; text-align: center; background: #8ec112; border-radius: 6px;}
.home-about-r .more a{color: #FFF;}

.digitalbg{overflow: hidden; background: #0467b2;}

.digital{overflow: hidden; margin: 40px 0;}
.digital ul{ }
.digital ul li{float: left; width: 24%;text-align: center; border-left: 1px solid #fff;}
.digital ul li:nth-of-type(1){border-left: 0;}
.digital ul li h2{ border-radius: 10px; padding: 15px 0; color: #FFF;}
.digital ul li h2 b{font-size: 55px;font-weight: bold;}
.digital ul li h2 i{font-size: 18px;font-weight: bold;}
.digital ul li h5{font-size: 16px; line-height: 30px; text-align: center;color: #FFF;}


.home-probg{overflow: hidden; background:#f7f7f7; padding:50px 0; }

.home-pro{overflow: hidden;}
.home-pro ul{}
.home-pro ul li{ float:left;text-align:center; width: 261px; margin-right: 20px; margin-bottom: 20px;background: #FFF;border: 1px solid #e7e7e7;}
.home-pro ul li:hover{border: 1px solid #0b3d8c;}
.home-pro ul li:nth-of-type(3n+0){margin-right:0;}
.home-pro ul li .list-img{position: relative;height: 196px; overflow: hidden;   }
.home-pro ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-pro ul li .list-img img:hover{transform:scale(1.2);}
.home-pro ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 14px; height: 42px; line-height: 42px;  border-top: 1px solid #e7e7e7;}

.home-ys{overflow: hidden;}
.home-ys ul{}
.home-ys ul li{float: left; width: 33.3333333%; position: relative; cursor: pointer;}
.home-ys ul li .img{position: relative;}
.home-ys ul li .img img{max-width: 100%;}
.home-ys ul li .img .bg{overflow: hidden; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); height: 100%;}
.home-ys ul li .text{
	position: absolute;
	text-align: center;
    color: #FFF;
    top: 35%;
    left: 35%;
    transform: translate(-35%,-35%);
    -ms-transform: translate(-35%,-35%);
    -o-transform: translate(-35%,-35%);
    -moz-transform: translate(-35%,-35%);
    -webkit-transform: translate(-35%,-35%);
	}
.home-ys ul li .text h2{font-size: 38px; display: block; margin-bottom: 30px; font-weight: bold;}
.home-ys ul li .text .line{ width: 88px; height: 10px;background-color: #8ec112; border-radius: 30px; margin: 0 auto;}
.home-ys ul li .text p{margin: 20px 0;font-size: 16px;text-transform:uppercase;line-height: 28px; opacity: 0;  transition: all 0.6s;}
.home-ys ul li:hover .text p{opacity: 1;margin-bottom: -60px;}

/*工程案例*/
.home-casebg{overflow: hidden; background: #f7f7f7; padding: 50px 0;}
.products{width:1340px;margin:0 auto;}
.products .content li{float:left;text-align:center; margin:0 24px;}
.products .content li h3{overflow: hidden; height: 54px; line-height: 54px; font-size: 15px; color: #333; background: #FFF;}
.products .content img{width:360px;height:260px;}
.products .content{width:1200px;overflow:hidden;height:314px;float:left;}
.prolist{width:5000px;}
.pre_left{cursor:pointer;float:left;margin-top:90px;_display:}
.pre_right{cursor:pointer;float:right;margin-top:90px;}

.home-lc{overflow: hidden; margin: 50px 0;}
.home-lc img{max-width: 100%;}

.home-hezuobg{overflow: hidden; background: url(../images/hezuobg.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
.home-hezuo{overflow: hidden;}
.home-hezuo img{max-width: 100%;}


/*首页资讯*/
.home-news-bt{overflow: hidden; position: relative; margin-bottom: 20px;}
.home-news-bt span{display: block; overflow: hidden; background: #0467b2; width: 120px; height: 42px; line-height: 42px; text-align: center; color: #FFF; font-size: 17px;}
.home-news-bt::before{content: '';position: absolute; width: 100%;  height: 1px; background: #e7e7e7; margin-top: 21px; z-index: -1;}

.home-news-l{float: left; width: 700px; margin-bottom:50px;}

.home-newsimg{overflow: hidden; }
.home-newsimg .list-img{float: left; width: 220px;margin-bottom: 20px;}
.home-newsimg .list-img img{width: 100%;}
.home-newsimg .text{float: left; width: 460px; margin-left: 20px;margin-bottom: 20px;}
.home-newsimg .text h2{font-size: 20px; line-height: 30px; display: block; margin-bottom: 10px; font-weight: bold;}
.home-newsimg .text p{ color: #666; margin-bottom: 10px;}
.home-newsimg .text .more{display: inline-block; background: #8ec112; border-radius: 50px; padding: 3px 12px;}
.home-newsimg .text .more a{color: #FFF; font-size: 13px;}

.home-news-r{float: left; width: 450px; margin-left: 50px;margin-bottom:50px;}
.home-newslist{overflow: hidden; width: 100%;}
.home-newslist ul{}
.home-newslist ul li{border-bottom: 1px dashed  #E7E7E7;width: 100%; height: 46px; line-height: 46px;}
.home-newslist ul li h2{float: left;width: calc((100% - 77px)); font-size: 14px; font-weight: normal; background: url(../images/jt.jpg) no-repeat left;}
.home-newslist ul li h2 a{padding-left: 20px;}
.home-newslist ul li time{float: left; color: #888; font-weight: normal; font-size: 13px; width: 77px;}