@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;
}
*, *:after, *:before{ box-sizing:border-box; -webkit-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{ background-color:#fff; width:expression(document.body.clientWidth <= 320? "320px": "auto"); min-width:320px;}
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:#124098;}
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{ margin:0 10%;}
@media screen and (max-width:1440px){.main{ margin:0 5%;}}
@media screen and (max-width:1024px){.main{ margin:0 3.5%;}}
::-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;}}

/* Css Heard */
.dbBg{ position:fixed; top:0; left:0; z-index:100; width:100%; height:155px;}
.division{ width:100%; height:155px;}
@media screen and (max-width:1024px){
.dbBg{ height:50px;}
.division{ height:50px;}
}

/* Css Top */
.db-bg{ width:100%; height:95px; background-color:#124098;}
.db-bg .db-sj{ display:none;}
.db-bg .db-sj a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:50px;}
.db-bg .db-sj a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#fff;}
.db-bg .db-sj a span::before,.db-bg .db-sj span::after{ content:''; position:absolute; width:100%; height:100%; left:0; background-color:inherit;}
.db-bg .db-sj a span::before{ bottom:6px;}
.db-bg .db-sj a span::after{ top:6px;}
.db-bg .db-lg{ float:left; width:306px; height:53px; background:url(../Images/logo.png) no-repeat center; background-size:306px 53px; margin-top:21px;}
.db-bg .db-lg a{ display:block; width:100%; height:100%;}
.db-bg .db-sy{ display:none; float:right; width:20px; height:95px;}
.db-sh{ float:right;}
.db-sh form{ height:30px; margin-top:33px;}
.db-sh form .db-ky{ float:left; width:150px; height:30px; line-height:28px; font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:14px; color:#fff; padding:0 15px; border:1px solid rgba(255,255,255,.15); border-right:none; background-color:inherit; -webkit-border-top-left-radius:15px; border-bottom-left-radius:15px;}
.db-sh form .db-sb{ float:left; width:32px; height:30px; border:1px solid rgba(255,255,255,.15); border-left:none; background:url(../Images/sy01.png) no-repeat left center; background-color:inherit; background-size:16px 16px; cursor:pointer; text-indent:-1000px; -webkit-border-top-right-radius:15px; border-bottom-right-radius:15px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-sh form .db-sb:hover{ background-image:url(../Images/sy02.png);}
.db-bg .db-yb{ float:right; margin-top:38px;}
.db-bg .db-yb ul li{ float:left; height:20px; line-height:20px; color:#fff; margin-right:35px; background-repeat:no-repeat; background-position:left center; cursor:pointer; position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-bg .db-yb ul li:hover{ color:#e37a1f;}
.db-bg .db-yb ul li.yb01{ padding-left:30px; background-image:url(../Images/yb01.png);}
.db-bg .db-yb ul li.yb01:hover{ background-image:url(../Images/yb1.png);}
.db-bg .db-yb ul li.yb02{ padding-left:34px; background-image:url(../Images/yb02.png);}
.db-bg .db-yb ul li.yb02:hover{ background-image:url(../Images/yb2.png);}
.db-bg .db-yb ul li.yb03{ padding-left:32px; background-image:url(../Images/yb03.png);}
.db-bg .db-yb ul li.yb03:hover{ background-image:url(../Images/yb3.png);}
.db-bg .db-yb ul li div{ position:absolute; left:0; top:35px; z-index:1000; width:100px; height:0; overflow:hidden; opacity:0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-bg .db-yb ul li div img{ width:100%; -webkit-border-radius:3px; border-radius:3px;}
.db-bg .db-yb ul li:hover div{ height:120px; opacity:1;}
@media screen and (max-width:1280px){
.db-bg .db-yb ul li{ margin-right:25px;}
}
@media screen and (max-width:1024px){
.db-bg{ height:100%; padding-top:12px;}
.db-bg .db-sj{ display:block;}
.db-bg .db-lg{ float:inherit; width:48px; height:26px; background-image:url(../Images/mobile.png); background-size:48px 26px; margin:0 auto;}
.db-bg .db-sy{ display:block; float:inherit; position:absolute; right:3.5%; top:15px; width:20px; height:20px;}
.db-sh{ display:none;}
.db-bg .db-yb{ display:none;}
}

/* Css Search */
#toggle-search{ display:block; width:100%; height:100%; background-color:#124098; background-image:url(../Images/sy01.png); background-repeat:no-repeat; background-position:center; background-size:20px 20px; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#toggle-search:hover{ background-image:url(../Images/sy02.png);}
#search-form{ position:absolute; top:95px; right:10%; z-index:1000; width:300px; max-height:0; background-color:rgba(255,255,255,.8); overflow:hidden; -webkit-transition:max-height, 0.5s; transition:max-height, 0.5s;}
#search-form.open{ max-height:50px;}
#search-form input{ font-family:"Helvetica Condensed","Source Han Sans CN","PingFang SC","Microsoft YaHei"; height:50px; border:none;}
#search-form input[type="search"]{ width:100%; padding:0 15px; background:transparent;}
#search-form input[type="submit"]{ position:absolute; bottom:0; right:0; width:65px; color:#fff; background:#e37a1f; cursor:pointer;}
@media screen and (max-width:1024px){ 
#toggle-search{ background-color:inherit;}
#search-form{ top:50px; width:280px;}
#search-form.open{ max-height:45px;}
#search-form input{ height:45px;}
}

/* Css Menu */
.db-ls{ width:100%; height:60px; background-color:#f0f1f3; border-top:5px solid #e37a1f; border-bottom:1px solid #d7d8da;}
.db-ls .db-lb{ text-align:center;}
.db-ls .db-lb ul li{ display:inline-table; margin:0 25px; position:relative;}
.db-ls .db-lb ul li a{ display:block; font-size:18px; font-weight:500; color:#333; height:54px; line-height:54px;}
.db-ls .db-lb ul li a span{ position:absolute; left:0; bottom:-1px; width:0; height:5px; background-color:#e37a1f; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-ls .db-lb ul li:hover a span{ width:100%;}
#index .db-ls .db-lb ul li:nth-of-type(1) a span, #about .db-ls .db-lb ul li:nth-of-type(2) a span, #strength .db-ls .db-lb ul li:nth-of-type(3) a span, #product .db-ls .db-lb ul li:nth-of-type(4) a span, #news .db-ls .db-lb ul li:nth-of-type(5) a span, #service .db-ls .db-lb ul li:nth-of-type(6) a span, #jobs .db-ls .db-lb ul li:nth-of-type(7) a span, #contact .db-ls .db-lb ul li:nth-of-type(8) a span{ width:100%;}
.db-ls .db-lb ul li ul{ position:absolute; left:0; top:55px; width:125px; height:0; background-color:#f0f1f3; border:1px solid #d7d8da; border-top:none; overflow:hidden; opacity:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-ls .db-lb ul li:nth-of-type(4) ul{ width:215px;}
.db-ls .db-lb ul li:hover ul{ padding:5px 0; height:auto; opacity:1;}
.db-ls .db-lb ul li ul li{ float:inherit; width:100%; margin:0; border-bottom:1px solid #d7d8da;}
.db-ls .db-lb ul li ul li a{ display:block; height:32px; line-height:32px; font-size:14px; font-weight:normal; color:#333; text-align:left; padding:0 15px; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-ls .db-lb ul li ul li a:hover{ padding-left:25px;}
.db-ls .db-lb ul li:nth-of-type(2) ul li:nth-of-type(3), .db-ls .db-lb ul li:nth-of-type(3) ul li:nth-of-type(4), .db-ls .db-lb ul li:nth-of-type(4) ul li:nth-of-type(10), .db-ls .db-lb ul li:nth-of-type(5) ul li:nth-of-type(3), .db-ls .db-lb ul li:nth-of-type(6) ul li:nth-of-type(2), .db-ls .db-lb ul li:nth-of-type(7) ul li:nth-of-type(3){ border-bottom:none;}
@media screen and (max-width:1280px){.db-ls .db-lb ul li{ margin:0 20px;}}
@media screen and (max-width:1024px){.db-ls{ display:none;}}

/* Css Footer */
.nv-bg{ padding:60px 0 50px; background-color:#2a2a2a;}
.nv-bg .nv-ls{ float:left;}
.nv-bg .nv-ls ul li{ float:left; margin-right:65px;}
.nv-bg .nv-ls ul li a{ display:block; color:#a0a0a0; line-height:28px;}
.nv-bg .nv-ls ul li a:nth-of-type(1){ font-size:18px; font-weight:500; color:#fff; margin-bottom:5px;}
.nv-bg .nv-ls ul li a:hover{ color:#e37a1f;}
.nv-bg .nv-ig{ float:right;}
.nv-bg .nv-ig ul li{ float:left; width:108px; background-color:#fff; text-align:center; margin-top:5px; margin-left:20px; -webkit-border-radius:3px; border-radius:3px;}
.nv-bg .nv-ig ul li img{ display:block; width:100px; margin:4px auto 0;}
.nv-bg .nv-ig ul li dl{ color:#000; line-height:22px; margin-bottom:6px;}
.cy-bg{ width:100%; height:100px; background:#124098; border-top:5px solid #e37a1f; color:#fff; text-align:center; line-height:25px; display:flex; justify-content:center; flex-direction:column;}
.cy-bg span{ margin:0 8px;}
.cy-bg font{ display:none;}
.cy-bg u{ text-decoration:none;}
@media screen and (max-width:1680px){
.nv-bg .nv-ls ul li{ margin-right:35px;}
}
@media screen and (max-width:1280px){
.nv-bg .nv-ls ul li:nth-of-type(5), .nv-bg .nv-ls ul li:nth-of-type(6){ display:none;}
}
@media screen and (max-width:1024px){
.nv-bg{ padding:35px 0; background-color:#f5f5f5;}
.nv-bg .nv-ls{ display:none;}
.nv-bg .nv-ig{ float:inherit; display:table; margin:auto;}
.nv-bg .nv-ig ul li{ margin:0 20px;}
.cy-bg{ height:auto; border-top:none; padding:25px 0;}
}
@media screen and (max-width:480px){
.nv-bg .nv-ig ul li{ width:88px; font-size:12px; margin:0 10px;}
.nv-bg .nv-ig ul li img{ width:84px; margin:2px auto 0;}
.cy-bg{ text-align:left;}
.cy-bg span{ margin:0 5px;}
.cy-bg font{ display:inline;}
}
@media screen and (max-width:375px){
.cy-bg u{ display:none;}
}
@media screen and (max-width:320px){
.nv-bg .nv-ig ul li{ margin:0 5px;}
}