@charset "gb2312";
/* CSS Document */

html {overflow-y:scroll;}
body {margin:0; padding:0; font-family:"Microsoft YaHei",΢ÈíÑźÚ; background:#f6f9fc;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.hx a,.hx em,.fB{font-weight:bold;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#333333; text-decoration:none;}
a:hover { color:#e33830;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}  
.fl { float:left;}
.fr { float:right;}
.cl { clear:both;}
.w340 { width:340px;}
.p20 { padding-top:20px;}
.wrap { overflow:hidden;}
.banner1 { background: url(../images/banner1.png) no-repeat center top;}
.daoyu { padding-top:565px; color: #fff; padding-bottom:35px; width:1000px; margin:0 auto 25px; text-indent:2em; line-height:2em; font-size:16px; border-bottom:#cecece 1px solid;}

.w1000 { width:1000px; margin:0 auto;}
.blue { background:#5477c8; overflow:hidden;}
.txt { overflow:hidden;}
.txt h3 { color:#5477c8 ; font-size:20px; font-weight:700; border-left:#5477c8 6px solid; padding-left:10px; margin:25px 0;}
.txt p { line-height:2.1em; overflow:hidden;}
.txt p span { width:110px; text-align:center; float:right; padding-left:15px;}
.txt p span i { font-size:12px;}
.txt p font { color:#f5551e;}
.w490 { width:460px;}
.w490 p { margin-bottom:25px;}
.w470 { width:460px; padding-left:39px; border-left:#cecece 1px solid;}
.blue h3 { color:#FFF; font-size:20px; font-weight:700; margin:25px 0; }
.blue h3 span { font-size:14px; color:#ffcb71; font-weight:normal; }
.blue .div1 { overflow:hidden; margin-bottom:15px;}
.blue .div1 label { width:18%; float:left; color:#FFF; line-height:32px;} 
.blue .div1 label b { color:#ffcb71; font-weight:700;}
.blue .div1 input { width:80%; float:right; height:32px; line-height:32px; background:#FFF; border:0; border-radius:5px; text-indent:1em;}
.blue .div1 select { width:80%; float:right; height:32px; line-height:32px; background:#FFF; border:0; border-radius:5px; text-indent:1em;}
.blue .div1 textarea { width:80%; float:right; height:160px; line-height:32px; background:#FFF; border:0; border-radius:5px;}
.blue .div2 { overflow:hidden; width:300px; margin:10px 0px 25px 93px;}
.blue .div2 input { width:100%; background:#ff6600; text-align:center; padding:0; margin:0; border:0; color:#FFF; height:45px; border-radius:5px;}
.footer { text-align:center; padding:25px 0; height: 5px; background: #5477c8;}
	.pc { display:block;}
	.sj { display:none;}
.zhengji {border-top: #cecece 1px solid;border-bottom: #cecece 1px solid; padding:25px 0;}

#OpenLetter {
    background-color: #f3f9ff;
    position: relative;
    padding-top: 90px;
    border-radius: 30px;
}
#OpenLetter .title-img {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: -18px;
}
#OpenLetter .OpenLetter-center{
    padding: 60px 35px 60px 35px;
}
#OpenLetter p {
    background-color: initial;
    text-indent: initial;
    font-size: 18px;
    font-family: ΢ÈíÑźÚ;
}



@media only screen and (max-width:500px) {
	.pc { display:none;}
	.sj { display:block;}
	.banner2 { margin-bottom: 1vh;}
	.sj .txt { padding:0 5%; font-size:1.2em;}
	.sj .txt h3 { margin:3% 0;}
	.blue h3 { margin:6% 0;}
	.w1000 { width:90%; padding:0 5%; margin:0 auto;}
	.w490 { width:100%;}
	.blue .div1 { margin-bottom:3%;}
	.blue .div1 label { width:100%; float:none;}
	.blue .div1 input { width:100%; float:none;}
	.blue .div1 select { width:100%; float:none; font-size:1em; line-height:3em;}
	.blue .div1 textarea { width:94%; padding:3%; float:none; font-size:1em; line-height:1.8em;}
	.blue .div2 { width:90%; margin:0 auto 8%;}
	.blue .div2 input { font-size:1.5em; line-height:3em; height:3em;}
	.btn1 { margin-top:5%;}
	.btn1,.btn2 { font-size:1em; line-height:1.5em;background:#5477c8;color:#FFF; border-radius:5px; text-align:center; padding:2% 0;}
	.btn1 a ,.btn2 a { color:#FFF;}
	.btn1 font,.btn2 font { display:block; text-align:center; font-size:0.9em; color:#ffcb71; line-height:1.2em;}
	.layui-layer-title { display:none;}
	.layui-layer-content { padding:5%; background:#f6f9fc;}
	.layui-layer-content h3 { color:#f5551e; font-size:20px; font-weight:700; border-left:#f5551e 3px solid; padding-left:10px; margin:3% 0;}
	.layui-layer-content p { margin-bottom:5%;line-height:3em; }
	.layui-layer-content p span { width:100%; text-align:center; display:block;}
	.layui-layer-content p span i { text-align:center; display:block; font-size:0.9em;}
	#OpenLetter .OpenLetter-center { padding: 0px 35px 60px 35px;}
.txt p { font-size:.9em; line-height:1.4em;}
	}