@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}



.index-chanpin { height:auto;max-width: 1720px;margin: auto;}
.index-chanpin .pro1{width: 100%;overflow: hidden;}
.index-chanpin .pro1 li {width:25%;float: left;color: #fff;position: relative;overflow: hidden;width:24.8%\9;}
.index-chanpin .pro1 li::after{content: '';width: 100%;height: 100%;}
.index-chanpin .pro1 li .imgarea{width: 100%;height: 100%;position: relative;overflow: hidden;}
.index-chanpin .pro1 li .imgarea img{width: 100%;transition: all 0.5s ease 0s;}
.index-chanpin .pro1 li::after{contain: '';position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;z-index: 1;background: rgba(0,0,0,0.4);opacity: 0;}
.index-chanpin .pro1 li:hover .imgarea img{transform: scale(1.1);}
.index-chanpin .pro1 li .wrap{position: absolute; padding:0 30px;bottom: 0;z-index: 3;transition: all 0.5s ease;}
.index-chanpin .pro1 li h4{font-size: 26px;color:#fff;}
.index-chanpin .pro1 li .des{line-height: 1.7;font-size: 15px;margin-bottom: 25px;transition: all 0.5s ease;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.index-chanpin .pro1 li .more{display: none;color: #fff;width: 30px;height: 30px;line-height: 30px;margin-top: 10px;font-family: '宋体';border: 1px solid #fff; border-radius: 50%;text-align: center;transition: all 0.5s ease}
.index-chanpin .pro1 li:hover::after{opacity: 1; }
.index-chanpin .pro1 li:hover .wrap{bottom: 30px;}
.index-chanpin .pro1 li:hover .more{display: block;}
.index-chanpin .sw-ul { display:block;}



@media only screen and (max-width: 1400px){
	.index-chanpin .pro1 li h4{font-size: 24px;}
}

@media only screen and (max-width: 1200px){
	
	.index-chanpin .pro1 li .des{margin-bottom: 0;}
	.index-chanpin .hotnews li .txt h4{font-weight: normal;}
	.index-chanpin .mod3 ul li h4{font-size: 22px;padding-top: 20px;}
	.index-chanpin h3.title{font-size: 30px;}
	.index-chanpin .en_tit{font-size: 20px;}
	
}


@media only screen and (max-width: 1000px){
	.index-chanpin .pro1 li{width: 50%;}
	.index-chanpin .pro1 li h4{font-size: 22px;}
	.index-chanpin .mod3 ul li h4{font-size: 18px;}
	.index-chanpin .mod3 ul li h4 span{display: none;}
}

@media only screen and (max-width: 768px){
	.index-chanpin{padding: 0 10px;}
	.index-chanpin h3.title{font-size: 24px;}
	.index-chanpin .pro1 li h4{font-size: 18px;}
	.index-chanpin .pro1 li .wrap{bottom: 20px;}
	.index-chanpin .pro1 li h4{font-size: 18px;font-weight: bold;}
	.index-chanpin .pro1 li .des{font-size: 14px;}
	.index-chanpin .pro1 li .more{width: 26px;height: 26px;line-height: 26px;}
	.index-chanpin .mod3 ul li h4{font-size: 17px;}
	.index-chanpin .mod3 ul li .des{font-size: 14px;}
}


@media only screen and (max-width: 480px){
	.slick-slide img{width: 130%;margin-left: -10%;}
	.header .logo{width: 30%;margin-left: 10px;}
	.index-chanpin h3.title{font-size: 18px;}
	.index-chanpin .en_tit{font-size: 16px;padding: 0;}
	
	.index-chanpin .pro1 li{width: 100%;}
	.index-chanpin .pro1 li .wrap{padding: 20px;}
	.index-chanpin .news .select span{margin: 0 5px;padding: 0px 10px;}
	.index-chanpin .hotnews li .txt h4{font-size: 16px;}
	.index-chanpin .mod3 ul,.index-chanpin .mod3 ul li{width: 100%;margin: 0;}
	.index-chanpin .mod3 ul li{margin-bottom: 10px;}
	.index-chanpin .mod3 ul li h4{padding-top: 10px;}
}