@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:#f5f5f5;}
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: 60px;
}
.header{ position: fixed; box-sizing: border-box; width: 100%; height:60px; padding:12px 1%; z-index: 98;  background:#fff;  border-bottom:1px solid #ddd;}
.header .logo img{
 float:left; width:auto; height:36px;
}
.header .tel{ 
  width:36px;height:36px; float: right;
}
.header .tel img{ width: 100%; }
/*公共头部end*/

/*焦点图start*/
.slideBox{ position:relative; width:100%; height:auto;background:#FFF; overflow:hidden }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:1; text-align: center; width: 100%; }
.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%; float:left}
.slideBox .bd li img{ vertical-align:top; width:100%;}
/*焦点图end*/

/*主导航srart*/
.nav{ width: 100%; height: auto; background: #2744a1; overflow: hidden; }
.nav-list{ width: 100%; height: auto; display: flex; flex-wrap: nowrap; align-items: center; }
.nav-list li { width: 25%; padding:4% 0; text-align: center;}
.nav-list li:nth-child(4),.nav-list li:last-child{ border-right: none; }
.nav-list li a{ display: block; font-size: 16px; height: 16px; line-height: 16px; color: #FFF;border-right:1px solid #fff; }
.nav-list li.active{ background-color: #2d50bf }
.nav-list li.active a{ border-right: none; }
.nav-list li:last-child a{border-right: none;}
/*主导航end*/

/*公共底部start*/
.copy{
 width:100%; margin-top:15px;
 font-size:1.4em; text-align:center; color:#999;
}
.kongbai{ 
 width:100%; height:65px;
} 
.footer{
  width:100%; height:auto; padding:3%;box-sizing: border-box; border-top:1px solid #e6e6e6;
  font-size: 14px; color: #666; line-height: 25px; text-align: center; 
}
.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; height: 30px;
  vertical-align:middle;
}

.backtop{
 width:32px; height:32px;
 position: fixed; bottom: 35px; right:5px; z-index:97;
 background: rgba(0,0,0,.3); border-radius:50%;
 display: none;
}
.backtop a{
 display: block;
 width:100%; height:100%;
 background: url(/static/wushiwap/zheyuan/images/back_top.png) no-repeat center; background-size:50%;}
/*公共底部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%; }
}<!--耗时1752820540.5557秒-->