@charset "utf-8";
body {font-family:'微软雅黑',Microsoft YaHei,Helvetica; padding:0; margin:0; color:#222; background:#e3fafa;font-size:62.5%}
.whiteBg{ background:#fff}
*{ margin:0; padding:0; box-sizing:border-box;}
*:focus{ outline:none}
li{ list-style:none}
img{ border:none; vertical-align:top}

#headerPc{ display:none}
.banner{ display:none}
	.banner h1{ font-size:26px; color:#fff; margin-top:494px; line-height:55px; text-align:center;}
.bannerWap{ width:100%; text-align:center; display:block; position:relative}
	.bannerWap img{ width:100%}
	.topLink{ position:absolute; top:0; left:0; margin-top:70%; padding:0 1rem; width:100%}
		.topLink span{ width:50%; float:left; padding:0 0.5rem}
			.topLink span a{font-size:1rem; background:#17b9ba;-moz-box-shadow:0px -3px 3px #149e9f inset;	-webkit-box-shadow:0px -3px 3px #149e9f inset;	box-shadow:0px -3px 3px #149e9f inset; width:100%; display:block; color:#fff; text-decoration:none; font-weight:bold; text-align:center; border-radius:0.3rem; height:2.4rem; line-height:2.4rem}
			.topLink span a.rightA{ background:#fda42c;-moz-box-shadow:0px -3px 3px #d98c26 inset;	-webkit-box-shadow:0px -3px 3px #d98c26 inset;	box-shadow:0px -3px 3px #d98c26 inset;}
		
.partOne{ width:100%; padding:1rem; overflow:hidden}
	.titOne{ height:2rem; line-height:2rem; font-size:1rem; color:#fff; text-align:center; background:url(../images/h1_bg.png) no-repeat center; background-size:auto 100%; margin-top:0.6rem}
	
	.tip{ padding:0.5rem 0 ;text-align:center}
		.tipTime{ font-size:0.7rem; padding:0.5rem 0}
		.tipExplain{ font-size:0.82rem}
	
	.ulPro{display:none}
	.ulProWap{ display:block;}
		.ulProWap li{ width:50%; float:left; text-align:left; margin-bottom:0.4rem}
			.ulProWap li img{ width:98%}
		.ulProWap li.r{ text-align:right}
		.ulProWap li.last{ width:100%}
			.ulProWap li.last img{ width:100%}
	
	.dlRule{width:100%; overflow:hidden}
		.dlRule dt{font-size:1rem; padding:0.3rem 0}
			.dlRule dd{ font-size:0.75rem; line-height:1.2rem; margin:.5rem 0; padding:0 0 0 1.5rem; position:relative}
				.dlRule dd i{position:absolute;left:0; top:0; display:block; width:1.2rem; height:1.2rem; color:#fff; background:#21aaab; border-radius:1rem; text-align:center; font-style:normal; line-height:1.2rem}
	
.partTwo{ background:url(../images/partTwo_bg.gif) repeat-x center top #5ae0fe; background-size:auto 6rem; overflow:hidden; width:100% }
	.titTwo{ background:url(../images/h2_bg.png) no-repeat center top; background-size:auto 5rem; color:#fff; padding-top:3rem; line-height:2rem; font-size:1rem; text-align:center;}

.pc{ display:none}
.wap{ display:block; padding-top:1rem}
	.wap img{ width:100%; padding:0 0 1rem 0}


.footer{ background:#e3fafa; color:#555; width:100%}
	.footer p{ font-size:0.75rem; text-align:center; padding:.5rem}

.floatBox{background:rgba(228,46,51,.88); position:fixed; bottom:0; left:0; width:100%}
	.floatBox a{font-size:1rem; text-align:center; color:#fff; text-decoration:none;  padding:0.7rem; display:block}
.floatBoxPc{ display:none}
.floatBoxWap{ display:block}

.pad{ padding:0 1rem}
.space{ height:50px}
.pag{ height:0.5rem; display:block}	
@media screen and (min-width:960px) {
#loading img{ width:120px}
#headerPc{height:90px;  width:100%; background:#fff; display:block}
	.header{ width:990px; margin:0 auto;}
		.logo{float:left; width:280px; display:block; overflow:hidden; height:90px;}
			.logo img{ height:80%; margin-top:8px}
			
		.topNav{float:left; width:700px}	
		.ulNav{}
			.ulNav li{ float:right; display:inline-block; line-height:90px; width:14%}
				.ulNav li a{ display:block;font-size:16px; text-align:center; text-decoration:none; color:#333}	
					.ulNav li.hover,.ulNav li a:hover,.ulNav li a:active{background: #f19f46; font-weight:bold; color:#fff; text-decoration:none}
					.ulNav li:hover a{color:#fff}
.bannerWap{ display:none}
	.banner{display:block; width:100%; height:565px; overflow:hidden; background:url(../images/banner_pc.jpg) center top}
.partOne{ padding:0; width:990px; margin:0 auto}
	.titOne{ display:none}
	.tip{padding:0 0 20px 0}
		.tipTime{ font-size:14px; padding:5px 0}
		.tipExplain{ font-size:18px}
	.ulPro{ width:990px; overflow:hidden; display:block}
		.ulPro li{ width:320px; overflow:hidden; margin-top:11px; display:inline-block;}
		.ulPro li.c{ margin:11px 11px 0 11px}
	.ulProWap{ display:none}	
	.dlRule	{ width:990px; margin:0 auto;}
		.dlRule dt{ font-size:18px}
		.dlRule dd{ font-size:15px; padding:7px 0 7px 26px; margin:0; line-height:1.4rem}
			.dlRule dd i{ top:10px}


.partTwo{background:url(../images/partTwo_bg.gif) repeat-x center top #5ae0fe;}	
	.titTwo{background:url(../images/h2_bg.gif) no-repeat center top; font-size:26px; color:#fff; padding:87px 0 20px 0; line-height:55px; text-align:center;}	
		
	
.pc{ display:block; width:990px; margin:0 auto; text-align:center; overflow:hidden; padding-bottom:15px}
.wap{ display:none}
.pad{ padding:0 1rem}

.footer{ background:#e3fafa; color:#555}
	.footer p{ font-size:13px; text-align:center; width:990px; margin:0 auto; padding:12px}

.floatBox{background:rgba(228,46,51,.88); position:fixed; bottom:0; left:0; width:100%}
	.floatBox a{font-size:16px; text-align:center; color:#fff; text-decoration:none; width:990px; margin:0 auto; padding:12px; display:block}
.floatBoxPc{ display:block}
.floatBoxWap{ display:none}
.pag{ height:20px; display:block}	
}