*{margin:0;padding:0;list-style: none;text-decoration : none;font-family: "黑体", cursive, serif, sans-serif;}
.periphery{
	width: 100%;overflow: auto;
}

.banner{width:100%;}
.banner img{width: 100%}

.about-con{width: 60%;margin:auto;padding:40px  0;}
.about-con p{font-size: 21px;text-align: justify;padding-bottom: 10px;line-height: 1.3}
.about-con ul{width: 100%;overflow: auto;margin-top: 20px}
.about-con ul li{width: 26%;float: left;margin-right: 5%;background:#c71d1d;color: #fff;padding:0 2%;height: 170px}
.about-con ul li h4{font-size: 24px;text-align: center;font-weight: 300;padding-top: 12%;}
.about-con ul li h6{font-size: 18px;font-weight: 300;text-align: center;padding-top: 10px}
.about-con ul li:nth-child(3){float: right;margin:0;}












@media(max-width: 1200px){
	.about-con{width:90%;}
}
@media(max-width: 900px){
	.about-con p {font-size: 19px;}
	.about-con ul li h6 {font-size: 17px;}
	.about-con ul li h4 {font-size: 21px;}
}
@media(max-width: 740px){
	.about-con ul li {width: 28%;margin-right: 2%;height: 160px;}
	.about-con ul li h4 {font-size: 20px;}
}
@media(max-width: 600px){
	.about-con ul li {width: 45%;margin:2% 0 0 0;}
	.about-con ul li:nth-child(2) {float: right}
	.about-con ul li:nth-child(3) {float: left;margin:2% 0 0 0;}
}
@media(max-width: 480px){
	.about-con p {font-size: 18px;}
	.about-con ul li {width: 96%;}
}