﻿@media screen and (min-width:320px){

	.yg_nav{font-size:14px}

	.header{padding-top:11.8%;}

}

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

	.yg_nav{font-size:16px}

	.header{padding-top:12%;}

}

@media screen and (min-width:480px){

	.yg_nav{font-size:18px}

	.header{padding-top:10.5%;}

}

@media screen and (min-width:640px){

	.header{padding-top:6.2%;}

	.yg_nav{font-size:28px}

}

.ygxs_nav{width: 100%;left: 0; position: fixed;left: 0;top: 0px;z-index: 999999;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}

.yg_nav{width:100%;max-width:640px;min-width:320px; font-family:"Microsoft YaHei";margin:0 auto; overflow:hidden; background:#f2f2f2; border-bottom:1px solid #eee;}

.yg_nav a{ float:left; display:block; width:16.66%; text-align:center; line-height:2.8em; color:#333; text-decoration:underline;}

.header{width:100%;height:auto;font-size:0;max-width: 640px;min-width: 320px;margin: 0 auto;}

.header img{width:100%;}



.footer{width:100%; max-width:640px; min-width:320px; padding:2% 0 4% 0; font-family:"Microsoft YaHei"; overflow:hidden;background: #F4F3F3; margin:0 auto;}

.footer p.p11{width:90%; margin:0 auto;line-height:2em; font-size:1.2em; color:#666; padding-top:1%; text-align:center; border-top:1px solid #fff;}

.footer p.p11 a{color:#666; padding:0 1.8%; text-decoration:none;font-size:0.9em;}

.footer p.p2{line-height:2em; font-size:1.1em; color:#666666; padding-bottom:15px; text-align:center; letter-spacing:-1px;}

.footer p.p2 a{text-decoration:none; color:#f00;}

.footer div{ width:90%; margin:0 auto; overflow:hidden; border-bottom:1px solid #E1DBDB; padding-bottom:3%;}

.footer div ul li{ width:25%; height:4.2em; float:left; list-style-type:none;}

.footer div ul li a{ border:1px solid #ccc;height:3.8em; display:block; width:94%; border-radius:5px; color:#666;}

.footer div ul li a img{ margin-top:2%; margin-left:10%; width:25%; margin-top:10%; float:left;}

.footer div ul li a p{ line-height:1.6em; font-size:0.9em; padding-left:5%; padding-top:8%; float:left; text-align:center;}

.footer div ul li a p.ft_zx{ padding-left:13%;}

@media screen and (min-width:320px){

	.footer{font-size:12px}

	.footer_a{font-size:12px}

	#zh_ztgg div:nth-of-type(1){ height:8.5em}

}

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

	#zh_ztgg div:nth-of-type(1){ height:9em}

}

@media screen and (min-width:480px){

	.footer_a{font-size:21px}

	#zh_ztgg div:nth-of-type(1){ height:14em}

}

@media screen and (min-width:640px){

	.footer{font-size:24px}

	.footer_a{font-size:24px}

	#zh_ztgg div:nth-of-type(1){ height:17em}

}

.footer_a{width: 100%;max-width: 640px;min-width: 320px;padding: 2% 0 10% 0;font-family: "Microsoft YaHei";overflow: hidden;background: #F4F3F3;margin: 0 auto;text-align: center;line-height: 2em;font-size:0.9em;}

.pfbb{position:fixed;top:0; width:100%;background:#000; opacity:0; display:none;font-family:"Microsoft YaHei";}

.pfbb div{ width:25%; float:left;}

.pfbb div a{ display:block; line-height:3.3em; text-align:center; border-right:1px solid #272727; color:#fff; font-size:1.2em; font-weight:600;}

@media screen and (min-width:480px){.pfbb{font-size:21px}}@media screen and (min-width:640px){.pfbb{font-size:24px}}@media screen and (min-width:320px){.pfbb{font-size:14px}}