.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: 0px 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: 19%;position: relative;}
.list2 ul li img{display: flex;max-width: 100%;}


.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;margin-top: 40px;}
.list3 ul li{position: relative;}
.list3 ul .l1{width: 49.18%;}
.list3 ul .l2{width: 48.818%;}
.list3 ul .l3{width: 56.09%;}
.list3 ul .l4{width: 41.818%;}
.list3 ul li img{display: flex;max-width: 100%;}
.list3 ul li h5{font-size: 20px;text-align: center;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);border-radius: 50%;background: rgba(255,255,255,0.6);width: 240px;height: 240px;line-height: 240px;font-size: 40px;}
.list3 ul li h5 span{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);line-height: 40px;width: 100%;box-sizing: border-box;padding: 0 20px;}

@media only screen and (max-width: 1000px) {	
	.list3 ul li h5{width: 200px;height: 200px;line-height: 200px;font-size: 36px;}
}
@media only screen and (max-width: 900px) {	
	.list3 ul li h5{width: 180px;height: 180px;line-height: 180px;font-size: 32px;}
}
@media only screen and (max-width: 800px) {	
	.list3 ul li h5{width: 160px;height: 160px;line-height: 160px;font-size: 28px;}
}
@media only screen and (max-width: 750px) {	
	.list1{padding: 20px 10px;}
	
	.list1 h2{font-size: 24px;}
	.list2 ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.list2{box-sizing: border-box;padding: 20px 10px;flex-wrap: wrap;}
	.list2 ul li{max-width: 18%;position: relative;padding: 0 0;}
	.list2 ul li img{display: flex;max-width: 100%;}
	
	.list3{box-sizing: border-box;padding: 20px 10px;flex-wrap: wrap;}
.list3 ul{display: flex;justify-content: center;flex-wrap: wrap;width: 100%;margin: 0 auto;margin-top: 20px;}
	.list3 ul li h5{width: 100px;height: 100px;line-height: 100px;font-size: 16px;}
	.list3 ul li h5 span{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);line-height: 25px;width: 100%;box-sizing: border-box;padding: 0 10px;}
}
@media only screen and (max-width: 500px) {
	
	
}
@media only screen and (max-width: 400px) {
	
}