@charset "utf-8";

.servcontent{ width:96%; margin:2% 3%; font-size:16px; line-height:30px; padding:20px 0;}
.aboutcon{
	width:100%;
	background-image: url(../images/about.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:600px;
	overflow:hidden;
}
.aboutcon .maincon{
	width:94%; margin: 5% 3%;  padding:0 2%; font-size:16px; line-height:30px; overflow:hidden;
}

.aboutcon .maincon .mleft{
	width:300px; margin-right: 60px; float:left; overflow:hidden; display:block;
}

.aboutcon .maincon .mleft2{ display:none;}

.aboutcon .maincon .mleft a{
	line-height:30px;
	margin-bottom:10px;
	padding:10px 20px;
	background-color:#fff;
	display:block;
	font-size:18px;
	
	background-image: url(../images/aleft.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
}
.aboutcon .maincon .mleft a:hover{
background-color:#000; 
color:#fff; 
transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
background-image: url(../images/aleft2.png);
background-repeat: no-repeat;
background-position: right 15px center;
}
.aboutcon .maincon .mleft a.cur2{
background-color:#000; 
color:#fff; 
background-image: url(../images/aleft2.png);
background-repeat: no-repeat;
background-position: right 15px center;

}

.aboutcon .maincon .mright{
	width:calc(100% - 360px); padding:3%; background-color:#FFFFFF; float:left; min-height:500px; font-size:14px;overflow:hidden;
}

.contact{ width:96%; margin:2% 3%; font-size:16px; line-height:30px; padding:20px 0;}
.contact .mleft{ width:40%; margin-right:5%; font-size:16px; line-height:30px; padding:20px 0; float:left;}
.contact .mright{ width:55%; padding:20px 0; float:left;}

.mhonor { width:100%; overflow:hidden;}
.mhonor li{ width:31.333%; float:left; margin:1%;}
.mhonor li img{ width:100%; border:5px solid #13609d; }


@media (max-width: 768px) {
	
.mhonor li{ width:100%; float:left; margin:1%;}
	
.servcontent{ width:94%; margin:2% 3%; font-size:16px;  line-height:26px; padding:20px 0;}

.aboutcon .maincon .mleft{
	width:94%; margin:2% 3%; overflow:hidden; display:none;
}

.aboutcon .maincon .mleft2{
	width:100%; margin:1% 0; overflow:hidden; display:block;
}

.aboutcon .maincon .mleft a{
	line-height:30px;
	margin-bottom:10px;
	padding:10px 20px;
	background-color:#fff;
	display:block;
	font-size:16px;
	
	background-image: url(../images/aleft.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
}
.aboutcon .maincon .mleft a:hover{
background-color:#000; 
color:#fff; 
transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
background-image: url(../images/aleft2.png);
background-repeat: no-repeat;
background-position: right 15px center;
}
.aboutcon .maincon .mleft a.cur2{
background-color:#000; 
color:#fff; 
background-image: url(../images/aleft2.png);
background-repeat: no-repeat;
background-position: right 15px center;

}

.aboutcon .maincon .mright{
	width:100%; margin:1% 0%; overflow:hidden; padding:3%; background-color:#FFFFFF;  font-size:16px;
}
}