@charset "utf-8";
@import url(../css/size_style.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family:"microsoft yahei","yahei";}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul,li,dl,dt,dd{ list-style:none;}
em,i{ font-style:normal;}
input,button,textarea,checkbox,select,radio,form{ vertical-align:top;}
a{ color:#333; text-decoration:none; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
.red,.red a{ color:#F00;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pb{ position:absolute;}
.autohei{ overflow:hidden; zoom:1;}
/*.clear{ font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1;}*/
.blank{ height:10px; font-size:0; line-height:0; clear:both; overflow:hidden;}
.yahei{ font-family:"microsoft yahei","yahei";}
.songti{ font-family:"SimSun";}
.heiti{ font-family:"SimHei";}
body{ font-size:62.5% !important; border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width:640px; margin:0 auto; background:#fff; color:#333;}
img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	margin-top: 0em;
}
*{border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ display:block;}
/*html5*/

/*-----清除浮动-----*/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-x{ height:0px; *height:0px; clear:both; font-size:0px; line-height:0px;}
.clear{ clear:both; display:block;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


@media screen and (min-width:320px) {
body, input {
font-size:62.5%
}
}

@media screen and (min-width:400px) {
body, input {
font-size:75%
}
}
@media screen and (min-width:480px) {
body, input {
font-size:87.5%
}
}
@media screen and (min-width:560px) {
body, input {
font-size:100%
}
}
@media screen and (min-width:600px) {
body, input {
font-size:112.5%
}
}
@media screen and (min-width:640px) {
body, input {
font-size:125%
}
}



.pt2{ padding-bottom:2% !important;}
.mt2{ margin-top:2% !important;}
.mt3{ margin-top:3% !important;}
.mt4{ margin-top:4% !important;}
.mt5{ margin-top:5% !important;}
.mt6{ margin-top:6% !important;}
.mt7{ margin-top:7% !important;}
.mt8{ margin-top:8% !important;}
.mt10{ margin-top:10% !important;}






/*提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)*/

.pd-t3{ padding-top:3% !important;}
.pd-t5{ padding-top:5% !important;}
.pd-t6{ padding-top:6% !important;}
.pd-b3{ padding-bottom:3% !important;}
.pd-b5{ padding-bottom:5% !important;}
.pd-b6{ padding-bottom:6% !important;}
.img_block img{ display:block !important;}


.main{
	padding:0 3%;
	}


.nav{
	display:flex;
	margin-bottom:2px;
	height:3rem;
	background: -webkit-linear-gradient(#fff, #eee); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #eee); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #eee); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #eee); /* 标准的语法（必须放在最后） */
	}
.nav a{
	width:17.6%;
	height:3rem;
	line-height:3rem;
	text-align:center;
	font-size:.95rem;
	}
.nav a:nth-child(1){
	width:12%;
	}

/*Header*/

.title, .form-btn{
	text-align:center;
	}
.title h1{
	font-size:2.2rem;
	color:#1970b3;
	font-weight:bold;
	}
.title p{
	font-size:1rem;
	color:#555;
	}

.zyts{
	padding:0 2.5%;
	}
.zyts dt{
	margin-bottom:.5rem;
	}
.zyts dd{
	font-size:.95rem;
	color:#888;
	line-height:1.5rem;
	}

.form{
	padding:0 10%;
	}
.form li{
	display:flex;
	margin-bottom:4%;
	}
.form li span{
	font-size:1rem;
	width:30%;
	height:2.5rem;
	line-height:2.5rem;
	}
.form li p{
	width:70%;
	}
.form li p .input01{
	width:100%;
	border:solid 1px #cdcdcd;
	height:2.5rem;
	line-height:2.5rem;
	font-size:.95rem;
	color:#333;
	outline:none;
	padding-left:3%;
	background:#fff;
	}
.form li p label{
	font-size:.95rem;
	height:2.5rem;
	line-height:2.5rem;
	display:inline-block;
	margin-right:1rem;
	}
.form li p label input{
	vertical-align:middle;
	margin-right:.25rem;
	}
.form li p .input01.textarea01{
	height:6rem;
	line-height:1.5rem;
	padding:.5rem 0 0 3%;
	}

.form-btn .btn01{
	width:30%;
	height:2.5rem;
	line-height:2.5rem;
	font-size:1rem;
	color:#fff;
	border:none;
	background:#186fb2;
	display:inline-block;
	}
.form-btn .btn01.btn02{
	background:#c22929;
	margin-left:5%;
	}

.form-msg{
	font-size:.95rem;
	line-height:1.5rem;
	}

/*Form*/

.title02{
	border-bottom:solid 2px #eae9e9;
	height:2.5rem;
	}
.title02 span{
	display:inline-block;
	border-bottom:solid 4px #1970b3;
	font-size:1.6rem;
	color:#1970b3;
	font-weight:bold;
	height:2.5rem;
	line-height:2.2rem;
	}




@media screen and (max-width:480px){
	.title h1{
		font-size:2rem;
		}
	}

@media screen and (max-width:450px){
	.form li span{
		width:34%;
		}
	}

@media screen and (max-width:420px){
	.title h1{
		font-size:1.8rem;
		}
	.form li span{
		width:39%;
		}
	}

@media screen and (max-width:380px){
	
	}

@media screen and (max-width:360px){

	}