@charset "utf-8";
/* CSS Document*/
.er_nav{width: 100%; height: 97px; line-height: 97px; border-bottom: 1px solid #eeeeee;}
.er_nav li{float: right; font-size: 18px; margin-left: 30px;}
.er_nav li a{color: #999; transition: .5s;}
.er_nav li a:hover{color: #517947;}
.about .hrzl{padding: 115px 0 62px; border-bottom: 2px dashed #eeeeee;}
.about .hrzl .hua{width: 25%; text-align: center;}
.about .title{font-size: 30px; color: #517947; padding: 70px 0 60px; text-align: center;}
.about2{width: 100%; background-color: #f8f8f8;}
.about2 .font{padding: 20px 140px 50px; font-size: 20px; color: #666666; line-height: 40px; text-align: justify;}
.about2 .font img{display: block; width: 100%!important; height: auto!important;}
@media screen and (max-width: 1200px){
	.about .hrzl .hua{width: 17%; margin:0 4%;}
	.about .hrzl .hua>img{width: 100%;}
	.about .hrzl{padding: 80px 0 50px;}
	.about2 .font{padding: 50px 0;}
}

@media screen and (max-width: 900px){
	.er_nav{height: 45px; line-height: 45px;}
	.er_nav li{font-size: 16px; margin-left: 15px;}
	.about .hrzl{padding: 30px 0 20px;}
	.about .hrzl .hua{ width: 22%; margin: 0 1.5%;}
	.about .title{font-size: 18px; padding: 20px 0;}
	.about2 .font{font-size: 16px; padding: 10px 0 30px; line-height: 28px;}
}