@charset "utf-8";
/* Css Document */
@font-face {
  font-family:"AVGARDM";
  src:url("../Fonts/AVGARDM.woff2") format("woff2"),
      url("../Fonts/AVGARDM.woff") format("woff"),
      url("../Fonts/AVGARDM.ttf") format("truetype"),
      url("../Fonts/AVGARDM.eot") format("embedded-opentype"),
      url("../Fonts/AVGARDM.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:"064-CAI978";
  src:url("../Fonts/064-CAI978.woff2") format("woff2"),
      url("../Fonts/064-CAI978.woff") format("woff"),
      url("../Fonts/064-CAI978.ttf") format("truetype"),
      url("../Fonts/064-CAI978.eot") format("embedded-opentype"),
      url("../Fonts/064-CAI978.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
*, *:after, *:before{ -webkit-box-sizing:border-box; box-sizing:border-box;}
html{ font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:14px; color:#555; line-height:30px;}
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body{ width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px;}
body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe,icon{ margin:0; padding:0;}
img{ border:none; vertical-align:bottom;}
ul,li{ list-style-type:none;}
a{ color:#555; text-decoration:none;}
a:hover{ color:#58b530; text-decoration:none;}
a{ outline: none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
.clear{ width:0; height:0; padding:0; margin:0; clear:both;}
.main{ width:1200px; margin:auto;}

/* Css Top */
.db-bg{ width:100%; height:100px; background-color:#434550;}
.db-bg .db-lg{ float:left; width:188px; height:50px; background:url(../Images/logo.png) no-repeat center; margin-top:25px;}
.db-bg .db-lg a{ display:block; width:100%; height:100%;}
.db-bg .db-yb{ float:right;}
.db-bg .db-yb a{ display:block; float:left; width:24px; height:24px; margin:38px 0 0 15px; background-repeat:no-repeat; background-position:center; background-size:24px 24px; -webkit-border-radius:50%; border-radius:50%;}
.db-bg .db-lb{ float:right; margin-right:15px;}
.db-bg .db-lb a{ display:block; float:left; font-size:18px; color:#58b530; line-height:100px; margin-left:20px; position:relative;}
.db-bg .db-lb a span{ position:absolute; left:0; bottom:0; width:0; height:5px; background-color:#58b530; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
#index .db-bg .db-lb a:nth-of-type(1) span, #about .db-bg .db-lb a:nth-of-type(2) span, #advantage .db-bg .db-lb a:nth-of-type(3) span, #product .db-bg .db-lb a:nth-of-type(4) span, #partner .db-bg .db-lb a:nth-of-type(5) span, #network .db-bg .db-lb a:nth-of-type(6) span, #news .db-bg .db-lb a:nth-of-type(7) span, #message .db-bg .db-lb a:nth-of-type(8) span, #contact .db-bg .db-lb a:nth-of-type(9) span, .db-bg .db-lb a:hover span{ width:100%;}

/* Index Footer */
.fr-bg{ width:100%; height:100px; background-color:#434550;}
.fr-bg .fr-zb{ float:left; font-size:15px; color:#58b530; line-height:100px;}
.fr-bg .fr-yb{ float:right;}
.fr-bg .fr-yb a{ display:block; float:left; width:24px; height:24px; margin:39px 0 0 10px; background-repeat:no-repeat; background-position:center; background-size:14px 14px; -webkit-border-radius:50%; border-radius:50%;}
.fr-bg .fr-yb a:nth-of-type(1){ background-color:#3a5898;}
.fr-bg .fr-yb a:nth-of-type(2){ background-color:#00acee;}
.fr-bg .fr-yb a:nth-of-type(3){ background-color:#c9161c;}
.fr-bg .fr-yb a:nth-of-type(4){ background-color:#00954f;}
.fr-bg .fr-yb a:nth-of-type(5){ background-color:#007bb6;}
.fr-bg .fr-yb a:nth-of-type(6){ background-color:#89249e;}
.fr-bg .fr-yb a:hover{ background-color:#58b530;}