/* CSS Document */
/*公共*/
html {font-size: 22px;/*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; }

.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;
	z-index: 99;
}
.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;}
/*表单*/
.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(../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;
}
/*a1*/
.a1{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #ffffff;
	padding:20px 0;
}
.a1 li{
	width: 30%;
	height: auto;
	float: left;
	margin-left: 3.333333%;
	text-align: center;
}
.a1 li img{
	display: inline-block;
	width: 50%;
}
.a1 li h3{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
}
.a1 li span{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #ff385b;
}
.an{
	width: 100%;
	height: auto;
	text-align: center;
	padding:15px 0;
}
.an a{
	display: inline-block;
	width: 70%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #ff6b54;
	color: #fff;
	border-radius: 8px;
	font-size: 16px;
	font-weight: bold;
}
/*a2*/
.a2{
	width: 100%;
	height: auto;
	text-align: center;
	background: #ff6b54;
	overflow: hidden;
	margin:20px 0;
}
.a2 p{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}
.a2 .a2-h3{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}
.a2-info{
	width:87%;
	height:auto;
	border:1px solid #fff;
	margin: 10% auto;
	padding:5% 2.5%;
	position: relative;
}
.a2-l{
	width: 67%;
	height: auto;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #fff;

}
.a2-r{
	width: 33%;
	height: auto;
	float: left;
}
.a2-info p{
	width: 40%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: -18px;
	left: 3%;
	background: #ff6b54;
	font-weight: bold;
}
.zy .ul2{
	width: 95%;
	height: auto;
	margin: 10px auto;
	overflow: hidden;
}
.zy .ul2 li{
	display: inline-block;
	float: left;
	width: 47%;
	height: auto;
	margin-left: 2%;
	margin-top: 3%;
	/*border:1px solid #ccc;*/
	padding-bottom: 3%;
}
.zy .ul2 li img{
	width: 100%;
	height: auto;
	display: block;
}
.zy .ul2 li p{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
.zy{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
}
.zy img{
	display: block;
	width: 100%;
	height: auto;
}
.zy h3{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: 0;
	font-size: 20px;
	color: #ff6b54;
}
.zy .zy-p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: 0;
	font-size: 16px;
}
.zy span{
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
}
.zy .ul1{
	width: 95%;
	height: auto;
	margin: 10px auto;
	overflow: hidden;
}
.zy .ul1 li{
	display: inline-block;
	float: left;
	width: 47%;
	height: 200px;
	margin-left: 2%;
	margin-top: 3%;
	/*border:1px solid #ccc;*/
	padding-bottom: 3%;
}
.zy .ul1 li img{
	width: 100%;
	height: auto;
	display: block;
}
.zy .ul1 li p{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	color: #fb20ff;
}
.zy .ul1 li span{
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
}
.zy .ul1 li div{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 10px;
}
.zy .ul1 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%;
}

/*a3*/
.a3{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #e3e3e3;
}
.a3 h3{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 0;
	font-size: 20px;
	color: #df00e3;
}
.a3 p{
	width: 95%;
	height: auto;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin: 0 auto;
}
.a3 .ul3{
	width: 95%;
	height: auto;
	margin: 10px auto;
	overflow: hidden;
	
}

.a3 .ul3 li{
	display: inline-block;
	width: 100%;
	height: 140px;
	overflow: hidden;
	text-align: center;
	background: #fff;
	margin-bottom: 20px;
}
.a3 .ul3 li .ul3-l{
	width: 40%;
	height: auto;
	float: left;
}
.a3 .ul3 li .ul3-l img{
	display: inline-block;
	width: 110px;
	height: auto;
	margin-top: 20px;
}
.a3 .ul3 li .ul3-r{
	width: 57%;
	height: auto;
	float: left;
	text-align: left;
}
.a3 .ul3 li .ul3-r p{
	width: 100%;
	height: auto;
	color: #000;
	margin-top: 10px;
}
.ul3-r p span{
	display: block;
	width: 100%;
	height: auto;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
/*a4*/
.a4{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.a4 h3{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	
}
.a4 p{
	width: 90%;
	height: auto;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	margin: 0 auto;
}
.a4 ul{
	width: 95%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.a4 ul li{
	float: left;
	width: 50%;
	height: 142px;
	text-align: center;
	color: #fff;
}
.a4 ul li p{
	width: 95%;
	height: auto;
	font-size: 16px;
	margin:10px auto;
}
.a4 ul li p span{
	display: block;
	width: 100%;
	height: auto;
	font-size: 18px;
	margin-bottom: 10px;
}
.a4 ul li img{
	display: block;
	width: 100%;
	height: auto;
}
.a4 ul li:nth-child(1){
	background: #258fff;
}
.a4 ul li:nth-child(4){
	background: #5e59b6;
}
.a4 ul li:nth-child(5){
	background: #ff293b;
}
.a4 ul li:nth-child(8){
	background: #ff6b00;
}
.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;
}
/*a5*/
.a5{
	width: 90%;
	height: auto;
	margin:20px auto;
	padding:10px 10px;
	background: #f1f1f1;
}
.a5 h4{
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #ff6b54;
}
.a5 p{
	width: 100%;
	height: auto;
	line-height: 30px;
}
/*a6*/
.a6{
	width: 95%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
.a6 li{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin:15px 0;
	background: #f1f1f1;
}
.a6-l{
	width: 50%;
	height: auto;
	float: left;
}
.a6-l img{
	display: block;
	width: 100%;
	height: auto;
}
.a6-r{
	width: 44%;
	height: auto;
	float: left;
	padding:10px 10px;
	font-size: 14px;
	line-height: 28px;
}
.a6-r p{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight:bold;
}