.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;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;}
.list2 ul li{max-width: 24%;position: relative;margin-top: 40px;}
.list2 ul li img{display: flex;max-width: 100%;}
.list2 ul li .img{position: absolute;left: 0;top: 50%;text-align: center;width: 100%;transform:translate(0,-50%);}
.list2 ul li .img img{display: inline-block;max-width: 55%;}
.list2 ul li .img h5{width: 100%;color: #FFFFFF;}

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

.list4{box-sizing: border-box;padding: 40px 0px;flex-wrap: wrap;}
.list4 h4{text-align: center;font-size: 20px;margin: 30px 0 0 0;color: #666666;}
.list4 .img{width: 100%;margin-top: 40px;}
.list4 .img img{width: 100%;}


@media only screen and (max-width: 750px) {	
	.list1{padding: 20px 10px;}
	
	.list1 h2{font-size: 24px;}
	
	.list2 ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
	.list2{box-sizing: border-box;padding: 20px 10px;flex-wrap: wrap;}
	.list2 ul li{max-width: 46%;position: relative;padding: 0 2%;margin-top: 20px;}
	.list2 ul li .img img{display: inline-block;max-width: 40%;}
	
	
	.list3{box-sizing: border-box;padding: 20px 10px;flex-wrap: wrap;}
	.list3 ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 0 auto;}
	.list3 ul li{width: 25%;position: relative;margin-top: 40px;text-align: center;padding: 0 0;max-width: 25%;}
	.list3 ul li img{max-height: 50px;}
	.list3 ul li h5{font-size: 16px;text-align: center;}
	.list4{box-sizing: border-box;padding: 20px 10px;flex-wrap: wrap;}
}
@media only screen and (max-width: 500px) {
	
	
}
@media only screen and (max-width: 400px) {
	
}