@charset "utf-8";
/* Css Document */
@font-face {
  font-family:"AGENCYB";
  src:url("../Fonts/AGENCYB.woff2") format("woff2"),
      url("../Fonts/AGENCYB.woff") format("woff"),
      url("../Fonts/AGENCYB.ttf") format("truetype"),
      url("../Fonts/AGENCYB.eot") format("embedded-opentype"),
      url("../Fonts/AGENCYB.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Helvetica Condensed";
  src:url("../Fonts/Helvetica Condensed.woff2") format("woff2"),
      url("../Fonts/Helvetica Condensed.woff") format("woff"),
      url("../Fonts/Helvetica Condensed.ttf") format("truetype"),
      url("../Fonts/Helvetica Condensed.eot") format("embedded-opentype"),
      url("../Fonts/Helvetica Condensed.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:"AGENCYB"; font-size:18px; color:#333; 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:0px; padding:0px;}
html,body{ height:100%;}
img{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#8bc34a; 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:35px; line-height:35px; color:#fff; background-color:#8bc34a;}
.db-bg .db-zb{ float:left;}
.db-bg .db-zb a{ display:block; float:left; width:21px; height:21px; margin:7px 12px 0 0; background-repeat:no-repeat; background-position:center; background-size:15px 15px; -webkit-border-radius:50%; border-radius:50%;}
.db-bg .db-zb a:nth-of-type(1){ background-color:#3a5898;}
.db-bg .db-zb a:nth-of-type(2){ background-color:#00acee;}
.db-bg .db-zb a:nth-of-type(3){ background-color:#c9161c;}
.db-bg .db-zb a:nth-of-type(4){ background-color:#00954f;}
.db-bg .db-zb a:nth-of-type(5){ background-color:#007bb6;}
.db-bg .db-zb a:nth-of-type(6){ background-color:#89249e;}
.db-bg .db-zb a:hover{ background-color:#00954f;}
.db-bg .db-yb{ float:right;}
.db-bg .db-yb form{ height:21px; margin-top:7px;}
.db-bg .db-yb form .db-ky{ float:left; width:162px; height:21px; line-height:21px; font-family:"AGENCYB"; font-size:14px; color:#fff; padding:0 12px; border:none; background-color:#00954f; -webkit-border-top-left-radius:15px; border-bottom-left-radius:15px;}
.db-bg .db-yb form .db-sb{ float:left; width:23px; height:21px; border:none; background:#00954f url(../Images/search.png) no-repeat left center; cursor:pointer; text-indent:-1000px; -webkit-border-top-right-radius:15px; border-bottom-right-radius:15px;}

/* Css Menu */
.dh-bg{ width:100%; height:100px; background-color:#303030;}
.dh-lg{ float:left; width:252px; height:40px; background:url(../Images/logo.png) no-repeat; margin-top:30px;}
.dh-lg a{ display:block; width:100%; height:100%;}
.dh-lb{ float:right;}
.dh-lb a{ display:block; float:left; color:#fff; text-transform:uppercase; line-height:50px; margin:26px 0 0 45px;}
.dh-lb a:hover, #index .dh-lb a:nth-of-type(1), #about .dh-lb a:nth-of-type(2), #product .dh-lb a:nth-of-type(3), #service .dh-lb a:nth-of-type(4), #message .dh-lb a:nth-of-type(5), #contact .dh-lb a:nth-of-type(6){ color:#8bc34a;}

/* Css Flash */
.swiper1{ width:100%; height:680px; position:relative;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1440px){ .swiper1{ height:585px;}}

/* Css Bottom */
.dj-bg{ width:100%; padding:65px 0; font-size:16px; color:#fff; background-color:#303030;}
.dj-bg a{ color:#fff;}
.dj-bg a:hover{ color:#8bc34a;}
.dj-bg .dj-zb{ float:left; width:550px;}
.dj-bg h2{ font-size:30px; color:#8bc34a; text-transform:uppercase; margin-bottom:18px;}
.dj-bg .dj-zb a{ display:block; float:left; width:50%; font-family:"Helvetica Condensed";}
.dj-bg .dj-zb a:hover{ color:#8bc34a;}
.dj-bg .dj-zj{ float:left; width:428px;}
.dj-bg .dj-zj p{ font-family:"Helvetica Condensed";}
.dj-bg .dj-yb{ float:left; width:222px;}
.dj-bg .dj-yb p a{ font-family:"Helvetica Condensed";}
.dj-bg .dj-yb dl{ margin-top:15px;}
.dj-bg .dj-yb dl a{ display:block; float:left; width:21px; height:21px; margin:7px 12px 0 0; background-repeat:no-repeat; background-position:center; background-size:15px 15px; -webkit-border-radius:50%; border-radius:50%;}
.dj-bg .dj-yb dl a:nth-of-type(1){ background-color:#3a5898;}
.dj-bg .dj-yb dl a:nth-of-type(2){ background-color:#00acee;}
.dj-bg .dj-yb dl a:nth-of-type(3){ background-color:#c9161c;}
.dj-bg .dj-yb dl a:nth-of-type(4){ background-color:#00954f;}
.dj-bg .dj-yb dl a:nth-of-type(5){ background-color:#007bb6;}
.dj-bg .dj-yb dl a:nth-of-type(6){ background-color:#89249e;}
.dj-bg .dj-yb dl a:hover{ background-color:#00954f;}
.cy-bg{ width:100%; height:80px; line-height:79px; font-family:"Helvetica Condensed"; font-size:16px; color:#fff; text-align:center; background:#303030; border-top:1px solid rgba(255,255,255,.05);}