@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{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:"AVGARDM"; font-size:14px; color:#333; line-height:24px; letter-spacing:.5px;}
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:#f71809; 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:#004a9b;}
.db-bg p{ float:right;}
.db-bg p a{ display:block; width:150px; height:25px; line-height:25px; color:#fff; margin-top:5px; padding-left:12px; background-color:rgba(255,255,255,.15); background-image:url(../Images/jt01.png); background-repeat:no-repeat; background-position:128px center; cursor:pointer; position:relative; -webkit-border-radius:15px; border-radius:15px;}
.db-bg p a span{ display:none;}
.db-bg p a:hover span{ display:block; position:absolute; top:25px; left:-325px; z-index:10; width:475px; height:207px;}
.db-bg p a:hover span font{ display:block; width:100%; height:7px; background:url(../Images/jt02.png) no-repeat 393px center;}
.db-bg p a:hover span em{ display:block; width:100%; height:200px; font-style:inherit; background-color:#f71809; padding:14px 25px 0; -webkit-border-radius:5px; border-radius:5px;}
.db-bg p a:hover span em strong{ display:block; font-family:"064-CAI978"; font-size:16px; margin-top:5px;}
.db-bg dl{ float:right; margin-right:20px;}

/* Css Menu */
.dh-bg{ width:100%; height:100px; background-color:#fff;}
.dh-sy{ float:right; margin-left:10px;}
.dh-sy a{ display:block; float:left; width:24px; height:24px; margin:38px 0 0 20px; background-repeat:no-repeat; background-position:center; background-size:24px 24px; -webkit-border-radius:50%; border-radius:50%;}
.dh-lg{ float:left; width:70px; height:58px; background:url(../Images/logo.png) no-repeat; margin-top:21px;}
.dh-lg a{ display:block; width:100%; height:100%;}
.dh-lb{ float:right; padding-top:36px;}
.dh-lb a{ display:block; float:left; font-family:"064-CAI978"; font-size:15px; color:#333; text-transform:uppercase; letter-spacing:0; line-height:28px; padding:0 15px; margin:0 5px;}
.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:#fff; background-color:#f71809; -webkit-border-radius:15px; border-radius:15px;}

/* Css Bottom */
.dj-bg{ width:100%; padding:50px 0; background:url(../Images/djBg.jpg) no-repeat center;}
.dj-ls{ float:left; width:350px;}
.dj-ls h2{ font-family:"064-CAI978"; font-size:18px; color:#fff; text-transform:uppercase; letter-spacing:0; margin-bottom:10px;}
.dj-ls a{ display:block; float:left; width:50%; font-size:15px; color:#fff; line-height:30px;}
.dj-ls a:hover{ color:#f71809;}
.dj-lx{ float:left; color:#fff; margin-left:25px;}
.dj-lx h2{ font-family:"064-CAI978"; font-size:18px; text-transform:uppercase; letter-spacing:0; margin-bottom:10px;}
.dj-lx dl{ padding:5px 15px 15px; background-color:#f71809; -webkit-border-radius:5px; border-radius:5px;}
.dj-lx strong{ display:block; font-family:"064-CAI978"; margin-top:5px;}
.dj-ig{ float:right;}
.dj-ig ul li{ float:left; width:130px; padding:5px; margin:5px 0 0 25px; background-color:#fff; -webkit-border-radius:3px; border-radius:3px;}
.dj-ig ul li img{ display:block; width:120px; height:120px;}
.dj-ig ul li dl{ color:#000; text-align:center; line-height:20px; margin-bottom:8px;}

/* Css Copyright */
.cy-bg{ width:100%; height:80px; background:#0d131a;}
.cy-bg .cy-ls{ display:table; margin:auto;}
.cy-bg .cy-ls a{ display:block; float:left; width:30px; height:30px; margin:25px 5px 0; background-color:#f71809; background-repeat:no-repeat; background-position:center; background-size:15px 14px; -webkit-border-radius:50%; border-radius:50%;}
.cy-bg .cy-ls a:hover{ background-color:#004a9b;}