@charset "utf-8";

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

.home-bt{overflow: hidden; margin: 50px 0;text-align: center;}
.home-bt h2{font-size: 30px; margin-bottom: 10px; color: #ee1d23;}
.home-bt h2 b{ color: #222; font-weight: 500; line-height: 52px;}
.home-bt small{font-size: 17px; color: #666;}

.home-about-bt{overflow: hidden; margin: 50px 0;text-align: center;}
.home-about-bt h2{font-size: 30px; margin-bottom: 10px; color: #ee1d23;}
.home-about-bt h2 b{ color: #fff; font-weight: 500; line-height: 52px;}
.home-about-bt small{font-size: 17px; color: #fff;}

.home-hezzuo{overflow: hidden;}
.home-hezzuo .img{overflow: hidden; border: 1px solid #e7e7e7; border-radius: 6px;}
.home-hezzuo .img img{max-width: 100%;}
.home-hezzuo h2{ text-align: center; margin-top: 10px;}

/*简介*/
.home-about{
	background: url(../images/aboutbg.png) no-repeat center;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
	height: 600px;
	padding: 60px 0;
	}
.home-about .left{float: left; width: 50%;}
.home-about .left video{width: 100%;}
.home-about .right{float: left; width: 47%; margin-bottom: 5%; margin-left: 3%;}
.home-about .right h2{display: block; font-size: 38px; font-weight: bold; color: #FFF; padding: 2% 0;}
.home-about .right .text{font-size: 16px;line-height: 32px; color: #FFF; padding: 30px 0; text-align: justify; text-indent: 2em;}
.home-about .right .more{font-size: 14px;width: 220px; height: 50px; line-height: 50px; text-align: center;  border-radius: 30px; border: 1.5px solid #FFF;}
.home-about .right .more a{color: #FFF;}


/*产品*/
.home-probg{overflow: hidden; background: url(../images/bg1.png) no-repeat;}
.home-pro{overflow: hidden; margin-bottom: 60px;}
.home-pro ul{ margin-left: -1%; margin-right: -1%;}
.home-pro ul li{float: left;width: 22.5%; margin: 0 1%; margin-bottom: 15px; cursor:pointer; border: 2px solid #ccc; background: #FFF;}
.home-pro ul li:hover{ border: 2px solid #ee1d23;}
.home-pro ul li .img{overflow: hidden;}
.home-pro ul li .img img{max-width: 100%;}
.home-pro ul li h2{text-align: center; font-size: 14px; padding: 10px 0;}


.home-hangye{overflow: hidden; margin-bottom: 60px;}
.home-hangye ul{ margin-left: -0.2%; margin-right: -0.2%;}
.home-hangye ul li{float: left;width: 24.5%; margin: 0 0.2%; cursor:pointer;  }
.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: 22px;
    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-newsbg{overflow: hidden; background: url(../images/newsbg.jpg) no-repeat center; background-size: cover;}
.home-news{overflow: hidden; padding: 50px 0;}
.home-news .left{float: left; width: 45%;margin-right: 5%;}
.home-news .left .img{overflow: hidden;}
.home-news .left .img img{width: 100%;}
.home-news .left .text{background: #FFF;padding:30px;}
.home-news .left .text h2{font-size:22px;}
.home-news .left .text p{font-size: 14px;line-height: 2rem;color: #666;}
.home-news .left .text .more{display: inline-block;font-size:14px;line-height: 2rem;background: #ee1d23;border-radius: 4rem;padding:10px 40px;margin-top: 1rem;}
.home-news .left .text .more a{color: #FFF;}
.home-news .right{float: left; width: 44%;background: #FFF; padding:3%;}
.home-news .right h2{font-size: 1.3rem;margin: 0;font-weight: normal;}
.home-news .right time{display: block;color: #999;font-size:13px;}
.home-news .right p{color: #777;font-size:14px;line-height:26px;}
.home-news .right .item{border-bottom: 1px solid #e7e7e7;padding-bottom: 1rem;margin-bottom: 1rem;}


@media (min-width:1024px) and (max-width:1200px) {
    
.container {margin-left: 6%; margin-right: 6%;}
.home-bt{ margin:40px 0; }
.home-bt h2{font-size: 28px;}
.home-bt small{ font-size:16px; }
.home-news ul li {width: 26%;}

}

@media (min-width:768px) and (max-width:1023px) {
	
.container {margin-left: 5%; margin-right: 5%;}	
.home-bt{ margin:30px 0; }
.home-bt h2{font-size: 26px;}
.home-bt small{ font-size:15px; }

.home-about{height: auto;}
.home-about .left{width: 100%;}
.home-about .right{width: 100%; margin-left: 0;}
.home-about .right h2{font-size: 22px;}
.home-pro ul li{width: 46%;}

.home-news .left{width: 100%; margin-right: 0; margin-bottom: 30px;}
.home-news .right{width: 94%;}

}


@media screen and (max-width:767px) {
	
.container {margin-left: 3%; margin-right: 3%;}		
.home-bt{ margin:20px 0; }
.home-bt h2{font-size: 24px;}
.home-bt small{ font-size:14px; }


.home-pro ul li{width: 46%;}
.home-about{height: auto;}
.home-about .left{width: 100%;}
.home-about .right{width: 100%; margin-left: 0;}
.home-about .right h2{font-size: 22px;}

.home-news .left{width: 100%; margin-right: 0; margin-bottom: 30px;}
.home-news .right{width: 94%;}



}