@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { background: url(../img/bj.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bj.png', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bj.png', sizingMethod='scale'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 100%; background-position: top center; background-repeat: no-repeat; }
.wrap { min-width: 1000px; overflow: auto; }

/*header*/
.header-left { position: relative; padding: 28px 0; display: inline-block; }
.header-title { margin-top: 30px; padding: 0 17px; display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 16px; font-weight: 700; }
.header-right { position: relative; float: right; padding-top: 28px; }
.language { display: block; float: right; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.qrcode { margin-top: 20px; display: inline-block; }
.qrcode img { width: 55px; }
.header-des { margin-top: 25px; padding-left: 10px; line-height: 20px; display: inline-block; vertical-align: top; font-size: 14px; }
.header-des .des { display: block; }

/*navigation*/
.nav-list { width: 100%; }
.nav-list li { background: url(../img/nav.png) center no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nav.png', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nav.png', sizingMethod='scale'); background-position: left center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;          /*background-size: cover;*/ background-size: 100%; float: left; margin-right: 1px; border-right: 1px solid #fff; width: 16.5%; padding-left: 10px; height: 40px; line-height: 40px; position: relative; text-align: left; cursor: pointer; }
.nav-list li:hover { background: #ff6606; }
.nav-list li a:link, .nav-list li a:visited { color: #FFFFFF; border-left: 2px solid #FFF; padding-left: 10px; background: transparent !important; }
.nav-list li {  /*background: url(../images/nav.png) no-repeat;
    float: left;
    border-right: 1px solid #fff;
    padding-left: 10px;
    text-align: left;
    cursor: pointer;*/ }
  .nav-list li a:link, .nav-list li a:visited {    /*color: #FFFFFF;
        border-left: 2px solid #FFF;
        padding-left: 10px;*/ }

    /*.nav-list .nav-item {
      float: left;
      width: 16.46%;
      height: 60px;
      line-height: 60px;
      text-align: center;
      text-transform: capitalize;
      font-size: 20px;
      font-family: Arial;
      color: #fff;
      background: #206bbc;
      background-image: url(../img/nav.png) no-repeat;
      border-right: 1px solid #609fdd;
      border-left: 1px solid #1258a1;
    }
    .nav-list .nav-item:hover {
      color: #fff;
      background: #ff6606;
    }
    .nav-list li.active {
      background: #ff6606;
    }*/

    /*main*/
    .main { max-width: 1000px; height: 100%; margin: 0 auto;}

    /*footer*/
    .footer-box { position: relative; margin-top: 20px; padding: 20px; clear: both; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; }
    .footer .aside { position: absolute; right: 20px; bottom: 32px; }
    .footer img { margin-top: -15px; }
    .footer img, .footer .con { display: inline-block; }
    .footer .aside .con span { display: block; line-height: 1.2; vertical-align: bottom; }
    .footer-box .address-logo { margin-right: 10px; margin-top: -3px; }
    .red { background: red; }

    /**********  ************/
    #hd { height: 90px; margin: 0 auto; }
    #hd .logo { float: left; }
    #hd .logo img { max-width: 95%; display: inline-block; vertical-align: middle; max-height: 95%; }
    #hd img { max-width: 100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; height: auto; vertical-align: middle; }
    #hd .logo_z { margin-left: 0;line-height: 74px; float: left; width: 13.7%; }
    #hd .barcode { float: left; width: 14.3%; margin-left: 25px; margin-top: 5px;}
    #hd .open { width:50%;margin-top: 5px;float: left; cursor: pointer; }
    #hd .lang { padding-bottom: 5px; margin: 0; margin-top: 10px; color: #2670be; }
    #hd .lang img, #hd .lang a { padding: 0 8px; color: #2670be; }
    .language {padding-right: 0;}
    #hd .soBox { max-width: 18%; position: relative; float: right; }
    #hd .soBox input { height: 30px; border: 0; display: block; outline: 0; }
    #hd .soBox .inp { line-height: 30px; width: 81%; border: 1px solid #3d85f2; font-size: 14px; color: #999; padding: 0 10px; }
    #hd .soBox .so-btn { position: absolute; right: 0; top: 0; height: 30px; width: 45px; background: #3d85f2 url(../img/ico-so-w.png) no-repeat center center; }
    #hd p {text-align: right;margin: 0;}

    /*  */
    .fixed { position: fixed; bottom: 0; left: 0; right: 0; _position: absolute; _top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow: visible; }

    /* pop styles */
    .cover { position: fixed; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; background: #fff; width: 100%; z-index: 999999; }
    .pop-box { position: fixed; max-width: 300px; max-height: 300px; width: 100%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; z-index: 99999999; }
    .pop-box img { cursor: pointer; }
    .pop-box .pop-close { height: auto; position: absolute; top: -20px; right: -10px; display: inline-block; z-index: 9999999; cursor: pointer; }