@charset "utf-8";
/* Css Document */
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:"Arial","Microsoft YaHei"; font-size:14px; color:#333; 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:#333; text-decoration:none;}
a:hover{ color:#0070db;}
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:5px;}
::-webkit-scrollbar-track{ background:#f0f0f0;}
::-webkit-scrollbar-thumb{ background:#c0c0c0; -webkit-border-radius:3px; border-radius:3px;}
::-webkit-scrollbar-thumb:window-inactive{ background:#c0c0c0;}
::-webkit-scrollbar-thumb:vertical:hover{ background:#c0c0c0;}
@media screen and (max-width:1024px){::-webkit-scrollbar{ width:0;}}
@font-face{
  font-family:"Helvetica Narrow";
  src:url("../fonts/helvetica narrow.woff2") format("woff2"),
      url("../fonts/helvetica narrow.woff") format("woff"),
      url("../fonts/helvetica narrow.ttf") format("truetype"),
      url("../fonts/helvetica narrow.eot") format("embedded-opentype"),
      url("../fonts/helvetica narrow.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Avant Garde Book BT";
  src:url("../fonts/avant garde book bt.woff2") format("woff2"),
      url("../fonts/avant garde book bt.woff") format("woff"),
      url("../fonts/avant garde book bt.ttf") format("truetype"),
      url("../fonts/avant garde book bt.eot") format("embedded-opentype"),
      url("../fonts/avant garde book bt.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}

/* Css Top */
.db-bg{ position:fixed; top:0; left:0; z-index:100; width:100%; height:120px; background:url(../images/dbbg.png) no-repeat center;}
.db-sj{ display:none;}
.db-sj a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:60px;}
.db-sj a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#fff;}
.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:172px; height:40px; background:url(../images/logo.png) no-repeat center; margin:30px 0 0 5%;}
.db-lg a{ display:block; width:100%; height:100%;}
.db-yb{ float:right; margin-right:5%;}
.db-yb a{ display:block; float:left; width:40px; height:40px; line-height:40px; font-family:"Helvetica Narrow"; font-size:18px; color:#00a8ff; text-align:center; margin:30px 0 0 15px; background-color:#fff; -webkit-border-radius:50%; border-radius:50%;}
.db-yb a:hover{ color:#fff; background-color:#0070db;}
.db-lb{ text-align:center;}
.db-lb ul li{ display:inline-table; position:relative;}
.db-lb ul li a{ display:block; width:100px; height:38px; line-height:38px; font-size:18px; color:#fff; margin:33px 5px 0;}
.db-lb ul li a:hover{ color:#00a8ff; background-color:#fff; -webkit-border-radius:20px; border-radius:20px;}
@media screen and (max-width:1280px){ .db-lb ul li a{ width:88px; margin:33px 0 0;}}
@media screen and (max-width:1024px){ 
.db-bg{ height:60px; background:-webkit-linear-gradient(90deg, #0070db, #00a8ff); background:linear-gradient(90deg, #0070db, #00a8ff);}
.db-sj{ display:block;}
.db-lg{ float:inherit; width:48px; height:24px; background-image:url(../images/mlogo.png); background-size:48px 24px; margin:18px auto 0;}
.db-yb a:nth-of-type(1){ display:none;}
.db-yb{ position:absolute; right:0; top:15px; margin-right:3.5%;}
.db-yb a{ width:30px; height:30px; line-height:30px; font-size:14px; margin:0;}
.db-lb{ display:none;}
}
@media screen and (max-width:640px){ 
.db-bg{ height:50px;}
.db-sj a{ height:50px;}
.db-lg{ margin:13px auto 0;}
.db-yb{ top:10px;}
}

/* Css Bottom */
.bt-bg{ width:100%; height:313px; background:url(../images/btbg.png) no-repeat center;}
.lx-ls ul{ height:233px; padding-top:62px;}
.lx-ls ul li{ float:left; width:25%; color:#fff; line-height:24px;}
.lx-ls ul li h3{ font-size:18px; font-weight:normal; margin-bottom:5px;}
@media screen and (max-width:1024px){ .bt-bg{ height:auto;}.lx-ls{ display:none;}}

/* Css Copyright */
.ft-bg{ width:100%; height:80px; line-height:79px; border-top:1px solid rgba(255, 255, 255, .12);}
.lx-bg{ height:120px; line-height:80px; border-top:none; padding-top:32px; background:url(../images/btbg.png) no-repeat center top;}
.ft-zb{ float:left; color:#fff;}
.ft-zb font{ font-family:"Avant Garde Book BT";}
.ft-yb{ float:right; margin-top:23px;}
.ft-yb a{ display:block; float:left; width:33px; height:33px; margin-left:15px; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:22px 22px; -webkit-border-radius:50%; border-radius:50%;}
.ft-yb a.tb01{ background-image:url(../images/lt01.png);}
.ft-yb a.tb02{ background-image:url(../images/lt02.png);}
.ft-yb a.tb03{ background-image:url(../images/lt03.png);}
.ft-yb a.tb04{ background-image:url(../images/lt04.png);}
.ft-yb a:hover{ background-color:#0070db;}
.ft-yb a:hover.tb01{ background-image:url(../images/lt1.png);}
.ft-yb a:hover.tb02{ background-image:url(../images/lt2.png);}
.ft-yb a:hover.tb03{ background-image:url(../images/lt3.png);}
.ft-yb a:hover.tb04{ background-image:url(../images/lt4.png);}
@media screen and (max-width:1024px){ 
.ft-bg{ line-height:80px; border-top:none;}
.lx-bg{ height:80px; padding-top:0; background-position:center;}
}
@media screen and (max-width:800px){
.ft-bg{ height:auto; line-height:24px; padding:25px 0;}
.ft-zb{ float:inherit; text-align:center;}
.ft-yb{ float:inherit; margin:10px auto 0; display:table;}
.ft-yb a{ width:27px; height:27px; margin:0 5px; background-size:16px 16px;}
}