@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body{ padding:0;border:0;color:#333; font-family:"Microsoft Yahei","Helvetica"; margin:0 auto; /*max-width:640px;*/ background:#f8f8f8;}
a, abbr, address, article, aside, audio, b, blockquote, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video { 
border:0; margin:0; padding:0; outline:0; font-style:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
ol,ul,li { list-style:none;}
div,article,section,ul,li{-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal;}
a{text-decoration:none; color:#333; outline:none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
/*初始化end*/

/*公共类start*/
.margin_auto { margin:0 auto;}
.clear{ clear:both; float:none;}
.fright{ float:right;}
.fleft{ float:left;}
.accentColor{ color:#eba103}
.w100 { width:100%; margin:0 auto; overflow:hidden}
.abs{ position:absolute}
.rel{ position:relative}
.texthide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*公共类end*/

/*公共头部start*/
.headerWrap{ 
  width:100%; height: 70px;
}
.header{ 
  position: fixed; box-sizing: border-box; width: 100%; height:70px; padding:10px 1%; z-index: 98;
  background:#009430;border-bottom: 2px #02693b solid;
}
.header .logo{ position: relative; left: 50%; margin-left: -138px; width: 276px; }
.header .logo img{
 width:auto; height:44px;
}
.header .gif img{ position:absolute; left: 10px; top:-5px; width: 20px; height: 20px;  }
.topnav-list{
  width:100%; height: 100%;padding:15%;
  background:rgba(2,105,59,.95);
  position: fixed; top:0; left: 0; z-index: 100;display: none;
}
.topnav-list .close{ 
  position: absolute; right: 10px; top: 10px; display: block; background: #f5f5f5;
  width: 36px; line-height: 36px; line-height: 36px; font-size: 20px;
  border-radius:50%; text-align:center; 
 }
.topnav-list li { 
  margin-bottom: 5%;
  width:100%;height:auto;
  text-align:center;
  font-size:1.6rem;
}
.topnav-list li a {
  display:block; padding:2% 0;border:1px solid #FFF; color: #FFF;
}
.topnav-list li a.active{ background: #FFF;border:1px solid #DDD; color: #02693b}
/*公共头部end*/

/*焦点图start*/
.slideBox{ position:relative; width:100%; padding:2%; height:auto;background:#FFF; border: 1px solid #e6e6e6; overflow:hidden }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:2%; z-index:1; text-align: center; width: 96%; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:5px; border-radius:5px; border:2px solid #FFF; text-indent:-9999px; overflow:hidden; margin:0 6px;}
.slideBox .hd li.on{ background:#FFF; opacity: 1;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative; text-align:center; width:100%;}
.slideBox .bd li img{ vertical-align:top; width:100%;}
/*焦点图end*/

/*公共底部start*/
.copy{
 width:100%; margin-top:15px; color: #999;
 font-size:1.4px; text-align:center;
}
.kongbai{ 
 width:100%; height:65px;
} 
.footer{
  width:100%; height:auto; margin:0 auto;
  background:#009430; background: rgba(0,148,48,.9);
  position:fixed; z-index:99; bottom:0;
}
.foot-li{
 width:25%;float:left;
}
.foot-li a{
  display:block;
  width:100%;
  text-align:center;font-size:1.4em;color:#FFF;
}
.foot-li a em{
  display: block;
  line-height:18px; text-align: center;
}
.foot-li a img {
  width:30px;
  vertical-align:middle;
}

.backtop{
 width:30px; height:30px;
 position: fixed; bottom: 60px; right:5px; z-index:999;
 background: rgba(0,0,0,.3); border-radius:50%;
 display: none;
}
.backtop a{
 display: block;
 width:30px; height:30px;
 background: url(/static/wushiwap/youeryuan/images/back_top.png) no-repeat center; background-size:40%;}
/*公共底部end*/

/*媒体盘问*/
@media screen and (max-width:350px) {
.header,.logo img,.topnav-list{ height:40px;}
}

@media screen and (min-width:640px) {
  .topnav-list{ padding:5%; }
  .topnav-list li { margin-bottom: 1%; }
  .topnav-list li a{ padding:1%; }
}<!--耗时1753083104.2266秒-->