.banner{width: 1100px;max-width: 100%;margin: 20px auto;text-align: center;}
.banner img{max-width: 100%;display: flex;}

.list{width: 1100px;max-width: 100%;margin: 0 auto;}
.list1{display: flex;justify-content: center;box-sizing: border-box;padding: 40px 30px;flex-wrap: wrap;}
.list1 h2{font-size: 32px;}
.list1 pre{text-align: center;}


.list2{box-sizing: border-box;padding: 40px 0px 50px 0;flex-wrap: wrap;}
.list2 h4{text-align: center;font-size: 20px;margin: 30px 0 0 0;color: #666666;}
.list2 ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.list2 ul li{width: 20%;text-align: center;}
.list2 ul li .img{height: 57px;}
.list2 ul li h5{margin-top: 20px;}

.list3{box-sizing: border-box;padding: 40px 0px 50px 0;flex-wrap: wrap;}
.list3 h4{text-align: center;font-size: 20px;margin: 30px 0 0 0;color: #666666;}
.list3 ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.list3 ul li{width: 30%;text-align: center;}
.list3 ul li .img{width: 100%;}
.list3 ul li .img img{max-width: 100%;}
.list3 ul li h5{line-height: 40px;}

.list4{box-sizing: border-box;padding: 40px 0px;flex-wrap: wrap;width: 1070px;max-width: 100%;}
.list4 h4{text-align: center;font-size: 20px;margin: 30px 0 0 0;color: #666666;}
.list4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin: 0 auto;margin-top: 40px;}
.list4 ul li{position: relative;margin-bottom: 2px;}
.list4 ul .l1{width: 32.6%;}
.list4 ul .l2{width: 33.6%;}
.list4 ul .l3{width: 33.4%;}
.list4 ul .l4{width: 18.8%;}
.list4 ul .l5{width: 18.9%;}
.list4 ul .l6{width: 33.6%;}
.list4 ul .l7{width: 28%;}
.list4 ul li img{display: flex;max-width: 100%;}

@media only screen and (max-width: 1000px) {	
	
}
@media only screen and (max-width: 900px) {	
	
	
	.list2 ul li{width: 50%;text-align: center;margin-bottom: 40px;}
}
@media only screen and (max-width: 800px) {	
	.list3{padding: 20px 10px 20px 10px;}
}
@media only screen and (max-width: 750px) {	
	.list1{padding: 20px 10px;}
	
	.list1 h2{font-size: 24px;}
	.list4{box-sizing: border-box;padding: 20px 10px;flex-wrap: wrap;width: 1070px;max-width: 100%;}
}
@media only screen and (max-width: 500px) {
	
	
}
@media only screen and (max-width: 400px) {
	
}