@charset "UTF-8";
/* Css Public */
@font-face {
  font-family:"HelveticaInseratLTStd-Roman";
  src:url("../Fonts/HelveticaInseratLTStd-Roman.woff2") format("woff2"),
      url("../Fonts/HelveticaInseratLTStd-Roman.woff") format("woff"),
      url("../Fonts/HelveticaInseratLTStd-Roman.ttf") format("truetype"),
      url("../Fonts/HelveticaInseratLTStd-Roman.eot") format("embedded-opentype"),
      url("../Fonts/HelveticaInseratLTStd-Roman.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; font-size:14px; color:#666; line-height:30px;}
@media screen and (max-width:1024px){html{ line-height:24px;}}
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{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#0095a8;}
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{ max-width:1200px; margin:auto;}
@media screen and (max-width:1280px){ .main{ max-width:inherit; 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 Top */
.division{ width:100%; height:100px;}
.db-bg{ position:fixed; top:0; left:0; z-index:100; width:100%; height:100px; background-color:#fff; padding:0 5%;}
.db-sj{ display:none;}
.db-sj a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:50px;}
.db-sj a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#0095a8;}
.db-sj a span::before,.db-sj span::after{ content:''; position:absolute; width:100%; height:100%; left:0; background-color:inherit;}
.db-sj a span::before{ bottom:6px;}
.db-sj a span::after{ top:6px;}
.db-lg{ float:left; width:234px; height:44px; background-image:url(../Images/logo.png); background-repeat:no-repeat; background-position:center; background-size:234px 44px; margin-top:28px;}
.db-lg a{ display:block; width:100%; height:100%;}
.db-zs{ float:right; margin-left:35px;}
.db-zs a{ display:block; font-size:18px; font-weight:bold; color:#0095a8; line-height:100px;}
.db-yb{ float:right;}
.db-yb a{ display:block; float:left; width:25px; height:24px; margin:38px 0 0 20px; background-repeat:no-repeat; background-position:center; background-size:25px 24px;}
.db-my{ display:none;}
.db-my a{ display:block; position:absolute; right:3.5%; top:15px; width:23px; height:20px; background:url(../Images/ly.png) no-repeat; background-size:23px 20px;}
.db-lb{ float:right;}
.db-lb ul li{ float:left; position:relative;}
.db-lb ul li a{ display:block; width:100px; height:100px; line-height:100px; font-size:16px; font-weight:bold; text-align:center; overflow:hidden; position:relative;}
.db-lb ul li a div{ position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; color:#666; background-color:#fff; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-lb ul li:hover a div{ top:-100%;}
#index .db-lb ul li:nth-of-type(1) a div, #about .db-lb ul li:nth-of-type(2) a div, #mould .db-lb ul li:nth-of-type(3) a div, #solution .db-lb ul li:nth-of-type(4) a div, #support .db-lb ul li:nth-of-type(5) a div, #news .db-lb ul li:nth-of-type(6) a div, #contact .db-lb ul li:nth-of-type(7) a div{ color:#fff; background-color:#0095a8;}
.db-lb ul li a dl{ position:absolute; top:200%; left:0; z-index:3; width:100%; height:100%; color:#fff; background-color:#0095a8; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-lb ul li:hover a dl{ top:0;}
.db-lb ul li ul{ position:absolute; left:0; top:-225%; background-color:#0095a8; overflow:hidden; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.db-lb ul li:hover ul{ top:100px; padding-bottom:15px;}
.db-lb ul li ul li{ float:inherit;}
.db-lb ul li ul li a, .db-lb ul li:hover ul li a{ display:block; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:none;}
.db-lb ul li ul li a:hover, .db-lb ul li:hover ul li a:hover{ font-weight:bold;}
.db-lb ul li:nth-of-type(3) ul{ width:165px; padding-top:15px;}
.db-lb ul li:nth-of-type(3) ul li a{ width:165px; text-align:left; padding:0 18px;}
.db-bg.smaller{ height:80px; -webkit-box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.05); box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.05);}
.db-bg.smaller .db-lg{ margin-top:18px;}
.db-bg.smaller .db-zs a{ line-height:80px;}
.db-bg.smaller .db-yb a{ margin-top:28px;}
.db-bg.smaller .db-lb ul li a{ height:80px; line-height:80px;}
.db-bg.smaller .db-lb ul li:hover ul{ top:80px;}
.db-bg.smaller .db-lb ul li ul li a, .db-bg.smaller .db-lb ul li:hover ul li a{ height:30px; line-height:30px;}
@media screen and (max-width:1440px){
.db-zs{ margin-left:30px;}
.db-yb a{ margin-left:15px;}
}
@media screen and (max-width:1280px){
.db-bg{ padding:0 3.5%;}
.db-lg{ width:202px; height:38px; background-size:202px 38px; margin-top:31px;}	
.db-zs{ margin-left:25px;}
.db-yb a{ width:23px; height:20px; background-size:23px 20px; margin:40px 0 0 10px;}
.db-lb ul li a{ width:90px;}
.db-bg.smaller .db-lg{ margin-top:21px;}
.db-bg.smaller .db-yb a{ margin-top:30px;}
}
@media screen and (max-width:1150px){
.db-zs{ display:none;}
}
@media screen and (max-width:1024px){ 
.division{ height:50px;}
.db-bg{ height:50px;}
.db-sj{ display:block;}
.db-lg{ float:inherit; position:absolute; left:50%; top:12px; width:138px; height:26px; background-size:138px 26px; margin:0 0 0 -69px;}
.db-yb{ display:none;}
.db-my{ display:block;}
.db-lb{ display:none;}
.db-bg.smaller{ height:50px; -webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.05); box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.05);}
.db-bg.smaller .db-lg{ margin-top:0;}
}

/* Css Bottom */
.bt-bg{ padding:59px 0; background-color:#4c4948;}
.bt-ls{ float:left;}
.bt-ls ul li{ float:left; margin-right:65px;}
.bt-ls ul li a{ display:block; color:#888;}
.bt-ls ul li a:nth-of-type(1){ font-size:16px; font-weight:bold; color:#fff; margin-bottom:3px;}
.bt-ls ul li a:hover{ color:#0095a8;}
.bt-ig{ float:right;}
.bt-ig ul li{ float:left; margin-left:25px; color:#888; line-height:20px; text-align:center;}
.bt-ig ul li img{ display:block; width:108px; height:108px; margin:6px auto 12px; -webkit-border-radius:3px; border-radius:3px;}
@media screen and (max-width:1280px){ 
.bt-ls ul li{ margin-right:50px;}
}
@media screen and (max-width:1024px){ 
.bt-bg{ padding:30px 0;}
.bt-ls ul li{ margin-right:30px;}
.bt-ls ul li a:nth-of-type(1){ font-size:15px; margin-bottom:5px;}
.bt-ig ul li{ font-size:12px;}
.bt-ig ul li img{ width:80px; height:80px; margin-bottom:6px;}
}
@media screen and (max-width:800px){ 
.bt-ls{ float:inherit;}
.bt-ls ul li{ width:25%; margin-right:0;}
.bt-ls ul li:nth-of-type(5), .bt-ls ul li:nth-of-type(6){ margin-top:15px;}
.bt-ig{ display:none;}
}
@media screen and (max-width:640px){ 
.bt-ls ul li{ width:33.333333%;}
.bt-ls ul li:nth-of-type(4){ margin-top:15px;}
}

/* Css Copyright */
.cy-bg{ padding:25px 0; background-color:#4c4948; border-top:1px solid rgba(255,255,255,0.03);}
.cy-zb{ float:left;}
.cy-yb{ float:right;}
@media screen and (max-width:1024px){ 
.cy-bg{ padding:15px 0; line-height:22px;}
}
@media screen and (max-width:640px){ 
.cy-zb{ float:inherit; text-align:center;}
.cy-yb{ float:inherit; text-align:center;}
}
@media screen and (max-width:480px){ 
.cy-zb span{ display:block;}
}