/* CSS Document */
/*公共*/
html {font-size: 16px;/*10 ÷ 16 × 100% = 62.5%*/}
*{margin:0;padding:0;list-style:none;border:0px;}
a:link,a:visated{
	text-decoration:none;
	color:#000;
}

:focus{
    outline: 0;
}
a{text-decoration:none;
	color:#000;
}

a:hover{
	text-decoration:none;
}
img{
	border: 0;
	padding: 0;
	margin: 0;
}
/*取消黑框*/
*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body{
	overflow-x: hidden; 
	background-color:#fff;  
	overflow-y:auto;
	max-width: 640px;
	margin:0 auto;  
	/*background: url(../images/bj.png) repeat;*/
	background: #fff;
    background-size: auto;
  background-size: cover;
}}

.clear{
	clear:both;
}
/*取消ios样式*/
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
div{
	margin:0;
	padding: 0;
}
/*头部*/
.header{
	width:100%;
	height:4rem;
	overflow: hidden;
	position: fixed;
	background: #fff;
	max-width: 640px;
	top: 0;
}
.header>img{
	float:left;
	width:80%;
	margin:0.6rem 0 0 5%;
}
.header>span{
	position:relative;
	float:right;
	width:11%;
	height:1.6rem;
	margin:0.8rem 0 0 0;
}
.header>span>img{
	float:left;
	width:80%;
}

.nav{
	width: 90%;
	height: auto;
	margin: 0 auto;
	/*position: fixed;
	top: 3.5rem;
	left: 5%;*/
	max-width: 640px;
	display: none;
	z-index: 99;
}
.nav li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;

}
.nav li a{
	display: block;
	width: 100%;
	height: 100%;
}
.menu_box{
	width:100%;
	max-width: 640px;
	overflow:hidden;
	padding:2rem 0;
	display: none;
	background: #fff;
	position: fixed;
	top: 4rem;
	margin:auto;

}
.menu_box>ul{width:100%;overflow:hidden;display:flex;justify-content:space-around}
.menu_box>ul li{
	text-align: center;
}
.menu_box>ul>li>a>p{text-align:center;font-size:16px;margin-top:1rem;color:#4c4c4c}
.menu_box>ul>li>a>img{width:50%；}
.menu_box>ul:nth-child(2){margin-top:10px;}

.an{
	width: 100%;
	height: auto;
	padding:15px 0;
	text-align: center;
}
.an a{
	display:inline-block;
	width: 80%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #6666ff;
	border-radius: 5px;
	font-weight: bold;
	color: #fff;
}
/*表单*/
.bd{
	width: 100%;
	height: auto;
	background: #f0eff5;
	padding-bottom: 50px;
}
.bd h3{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
}
.bd p{
	width: 100%;
	height: auto;
	text-align: center;
	color: #ff6600;
	font-size:18px;
}
.input{
	display: block;
	width: 90%;
	height: 40px;
	line-height: 40px;
	text-indent: 20px;
	border-radius: 5px;
	margin:20px auto;
}
.bd .submit{
	display: block;
	width: 90%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #ff6600;
	color: #fff;
	margin: 0 auto;
	border-radius: 5px;
}
.subHeader,.subFooter{
	background-color:#364D63;
	text-align:center;
	width:100%;
	padding:0.5em 0;
	margin-bottom: 80px;

}
.subFooter p{
	color:#FFFFFF;
	font-size: 16px;
}
.subFooter p a{
	color:#FFFFFF;
	font-size: 16px;
}
/*底部按钮*/
.public-bottom{
	width:100%;
	max-width:750px;
	position:fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	z-index:99999999;
}
.public-bottom>nav{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.public-bottom>nav>a{
	width:33%; 
	display:flex;
	justify-content:center;
	align-items:center;
	line-height: 4rem;
	font-size:1.2rem;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.public-bottom>nav>a:nth-child(even){
	background: #ffa21d;
	-transition: background 2s;
	animation: changeColor 3.5s infinite;
}
.public-bottom>nav>a:nth-child(odd){
	background: #2895e0;
}
.public-bottom>nav>a>i{
	display:inline-table;
	width:2rem;
	height:1.8rem;
	font-size: 1.6rem;
	line-height: 2.25px;
	margin-right:0.5rem;
	background:url(https://m.nmgxhdn.com/images/public-bottom-zx-icon.png) no-repeat;background-size:100%;
}
.public-bottom .rand-num{
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	background: red;
	position: absolute;
	top: -0.9rem;
	left: 60%;
	border-radius: 5rem;
	text-align: center;
	line-height: 1.6rem;
	font-size: 1rem;
	color:#fff;
	border: 0.1rem solid #fff;
}
@keyframes changeColor{0%{background: #ffa21d;}65%{background: #ff521d;}100%{background: #ffa21d;}}
/*主体*/
.banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.banner img{
	width: 100%;
	height: auto;
	float: left;
}
.info{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.info ul{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.info ul li{
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	font-size: 12px;
}
.info ul li img{
	width: auto;
	height: 100%;
}
.info .li1 span{
	display: inline-block;
	width: 21%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #4d77ff;
	margin-left: 3%;
	border-radius:5px;
}
.info .li2 span{
	display: inline-block;
	width: 30%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #4d77ff;
	margin-left: 2%;
	border-radius:5px;
}
.info ul li:nth-child(6){
	height: auto;
	padding-top: 10px;
}
.info ul li input{
	width: 98%;
	height: 100%;
	border: 2px solid #f3513b;
	border-radius: 5px;
	text-indent: 20px;
}
.info ul li:nth-child(10){
	height: 40px;
	padding-top: 10px;
	line-height: 40px;
}
.tj{
	width: 90%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #f94747;
	color: #fff;
	font-size: 16px;
}
.info img{
	width: 100%;
	height: auto;
	float: left;
}
.info h3{
	width: 100%;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #f64a04;
}
/*问题*/
.wtw h3{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 0;
	font-size: 20px;
}
.wtw span{
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
}
.wtw ul{
	width: 95%;
	height: auto;
	margin: 10px auto;
	overflow: hidden;
}
.wtw ul li{
	display: inline-block;
	float: left;
	width: 46%;
	height: auto;
	margin-left: 2.5%;
	margin-top: 3%;
}
.wtw ul li a{
	display: inline-block;
	width: 100%;
	height: auto;
	background: #00baf9;
	color: #fff;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	padding:2% 0;
}
.pp{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.pp h3{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 0;
	font-size: 20px;
}
.pp ul{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.pp ul li{
	display: inline-block;
	width: 30%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}
.pp ul li img{
	width: 100%;
	height: auto;
}
.pp ul li p{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
}
.an{
	width: 100%;
	height: auto;
	text-align: center;
}
.an a{
	display: inline-block;
	width: 70%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #de2727;
	color: #fff;
}
.zy{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.zy h3{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 0;
	font-size: 20px;
	color: #000;
}
.zy span{
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
}
.zy img{
	display: inline-block;
	width: 100%;
	height: auto;
}
.zy ul{
	width: 95%;
	height: auto;
	margin: 10px auto;
	overflow: hidden;
}
.zy ul li{
	display: inline-block;
	float: left;
	width: 47%;
	height: auto;
	margin-left: 2%;
	margin-top: 3%;
	border:1px solid #ccc;
	padding-bottom: 3%;
}
.zy ul li img{
	width: 100%;
	height: auto;
	display: block;
}
.zy ul li p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}
.zy ul li span{
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
}
.zy ul li div{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 10px;
}
.zy ul li div a{
	display: inline-block;
	width: 40%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;

}
.zy ul li div a:nth-child(1){
	background: #f79c07;
	color: #fff;
}
.zy ul li div a:nth-child(2){
	background: #ff0033;
	color: #fff;
	margin-left:5%;
}
.wt{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.wt h3{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 0;
	font-size: 20px;
}
.wt p{
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
}
.wt ul{
	width: 95%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.wt ul li{
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #eaecfc;
	margin-top: 10px;
	text-align: center;
}
.wt ul li a{
	display: inline-block;
	width: 25%;
	height: 40px;
	float: right;
	background: #0099cc;
	border-radius: 20px;
	
	color: #fff;
}
/*tab跳转*/
.tab{
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.tab li{
	float: left;
	width: 33.33%;
	height: auto;
	text-align: center;
	background: #b6b6b6;
}
.a{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.a1{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.a1 img{
	width: 100%;
	height: auto;
}