body { background:#fff; color:#000; font-size:1em; line-height:1.4em; font-family:"Microsoft YaHei",SimHei; padding:0px; margin:0px;}
a:link,a:visited {color:#000;text-decoration:none;}
a:hover,a:active {text-decoration:underline;}
ul,li,p,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; list-style: none}
div{ margin:0;}
img{ vertical-align: middle; border:0; padding:0; margin:0;}
*{ padding:0; margin:0; border:0}

.box { MARGIN: 0px auto; width: 800px;}
* html .box{height: 1%; }*> .box{ overflow: hidden;}
* html ul{height: 1%; }*> ul{ overflow: hidden;}
.topst{ width:800px; margin: auto; overflow:hidden; position: relative}
.topst img{width:100%}
.topst p{ display: block; width: 100%; font-size: 5em; line-height: 1.2em; color: #fff; font-weight: bold; margin-top: -370px; position: absolute; text-align: center; }
.bta{ font-size:3em; line-height:1.3em; text-align: center; background: url(x.png) no-repeat center bottom; background-size: auto 13px;  padding-bottom: 7px; font-weight: bold; }
.bta p{ font-size:0.6em; line-height:1.2em; color:#aaaaaa; font-weight:lighter; text-transform: uppercase;}
.bta span{  background: #ee1c25; border-radius: 50px; padding: 0px 14px; color: #fff; font-weight: bold }
.tu img{ width:100%}
.taii{ font-size:1.2em; line-height:1.6em; overflow: hidden; text-align: justify}
.taii h2{  font-size: 1.4em; line-height: 1.4em; border-bottom: #f00 1px dashed; margin-bottom: 10px; padding-bottom: 5px; }
.bta1{ font-size:2em; line-height:1.4em; font-weight: bold; color: #ee1c25; padding-bottom: 5px; border-bottom: #f00 1px dashed;}
.bta1 p{ font-weight:normal; background: url(lod.jpg) no-repeat left center; padding-left: 17px; color: #fff;}
.bta1 i{font-size:0.8em; font-weight: normal; color: #333; font-style: normal }
.tab td img{ width: 100%}
.atu{float: right; width: 30%; margin-left: 2%;}
.of{ overflow: hidden; }
.zb{ width: 56%; float: left }
.yb{ width: 41%; float: right }
.yb img{width: 100%;}


.m-sa{ margin-top: -145px;}
.m-tu{ margin-top: 140px;}

.rila{ width:93px; position:fixed; right:5px; bottom:50px;}
.rila p{ margin-top:5px;}
#dianhua{ background: url(al3.png?ver=1) no-repeat left center; width:99px; height:92px; padding:3px 8px; font-size:14px; line-height:20px; position:absolute; visibility: hidden; right:94px; top:30px; color:#fff}
#dianhua p{ font-size:20px; font-weight:bold; line-height:20px; margin-bottom:6px;}
#dianhua a{ color:#fff}
#weixin{ background: url(al4.png) no-repeat center; width:111px; height:118px; padding:10px 4px 0px 0px; font-size:12px; line-height:20px; position:absolute; visibility: hidden; right:94px; top:96px; color:#fff; text-align:center}
#weixin p{ margin-top:2px;}
#weixin img{ width:91px;}
.sjblx{ display: none;}
.ewm{ text-align:left; overflow:hidden;}
.ewm p{ font-size:1.05em; line-height:1.4em; text-indent:9px;}
.ewm img{ width:155px;}
.ewm .zbtu{ width:53%; float:left; margin-right:1%; text-align:right}
.ewm .zbtu img{ width:367px;}
.bot{ text-align:center; font-size:1.1em; color:#fff; overflow:hidden; background:#4d88e2; margin-top:30px; padding:20px 0}
.bot h2{ font-size:2.5em; line-height:1.4em; margin-bottom:10px;}
.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}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt25{ margin-top:25px}
.mt30{ margin-top:30px}
sup{ line-height:0; font-size:0.5em;}
.tc{ text-align:center}


@media screen and (max-width:800px) {
.box { width:94%;}
.bot{ font-size:3.2vw; margin-top:4vw; padding:2.5vw 0 15vw}
.bot h2{ font-size:2.5em;}
.bot p{ font-size:1.1em; margin-top:5px}
.bot ul{ width:80%; margin:0px auto 0}
.ewm{ font-size:2.7vw; margin-top:4vw;}
.ewm img{ width:24vw; margin-top:5px}
.ewm p{ margin-top:0vw; text-indent:0.5vw;}
.ewm .zbtu{ width:64%;}
.ewm .zbtu img{ width:90%;}
.topst { width:100%;}
.topst p{ font-size: 10vw;  margin-top: -46vw; }
.bta{ font-size:7.5vw;}
.bta span{ padding: 0px 2.7vw; }
.taii{ font-size:3vw; line-height: 1.4em;}
.taii h2{  font-size: 1.15em; line-height: 1.4em; margin-bottom: 1vw; padding-bottom: 0.5vw; }
.bta1{ font-size:5vw; background-size:100% auto;  padding-bottom: 1vw;}
.bta1 p{ background-size:24vw auto; padding-left: 3vw;}
.bta1 i{display: block; width: 100%; font-size: 0.7em}
.m-sa{ margin-top: -15vw;}
.m-tu{ margin-top: 18vw;}
.atu{ display: none}
.rila{ display:none}
.sjblx{ display:block; width:100%; background:#fff; position:fixed; bottom:0; padding:2vw 0; border-top:#f00 1px solid; box-shadow: 0px -1px 5px #999;}
.sjblx .adh{ width:27%; float:left; color:#77b3d4; background: url(adh.png) no-repeat 3vw center; background-size: auto 77%; padding:2vw 1vw 2vw 12vw; font-size:5.5vw; font-weight:bold; border:#77b3d4 1px solid; border-radius:10px; margin-left:6vw; line-height:1em}
.sjblx .awx{ width:27%; float:right; color:#4cab26; background: url(awx.png) no-repeat 3vw center; background-size: auto 77%; padding:2vw 1vw 2vw 12vw; font-size:5.5vw; font-weight:bold; border:#4cab26 1px solid; border-radius:10px; margin-right:6vw; line-height:1em}
#awx{ background: url(al5.png) no-repeat center; width:150px; height:145px; padding:13px 0px 0px 0px; font-size:14px; line-height:20px; position:absolute; visibility: hidden; right:5vw; bottom:12vw; color:#fff; text-align:center}
#awx p{ margin-top:2px;}
#awx img{ width:115px;}
.zsa ul li{ width:19%; margin-top:6px;}
.mt10{ margin-top:1.5vw}
.mt20{ margin-top:2vw}
.mt25{ margin-top:2.5vw}
.mt30{ margin-top:4vw}
}