@charset "utf-8";
/* CSS Document */


    body {
        width: 100%;
        position: relative;
        background: #f5f5f5;
        overflow: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s;
		font-family:'Microsoft YaHei','Segoe UI',Verdana, Arial, 'Microsoft Sans Serif',sans-serif;
    }

    body.on {
        opacity: 100;
        filter: alpha(opacity=100)
    }

    .w1400 {
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
        width: 92%
    }

   
    header {
        width: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        height: 80px;
        line-height: 80px;
        z-index: 10;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2)
    }

    header .logo {
        width: 207px;
        height: 100%;
        text-align: center;
        float: left;
        margin-left: 2%
    }

    header .logo img {
        max-width: 100%
    }

    header .search-box {
        width: 3%;
        height: 100%;
        display: block;
        float: right;
        background: #b4b4b4 url(../img/head01.png) no-repeat center;
        position: relative;
        z-index: 3;
        transition: background .3s
    }

    header .link {
        font-size: 14px;
        color: #666;
        padding: 0 10px;
        float: right;
        transition: color .3s;
        background: url(../img/en02.png) no-repeat right center;
        margin-right: 1%
    }

    header .enght {
        float: right;
        margin-right: 1%;
        padding-left: 26px;
        font-size: 14px;
        color: #666;
        position: relative;
        z-index: 1;
        height: 100%;
        background: url(../img/en01.png) no-repeat left center;
        transition: color .3s, background .3s
    }

    header .enght a {
        color: #666;
        display: block;
        transition: color .3s
    }

    header .enght a.tit {
        padding-right: 17px;
        background: url(../img/aaa01.png) no-repeat right center;
        height: 100%;
        width: 100%;
        transition: color .3s, background .3s
    }

    header .enght .con {
        position: absolute;
        top: 100%;
        left: -10%;
        display: none;
        background: #fff;
        width: 130%;
        padding-top: 20px;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
        height: 105px;
        overflow: auto
    }

    header .enght .con a {
        width: 100%;
        font-size: 12px;
        height: 35px;
        text-align: center;
        line-height: 35px
    }

    header .enght .con::-webkit-scrollbar {
        width: 1px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    header .enght:hover {
        background: url(../img/en01_h.png) no-repeat left center
    }

    header .enght:hover a.tit {
        color: #d42719;
        background: url(../img/aaa01_h.png) no-repeat right center
    }

    header .enght a:hover {
        color: #d42719
    }

    header .nav-box {
        width: 47%;
        margin: 0 auto 0 25%;
    }

    header .nav-box ul {
        width: 100%
    }

    header .nav-box li {
        width: 15.6%;
        float: left;
        text-align: center
    }

    header .nav-box a.tit {
        font-size: 16px;
        color: #333;
        height: 100%;
        display: block;
        width: 100%;
        transition: color .3s
    }

    header .nav-box .tit span {
        width: 9px;
        height: 6px;
        display: inline-block;
        background: url(../img/head02.png) no-repeat center;
        background-size: 100% 100%;
        margin-left: 6px
    }

    header .nav-box li:hover a.tit {
        color: #d42719
    }

    header .nav-box li:hover .tit span {
        background: url(../img/head02_h.png) no-repeat center;
        background-size: 100% 100%
    }

    header .nav-box .con {
        position: absolute;
        top: 80px;
        left: 50%;
        background: #fff;
        display: none;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        z-index: 5
    }

    header .nav-box .left {
        float: left;
        background: #f5f5f5;
        padding: 59px 1.9% 150px 10.9%;
        width: 35%
    }

    header .nav-box .link-b {
        width: 100%;
        display: block;
        padding-left: 17%;
        text-align: left;
        font-size: 15px;
        color: #333;
        line-height: 40px;
        margin-bottom: 5px;
        transition: background .3s, color .3s
    }

    header .nav-box .link-b span {
        width: 100%;
        display: block;
        background: 0
    }

    header .nav-box .pro-li .left {
        padding: 59px 1.9% 150px 8.9%;
        height: 450px
    }

    header .nav-box .pro-li dd {
        width: 33.33%;
        float: left
    }

    header .nav-box .pro-li dd .link-b {
        background-position: 8% center;
        background-repeat: no-repeat
    }

    header .nav-box .pro-li .right .link-k {
        display: none
    }

    header .nav-box .pro-li .right {
        padding: 50px 5.5% 0 3%
    }

    header .nav-box .pro-li .right .content {
        width: 100%
    }

    header .nav-box .pro-li dd .link-b.cur {
        background-color: #da2418
    }

    header .nav-box .link-b.ico_1 {
       /* background: url(../img/head09.png) no-repeat 8% center*/
    }

  

    header .nav-box .link-b.cur {
        color: #fff
    }

    header .nav-box .link-b.cur span {
        background: url(../img/head05.png) no-repeat right 8% center
    }

    header .nav-box .link-b.ico_1.cur {
        background: #da2418 /*url(../img/head09_h.png) no-repeat 8% center*/
    }

   
    .nav-box .link-k {
        width: 23%
    }

    .nav-box .link-k.none {
        display: none
    }

    .nav-box .link-k h2 {
        font-size: 24px;
        color: #333;
        line-height: 24px;
        padding-bottom: 30px;
        text-align: left
    }

    .nav-box .link-k h2 a {
        color: #333
    }

    .nav-box .link-k a.on {
        display: block;
        width: 100%;
        font-size: 14px;
        text-align: left;
        color: #666;
        line-height: 30px;
        transition: color .3s
    }

    .nav-box .content .more {
        width: 155px;
        height: 40px;
        line-height: 40px;
        padding-left: 36px;
        font-size: 14px;
        background: #da2418 url(../img/head05.png) no-repeat 103px center;
        display: block;
        text-align: left;
        color: #fff;
        margin-top: 35px
    }

    .nav-box .link-k a:hover {
        color: #da2418
    }

    .nav-box .content {
        width: 48%
    }

    .navigation {
        width: 100%;
        display: none
    }

    .nav-box .content img {
        max-width: 100%
    }

    .supplier-notice-box .left img {
        max-width: 100%
    }

    .search-hbox .right li a {
        color: #333
    }

    .search-hbox .right li a:hover {
        color: #d82117
    }

    .search-hbox .right li a.cur {
        color: #d82117
    }

    .nav-box .content p {
        text-align: left;
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 22px
    }

    header .nav-box .right {
        width: 65%;
        padding: 20px 13.5% 0 6%;
        float: right
    }

    header .nav-box .con.none .left {
        width: 50%;
        padding: 59px 16.9% 150px 10.9%
    }

    header .nav-box .pro-li .con.none .left {
        padding: 59px 1.9% 150px 8.9%
    }

    header .nav-box .con.none .right {
        width: 50%
    }

    header .nav-box .con.none .content {
        float: left;
        width: 100%; /*ÓÒ±ßÎÄ×Ö¿í*/
    }

    header .nav-box .about-li .con.none .left {
        padding: 59px 5.9% 150px 21.9%
    }



    header .nav-box .case-li .con.none .left {
        padding: 59px 1.9% 120px 6.9%
    }

    header .nav-box .case-li .con.none .link-b {
        width: 50%;
        float: left
    }

    header .nav-box .case-li .con.none .link-b {
        padding-left: 10%
    }

    .nav-box .case-li .con.none .content p {
        margin-top: 12px
    }

    .nav-box .case-li .con.none .content .more {
        margin-top: 16px
    }

    header .nav-box .ser-li .con.none .left {
        width: 68%;
        padding: 59px 4.9% 50px 7.9%
    }

    header .nav-box .ser-li.buli .con.none .left {
        padding: 59px 4.9% 250px 7.9%
    }

    header .nav-box .ser-li .link-b {
        padding-left: 22.6%
    }

    header .nav-box .ser-li .con.none .right {
        width: 32%;
        padding: 50px 5.5% 0 3%
    }

    header .nav-box .ser-li .con.none .content,
    header .nav-box .pro-li .con.none .right .content {
        width: 92.6%
    }

    header .nav-box .ser-li .con.none .log-four {
        width: 25%;
        float: left
    }

    header .nav-box .ser-li .log-four .font {
        padding-left: 22.6%;
        font-size: 13px;
        color: #666;
        display: block;
        width: 100%;
        line-height: 35px;
        text-align: left
    }

    .flex-direction-nav a {
        z-index: 1 !important
    }

    header .nav-box .ser-li .log-four .font:hover {
        color: #d9271b
    }

    .search-send {
        position: absolute;
        z-index: 2;
        background-color: #222;
        right: -34%;
        top: 0;
        width: 25%;
        transition: right .3s
    }

    .search-send.on {
        right: 3%
    }

    .search-send .close {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../img/head03.png) no-repeat center;
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -9px;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: transform .3s ease 0s
    }

    .search-send .close:hover {
        transform: rotateZ(90deg);
        transition: transform .3s ease 0s
    }

    .search-send form {
        width: 100%;
        height: 100%
    }

    .search-send .text {
        border: 0;
        font-size: 18px;
        height: 100%;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        color: #f8f8f8;
        background: 0;
        padding: 0 5% 0 13%;
        outline: 0
    }

    .search-send .submit {
        cursor: pointer;
        border: 0;
        background: url(../img/head01.png) no-repeat center;
        background-color: #bb0327;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        outline: 0
    }

    .search-send .text::-webkit-input-placeholder {
        color: #999;
    }

    .search-send .text:-moz-placeholder {
     color: #999;
    }

    .search-send .text::-moz-placeholder {
       color: #999;
    }

    .search-send .text:-ms-input-placeholder {
        color: #999;
    }



    .mobile-nav-box {
        display: none;
    }