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 {
	
	margin:1rem auto
}
.yybm .input input {
	width:98%;
	height:2.5rem;
	line-height:2.5rem;
	font-size:1.2rem;
	
	border-radius:.2rem;
	border:.1rem solid #333;
	color:#333
}
.yybm p {
	font-size:1rem;
	color:#fe0000;
	line-height:2rem;
	text-align:center
}
.ljyy {
	
	margin:1rem auto
}
.ljyy input {
	width:100%;
	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 {
	
	margin:0 auto;
	height:4rem;
	font-size:2rem;
	color:#333;
	line-height:4rem;
	border-bottom:.1rem solid #333
}
.zy h3 {
	
	margin:0 auto;
	height:3rem;
	font-size:1.2rem;
	color:#fe0000;
	line-height:3rem
}
.zy ul {
	
	margin:1rem auto;
	overflow:hidden
}
.zy ul li {
	float:left;
	width:47%;
	margin-right:1rem;
	margin-bottom:1rem
}
.zy-con {
	border-bottom:.1rem solid #d5d5d5;
	border-left:.1rem solid #d5d5d5;
	border-right:.1rem solid #d5d5d5;
	width:99%;
}
.zy ul li:nth-child(2n) {
	margin-right:0;
	float:right;
}
.zy ul li img {
	width:100%;
}
.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:50%;
	height:2rem;
	line-height:2rem;
	float:left;
	color:#fff
}
.zx1 {
	background-color:red;
	margin-right:1rem
}
.zx2 {
	background-color:#f60
}
.zx3 {
	display:block;
	
	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
}
.zt01 {
	;
	text-align:center;
	margin:1rem auto
}
.zt01 h2 b {
	color:#fe0000
}
.zt01 h3 {
	
	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:100%;
	margin:1rem auto
}
.zt02 {
	;
	margin:1rem auto;
	text-align:center
}
.zt02 h3 {
	
	margin:0 auto;
	height:3rem;
	font-size:1.2rem;
	color:#fe0000;
	line-height:3rem
}
.zt02 ul {
	
	margin:1rem auto;
	overflow:hidden
}
.zt02 ul li {
	float:left;
	width:48%;
	margin-right:1rem;
	margin-bottom:1rem
}
.zt02 ul li:nth-child(2n) {
	margin-right:0;
	float:right;
}
.zt02 ul li img {
	width:100%;
}
.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 {
	
	margin:0 auto;
	height:3rem;
	font-size:1rem;
	color:#fe0000;
	line-height:1.5rem
}
.zt03 ul {
	
	margin:1rem auto;
	overflow:hidden
}
.zt03 ul li {
	float:left;
	width:48%;
	margin-right:1rem;
	margin-bottom:1rem
}
.zt03 ul li:nth-child(2n) {
	margin-right:0;
	float:right;
}
.zt03 ul li img {
	width:100%;
}
.zt03 ul li p {
	color:#666;
	line-height:2rem;
	font-size:1.2rem
}
.question {
	;
	margin:1rem auto;
	text-align:center
}
.question ul {
	
	margin:1rem auto;
	overflow:hidden
}
.question ul li {
	width:49%;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	
	margin-bottom:1rem;
	background-color:#f0f0f0;
	border-radius:.4rem;
	float:left;
	font-size:1rem
}
.question ul li:nth-child(2n) {
	float:right;
}
.question ul li a {
	display:inline-block;
	
	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;}

#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;}
}


.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;}


.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;}



.cl20{margin:0px;padding:0px;clear:both;height:20px;}
.titles h2{margin:0 10px; padding:0; text-align:left; font-size:18px; font-weight:bold; color:#ffffff; display:inline}
.titles{background:#18A1FC repeat-x;height:auto;padding:0.5em 0;margin-bottom:0.5em;margin-top:0.5em;}
.wrap{width:100%; height:auto;margin:0 auto; margin-top:45px;}
.zz_1{width:100%; height:auto; overflow:hidden; margin-top:2%}
.xcz2_p1{width:100%; height:auto; border-bottom:1px solid #CCCCCC; overflow:hidden; font-size:1.8em; text-align:center; line-height:48px; font-weight:bold; letter-spacing:2px}
.xcz2_p1 strong{color:#ff6600;}
.xcz2_p1 span{width:58%; height:auto; overflow:hidden; display:block; border-bottom:4px solid #FF6600; margin:0 auto}
.zz_zyzs{width:100%; height:auto; border:2px solid #DAD9D7; margin-top:3%}
.zz_zyzs tr td{ border-right:2px solid #DAD9D7;border-bottom:2px solid #DAD9D7; text-align:center; line-height:2em; background:#FAF9F7}
.zz_bm{ color:#ff0309;}
.ljzx{width:35%; height:auto; overflow:hidden; background:#ED6942 repeat; display:block; font-size:1.4em; color:#FFF; text-align:center; border-radius:10px; margin:3% auto; line-height:2.3em;}
.zz1_show{width:100%; height:auto; overflow:hidden; margin-top:2%}
.zz1_show li{width: 47.275%;height:auto; overflow:hidden; float:left;margin-left: 1.7%;margin-top: 2%; display:inline}
.zz2_show{width:100%; height:auto; overflow:hidden;}
.zz_tp3{width:11.82%; height:auto; overflow:hidden; float:left; margin-right:2%; margin-left:2%; margin-top:8%}
.zz2_show li{width: 38.64%;height:auto; overflow:hidden; float:left; margin-left:2.3%; margin-top:2%}
.zz2_show li strong{display:block; font-size:1.4em; text-align:center;}
.zz2_show li p{font-size:1.2em; line-height:2em; margin:2% auto}
.zz1_p1{font-size:1.2em; text-align:center; margin-top:2%; color:#535150}
.zz3_show{width:100%; height:auto; overflow:hidden;}
.zz3_show li{width: 26.062%; height:auto; overflow:hidden; float:left; margin-left:5%; margin-top:2%; display:inline}
.zz3_show li h3{font-size:1.4em; text-align:center; margin-top:2%}
.zz3_show li p{font-size:1.2em; text-align:center; margin-top:2%}
.zz4_show{width:100%; height:auto; overflow:hidden;}
.zz4_show li{width: 47.275%;height:auto; overflow:hidden; float:left;margin-left: 1.6%;margin-top: 3%; display:inline}
.zz_dh{width:100%; height:auto; overflow:hidden; font-size:1.6em; color:#FFF; text-align:center; line-height:2.6em; background:#ED6942 repeat; display:block; margin-top:2%}
.zz5_show{width:100%; height:auto; overflow:hidden;}
.zz5_show li{width:31.062%; height:auto; overflow:hidden; float:left; background:#EFEFEF repeat; margin-left:1.6%; display:inline; margin-top:2%}
.zz5_show li h3{font-size:1.2em; text-align:center; margin-top:2%; padding-left:1%}
.zz5_show li p{font-size:1.1em; line-height:1.8em; padding-left:1%}
.f26{font-size: 16px; color:#626262; text-align:center; display:block; margin-bottom:10px;}
.f_t{padding-top:0.3rem;}
.f_t input{border: 2px solid #687e8e; outline: none; display: block; width: 85%; margin:0 auto 20px; border-radius:0.08rem; height:45px; line-height:45px; font-size: 20px;}
.f_t input[type="tel"],.f_t input[type="text"]{text-indent: 1em;}
.f_t input[type="submit"]{border: none; background-color: #f85959; color:#fff;}









