@charset "utf-8";

/* ================================ */
/* 格式化样式标签、基础类型样式		*/
/* by 33hao.com v4
/* ================================ */


/*多分辨率设定rem设定*/
html { font-size : 20px; }

/*Note3*/
@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}

html { -ms-touch-action: none;}
body { font-family: "Microsoft YaHei", Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial;}
input { font-family: "Microsoft YaHei", Arial, sans-serif; }
a { text-decoration: none;  -webkit-touch-callout: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0; border: 0;}
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img, iframe { border: 0 }
:focus { outline: 0 }
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
ol, ul { list-style: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
img { vertical-align: top; border: none; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border: 1px solid; border-radius: 22px 0px 0px 22px; }
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
em, i { font-style: normal; }
li { list-style: none; }
input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="checkbox"]:checked { border-color: #ED5564; background-color: #ED5564; }
input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
.hide { display: none !important;}
.show { display: block !important;}

/*clear float*/
.clearfix { zoom: 1 }
.clearfix:after { display: block; clear: both; content: '\20' }
:not(input) { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
.posr { position: relative !important; }
.posa { position: absolute; z-index: auto; }
.posf { position: fixed;}
.w20h li { width: 20%;}
.w33h li { width: 33.33%;}
.w50h li { width: 50%;}
.mt5 { margin-top: 0.5rem !important;}
.mt10 { margin-top: 1rem !important;}
.mt20 { margin-top: 2rem !important;}
.mt40 { margin-top: 4rem !important;}
.mr2 { margin-right: 0.2rem;}
.mb5 { margin-bottom: 0.5rem !important;}
.mb20 { margin-bottom: 2rem !important;}
.mb-20 { margin-bottom: -2rem !important;}
.mb25 { margin-bottom: 2.5rem !important;}
.pl5 { padding-left: 0.5rem;}
.pb5 { padding-bottom: 0.5rem;}
.bgc-t { background-color: transparent !important;}

/*页面固定宽度*/
.fixed-Width { min-width: 320px; max-width: 640px; margin: 0 auto;}

@keyframes headerFixed {
from {
 background-color: transparent;
 border-bottom-color: transparent;
}
to {
 background-color: #F8F8F8;
 border-bottom-color: #EEE;
}
}
@-webkit-keyframes headerFixed {
from {
 background-color: transparent;
 border-bottom-color: transparent;
}
to {
 background-color: #F8F8F8;
 border-bottom-color: #EEE;
}
}
@keyframes spinner-circle-clipper {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle-clipper {
 0% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}
}
 @keyframes spinner-circle {
 0% {
 transform: rotate(-180deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle {
 0% {
 -webkit-transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}
}
@charset "utf-8";
/* CSS Document */
header{
	width:100%;
	float:left;	
}
.title{
	margin:0 auto;
	width:1012px;
	height:109px	
}
.title span img{
	margin-top:25px;
	float:left;
}
.title dfn img{
	margin-top:px;
	float:left;
	margin-left:9px;
}
.title .nav{
	float:left;
	margin-top:42px;
	margin-left:26px;
}
.title .nav ul li{
	float:left;
	margin-left:40px;
	font-size:16px;
	color:#969696;
	font-family:微软雅黑;
}
.title .nav ul li.qiehuan{
		    margin-left: 16px !important;
	background-color:#07ac77;
	color:#fff !important;
	border-radius:22px 22px 22px 22px;
	text-align:center;
	padding:4px 20px 6px 20px;
    margin-top: -3px;
	    margin-right: -24px;
}
.title .nav ul li.qiehuan a{
	color:#fff !important;
}
.title .nav ul li a{
	color:#969696;
}
.title .nav ul li.pass{
	   margin-left: 16px !important;
	background-color:#07ac77;
	color:#fff !important;
	border-radius:22px 22px 22px 22px;
	text-align:center;
	padding:4px 20px 6px 20px;
    margin-top: -3px;
}
.title .nav ul li.pass a{
	color:#fff !important;
}
footer{
	float:left;
	width:100%;
	height:230px;
}
.green{
	float:left;
	height:179px;
	width:100%;
	background-color:#07ac77;
}
.bk{
	float:left;
	height:51px;
	width:100%;
	background-color:#2c2c2c;
	
}
.green_content{
	height:179px;
	width:1000px;
	margin:0 auto;
}
.green_content i{
	float:left;
	margin-top:40px;
}
.phone{
	width:576px;
	height:122px;
	float:left;
	margin-top:30px;
	border-left:1px dashed #fff;
	border-right:1px dashed #fff;
	margin-left:30px;
}
.phone a{
	float:left;
	font-size:16px;
	font-family:微软雅黑;
	color:#fff;
	margin-right:16px;
}
.zi{
	float:left;
	width:500px;
	margin-left:34px;
}
.xian{
	float:left;
	height:14px;
	width:1px;
	background-color:#fff;
	margin-right:16px;
	margin-top:6px;
}
.lianxi{
	float:left;
	width:370px;
	margin-left:34px;
	margin-top:26px;
}
.lianxi span{
	font-size:14px;
	font-family:宋体;
	color:#fff;
	float:left;
}
.lianxi p{
	font-size:14px;
	font-family:宋体;
	color:#fff;
	float:left;
	margin-top:12px;
}
.lianxi dfn{
	float:left;
	font-size:34.03px;
	font-family:arial;
	color:#f4e93e;
	margin-top:4px;
}
.wb{
	float:right;
	margin-top:30px;
	width:100px;
	height:130px;
}
.vx{
	float:right;
	margin-top:30px;
	margin-right:30px;
	width:100px;
	height:130px;
}
.wb span{
	font-size:14px;
	font-family:宋体;
	color:#cdf1ee;		float:left;
	margin-top:10px;
	margin-left:20px
}
.vx span{
	font-size:14px;
	font-family:宋体;
	color:#cdf1ee;
	float:left;
	margin-top:10px;
	margin-left:20px
}
.bk span{
	float:left;
	margin-left:394px;
 	font-size:14px;
	font-family:宋体;
	color:#969595;
	margin-top:16px;
}
.bk dfn{
	font-size:14px;
	font-family:宋体;
	color:#969595;
	margin-top:16px;
	float:right;
}
.bk_content{
		height:51px;
	width:1000px;
	margin:0 auto;	
}