body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form ,div{ margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
body{ background-color:#f3f3f3}
img {border:0;vertical-align:bottom}
body { color: #000; -webkit-user-select: none; -webkit-text-size-adjust: none;text-align:left; font-family:"Helvetica Neue", "Microsoft YaHei",Helvetica, STHeiTi, sans-serif; font-size:12px;}
header, section, footer { display: block; margin: 0; padding: 0 }
a{text-decoration:none;color:#000;}
.bk{max-width:720px; margin:0 auto}
#top{ width:100%;}
#top img{ width:100%}
#top1{ display:block; padding:0 5px; overflow:hidden;zoom:1}
#top1 div{ display:block; width:25%;text-align:center; float:left}
#top1 div span{ display:block; margin:0 5px; background-color:#fff; padding-bottom:10px; margin-bottom:10px;}
#top1 div span img{ width:100%; height:100%; padding-bottom:10px}

.top6{background: url(img/dhbg.gif) repeat-x bottom #f9f9f9;overflow:auto;zom:1;border-bottom:solid 1px #c6c6c6}
.top6 a{ width:25%; line-height:300%;display:block; float:left; text-align:center; font-size:13px; border-bottom:solid 1px #ccc;background-color:#fff;}
.top6 a span{ display:block;border-right:solid 1px #ccc}
#top6{ background-color:#d6d6d6;color:#000;font-weight:bold}

#top7{ line-height:30px; text-align:center; font-size:11px; color:#999; border-top:solid 2px #e3e3e3; padding-bottom:3px}
#top7 font{ padding:0 10px}
#top8{ margin:0 10px}
#top8 img{ width:100%}
#top9{font-size:16px; margin:0 10px; display:block; height:50px; line-height:50px}
#top9 span{ color:#ccc; padding-left:5px; font-weight:normal}
#top9a{font-size:16px; display:block; height:50px; line-height:50px; border-bottom:solid 1px #ddd}
#top9a span{ color:#ccc; padding-left:5px; font-weight:normal}
#top10{margin:3px 10px 0 10px; padding:15px 0; background:url(../img/dhbg2.gif) repeat-x bottom #fff; border-bottom:solid 1px #ccc}
#top10 li{ display:block; width:92%; margin:0 auto; border-bottom:solid 1px #f6f6f6; color:#FF6600; line-height:150%;font-size:14px; padding:10px 0}
#top10 li a{ color:#333; padding-left:3px}
#top11{border-top:solid 2px #e3e3e3; margin:0 10px; height:1px; line-height:0}
.focus{position:relative; overflow:hidden}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#ff6600;  }
.focus .bd{ position:relative; z-index:0; background-color:#000000}
.focus .bd li img{ width:100% }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.wrap {overflow:hidden; position:relative; margin:0 5px}
.wrap div { width:33%;float:left}
.wrap div a { display:block}
.wrap div a { display:block; margin:3px 4px; background: url(img/dhbg1.gif) repeat-x bottom #fff; border-bottom:solid 2px #e3e3e3}
.wrap div a img{ width:100%}
.wrap div a dl{ display:block; border-bottom:solid 1px #ccc; padding-bottom:10px}
.wrap div a dt{ display:block; font-size:14px; line-height:150%; padding:15px 0 0 15px; font-weight:bold}
.wrap div a dd{ display:block; border-bottom:solid 1px #fff; padding:5px 0 15px 15px;font-size:12px; line-height:100%; color:#ff3300}
.wrap div a dd p{ padding-bottom:5px; color:#999;text-decoration:line-through; display:block}

#bottom{ height:50px; position:fixed;left:0;bottom:0; width:100%}
#bottom3{ width:100%; height:50px; background-color:#000;opacity:0.7;filter:Alpha(opacity=70); position:absolute;bottom:0;left:0}
#bottom2{ display:block; height:50px;position:relative}
#bottom2 a{ width:45%; margin-top:6px; display:block; color:#fff; text-align: center; position:absolute;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#bottom2 a font{ display:block; line-height:34px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:14px}
#sk8a{left:0; background-color:#68BF22; margin-left:10px; border:solid 1px #2F5014}
#sk8a font{ border:solid 1px #87D449}
#sk8b{right:0; background-color:#FF8400; margin-right:10px; border:solid 1px #583917}
#sk8b font{ border:solid 1px #EE9433}
#bottom1{ font-size:12px; line-height:140%; color:#777; text-align:center; margin:10px 0 60px 0; display:block}


#about{ border-top:solid 1px #ddd; margin:0 10px}
#about1{font-size:14px}
#about1 li{ display:block; border-bottom:solid 1px #ddd; border-top:solid 1px #f6f6f6; padding:10px 0; color:#666; line-height:180%}
#about1 span{ color:#CF1D1D; padding-right:10px}
#about1 i{ font-style:normal; color:#333}
#about2{ border-top:solid 1px #f6f6f6; line-height:180%; font-size:14px; padding-top:15px; color:#333}
#about2 img{ width:100%; margin-top:15px}
#about3{ background-color:#fff; text-align:center; padding:20px 20px 40px 20px; font-size:12px; line-height:150%; border:solid 1px #ddd; border-top:none}
#about3 img{max-width:600px; margin:0 auto}
#about3 span{color:#CF1D1D}
#about3 h2{ line-height:200%; font-size:18px}
#map{ background-color:#333; margin-top:15px}
#yh{ display:block; margin:0 10px}
#yh li{ border-bottom:solid 2px #e6e6e6; margin-bottom:10px}
#yh li a,#yh li big{ display:block; border-bottom:solid 1px #d6d6d6; padding:15px;background:url(../img/dhbg.gif) repeat-x left bottom #fff; position:relative}
#yh li div{ font-size:14px;color:#666;}
#yh li i{ display:block;height:10px;clear:both}
#yh li span{ display:block; width:40%; float:left; border-right:solid 25px #fff}
#yh li span img{ width:100%}
#yh li h2{ display:block; font-size:20px; line-height:30px; padding-bottom:10px}
#yh li p{ display:block; font-size:12px; color:#CF1D1D; position:absolute;top:25px;right:15px}
#yh li b{ display:block;margin-top:10px ;font-size:36px; color:#CF1D1D; border-top:solid 1px #eee; padding-top:6px; font-weight:normal}
#yh li b font{ font-size:12px; color:#999; padding-left:10px; text-decoration:line-through}
#yh dt{ display:block; background-color:#f6f6f6; color:#333; font-size:16px; line-height:150%; padding:8px 0 8px 15px ; border-bottom:solid 1px #d6d6d6; margin-top:10px}
#yh dd{ line-height:150%; color:#666; font-size:14px; padding:20px 0; display:block; border-top:solid 2px #f6f6f6; line-height:180%}
#yh li h3 a{ color:#fff; background-color:#CF1D1D; display:block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:14px; text-align:center; padding:10px 0; margin-bottom:20px}

#i4{ margin:0 4px; text-align:center}
#i4 div{ display:inline-block;  width:50%; padding:10px 0 20px 0; color:#fff}
#i4 div a{ margin:0 5px;line-height:250%; text-align:center; background-color:#A8170C; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.i3{ margin:0 6px 15px 6px}
.i3 a{ display:inline-block; width:25%; color:#444;}
.i3 a span{ display:block; margin:3px 3px; line-height:250%; text-align:center; background-color:#f9f9f9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#i3a{ color:#fff}
#i3a span{ background-color:#A8170C}
@media screen and (max-width: 720px) {
.wrap div { width:50%}
#top9{font-size:20px; line-height:250%}
#about3 img{ width:100%}
#yh li span{ float:none; width:100%; border:0; margin-bottom:10px}
#yh li p{ position: static; padding-bottom:10px}
#yh li h2{ line-height:25px; padding:0}
#yh li i{ display:block;height:1px;clear:both}
#yh li b{ margin-top:10px; padding-top:10px}
}
@media screen and (orientation:landscape){
.wrap div { width:33%} 
#top5{ width:18%;bottom:0;}
#top4{ padding:10px 0 0 20%} 
#top9{font-size:20px; line-height:250%}
#yh li span{ display:block; width:40%; float:left; border-right:solid 15px #fff}
#yh li p{ position:absolute}
#yh li h2{line-height:30px; padding-bottom:10px}
}

#wchContent img{margin-top:15px; width:100%;max-width:720px; width:expression(width>720?"720px":"width");}



.all{width:100%;}
footer{
	position:fixed;left:0;bottom:0; z-index: 999;
	background: #0f1427; font-size:14px;
}
footer .share{
	bottom: 58px;display: none;z-index: 9;position: fixed!important; width: 100%;
}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;visibility:hidden;
}
.one-touch{
	width:100%; height:5.0rem;
	background:#0f1427;
	color:#fe6716;font-size:1.0rem !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
}
.one-touch a{
	float:left;
	width:33%;padding:0.125rem 0;display:block;
	color:#fe6716;text-align:center;
	cursor:pointer;
}
.one-touch a:visited{
	color:#fe6715;
}
.one-touch a > span{
	display:block;
	font:1.25rem/2.0rem "Microsoft Yahei";
}
.one-touch .iconfont{
	font:2.2rem/2.8rem "Microsoft Yahei";
	padding-top: 0.2rem;
}


@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:14px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*media query*/
@media screen and (min-width:640px){
	.all{width:640px;margin:0 auto;}
	.rightnav{width:22.25rem !important;}
	.afPopup{width:640px;}
}
@media screen and (max-width:540px){
	body,html{font-size:14.5px;}
}
@media screen and (max-width:480px){
	body,html{font-size:13px;}
}
@media screen and (max-width:420px){
	body,html{font-size:11.5px;}
}
@media screen and (max-width:360px){
	body,html{font-size:10px;}
}
@media screen and (max-width:320px){
	body,html{font-size:9px;}
}


.mywch img,.mywch p img{max-width:100%;width:expression(width>640?"100%":"width");}