@charset "utf-8";

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

.home-bt{overflow: hidden; margin: 30px 0;text-align: center;}
.home-bt h2{font-size: 30px; color: #333; line-height: 50px; font-weight: 500;}
.home-bt .line{width: 60px; height: 3px; background: #155778; margin: 10px auto;}
.home-bt small{font-size: 17px; color: #666;}


/*简介*/
.home-about{padding: 5% 0;}
.home-about-l{width: 46%;}
.home-about-l img{max-width: 100%;}
.home-about-r{width: 50%;}
.home-about-r .text h2{ font-size: 30px; color: #155778; margin-bottom: 20px;}
.home-about-r .text h3 i{display: inline-block; width: 60px; height: 4px; background: #e64010; margin-right: 5px;}
.home-about-r .text h3 p{font-size: 28px; display: block; color: #333; font-weight: bold;}
.home-about-r .text .nr{color:#666;font-size: 16px;  line-height:28px; text-align:justify;  margin: 30px 0;}
.home-about-r .text .more{border: 1px solid #e64010; border-radius:60px; display:inline-block; padding: 0 50px; height:46px; line-height:46px; text-align:center;}
.home-about-r .text .more a{color: #e64010;line-height:40px; font-size: 16px;}


/*产品*/
.home-probg{overflow: hidden; background:#f3f3f3 ; padding: 2% 0 4% 0;}
.home-pro{}
.home-pro ul{}
.home-pro ul li{width: 46%; margin:2% 0; background: #FFF; border-radius: 10px;box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.11);}
.home-pro ul li .img{ width: 46%; padding: 2%;}
.home-pro ul li .text{width: 47%; margin-right: 3%;}
.home-pro ul li .text h2{font-size: 28px; margin-bottom: 20px; line-height: 50px;}
.home-pro ul li .text p{font-size: 17px; line-height: 26px; color: #666;}
.home-pro ul li.se{background: #d9e2e7; padding: 8% 0;}
.home-pro ul li h3{font-size: 22px; text-align: center; }
.home-pro ul li h3 i{display: block; font-size: 42px; color: #155778;padding: 20px 0;}

.home-hangye{overflow: hidden; margin: 30px 0 50px 0;}
.home-hangye ul{}
.home-hangye ul li{width: 19.8%; }
.home-hangye ul li .img{overflow: hidden;position: relative;}
.home-hangye ul li .img img{max-width: 100%;}
.home-hangye ul li .img .bg{position: absolute;top: 0;width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); transition: all 0.6s;}
.home-hangye ul li .img h2{
    position: absolute;
    text-align: center;
    color: #FFF;
    transition: all 0.6s;
    font-size: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.home-hangye ul li:hover .img .bg{background:rgba(0, 0, 0, 0); }
.home-hangye ul li:hover .img h2{margin-bottom: -50px; opacity: 0;}



.home-news{overflow: hidden; margin:3% 0 5% 0;}
.home-news .box{}
.home-news .left{ width: 45%;}
.home-news .left img{width: 100%;}
.home-news .right{ width: 50%;}
.home-news .right .item{border-bottom: 1px solid #e7e7e7;padding-bottom: 2.2%; margin-bottom: 2.2%;}
.home-news .right .item h2{font-size: 22px;}
.home-news .right .item p{ color: #666; padding: 10px 0;}
.home-news .right .item .more a{ color: #155778;}

@media (max-width: 1200px) {
	
	.home-hangye ul li .img h2{font-size: 20px;}

}



@media (max-width: 990px) {
	
	.home-bt h2{font-size: 24px;}
	.home-pro ul li .text h2{font-size: 20px;}
	.home-pro ul li .text p{font-size: 15px;}
	.home-about-r .text .nr{font-size: 15px;}
	.home-hangye ul li .img h2{font-size: 18px;}
	.home-about-r .text h3 p{font-size: 22px;}

}

@media (max-width: 768px) {

	.home-bt h2{font-size: 24px;}
	.home-pro ul li .text h2{font-size: 20px; margin-bottom: 0;}
	.home-pro ul li .text p{font-size: 15px;}
	.home-about-r .text .nr{font-size: 15px;}
	.home-hangye ul li .img h2{font-size: 16px;}
	.home-pro ul li{width: 100%;}
	
	.home-about-l{width: 100%; margin-bottom: 5%;}
	.home-about-r{width: 100%;}
	.home-about-r .text h3 p{font-size: 20px;}
	.home-hangye ul li{width: 49.5%; margin-bottom: 1%;}
	.home-hangye ul li:last-child{display: none;}
	
	.home-news .left{width: 100%; margin-bottom: 5%;}
	.home-news .right{width: 100%;}
	.home-news .right .item h2{font-size: 17px;}

}