/* Css Public */
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:"PingFang SC","Arial","Microsoft YaHei"; font-size:14px; color:#555; 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:0px; padding:0px;}
html,body{ height:100%;}
img{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ color:#555; text-decoration:none; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
a:hover{ color:#3182AA; text-decoration:none;}
a{ outline:none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
.clear{ width:0px; height:0px; padding:0px; margin:0px; clear:both;}
@font-face {
  font-family:"vi-logo-font-Gotham-Book";
  src:url("../font/vi-logo-font-Gotham-Book.otf");
  src:url("../font/Gotham-Book.eot") format("embedded-opentype"),
      url("../font/Gotham-Book.woff") format("woff"),
      url("../font/Gotham-Book.ttf") format("truetype"),
      url("../font/Gotham-Book.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:"MyriadPro-Cond";
  src:url("http://www.feichichina.com/Fonts/MyriadPro-Cond.woff2") format("woff2"),
      url("../font/MyriadPro-Cond.woff") format("woff"),
      url("../font/MyriadPro-Cond.ttf") format("truetype"),
      url("../font/MyriadPro-Cond.eot") format("embedded-opentype"),
      url("../font/MyriadPro-Cond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}

/* Css Top */
.db-bg{ position:fixed; top:0; left:0; width:100%; height:80px; 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:100;}
.db-mb{ display:none;}
.db-mb a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:50px;}
.db-mb a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#fff;}
.db-mb a span::before,.db-mb span::after{ content:''; position:absolute; width:100%; height:100%; left:0; background-color:inherit;}
.db-mb a span::before{ bottom:6px;}
.db-mb a span::after{ top:6px;}
.db-lg{ float:left; margin-top:4px; margin-left:25px;}
.db-lg a{ display:block; width:94px; height:78px; background-image:url(../image/logo.png); background-repeat:no-repeat; background-position:center; background-size:94px 78px;}
.db-yb{ float:right;}
.db-yb a{ display:block; float:left; width:80px; height:80px; background-repeat:no-repeat; background-position:center; background-size:23px 20px; border-left:1px solid #eee; text-align:center; cursor:pointer;}
.db-yb a:hover{ border-left:1px solid #3182AA; background-color:#3182AA;}
.db-yb a.tb01{ background-image:url(../image/tb01.png); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-yb a:hover.tb01{ background-image:url(../image/tb1.png);}
.db-yb a.tb02{ background-image:url(../image/tb02.png); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-yb a:hover.tb02{ background-image:url(../image/tb2.png);}
.db-my{ display:none;}
.db-my a{ display:block; position:absolute; right:3.5%; top:15px; width:23px; height:20px; background:url(../image/tb1.png) no-repeat; background-size:23px 20px;}
.db-lb{ text-align:center;}
.db-lb a{ display:inline-table; height:80px; line-height:80px; margin:0 25px; font-size:18px; color:#000; position:relative;}
.db-lb a:hover{ color:#3182AA;}
.db-lb a span{ position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#3182AA; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-lb a:hover span{ width:100%;}

@media screen and (max-width:1440px){ 
.db-lb a{ font-size:16px;}
}
@media screen and (max-width:1280px){ 
.db-lb a{ margin:0 20px;}
}
@media screen and (max-width:1024px){ 
.db-bg{ height:50px; background-color:#3182AA; padding:0 3.5%;}
.db-mb{ display:block;}
.db-lg{ float:inherit; width:42px; margin:10px auto 0;}
.db-lg a{ width:42px; height:30px; background-image:url(../image/mobilelogo.png); background-size:42px 30px;}
.db-lb{ display:none;}
.db-yb{ display:none;}
.db-my{ display:block;}
}

/* Css Bottom */
.bt-bg{ width:100%; height:auto; background-color:#333; padding:50px 10% 35px;}
.bt-ls{ float:left; overflow:hidden;}
.bt-ls ul li{ float:left; margin-right:120px;}
.bt-ls ul li a{ display:block; color:#888;}
.bt-ls ul li a:nth-of-type(1){ font-size:15px; color:#fff; margin-bottom:15px;}
.bt-ls ul li a:hover{ color:#fff;}
.bt-ig{ float:right; overflow:hidden;}
.bt-ig ul li{ float:left; width:114px; height:138px; background-color:#fff; text-align:center; margin-left:20px; border-radius:4px; -webkit-border-radius:4px;}
.bt-ig ul li img{ display:block; width:88px; height:88px; margin:13px auto 0;}
.bt-ig ul li p{ margin-top:3px; color:#000;}
.bt-ig ul li p span{ font-family:"vi-logo-font-Gotham-Book";}
.bt-cy{ margin-top:35px; font-size:12px; color:#666;}
.bt-cy span{ font-family:Arial;}

.bt-tb{ display:none; width:144px; margin:10px auto 0;}
.bt-tb a{ display:block; float:left; width:30px; height:30px; border:1px solid #3182AA; background-repeat:no-repeat; background-position:center; background-size:16px 14px; margin:0 3px; border-radius:50%; -webkit-border-radius:50%;}
.bt-tb a:hover{ border:1px solid #3182AA; background-color:#3182AA;}
.bt-tb a.tb01{ background-image:url(../image/tb03.png);}
.bt-tb a.tb02{ background-image:url(../image/tb04.png);}
.bt-tb a.tb03{ background-image:url(../image/tb05.png);}
.bt-tb a:hover.tb01{ background-image:url(../image/tb3.png);}
.bt-tb a:hover.tb02{ background-image:url(../image/tb4.png);}
.bt-tb a:hover.tb03{ background-image:url(../image/tb5.png);}

@media screen and (max-width:1440px){ 
.bt-bg{ padding:50px 5% 35px;}
.bt-ls ul li{ margin-right:80px;}
}
@media screen and (max-width:1280px){ 
.bt-ls ul li{ margin-right:40px;}
}
@media screen and (max-width:1024px){
.bt-bg{ padding:25px 5%;} 
.bt-ls{ display:none;}
.bt-ig{ display:none;}
.bt-cy{ margin-top:0; letter-spacing:0; text-align:center;}
.bt-tb{ display:block;}
}