#banner{width:98%;max-width: 1860px; margin:0 auto;}


.tit{text-align:center;padding:80px 0px 40px 0px;}
.tit h1{font-family:"poppins Light";font-weight:normal;font-size:36px;}
.tit p{font-family:"poppins";padding-top:20px;}


#product .indexcontainer{width:98%; margin:0 auto; max-width: 1860px;}
#product ul li{width:20%; float:left; margin-bottom: 20px;}
#product .proimg{width:94%; margin:0 auto; background:url(../images/probg1.jpg) no-repeat center; text-align: center;}
#product .proimg img{max-width: 100%; border:1px solid #ccc;}
#product ul li p{text-align: center; font-size: 14px; line-height: 42px;}

#good{text-align:center;}
/*
#product li{float:left;text-align:center;width:20%;
	background:url(../images/probg1.jp0g)no-repeat center;}
#product li:nth-child(6n){margin-right:px;}
#product li:hover{background:url(../images/probg2.jpg)no-repeat center;transition:all 0.35s;}
#product li:hover img:nth-child(1){transition:all 0.35s;transform:translateY(10px)}
#product li:hover img:nth-child(2){opacity:1.0;}
#product img:nth-child(1){display:block;margin:0 auto;margin-top:130px;}
#product img:nth-child(2){display:block;margin:0 auto;margin-top:30px;opacity:0.0;}
#product a{display:block;margin-top:50px;}

#good{text-align:center;}*/



#history{overflow:hidden; background:url(../images/hisbg.jpg)no-repeat center;}
#history .indexcontainer{height:609px;}
.hisbox-left{max-width:800px; width:50%; display:inline-block;}
.hisbox-left h1{font-size:46px;color:#fff;font-family:"poppins";font-weight:normal;padding:160px 0px 30px 0px;display:inline-block;}
.hisbox-left p{font-size:13px;color:#fff;font-family:"poppins";max-width:800px;}
.hisbox-left a{display:inline-block;padding:10px 25px;border:1px solid #fff;color:#fff;margin-top:70px;}
.hisbox-right{float:right; width:45%; text-align:right}
.hisbox-right img{margin-top:140px;}





#news{margin-top:30px;}
#news li{width:820px;float:left;margin:0px 40px 30px 0px;background-color:#f6f6f6;}
#news li:nth-child(2n){margin-right:0px;}
.news-left{float:left;}
.news-right{float:right;text-align:left;}
.news-right span{max-width:165px;font-family:"poppins";font-size:13px;margin:55px 0px 20px 0px;display:block;}
.news-right h1{max-width:330px;font-family:"poppins Medium";font-weight:normal;font-size:17px;margin:20px 0px;
		display:block;line-height:20px;}
.news-right p{max-width:380px;font-family:"poppins";font-size:12px;margin:20px 0px;display:block;}
.news-left img{max-width: 100%}
@media only screen and (max-width: 1800px){
	.indexcontainer{width:1680px;}
}

@media only screen and (max-width: 1680px){
	.indexcontainer{width:1400px;}
	.hisbox-right{max-width:45%;}
	.hisbox-right img{max-width: 100%;}
	.hisbox-left{max-width: 55%;}
	#news li{width:49%; margin-right:2%;}
	.news-left{width:40%;}
	.news-left img{max-width: 100%}
	.news-right{width:58%;}
	.news-right span{width:100%; margin:5% 0px 0px; max-width: 100%}
}
@media only screen and (max-width: 1420px){
	.indexcontainer{width:1200px;}
}

@media only screen and (max-width: 1080px){

}
@media only screen and (max-width: 960px){
	#banner{width:100%;}
	.tit{padding: 32px 0px 24px;}
	.tit h1{font-size: 24px;}
	#product ul li{width:50%;}
	#product .proimg img{max-width: 100%; border:1px solid #ccc;}
	.indexcontainer{width:96%;}
	#good img{max-width: 100%;}
	.hisbox-left{width:100%; max-width:100%;}
	.hisbox-left h1{padding: 32px 0px 20px; font-size: 28px;}
	.hisbox-left a{margin-top: 20px;}
	.hisbox-right{max-width: 100%; width:100%;}
	.hisbox-right img{margin-top: 20px;}
	#history .indexcontainer{height: auto; padding-bottom: 30px;}
	#news li{width:100%; margin-right: 0px; margin:0px 0px 10px 0px;}
	#news{margin-top: 10px;}
	#copy span{background: #141414; color:#fff;}
}

@media only screen and (max-width: 780px){

}
@media only screen and (max-width: 540px){

}
@media only screen and (max-width: 420px){


}