.box { MARGIN: 0px auto; width: 800px;}
* html .box{height: 1%; }*> .box{ overflow: hidden;}
* html ul{height: 1%; }*> ul{ overflow: hidden;}
.topst{ background: url(topbg.jpg) no-repeat center top; text-align:center}
.topst img{ width:820px}
.tu img{ width:100%;}
.btbt{ background: url(hg.png) no-repeat left top; padding-left:200px; font-size:2.4em; line-height:1.1em; font-weight:bold; color:#fff; height:94px; padding-top:70px; margin-top:-164px; position:relative; z-index:99}
.btbt p{ font-size:0.5em; line-height:1.4em; font-weight:lighter}
.btbt1{ font-size:2.4em; line-height:1.1em; font-weight:bold; color:#fff; text-align:center; color:#da251d}
.wz1{ font-size:1.3em; line-height:1.6em;}
.wz1 h3{ font-size:1.3em; background: url(xz.jpg) no-repeat left bottom; padding-bottom:8px; font-weight:bold;}
.ofa{ overflow:hidden}
.ofa .tu2{ width:50%; float:right}
.ofa .wz2{ width:50%; float:left;  font-size:1.5em; line-height:1.8em;}
.ofa .wz2 p{ font-size:1.3em; background: url(xz.jpg) no-repeat left bottom; padding-bottom:8px; font-weight:bold;}
.ofa .wz2 span{ border-bottom:#666 1px solid}
.ofa .wz3{ width:58%; float:left;  font-size:1.3em; line-height:1.6em;}
.ofa .wz3 p{ font-size:1.2em; background: url(xz.jpg) no-repeat left bottom; padding-bottom:8px; margin-bottom:10px;}
.zshg{ background: url(tu3.jpg) no-repeat center top; font-size:1.2em; line-height:1.7em; padding:14px 285px 0 293px; height:830px; color:#666666}
.zshg span{ font-size:1.6em; line-height:1.4em; font-weight:bold}
.zshg p{ background: url(xz.jpg) no-repeat left center;}
.mt15{ margin-top:15px}
.mt30{ margin-top:30px}
sup{ line-height:0; font-size:0.6em;}
.tdi{ background: url(knzbg.jpg) no-repeat center; text-align:center; margin-bottom:1px}
.tdi img{ width:100%; max-width:1000px;}

.bot{ text-align:center; font-size:1.1em; color:#fff; padding:30px 0; overflow:hidden; background:#da251d; margin-top:30px;}
.bot h2{ font-size:3.5em; line-height:1.4em;}
.bot p{ font-size:1.3em; line-height:1.6em; margin-top:10px}
.bot img{ width:120px; margin-top:5px}
.bot ul{ width:400px; margin:10px auto 0}
.bot ul li{ width:29.3%; padding:0px 2%; float:left;}
.bot ul li img{ width:100%;}
.bot ul li p{ margin-top:5px; font-size:0.9em; color:#fff;}
.bot a{ color:#fff}
.bq{ font-size:1em; text-align:center; background:#dadada; padding:10px;}

@media screen and (max-width:800px) {
.box { width:100%;}
.topst img{ width:100%}
.btbt{ background-size:100% auto; font-size:5vw; padding-left:25vw; height:10vw; padding-top:8vw; margin-top:-18vw}
.wz1{ font-size:3.5vw;}
.ofa .wz2{ font-size:3.7vw; line-height:1.5em;}
.ofa .wz2 p{ padding-bottom:1vw;}
.ofa .wz3{ font-size:2.6vw; line-height:1.55em;}
.zshg{ background-size:100%; padding:1vw 34vw 0 34vw; height:99.5vw; font-size:2.6vw; line-height:1.5em;}
.bot{ font-size:3.2vw; padding:15px 0 15px;}
.bot h2{ font-size:2.5em;}
.bot p{ font-size:1.1em; margin-top:5px}
.bot ul{ width:80%; margin:0px auto 0}
.mt15{ margin-top:1.5vw}
.mt30{ margin-top:4vw}

}
