.box { MARGIN: 0px auto; width: 1000px;}
* html .box{height: 1%; }*> .box{ overflow: hidden;}
* html ul{height: 1%; }*> ul{ overflow: hidden;}
.topst{ text-align:center}
.topst img{ width:100%}
.tu{ position: relative;}
.tu img{ width:100%;}
.btbt{ font-size:3em; line-height:1.1em; font-weight:bold; color:#da251d; text-align: center;}
.btbt p{ font-size:0.4em; line-height:1.4em; font-weight:lighter; color:#A0A0A0}
.btbt1{ font-size:3em; line-height:1.1em; font-weight:bold; color:#da251d; border-left: #da251d 5px solid; padding: 5px 70px 5px 30px; background: rgba(255,255,255,0.7); position: absolute; bottom:10px; left: 20px; z-index: 1}
.btbt1 p{ font-size:0.4em; line-height:1.4em; font-weight:lighter; color:#000}
.btbt2{ font-size:3em; line-height:1.1em; font-weight:bold; color:#fff; width: 40%; left: 50%; margin-left: -23%;  background: rgba(0,0,0,0.6); position: absolute; z-index: 1; text-align: center; top: 20%; padding: 30px 3%;}
.btbt2 p{ font-size:0.4em; line-height:1.4em; font-weight:lighter;}
.btbt2 img{ max-width:244px; }
.wz1{ font-size:1.2em; line-height:1.6em;}
.wz1 h3{ font-size:1.6em; line-height: 1.2em; background: url(xz.jpg) no-repeat left bottom; padding-bottom:7px; font-weight:bold; color: #DC1010}
.wz1 h2{ font-size:1.6em; line-height: 1.6em; font-weight:bold; color: #000}
.wz1 span{ font-size:1.2em; line-height: 1.2em; color: #000; border-bottom: #aaa 1px solid;}
.ofa{ overflow:hidden}
.ofa .tu2{ width:60%; float:left; font-size:1.2em; line-height:1.5em;}
.ofa .tu2 p{ font-size:2.5em; line-height:1.4em; background: url(xz.jpg) no-repeat left bottom; padding-bottom:7px; margin-bottom: 20px; font-weight:bold;}
.ofa .tu2 p span{ font-size:0.4em; line-height: 1em; color:#A0A0A0; font-weight: lighter;}
.ofa .wz2{ width:40%; float:right; font-size:1.7em; line-height:1.65em;}
.zstj{font-size:1.2em; line-height:1.6em; overflow: hidden;}
.zstj .tpa{ width:37%; float:right; margin-left: 15px;}
.zstj h2{ font-size:1.6em; line-height: 1.6em }
.zstj i{ font-size:1.4em; line-height: 1.5em; border-bottom: #000 1px solid;}
.zstj p{ font-size:1.4em; line-height: 1.6em; margin-top: 15px;}

.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{ 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{ font-size:8vw;}
.btbt1{ font-size:8vw;}
.btbt2{ font-size:8vw;}
.wz1{ font-size:3.2vw;}
.zstj{font-size:3.2vw;}
.ofa .tu2{font-size:2.6vw; width: 63%}
.ofa .tu2 p{ font-size:2.2em; padding-bottom:5px; margin-bottom: 2vw;}
.ofa .wz2{font-size:3.4vw; width: 37%; }
.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}

}