@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:"HelveticaNeueLTStd-MdCn";
  src:url("../Fonts/HelveticaNeueLTStd-MdCn.woff2") format("woff2"),
      url("../Fonts/HelveticaNeueLTStd-MdCn.woff") format("woff"),
      url("../Fonts/HelveticaNeueLTStd-MdCn.ttf") format("truetype"),
      url("../Fonts/HelveticaNeueLTStd-MdCn.eot") format("embedded-opentype"),
      url("../Fonts/HelveticaNeueLTStd-MdCn.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:"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 <= 320? "320px": "auto"); min-width:320px; background-color:#fff;}
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;}
html,body{ height:100%;}
img{ border:none; vertical-align:bottom;}
ul,li{ list-style-type:none;}
a{ color:#555; text-decoration:none;}
a:hover{ color:#e37a1f;}
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;}
::-webkit-scrollbar{ width:8px;}
::-webkit-scrollbar-track{ background:#f0f0f0;}
::-webkit-scrollbar-thumb{ background:#c0c0c0;}
::-webkit-scrollbar-thumb:window-inactive{ background:#c0c0c0;}
::-webkit-scrollbar-thumb:vertical:hover{ background:#c0c0c0;}
@media screen and (max-width:1024px){::-webkit-scrollbar{ width:0;}}
.main{ max-width:1200px; margin:auto;}
@media screen and (max-width:1280px){ .main{ max-width:inherit; margin:0 3.5%;}}

/* Css Heard */
.db-mb{ display:none; position:fixed; top:0; left:0; width:100%; height:50px; background-color:#fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08); z-index:1000;}
.db-mb .mb-zb a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:50px;}
.db-mb .mb-zb a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#e37a1f;}
.db-mb .mb-zb a span::before,.db-mb .mb-zb span::after{ content:''; position:absolute; width:100%; height:100%; left:0; background-color:inherit;}
.db-mb .mb-zb a span::before{ bottom:6px;}
.db-mb .mb-zb a span::after{ top:6px;}
.db-mb .mb-lg{ float:inherit; width:102px; height:30px; background:url(../Images/mobile.jpg) no-repeat center; background-size:102px 30px; margin:10px auto 0;}
.db-mb .mb-lg a{ display:block; width:100%; height:100%;}
.db-mb .mb-yb a{ display:block; position:absolute; right:3.5%; top:16px; width:22px; height:18px; background:url(../Images/phone.png) no-repeat; background-size:22px 18px;}
.db-ls{ position:absolute; left:0; top:170px; z-index:100; width:100%; height:60px; background-color:#072d53;}
.db-ls.smaller{ position:fixed; top:0;}
.db-ls .ls-zb{ float:left;}
.db-ls .ls-zb ul li{ display:inline-table; position:relative;}
.db-ls .ls-zb ul li a{ display:block; font-size:18px; color:#fff; height:60px; line-height:60px; padding:0 20px;}
.db-ls .ls-zb ul li:hover a{ background-color:#e37a1f;}
.db-ls .ls-zb ul li:hover a:hover{ font-weight:bold;}
#index .db-ls .ls-zb ul li:nth-of-type(1) a, #about .db-ls .ls-zb ul li:nth-of-type(2) a, #product .db-ls .ls-zb ul li:nth-of-type(3) a, #case .db-ls .ls-zb ul li:nth-of-type(4) a, #service .db-ls .ls-zb ul li:nth-of-type(5) a, #news .db-ls .ls-zb ul li:nth-of-type(6) a, #contact .db-ls .ls-zb ul li:nth-of-type(7) a{ background-color:#e37a1f;}
.db-ls .ls-zb ul li ul{ display:none; position:absolute; left:0; top:60px; background-color:#e37a1f; padding:10px 0 20px;}
.db-ls .ls-zb ul li:nth-of-type(3) ul{ width:180px;}
.db-ls .ls-zb ul li:hover ul{ display:block;}
.db-ls .ls-zb ul li ul li{ float:inherit; width:100%; margin:0;}
.db-ls .ls-zb ul li ul li a{ display:block; height:30px; line-height:30px; font-size:16px; padding:0 20px;}
.db-ls .ls-zb ul li ul li a:hover{ font-weight:bold;}
.db-ls .ls-yb{ float:right; width:185px; height:32px; background-color:rgba(255,255,255,0.05); overflow:hidden; margin-top:14px; -webkit-border-radius:20px; border-radius:20px;}
.db-ls .ls-yb .yb-ky{ float:left; width:153px; height:32px; line-height:32px; font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei"; color:#fff; padding:0 10px 0 18px; border:none; background:none;}
.db-ls .ls-yb .yb-sb{ float:left; width:32px; height:32px; border:none; background:#e37a1f url(../Images/search.png) no-repeat center; background-size:16px 16px; cursor:pointer; text-indent:-1000px; -webkit-border-radius:50%; border-radius:50%;}
.db-hy{ width:100%; height:40px; line-height:40px; color:#555; background-color:#f5f5f5;}
.db-hy .hy-zb{ float:left;}
.db-hy .hy-yb{ float:right;}
.db-hy .hy-yb a{ color:#555; margin-left:15px;}
.db-hy .hy-yb a:hover{ color:#e37a1f;}
.db-lg{ width:100%; height:130px; background-color:#fff;}
.db-lg .lg-zb{ float:left; width:485px; height:64px; background:url(../Images/logo.jpg) no-repeat; margin-top:33px;}
.db-lg .lg-yb{ float:right; width:194px; height:54px; background:url(../Images/tel.jpg) no-repeat; margin-top:38px;}
.division{ width:100%; height:60px;}
@media screen and (max-width:1280px){
.db-ls .ls-zb ul li a{ padding:0 15px;}
}
@media screen and (max-width:1024px){
.db-mb{ display:block;}
.db-ls{ display:none;}
.db-hy{ display:none;}
.db-lg{ display:none;}
.division{ height:50px;}
}

/* Css Contact */
.ct-bg{ padding:60px 0; background:url(../Images/ctBg.jpg) no-repeat center; background-size:cover;}
.ct-bg .ct-zb{ float:left; width:50%; height:240px; background-color:#fff; padding:0 4%; font-family:"HelveticaNeueLTStd-MdCn","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:16px; color:#555; display:flex; justify-content:center; flex-direction:column;}
.ct-bg .ct-zb h1{ font-size:24px; font-weight:500; color:#333; margin-bottom:10px;}
.ct-bg .ct-yb{ float:left; width:50%; height:240px;}
.ct-bg .ct-yb a{ display:block; width:100%; height:100%; background:url(../Images/maps.jpg) no-repeat center; background-size:cover; position:relative;}
@media screen and (max-width:800px){
.ct-bg{ padding:45px 0;}
}
@media screen and (max-width:800px){
.ct-bg{ padding:35px 0;}
.ct-bg .ct-zb{ width:100%; height:auto; padding:25px; font-size:14px;}
.ct-bg .ct-zb h1{ font-size:18px; margin-bottom:5px;}
.ct-bg .ct-yb{ width:100%; height:280px;}
}
@media screen and (max-width:480px){
.ct-bg .ct-yb{ height:240px;}
}

/* Css Navigation */
.nv-bg{ padding:55px 0; background-color:#f5f5f5;}
.nv-bg .nv-ls{ float:left; overflow:hidden;}
.nv-bg .nv-ls ul li{ float:left; margin-right:80px;}
.nv-bg .nv-ls ul li a{ display:block; color:#888;}
.nv-bg .nv-ls ul li a:nth-of-type(1){ font-size:18px; font-weight:500; color:#333; margin-bottom:10px;}
.nv-bg .nv-ls ul li a:hover{ color:#e37a1f;}
.nv-bg .nv-ig{ float:right; overflow:hidden;}
.nv-bg .nv-ig ul li{ float:left; width:120px; background-color:#fff; text-align:center; margin-top:5px; margin-left:25px; -webkit-border-radius:3px; border-radius:3px;}
.nv-bg .nv-ig ul li img{ display:block; width:110px; margin:5px auto 0;}
.nv-bg .nv-ig ul li dl{ color:#000; margin-bottom:5px;}
@media screen and (max-width:1024px){
.nv-bg{ padding:35px 0;}
.nv-bg .nv-ls ul li{ margin-right:35px;}
}
@media screen and (max-width:800px){
.nv-bg .nv-ls ul li{ width:100%; margin-right:0; margin-bottom:10px;}
.nv-bg .nv-ls ul li:nth-of-type(5){ margin-bottom:0;}
.nv-bg .nv-ls ul li a{ display:inline-table; margin-right:20px;}
.nv-bg .nv-ls ul li a:nth-of-type(1){ display:block; margin-bottom:5px;}
.nv-bg .nv-ig{ display:none;}
}
@media screen and (max-width:480px){
.nv-bg{ padding:25px 0;}
}

/* Css Copyright */
.cy-bg{ width:100%; height:85px; line-height:85px; background:#252525;}
.cy-ls{ display:none; text-align:center;}
.cy-bg .cy-zb{ float:left; font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; color:#888;}
.cy-bg .cy-yb{ float:right; margin-top:26px;}
.cy-bg .cy-yb a{ display:block; float:left; width:33px; height:33px; margin-left:15px; background-color:#e37a1f; background-repeat:no-repeat; background-position:center; background-size:18px 18px; -webkit-border-radius:50%; border-radius:50%;}
.cy-bg .cy-yb a:hover{ background-color:#072d53;}
@media screen and (max-width:800px){
.cy-bg{ height:auto; line-height:24px; padding:35px 0;}
.cy-bg .cy-zb{ float:inherit; text-align:center;}
.cy-bg .cy-yb{ float:inherit; margin:15px auto 0; display:table;}
.cy-bg .cy-yb a{ width:27px; height:27px; margin:0 5px; background-size:16px 16px;}
}