/********************************* Reset ******************************/
@font-face {font-family:"dincond"; src:url("../fonts/dincond-light.eot");}
@font-face {font-family:"dincond"; src:url("../fonts/dincond-light.ttf");}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {
    margin:0;
    padding:0;
    font-family:sans-serif;
    font-weight:inherit;
    font-style:inherit;
    font-size:inherit;
    text-align:inherit;
  /*  vertical-align:baseline;*/
    color:inherit;
    border:0;
    outline:0;
}
html, body {width:100%; height:100%; -webkit-user-select:none;font-family:'Microsoft YaHei';}
:focus {outline:0;}
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
a {text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
a img, iframe {border:none;}
img {vertical-align:top; max-width:100%;}
p {text-align:justify;}
ol, ul {list-style:none;}
input, textarea, select, button {
    font-size:100%;
    font-family:inherit;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
}

.clearfix:after {display:block; height:0; clear:both; content:"\200B";}


.innerwebs{background:#fff; width: 92%; margin: auto; overflow: hidden; margin-top: -100px; z-index: 1;}
.ueouds{ overflow: hidden; position: relative;  background: #fff; border-radius: 10px; }
.diopu{ background-color: rgba(245, 247, 250, 1);overflow: hidden; width: 100%;}


.footer {padding-bottom: 60px; position: relative;z-index: 2;background: #F2F2F2 ;background-size: 100% auto; overflow: hidden;webkit-transition: height 300ms;}
.footer .copyright{width: 92%; margin: auto; overflow: hidden;}
.footer .copyright p {padding: 15px 0 10px 0;font-size: 13px;line-height: 22px;text-align: center;color: #000;}


.footer .copyright .code{width:220px; margin: auto; display: block; position: relative; overflow: hidden; }
.footer .copyright .code .xlcode-list { float: left; width: 100px; margin-right: 20px; }
.footer .copyright .code .xlcode-list:nth-child(2n){margin-right: 0px;}
.footer .copyright .code .xlcode-list img { width: 100px; }
.footer .copyright .code .xlcode-list span { display: block; padding-top: 5px; font-size: 14px; text-align: center; color: #000; }




.fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:58px; z-index:99;background: #008e56;}
.fnav li{ width:25%; float:left; height:58px; position:relative;}
.fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#0bdc89;}
.fnav li a{ display:block; text-align:center; color:#fff; font-size:13px; height:58px; font-family:"Microsoft YaHei";}
.fnav li a:hover{ background:#0bdc89 ;}
.fnav li:last-child:before{ background:none;}
.fnav li em{ display:block; width:25%; margin:0 auto ; padding-top:6px; margin-bottom: 6px;}
.fnav li em img{ display:block; width:100%;}



.indexdi{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top: 30px; background:#3c3c3c; padding: 40px 0; }
.indexdi .innerweb{width: 92%;overflow:hidden;margin:auto;position:relative;}
.indett{text-align: center; font-size: 20px; color: #fff; margin-bottom: 20px;}
.itett{text-align: center; font-size: 16px; color: #fff; }
.itett a{color: #fff;}
.form_div{width: 100%; margin: auto; overflow: hidden; display: block;}
.form_div input{border: 1px solid #fff; height: 40px; line-height: 40px; text-indent: 10px; margin-bottom: 10px;color: #666; font-size: 14px; width: 100%; }

.form_div .indeub{width: 100%;height: 42px; line-height: 42px; border: 0px solid #fff; background: #008e56;
    background: -webkit-linear-gradient(-45deg,#0bdc89,#008e56); color: #fff;  text-align: center; font-size: 16px;}















.serverbanner{display: block;}
.serverbanner img{display:block; width:100%;}

.index-title { text-align: center; }
  .index-title h2 { font-size: 24px; line-height: 33px; margin-bottom: 6px; }
   .index-title h5 { font-size: 32px; line-height: 47px; margin-bottom: 15px; }
  .index-title h3{border-radius: 4px; width: 100px; height: 3px; margin: auto; background-color: #008e56;} 
  .index-title p { font-size: 19px; line-height: 30px;  margin-top: 5px; text-align: center;}

.index-titlew { text-align: center; }
  .index-titlew h2 { font-size: 32px; line-height: 47px; margin-bottom: 15px; color:#FFFFFF }
   .index-titlew h5 { font-size: 32px; line-height: 47px; margin-bottom: 15px;color:#FFFFFF  }
  .index-titlew h3{border-radius: 4px; width: 100px; height: 5px; margin: auto; background-color: #008e56;} 
  .index-titlew p { font-size: 19px; line-height: 30px;  margin-top: 5px; margin-bottom: 35px;color:#FFFFFF }

.index-title1 { text-align: center; }
  .index-title1 h2 { font-size: 24px; ine-height: 33px; margin-bottom: 6px;  }
   .index-title1 h5 { font-size: 18px; line-height: 33px; margin-bottom: 6px; }
  .index-title1 h3{border-radius: 4px; width: 100px; height: 5px;margin: auto;  background-color: #008e56;} 
  .index-title1 p { font-size: 14px; line-height: 30px;  margin-top: 5px; margin-bottom: 6px;text-align: center;}






/*鍐呴〉鍒嗙被*/
.prot{width: 92%; margin: auto; overflow:hidden; display: block; margin-top: 30px;}
.prot a{ width:48%; height:40px; border-radius:10px; float:left; margin-right: 4%; background:#eeeeee; text-align:center; line-height:40px; color:#666; font-size:15px; margin-bottom: 10px; overflow: hidden;}
.prot a:nth-child(2n){margin-right: 0;}
.prot a.cur{ background:#008e56; color:#fff;}
/*鍐呴〉鍒嗙被*/




/*鍐呴〉鍒嗙被*/
.prot1{width: 92%; margin: auto; overflow:hidden; display: block; margin-top: 30px;}
.prot1 a{ width:32%; height:40px; border-radius:10px; float:left; margin-right: 2%; background:#eeeeee; text-align:center; line-height:40px; color:#666; font-size:15px; margin-bottom: 10px; overflow: hidden;}
.prot1 a:nth-child(3n){margin-right: 0;}
.prot1 a.cur{ background:#008e56; color:#fff;}
/*鍐呴〉鍒嗙被*/


/*鍐呴〉鍒嗙被*/
.prot2{width: 92%; margin: auto; overflow:hidden; display: block;}
.prot2 a{ width:23.5%; height:40px; border-radius:10px; float:left; margin-right: 2%; background:#eeeeee; text-align:center; line-height:40px; color:#666; font-size:15px; margin-bottom: 10px; overflow: hidden;}
.prot2 a:nth-child(4n){margin-right: 0;}
.prot2 a.cur{ background:#008e56; color:#fff;}
/*鍐呴〉鍒嗙被*/












/*浜у搧浜岀骇鍒嗙被*/
.wrapnav {position:relative;}
.wrapnav .backBtn{position:absolute;width:30px; height:27px; 
display:block;top:13px; left:20px; background:url(../images/backbtn.png) no-repeat center;z-index:3;font-size: 30px;}
.wrapnav .wraptit{background:#efefef; border-bottom:1px solid #ddd;border-top:1px solid #ddd;text-align:center; color:#000;padding:15px 65px;position:relative;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.wrapnav .wraptit_tab:after{display:block;content:""; width:15px; height:15px;border-top:1px solid #222; border-right:1px solid #222;transform:rotate(135deg);-webkit-transform:rotate(135deg); position:absolute; top:10px; right:30px;}
.wrapnav .active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:30px;}
.wrap_content{display:none;}
.none{display:none;}
.show{display:block;}
.productsub{padding:0px 0px;background:#efefef;}
.productsub a{color:#666;}
.productsub_box{border-bottom:1px solid #888;}
.productsub_box h4{font-size:15px;position:relative;color:#fff;padding:10px 35px ;background:#696969;}
.productsub_box h4:hover,.productsub_box.show h4{background:#6ABD44;color:#fff;}
.productsub_box h4 i{display:block;width:10px; height:15px; background:url(/template/pc/zh/images/icon_h4.png) no-repeat center; position:absolute; left:20px; top:50%;margin-top:-9px;}
.productsub_box h4:hover i,.productsub_box.show h4 i{}
.productsub_list{display:none;}
.show .productsub_list{display:block;}
.productsub_list dl dt{padding:5px 5px 5px 45px ;font-size:15px;background:#dcdcdc; border-bottom:1px solid #ccc;}
.productsub_list dl dt:hover,.productsub_list dl.show  dt{color:#6ABD44;}
.productsub_list dl dd{background:#fff;overflow:hidden;display:none;}
.productsub_list dl.show dd{display:block;}
.productsub_list dl dd p{ padding:0px 0px 5px 75px;font-size:1.3rem;margin: 5px auto 10px;border-bottom: 1px solid #eaeaea;
transition: background 0.3s,color 0.3s;}
.productsub_list dl dd p a{display:block;}
.productsub_list dl dd p a.cur{color:#6ABD44;}

/*浜у搧浜岀骇鍒嗙被*/












.pagination{display:table;width: 94%; margin: auto;    text-align: center;position: relative;height:40px;padding:15px 0px;}
.pagination ul{text-align: center;}
.pagination ul li{ display: inline-block;position: relative; margin-bottom: 15px;}
.pagination a{ display: block;margin-right:3px;padding:5px 12px; height:26px; border:1px #666 solid; background:#fff;text-decoration:none;color:#808080;font-size:13px;line-height:26px;font-family:Verdana,Arial;border-radius: 5px;}
.pagination a:hover{ color:#fff; background: white; border:1px #008e56 solid;background-color: #008e56;  }
.pagination li.thisclass a{ border:none; background:#008e56; color:#fff; border:1px #008e56 solid;}
.pagination p{ float:left; cursor:pointer; font-family:Verdana,Arial; padding:7px 17px;font-size:14px; height:26px;line-height:24px; color:#666; border:1px #666 solid; background:#fcfcfc; margin-right:8px;border-radius: 5px;}
.pagination p.pageRemark{ border-style:none; background:none;margin-right:0px; padding:4px 0px;color:#666; }
.pagination p.pageRemark b{ color:red; }
.pagination p.pageEllipsis{ border-style:none;background:none; padding:4px 0px; color:#808080;}