@charset "UTF-8";
audio,canvas,html,sub,sup,video {
    padding:0;
    border:0;
    outline:0;
    background:0 0
}
html {
    font-family:'Hiragino Sans GB',"Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    min-width:1200px;
    vertical-align:baseline
}
abbr,address,article,aside,b,blockquote,body,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,ins,kbd,label,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,summary,time,var {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:0 0
}
img,li,ul {
    outline:0;
    background:0 0
}
img {
    padding:0
}
audio,canvas,sub,sup,video {
    margin:0
}
li,ul {
    border:0;
    vertical-align:baseline
}
fieldset,figure,legend {
    outline:0;
    vertical-align:baseline;
    background:0 0
}
html,img,legend {
    margin:0
}
figure {
    padding:0;
    border:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
.hide,[hidden],template {
    display:none
}
a {
    background:0 0;
    text-decoration:none
}
a:active,a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b,strong {
    font-weight:700
}
dfn {
    font-style:italic
}
li,ul {
    margin:0;
    padding:0
}
li {
    list-style:none
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    border:0;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle
}
img:not([src*="/"]) {
    display:none
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1em 40px
}
hr {
    box-sizing:content-box;
    height:0;
    border:0
}
pre {
    overflow:auto
}
code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em
}
a,button,input,textarea {
    -webkit-tap-highlight-color:rgba(255,255,255,0)
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type=checkbox],input[type=radio] {
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:700
}
table {
    border-collapse:collapse;
    border-spacing:0
}
legend,td,th {
    padding:0
}
body {
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color:#333
}
.f-pa {
    position:absolute
}
.f-pr {
    position:relative
}
.f-fl,.footer .bg-wrap .main-content .qrcode,.ul-fir>li {
    float:left
}
.f-fr {
    float:right
}
.f-oh {
    overflow:hidden
}
.f-vtm {
    vertical-align:middle
}
.clear,.f-whs {
    overflow:hidden
}
.clear {
    clear:both;
    _zoom:1
}
.f-whs {
    text-overflow:ellipsis;
    white-space:nowrap
}
.s-bg-bk {
    background-color:#000
}
.s-bg-gy {
    background-color:#f0f0f0
}
.s-bg-be {
    background-color:#0b94ed
}
.s-bg-w {
    background-color:#fff
}
.s-bg-f8 {
    background-color:#f8f8f8
}
.s-fcw {
    color:#fff
}
.s-fc-c {
    color:#ccc
}
.s-fc-gy {
    color:#666
}
.s-fc-be {
    color:#026fdf
}
.s-fc-rd {
    color:#f11
}
.s-fs10 {
    font-size:10px
}
.s-fs12 {
    font-size:12px
}
.s-fs14 {
    font-size:14px
}
.s-fs16 {
    font-size:16px
}
.s-fs18 {
    font-size:18px
}
.s-fs20 {
    font-size:20px
}
.s-fs22 {
    font-size:22px
}
.s-fs26 {
    font-size:26px
}
.s-fs24 {
    font-size:24px
}
.s-fs28 {
    font-size:28px
}
.s-fs30 {
    font-size:30px
}
.s-fs32 {
    font-size:32px
}
.s-fs34 {
    font-size:34px
}
.s-fs36 {
    font-size:36px
}
.s-fs42 {
    font-size:42px
}
.s-op50 {
    opacity:.5
}
.s-fwb {
    font-weight:700
}
.s-tac {
    text-align:center
}
.s-tal {
    text-align:left
}
.s-tar {
    text-align:right
}
.g-ml12 {
    margin-left:12px
}
.g-ml6 {
    margin-left:6px
}
.g-ml15 {
    margin-left:15px
}
.g-mt1 {
    margin-top:1px
}
.g-mt2 {
    margin-top:2px
}
.g-mt4 {
    margin-top:4px
}
.g-mt5 {
    margin-top:5px
}
.g-mt7 {
    margin-top:7px
}
.g-mt10 {
    margin-top:10px
}
.g-mt12 {
    margin-top:12px
}
.g-mt15 {
    margin-top:15px
}
.g-mt17 {
    margin-top:17px
}
.g-mt20 {
    margin-top:20px
}
.g-mt24 {
    margin-top:24px
}
.g-mt28 {
    margin-top:28px
}
.g-mt30 {
    margin-top:30px
}
.g-mt35 {
    margin-top:35px
}
.g-mt40 {
    margin-top:40px
}
.g-mt50 {
    margin-top:50px
}
.g-mt55 {
    margin-top:55px
}
.g-mt60 {
    margin-top:60px
}
.g-mt65 {
    margin-top:65px
}
.g-mt77 {
    margin-top:77px
}
.g-mt80 {
    margin-top:80px
}
.g-mt100 {
    margin-top:100px
}
.g-mt120 {
    margin-top:120px
}
.g-mt130 {
    margin-top:130px
}
.g-mb10 {
    margin-bottom:10px
}
.g-mb14 {
    margin-bottom:14px
}
.g-mb15 {
    margin-bottom:15px
}
.g-mb20 {
    margin-bottom:20px
}
.g-mb22 {
    margin-bottom:22px
}
.g-mb23 {
    margin-bottom:23px
}
.g-mb25 {
    margin-bottom:25px
}
.g-mb30 {
    margin-bottom:30px
}
.g-mb40 {
    margin-bottom:40px
}
.g-mb45 {
    margin-bottom:45px
}
.g-mb50 {
    margin-bottom:50px
}
.g-mb55 {
    margin-bottom:55px
}
.g-mb60 {
    margin-bottom:60px
}
.g-mb70 {
    margin-bottom:70px
}
.g-mb75 {
    margin-bottom:75px
}
.g-mb80 {
    margin-bottom:80px
}
.g-mb85 {
    margin-bottom:85px
}
.g-mb100 {
    margin-bottom:100px
}
.g-mb110 {
    margin-bottom:110px
}
.g-mr14 {
    margin-right:14px
}
.g-mr15 {
    margin-right:15px
}
.g-mr20 {
    margin-right:20px
}
.g-mr25 {
    margin-right:25px
}
.g-mr35 {
    margin-right:35px
}
.g-mr40 {
    margin-right:40px
}
.g-mr50 {
    margin-right:50px
}
.g-mr55 {
    margin-right:55px
}
.g-mr60 {
    margin-right:60px
}
.g-mr90 {
    margin-right:90px
}
.g-mr130 {
    margin-right:130px
}
.g-ml10 {
    margin-left:10px
}
.g-ml14 {
    margin-left:14px
}
.g-ml20 {
    margin-left:20px
}
.g-ml40 {
    margin-left:40px
}
.g-ml65 {
    margin-left:65px
}
.g-pt50 {
    padding-top:50px
}
.g-plr5 {
    padding-left:5px;
    padding-right:5px
}
.u-mask {
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,0,endColorstr=#CC000000,0);
    z-index:100
}
.a-fadein {
    -webkit-animation:1s ease-out backwards;
    -moz-animation:1s ease-out backwards;
    -ms-animation:1s ease-out backwards;
    animation:1s ease-out backwards;
    -webkit-animation-name:fadein;
    -moz-animation-name:fadein;
    -ms-animation-name:fadein;
    animation-name:fadein
}
@-webkit-keyframes fadein {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}@-moz-keyframes fadein {
     0% {
         opacity:0
     }
     to {
         opacity:1
     }
 }@-ms-keyframes fadein {
      0% {
          opacity:0
      }
      to {
          opacity:1
      }
  }@keyframes fadein {
       0% {
           opacity:0
       }
       to {
           opacity:1
       }
   }.main-content {
        width:1200px;
        margin:0 auto
    }
.gw-gray-banner {
    background-color:#f8f8f8;
    padding:100px 0
}
.gw-dis-ib {
    display:inline-block
}
.gw-dis-b,.ul-sec a {
    display:block
}
.gw-c-b {
    color:#008ce6
}
.gw-b-c,.nav-bottom li:hover,.ul-sec a:hover {
    background-color:#008ce6
}
.gw-fc-c {
    color:#333
}
.gw-fc-g {
    color:#999
}
.gw-fc-3 {
    color:#333
}
.gw-fc-6 {
    color:#666
}
.gw-fc-9 {
    color:#999
}
.footer {
    padding-top:75px;
    width:100%;
    height:420px;
    overflow:hidden
}
.footer .bg-wrap {
    width:1360px;
    height:330px;
    margin:0 auto;
    background:url(../img/dot.png)
}
.footer .bg-wrap .main-content {
    padding:35px 0 50px;
    overflow:hidden
}
.footer .bg-wrap .main-content .qrcode .code {
    margin:30px 0 0 155px
}
.footer .bg-wrap .main-content .company-info {
    float:left;
    padding:20px 0 0 126px
}
.footer .bg-wrap .main-content .company-info dl {
    float:left;
    width:267px
}
.footer .bg-wrap .main-content .company-info dl dt {
    color:#333;
    font-size:18px;
    font-weight:700;
    margin-bottom:15px
}
.footer .bg-wrap .main-content .company-info dl dt span {
    font-weight:400;
    font-size:12px
}
.footer .bg-wrap .main-content .company-info dl dd a {
    color:#999;
    line-height:30px;
    font-size:14px
}
.footer .bg-wrap .main-content .company-info .sec-w {
    width:267px;
    box-sizing:border-box
}
.footer .bg-wrap .main-content .company-info .th-w {
    width:267px
}
.footer .copyright,.ul-fir>li>a {
    text-align:center;
    padding:33px 0 45px;
    color:#999
}
.header {
    width:100%;
    background-color:#008ce6;
    z-index:10;
    position:fixed;
    transition:all linear .3s
}
.header,.header-holder {
    height:80px
}
.header-index {
    width:100%;
    position:fixed;
    height:80px;
    z-index:10;
    transition:all linear .3s
}
.top_sty,.top_sty_index {
    height:54px
}
.top_sty_index .nav-top {
    padding-top:6px;
    height:54px
}
.top_sty_index .nav-top .nav-bg {
    display:block!important;
    height:54px
}
.header .main-wrap {
    padding-top:21px;
    height:100%;
    box-sizing:border-box;
    position:relative;
    transition:all linear .3s
}
.top_sty {
    background-color:rgba(0,140,230,.85)
}
.top_sty .main-wrap {
    padding-top:6px;
    transition:all linear .3s
}
.nav-top .main-content {
    height:100%
}
.logo {
    display:inline-block;
    cursor:pointer
}
.ul-fir,.ul-sec {
    position:absolute
}
.ul-fir {
    bottom:0;
    right:128px
}
.ul-fir>li>a {
    display:inline-block;
    color:#fff;
    padding:0 18px;
    min-width:90px;
    line-height:53px;
    border-bottom:3px solid transparent
}
.ul-fir>li>a.active,.ul-fir>li>a:hover {
    border-color:#fff
}
.ul-sec {
    margin-left:-30px;
    display:none;
    z-index:9;
    overflow:inherit
}
.ul-sec a {
    background-color:#04b8ed;
    padding:16px 58px;
    color:#fff;
    background-color:rgba(4,184,237,.85)
}
.ul-sec a:hover {
    background-color:rgba(0,170,220,.85)
}
.nav-top {
    padding-top:21px;
    height:80px;
    box-sizing:border-box;
    position:relative
}
.nav-top .nav-bg {
    width:100%;
    height:80px;
    position:absolute;
    bottom:0;
    display:none;
    background-color:rgba(0,0,0,.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000",endColorstr="#99000000")
}
.nav-top .logo {
    display:inline-block;
    cursor:pointer
}
.nav-bottom,.nav-bottom ul li {
    height:140px;
    box-sizing:border-box
}
.nav-bottom {
    position:relative;
    padding:0 0 0 353px;
    margin-top:1px;
    overflow:hidden;
    z-index:9;
    display:none;
    font-size:0;
    background-color:rgba(0,0,0,.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000",endColorstr="#99000000");
    width:100%
}
.nav-bottom ul li {
    float:left;
    width:228px;
    cursor:pointer;
    opacity:.6
}
.nav-bottom li a {
    padding:32px 32px 28px 28px;
    color:#fff;
    display:block
}
.nav-bottom li a p {
    margin-bottom:24px
}
.nav-bottom li:hover {
    opacity:1
}
.language-switch {
    position:absolute;
    right:0;
    bottom:0
}
.language-switch>a {
    padding-left:8px;
    padding-right:8px;
    line-height:60px;
    color:rgba(255,255,255,.5);
    border-left:1px solid rgba(255,255,255,.5)
}
.language-switch>a:first-child {
    border-left:none
}
.language-switch>a.active,.language-switch>a:hover {
    color:#fff
}
.l-h44 {
    line-height:44px
}
.l-h32 {
    line-height:32px
}
.l-h28 {
    line-height:28px
}
.stock-code {
    margin-top:15px;
    margin-left:10px;
    cursor:Default;
    float:left;
    font-size:12px;
    color:#fff;
    letter-spacing:1px;
    line-height:15px
}
/* <991的设备 */
@media screen and (max-width: 991px) {
    html {
        min-width:100%;
    }
    .main-content {width: 100%;}
    .gw-gray-banner { padding: 20px 0;}
    .gw-gray-banner.g-mt100 {
        margin-top: 20px;
    }
}