body{ width:100%; max-width:640px; margin:auto;font-family:Verdana, Arial,'Microsoft Yahei';}
nav {
	;
	margin:0 auto
}
nav ul {
	overflow:hidden
}
nav ul li {
	float:left;
	width:20%;
	text-align:center;
	height:2.5rem;
	line-height:2.5rem;
	background-color:#2f75b5;
	font-size:1rem
}
nav ul li a {
	color:#fff
}
.yybm {
	;
	margin:0 auto;
	background-color:#fff;
	border-radius:1rem;
	padding:1rem 0
}
.yybm h2 {
	text-align:center;
	height:3rem;
	font-size:2rem;
	line-height:3rem;
	color:#333
}
.yybm h2 span {
	color:#fe0000
}
.yybm .input {
	width:28rem;
	margin:1rem auto
}
.yybm .input input {
	width:27.8rem;
	height:2.5rem;
	line-height:2.5rem;
	font-size:1.2rem;
	padding-left:1rem;
	border-radius:.2rem;
	border:.1rem solid #333;
	color:#333
}
.yybm p {
	font-size:1rem;
	color:#fe0000;
	line-height:2rem;
	text-align:center
}
.ljyy {
	width:28rem;
	margin:1rem auto
}
.ljyy input {
	width:29rem;
	height:3rem;
	color:#fff;
	line-height:3rem;
	text-align:center;
	background-color:#fe0000;
	font-size:1.4rem;
	border:0;
	border-radius:2rem;
	cursor:pointer;
	margin:0 auto;
	font-weight:700
}
.zy {
	;
	margin:1rem auto;
	text-align:center
}
.title {
	width:30rem;
	margin:0 auto;
	height:4rem;
	font-size:2rem;
	color:#333;
	line-height:4rem;
	border-bottom:.1rem solid #333
}
.zy h3 {
	width:30rem;
	margin:0 auto;
	height:3rem;
	font-size:1.2rem;
	color:#fe0000;
	line-height:3rem
}
.zy ul {
	width:30rem;
	margin:1rem auto;
	overflow:hidden
}
.zy ul li {
	float:left;
	width:14.5rem;
	margin-right:1rem;
	margin-bottom:1rem
}
.zy-con {
	border-bottom:.1rem solid #d5d5d5;
	border-left:.1rem solid #d5d5d5;
	border-right:.1rem solid #d5d5d5;
	width:14.3rem
}
.zy ul li:nth-child(2n) {
	margin-right:0
}
.zy ul li img {
	width:14.5rem
}
.zy ul li h2 {
	font-size:20px;
	line-height:3rem
}
@media (max-width: 640px) {
   .zy ul li h2 {
	font-size:15px;
	
}
}
.zy ul li h2 a {
	color:#333
}
.zy ul li p {
	color:#666;
	font-size:1rem
}
.zxbtn {
	width:13rem;
	margin:1rem auto;
	overflow:hidden
}
.zxbtn a {
	display:block;
	width:6rem;
	height:2rem;
	line-height:2rem;
	float:left;
	color:#fff
}
.zx1 {
	background-color:red;
	margin-right:1rem
}
.zx2 {
	background-color:#f60
}
.zx3 {
	display:block;
	width:29rem;
	height:3rem;
	color:#fff;
	line-height:3rem;
	text-align:center;
	background-color:#fe0000;
	font-size:1.4rem;
	border:0;
	border-radius:2rem;
	cursor:pointer;
	margin:0 auto;
	font-weight:700;
	margin-top:.5rem;
}
.zt01 {
	;
	text-align:center;
	margin:1rem auto
}
.zt01 h2 b {
	color:#fe0000
}
.zt01 h3 {
	width:30rem;
	margin:0 auto;
	height:4rem;
	font-size:2rem;
	color:#333;
	line-height:4rem
}
.zt01 h3 b {
	color:#fe0000
}
.zt01 p {
	font-size:1.2rem;
	color:#333;
	line-height:2rem
}
.zt01 p b {
	color:#fe0000
}
.zt01 img {
	display:block;
	width:30rem;
	margin:1rem auto
}
.zt02 {
	;
	margin:1rem auto;
	text-align:center
}
.zt02 h3 {
	width:30rem;
	margin:0 auto;
	height:3rem;
	font-size:1.2rem;
	color:#fe0000;
	line-height:3rem
}
.zt02 ul {
	width:30rem;
	margin:1rem auto;
	overflow:hidden
}
.zt02 ul li {
	float:left;
	width:14.5rem;
	margin-right:1rem;
	margin-bottom:1rem
}
.zt02 ul li:nth-child(2n) {
	margin-right:0
}
.zt02 ul li img {
	width:14.5rem
}
.zt02 ul li p {
	color:#666;
	line-height:2rem;
	font-size:1.2rem
}
.zt03 {
	;
	margin:1rem auto;
	text-align:center
}
.zt03 h2 {
	font-size:1.6rem
}
.zt03 h2 b {
	color:#fe0000
}
.zt03 h3 {
	width:30rem;
	margin:0 auto;
	height:3rem;
	font-size:1rem;
	color:#fe0000;
	line-height:3rem
}
.zt03 ul {
	width:30rem;
	margin:1rem auto;
	overflow:hidden
}
.zt03 ul li {
	float:left;
	width:14.5rem;
	margin-right:1rem;
	margin-bottom:1rem
}
.zt03 ul li:nth-child(2n) {
	margin-right:0
}
.zt03 ul li img {
	width:14.5rem
}
.zt03 ul li p {
	color:#666;
	line-height:2rem;
	font-size:1.2rem
}
.question {
	;
	margin:1rem auto;
	text-align:center
}
.question ul {
	width:30rem;
	margin:1rem auto;
	overflow:hidden
}
.question ul li {
	width:14.5rem;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	margin-right:1rem;
	margin-bottom:1rem;
	background-color:#f0f0f0;
	border-radius:.4rem;
	float:left;
	font-size:1rem
}
.question ul li:nth-child(2n) {
	margin-right:0
}
.question ul li a {
	display:inline-block;
	width:14.5rem;
	height:2.5rem;
	color:#333
}
.question ul li.q_1 {
	background-color:#018ede
}
.question ul li.q_1 a {
	color:#fff
}
.question ul li.q_2 {
	background-color:#dd514c
}
.question ul li.q_2 a {
	color:#fff
}
<!--头部尾部  开始-->
<!--头部尾部  开始-->


#xf{background: #FFFFFF;padding: 25px 0px;margin-top: 10px;}
#xf h2{width: 95%;border-left: 4px solid #0c97ee;padding-left: 5px;margin: auto;}
#xf form{border-top: 1px #E1E1E1 solid;margin-top: 15px;}
#xf form input,#xf form select{display: block;width: 95%;border: 1px #E1E1E1 solid;height: 40px;line-height: 40px;margin: 10px auto 0px auto;padding-left: 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
font-size: 18px;color: #999999;}
#xf form select{outline: none;width: 95%;}
#xf form button{display: block;width: 95%;margin: 15px auto;height: 40px;background: #0c97ee;font-size: 16px;border: none;color: #FFFFFF;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.M-map img{ width: 100%;}
.M-bot{ text-align: center; padding: 15px 0; font-size: 14px;}
.M-bot a{ color: #333;}
.M-bot a,.M-bot span{ display: inline-block;}
.M-bot span{ margin: 0 4px; color: ;}
.M-tel{ padding: 15px; background: #fff;}
.M-tel p{ text-align: center; font-size: 14px; line-height: 22px;}

#bottom_nav{width: 100%;background: #FFFFFF;padding: 8px 0px;border-top: 1px solid #E1E1E1;z-index: 9999;bottom: 0;position: fixed;width: 100%;max-width:640px;}
#bottom_nav ul li{ float: left; width: 25%; background: #E1E1E1;overflow: hidden;text-align: center;padding:50px 0px 0px 0px;overflow: hidden;}
#bottom_nav ul a:nth-child(1) li{background: url(http://m.ahxh.com/templets/ahxh/img/home2.png) no-repeat center 0px; background-size: 25%;}
#bottom_nav ul a:nth-child(2) li{background: url(http://m.ahxh.com/templets/ahxh/img/tel1.png) no-repeat center 0px; background-size: 25%;}
#bottom_nav ul a:nth-child(3) li{background: url(http://m.ahxh.com/templets/ahxh/img/hang.png) no-repeat center 0px; background-size: 30%;}
#bottom_nav ul a:nth-child(4) li{background: url(http://m.ahxh.com/templets/ahxh/img/sign1.png) no-repeat center 0px; background-size: 25%;}
#bottom_nav ul a{color: #979797;display: block;}
#bottom_nav ul .cur_lia a{color: #46c01b;}
@media only screen and (max-width: 640px) {
    
   #bottom_nav ul li{padding:30px 0px 0px 0px;}
}


.Top-Nav{ background: #1f91ca;height: 45px; line-height: 45px; padding: 10px 0; overflow: hidden; position: fixed;width: 100%;z-index: 1000; top: 0; left: 0;}
.Top-Nav .nav-bar{ border-top: 4px solid #FFFFFF;position: absolute; cursor: pointer; top: 20px; border-bottom: 14px double #FFFFFF; width: 30px; height: 4px; left: 10px; float: left;}
.Top-Nav .nav-Logo{width: 65%; left: 20%;position: absolute;}
.Top-Nav .nav-Logo img{ width: 100%;}
.Top-Nav .nav-tel{width: 29px; height: 31px;right: 10px; position:absolute; top: 15px;}
.Top-Nav .nav-tel img{ display: block; width: 100%;}
#hamburgermenu{height: 100%; width: 0; background: #373737; position: fixed; top: 0; left: 0; z-index: 101; overflow: hidden; -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55); box-shadow: 3px 0 7px rgba(0,0,0,0.55);}
#hamburgermenu ul{margin-top: 75px; z-index: 101; overflow-y: auto; overflow-x: hidden;}
#hamburgermenu ul li{display: block;}
#hamburgermenu ul li a{display: block; min-width: 130px; padding: 10px 8px; color: #fff; font-size: 15px; text-decoration: none; text-align: center;}
#hamburgermenu li a:hover{color: #fff; background: #2c2c2c;}

@media only screen and (min-width: 1024px) {
    
    .Top-Nav .nav-Logo{width: 50%;}
    .Top-Nav{ height: 65px; line-height: 65px; left: 50%; margin-left: -320px; max-width: 640px;}
}


#xf{ margin-top:20px;}
#Bot-nav{ background: #006ec3; position: fixed; bottom: 0; width: 100%;max-width: 640px; padding: 5px 0; overflow: hidden;}
	#Bot-nav ul li{  width: 24%; border-right: 1px dashed #33a2f7; float:left;}
	#Bot-nav ul li:last-child{ border: none; width:25%}
	#Bot-nav ul li a{ display: block; color: #fff;}
	#Bot-nav ul li a .nav-img{ width: 40%; margin: 0 auto;}
	#Bot-nav ul li a .nav-img img{ width: 100%;}
	#Bot-nav ul li a p{ font-size: 12px; text-align: center;}
@media only screen and (max-width: 640px) {
    
   #bottom_nav ul li{padding:30px 0px 0px 0px;}
}

.question ul li:nth-child(2) a,.question ul li:nth-child(7) a,.question ul li:last-child a{ color:red; font-weight:bold;}


.hj-items{margin-top: 20px;}
.hj-items a{display: block;}
.hj-items img{display: block;width: 100%;}
.hj-items p{ text-align: center;background: #2590e2;color: #fff;padding: 10px 0;width: 100%;margin-top: 10px;font-size:14px;}
.hj-items .click{width: 60%;background: #a40000;color: #fff;border-radius: 5px;text-align: center;margin: 10px auto 0 auto;height: 45px;line-height: 45px;font-size: 16px;font-weight:bold;}









