﻿@charset "utf-8";

/* 1.BODY

---------------------------------------------------------------------- */

body { text-rendering:optimizeLegibility;color:#333; font-family:"Source Han Sans CN";}

body{-webkit-text-size-adjust: none;  min-width:320px;max-width:640px;margin:0 auto;width:100%; overflow-x: hidden;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding: 0;margin: 0;}

body{ background: #fff;}
.mt10{margin-top: 10px;}
@media screen and (max-width : 360px) {

body{ font-size:11px;}

}
.container{padding-left:0; padding-right:0;max-width:650px;}
@media screen and (min-width: 360px) and (max-width : 479px) {

	body{ font-size:12px;}

}

@media screen and (min-width: 480px) and (max-width: 640px) {

	body{ font-size:15px;}

}

ul,ol,li,input,h1,h2,h3,h4,h5,p,span,b,dl,dt,dd{ margin:0; padding:0; list-style:none;}

header,nav,footer{margin:0; padding:0;width:100%;}

img{border:0;}

a{text-decoration:none;outline:0;text-decoration: none;color: #333;display: block;}

a:link, a:visited {/* color:#ba1820; */}

a:hover, a:focus { color:#999; }
.blue{color: #425cfc}
.yellow{color: #ffc227}
.red,a.red{color:#FF3300;}

.clearf:after,clearf:before{content:"";display:block; }

.clearf:after {visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}

.clearf{*zoom:1;}

.clear{clear:both}
/* 自动换行 */

.wtao{word-wrap: break-word;word-break: normal;}

.top{width:100%;}

.top img{width:100%;height:100%;margin-bottom: -0.4rem}

.liyou{width:100%;text-align:center;font-size:1.7rem;height:4rem;margin-top:1.1rem;}

.liyou .number{font-size:2.5rem;color:#409eff;font-weight:solid;}
.mt1{margin-top:2rem;}
.hint{width:100%;background:#ffdd00;padding-top:1.5rem;height:20rem;}
.hint h2{text-align:center;font-size:1.4rem;}
.hint p{display:block;padding:1rem;color:#616366;line-height:1.7rem;font-size:1rem;}

.btn_button{width:100%;background:##ffdd00;}
.btn_button a{
    display: block;
    width: 46%;
    height: 40px;
	border:#c2c0ae 1px solid;
    border-radius: 100px;
    text-align: center;
    background: #fff;
    font-size: 16px;
    line-height: 38px;
    color: #18191a;
	margin:1rem auto;
}

@media screen and (min-width:640px){
	.btn_button a{
		display: block;
		width: 46%;
		height: 40px;
		border:#c2c0ae 1px solid;
		border-radius: 100px;
		text-align: center;
		background: #fff;
		font-size: 16px;
		line-height: 38px;
		color: #18191a;

	}	
}
@media screen and (min-width:640px){
.hint{width:100%;background:#ffdd00;padding-top:2rem;height:22rem;}
.hint h2{text-align:center;font-size:2.2rem;}
.hint p{display:block;padding:1.4rem;color:#616366;line-height:2rem;font-size:1.2rem;}
}



.jx_box{text-align:center;background:url(jx_images/jx_bg.jpg) no-repeat center  bottom;padding-top:3rem;height:204px;background-color:#f2f5fa;}
.jx_box h1{font-size:2.1rem;font-weight:normal;}
.jx_box p{line-height:2rem;font-size:1.2rem;color:#616366;}

.jx_box2{text-align:center;background:url(jx_images/jx_bg.jpg) no-repeat center  bottom;padding-top:3rem;height:204px;}
.jx_box2 h1{font-size:2.1rem;font-weight:normal;}
.jx_box2 p{line-height:2rem;font-size:1.2rem;color:#616366;}

.huanjing{width:99%;padding:.2rem .2rem .2rem .5rem;}


.jx_zy{width:100%;height:126px; padding-top:2rem;background-color:#f2f5fa;padding:2rem;margin-top:-2px;}
.jx_zy .img{width:5.5rem;height:5.5rem;float:left;padding-top:1rem;}
.jx_zy h2{display:block;width:70%;height:auto;float:right;font-size:16px;font-weight:normal;}
.jx_zy  p{width:70%;height:auto;float:right;color:#797b80;}
.block{width: 100%;background: #f2f5fa;}
.xtit {
    padding-top: 5px;

    margin: auto 6%;

    position: relative;

    overflow: hidden;

    min-width: 320px;

    max-width: 640px;

    max-height: 150px;

}
.youshi{margin:auto 6%;text-indent:1em;font-size: 18px;}

.fw_box{
    width: 90%;
    margin: 0 auto;
	margin-top: 0.4rem;
}
.fw{
    width: 46%;    
    height: 11rem;
    background: url(images/img_fw.jpg) no-repeat center top;
    background-size: 100%; 
    float:left;
    margin: 0 2%;
	margin-top: 0.3rem;
}

.fw img{
    display: block;
    width: 91%;
    margin: 0 auto;
    padding-top: .5rem; 
}
.fw p{
    font-size: 1rem;

    text-align: center;
}



@media screen and (min-width:640px){
	.fw{

		height: 17rem;

	}
	
	.fw img{
		display: block;
		width: 91%;
		margin: 0 auto;
		padding-top: .8rem; 
	}
	
.fw p{
    font-size: 1.5rem;
	line-height: 2.1rem;
    text-align: center;
}
}
.btn_ask{width: 100%; }

.btn_ask a{
	
	display: block;
	
	clear: both;
    width: 59%;
	margin: 1rem auto;
    height: 2.6rem;
	border-radius: 10px;
	background: #ff0000;
	text-align: center;
	font-size: 0.9rem;
	color: #fff;
    line-height: 2.8rem;
}
@media screen and (min-width:640px){
	.btn_ask a{

		height: 2.9rem;

		font-size: 1.4rem;
		line-height: 3rem;
	}
}
.wl_ys{
    width: 100%;
    margin: 0 auto;text-align: center;line-height: 1.6rem;
}
.wl_ys .wl_box{width: 50%;float: left; padding-top:1.5rem;background: #f2f5fa; } 
.wl_ys .wl_box img{width: 50%; height: auto;margin: 1rem auto;display: block;
}
.wl_ys .wl_box h5{font-size: 1.2rem;color: #425cfc;} 

.wl_ys .wl_box p{font-size: .9rem;} 



@media screen and (min-width:640px){
.wl_ys{
line-height: 2.3rem;
}

.wl_ys .wl_box h5{font-size:2rem;} 

.wl_ys .wl_box p{font-size: 1.6rem;}

}


.xtit2 img{width:100%}

.xtit2 h2 {

    width: 100%;



    line-height: .8rem;

    z-index: 5;

    text-align: center;

    position: absolute;


    top: 24px;
	font-family:Source Han Sans CN;

    font-size: 25px;

    color: #ffd788;
	

}

@media screen and (min-width:640px){
.xtit2 {
max-height: 110px;
    

}
.xtit2 h2 {


    width: 65%;

    height: 110px;

    line-height: 2.4rem;

    left: 19%;


    font-size: 36px;



    color: #ffd788;
	font-family:Source Han Sans CN;

}

}

.xtit2 {

    padding-top: 5px;

    margin: auto 6%;

    position: relative;

    overflow: hidden;

    min-width: 320px;

    max-width: 640px;

    max-height: 150px;

}


.ask{width: 100%;background: #f2f5fa;height: 14rem;padding-top: .1rem;}
.ask p{display: block;text-align: center;line-height: 2rem;font-size: 1.4rem;margin-top: 1rem;margin-bottom: 1rem;}
.ask img{width:42%;height: 19%;float: left;margin: .8rem 0 .9rem 1.3rem ;}

@media screen and (min-width:640px){
	.ask img{width:40%;height: 22%;float: left;margin: 1rem 0 .9rem 2.4rem ;}
}



.btn_zx2{width: 100%;background:#f2f5fa;padding-bottom: 1.5rem;padding-top:2rem;}
.btn_zx2 a{
	
	display: block;	

	clear: both;
    width: 40%;
	margin: 0 auto;
    height: 2.5rem;
	border-radius: 100px;
	background: #ffdd00;
	text-align: center;
	font-size: 1.2rem;
	color: #3d3e40;
    line-height: 2.6rem;
}
@media screen and (min-width:640px){
	.btn_zx2 a{

		height: 2.9rem;

		font-size: 1.4rem;
		line-height: 3rem;
	}
}

.btn_zx{width: 100%;background:#f2f5fa;padding-bottom: 1.5rem; }
.btn_zx a{
	
	display: block;	
border-radius: 100px;
	clear: both;
    width: 40%;
	margin: 0 auto;
    height: 2.6rem;
	background: #ff0000;
	text-align: center;
	font-size: 0.9rem;
	color: #fff;
    line-height: 2.8rem;
}
@media screen and (min-width:640px){
	.btn_zx a{

		height: 2.9rem;

		font-size: 1.4rem;
		line-height: 3rem;
	}
}
.w100{padding: 0 1.5rem 0 1.5rem;background-color:#f5f8fb;}
.zixun{overflow:hidden; }
.zxbm{/*height:45rem;*/padding-top:2rem;padding-bottom:3rem;background-color:#6d7ded;background-size:100% 100%;text-align:center;width:100%;}
.zxbm p{line-height:2.8rem;font-size:1.6rem;color:#FFF;}
.zxbm2{/*height:45rem;*/ padding-top:0.1rem;padding-bottom:3rem;background:url(images/box2.jpg) no-repeat;background-color:#FFF;background-size:100% 100%;color:#7a7a7a;}
.zxbm .T-bm td .f-input {height:5.5rem;line-height:4rem;border:1px solid #ddd;border-radius: 6px;width:100%;font-size: 1.6rem;padding-left: .5rem;text-align:center;}
.boxTit{padding-top:0.51em;height:45px;position:relative;line-height:45px;font-size:1.5rem;padding-left:18px;text-align: center; }
.T-bm td .f-input2 { margin-top:1.5rem;height:5.5rem;line-height:4rem;background: #d92d73;border-radius: 10px; border:0;width:85%;color:#fff;text-align: center;font-size:2rem;}


.boxTit a{color: #000000;}

.T-bm { width:88%; margin:10px auto; color:#444 }

.T-bm td { line-height: 3.2rem; padding:5px 0;font-size:1.6rem;}
.T-bm td  span{color:#ee706d;}
.zxbm2 .T-bm td .f-input {height:5.5rem;line-height:4rem;border:1px solid #ddd;border-radius: 6px;width:100%;font-size: 1.6rem;padding-left: .5rem;}
.T-bm td .f-input3 { margin-top:1.5rem;height:5.5rem;line-height:4rem;background: #eb2d38;border-radius: 10px; border:0;width:85%;color:#fff;text-align: center;font-size:2rem;}
.T-bm td p .radios { color:#888; }

.T-bm td #submit{width:100%;border:none;display:block;background-color:#5fb0e8;border-radius:5px;margin-top:10px;font-size:16px;color:#fff;}
.content_box{width:100%;margin:0 auto;padding:5px 0;background:#fff;overflow:hidden}

.content_box h1{font-weight:lighter}
.gap{height: 5rem;}
.footer{padding:0.1rem 0;text-align:center;font-size:1.35rem;color:#b8b8b8;line-height:2.8rem;}
@media screen and (min-width:640px){
	.gap{height: 8rem;}
}
.subFooter{

	background-color:#fff;

	height: 1.7em;

	text-align:center;

	width:100%;

	padding-top: 0.5em;

}








