@import "baseMB.css";

.body{width:100%; overflow:hidden;}

/* Default */
.dBanner{width:100%; position:relative;}
.dBanner ul{-webkit-padding-start:0px; -webkit-transition:500ms; -webkit-transform:translate3d(-1920px, 0px, 0px); }
.dBanner ul li{width:100%; display:table-cell; vertical-align:top; position:relative;}
.dBanner ul li img{width:100%;}
.dBanner ul li a{display:block; width:100%; height:3em; overflow:hidden; position:absolute; bottom:0px; left:0px; background:url(../images/blockBg.png); line-height:3; text-align:center; color:#ffffff;}
.dBanner ol{height:0.6em; position:absolute; left:50%; bottom:5em;}
.dBanner ol li{display:inline-block; width:0.6em; height:0.6em; margin:0 0.3em; background:#e3e3e3; border-radius:0.6em;}
.dBanner ol li.on{background:#9b0406;}

/* nav */
.nBanner{width:100%; padding:5em 0; background:rgb(0, 119, 89);}
.nBanner img{width:30%; overflow:hidden; margin:0px auto;}
.nList{width:100%;}
.nList li{width:100%; height:3em; overflow:hidden; border-bottom:1px solid #f3f3f3;}
.nList li a{display:block; text-align:center; line-height:3; color:#333333;}

/* head */
.headBox{width:100%; overflow:hidden; position:fixed; top:0px; left:0px;  z-index:10; background-color:#32a3dd;}
.headBox dl{overflow:hidden;}
.headBox dl dt{float:left;}
.headBox dl dd{float:right;}
.headBox dl a{display:block; overflow:hidden;}
.headBox dl img{height:1em; margin:1em;}
.headBox li{width:100%; border-top:1px solid #5cc8ff;}
.headBox li a{display:block; padding:1em; color:#fff; text-align:center;}
.headBot{width:100%; height:3em;}

/* foot */
.footBox{width:100%; padding:1em 0; text-align:center; background:#333; border-top:1px solid #ddd; color:#fff; line-height:2; font-size:0.6em; clear:both }
.footBox span{margin:0 0.5em;}
.footBox a{color:#fff; margin:0 0.5em;}

/* info */
.infoBox{padding:1em; overflow:hidden; background:#fff; line-height:2; color:#333;}
.infoBox img{width:100%;}
.infoBox p{margin-bottom:0.5em;}
.infoBox p a{color:#dd0000;}

/* tip */
.tipBox{width:100%; text-align:center; padding:1em 0; }
.tipBox h3{font-size:1.3em; color:#333; font-weight:normal;}
.tipGet{width:100%; height:1em; text-align:center; color:#333; line-height:1; font-weight:bold;}
.tipGet img{height:1em; margin:0.5em auto;}

/* news */
.newList{margin-top:2em;}
.newItem{width:100%; overflow:hidden; margin:1em 0;}
.itemTxt{margin:0 1em; color:#999; line-height:1.6;}
.itemOth{width:100%; height:1.6em; overflow:hidden; font-size:0.7em; line-height:2;}
.itemOth span{margin:0 0.5em;}
.itemOth a{color:#c52a08; font-weight:bold;}
.itemOth i{float:right; display:block; padding-left:1em; background:url(../images/iconGood.png) no-repeat left center; background-size:1em; font-style:normal;}
.itemTit{width:100%; overflow:hidden; margin:0.5em 0; font-size:1.1em;color:#333;}
.itemExp{color:#333333; font-size:0.9em; margin-bottom:1em;}
.itemGes{height:2em; text-align:center; color:#333; line-height:2; font-weight:bold; margin-top:2em;}
.itemGes img{height:1em; margin:0.5em auto;}
.newHref{display:block;}

.showPic{width:100%; overflow:hidden;}
.showTxt{padding:1em; overflow:hidden; background:#fff; line-height:1.6;}
.showOth{width:100%; height:1.6em; overflow:hidden; font-size:0.7em; line-height:2;}
.showOth span{margin:0 0.5em;}
.showOth a{color:#c52a08; font-weight:bold;}
.showOth i{float:right; display:block; padding-left:1em; background:url(../images/iconGood.png) no-repeat left center; background-size:1em; font-style:normal;}
.showTit{ margin:1em 0; font-size:1.1em;}
.showAVS{width:100%;}
.showInfo{line-height:2; color:#333; font-size:1em;}
.showInfo img{width:100%;}
.showInfo p{margin-bottom:1em; text-indent:2em;}

.butBox{border-bottom:1px solid #f3f3f3; display:-moz-box; display:-webkit-box; display:box; overflow:hidden; padding:2em 1em;}
.butBox p{height:2em; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.butBox p a{display:block; margin:0 1em; border:1px solid #e3e3e3; text-align:center; line-height:2; border-radius:3px;}
.butBox p a.good{border:1px solid #c52a08; color:#c52a08;}
.butBox p a.back{border:1px solid #333333; color:#333333;}
.butBox p span{margin-left:0.5em;}

.daul{ margin:0.5em; overflow:hidden }
.daul li{width:50%;float:left;overflow:hidden}
.daul li a{display:block;margin:0.5em;overflow:hidden;}
.daul li a img{width:100%;}
.daul li a span{ display:block; width:100%; color:#333; height:2em; line-height:2; overflow:hidden;  }



#dBanner{width:100%; height:5em ;overflow:hidden; position:relative;}
#dBanner img{width:100%; height:5em;}
#dBanner ol{height:20px; position:absolute; bottom:1em; left:50%; margin-top:-10px;}
#dBanner ol li{display:inline-block; margin:4px; width:8px; height:8px; background-color:#ffffff; border-radius:4px;}
#dBanner ol li.on{background-color:#32a3dd; width:16px;}

/* nav 
.nBanner{width:100%; padding:5em 0; background:#dd0000;}
.nBanner img{width:30%; overflow:hidden; margin:0px auto;}
.nList{width:100%;}
.nList li{width:100%; height:3em; overflow:hidden; border-bottom:1px solid #f3f3f3;}
.nList li a{display:block; text-align:center; line-height:3; color:#333333;}
*/
/* head */


.pro{ width:100%;text-align:center; padding:2em 0 3em 0;}
.pro>span{ font-size:1.3em; font-weight:bold;}
.pro>i{ font-style:normal; color:#3498db;}
.pro ul{  margin:1em 0.5em;}
.pro ul li{ float:left; width:50%; height:187px;}
.pro ul li div{ margin:0 0.5em 1em 0.5em;}
.pro ul li div>a{}
.pro ul li div>a img{ width:100%; }
.pro ul li div>a span{  display:block;line-height:1.5em; height:3em; overflow:hidden; color:#333;  border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;} 
.pro>a{ border:1px solid #333; padding:0.5em 0.8em; color:#333;}

.xq{background:url(/wap/images/bj.jpg) no-repeat;  padding:2em 2em 2em 1em;}
.xq span{ color:#fff; font-size:1.2em;  line-height:2em;}
.xq p{ color:#fff;font-size:1em; line-height:2em; }
.xq>a{ color:#fff; line-height:1.5em; display:block; padding:0.5em 0.5em; }

.bbb{ text-align:center; padding:2em 0;}
.bbb>span{ font-size:1.3em; font-weight:bold;}
.bbb>i{ font-style:normal; color:#3498db;}
.bbb ul{ width:85%; margin:2em auto;}
.bbb ul li{  padding:1em 0;  border-bottom:1px solid #e3e3e3;}
.bbb ul li a{ }
.bbb ul li a img{ float:left; width:35%; margin-right:5%;}
.bbb ul li a div{ float:left; width:60%; margin:0 0;text-align:left;}
.bbb ul li a div span{ display:block; font-size:1em;  color:#333; margin-top:0.1em;}
.bbb ul li a div i{ font-size:1em;  font-style:normal; color:#999; margin-top:0.3em; display:block;}
.bbb>a{ border:1px solid #333; padding:0.5em 0.8em; color:#333;}

.info{ text-align:center; padding-bottom:2em;}
.info p{ font-size:1.3em; font-weight:bold;}
.info span{color:#3498db;}
.info img{ width:40%; margin:1em auto;}
.info i{ display:block; font-style:normal; line-height:1.7em;}
.info i:nth-of-type(1){ line-height:3em;}

.foot{ padding:1em 0 1em 0; text-align:center; background-color:#686868; padding-bottom:3em; margin-bottom:1em;}
.foot p{ color:#fff;}
.ftd{position:fixed; bottom:0; width:100%; background-color:#32a3dd;}
.ftd a{ width:50%; float:left; color:#fff; text-align:center; height:3em; line-height:3em;}

.d_class{ text-align:center; padding:2em 1em; }
.d_class li{ background-color:#32a3dd;margin-bottom:2em; padding:2em 1em;}
.d_class li dl{}
.d_class li dl dt{padding-bottom:10px;margin-bottom: 10px; border-bottom: 1px dashed #e3e3e3;font-size: 1em; text-align: center;font-weight: bold; }
.d_class li dl dt a{color:#fff; }
.d_class li dl dd{font-size:1em;text-align: left;line-height: 20px; margin-top:1em;}
.d_class li dl dd a{ color:#fff; display:block; margin-top:0.5em;}