body {
        color: #333;
    }
    
    .cooperation-list {
        background-color: #f6f6f6;
    }
    
    .nav>li.active a {
        color: #ff0000 !important;
        border-bottom: 2px solid #ff0000;
    }
    
    .cooperation1,
    .join {
        background: #fff;
    }
    
    .mb40 {
        margin-bottom: 40px;
    }
    
    .banner-text-cloud {
        font-size: 36px;
        position: absolute;
        left: 50%;
        top: 30%;
        color: white;
        margin-left: -113px;
    }
    
    .banner-text1-cloud {
        font-size: 25px;
        position: absolute;
        left: 50%;
        top: 48%;
        color: white;
        margin-left: -227px;
    }
    
    .cooperation-p1 {
        text-indent: 2em;
        line-height: 38px;
        font-size: 16px;
        margin: 30px auto;
        color: #3b3a3a;
        text-shadow: 0 1px 1px #fff;
    }
    
    .cooperation-video {
        background-color: #fff;
    }
    
    .cooperation-video h3 {
        margin-top: 80px;
    }
    
    .cooperation-qy-tit,
    #cooperate h3,
    .cooperation-video h3 {
        font-size: 22px;
        margin-bottom: 80px;
        color: #ff6831;
        text-align: center;
    }
    
    .thumbnail1 {
        border: none;
    }
    
    .thumbnail1 p {
        margin-top: 10px;
        font-size: 16px;
    }
    
    .clear_both {
        clear: both;
        overflow: hidden;
        font-size: 0px;
        line-height: 1px;
        height: 1px;
    }
    
    .cb {
        clear: both;
    }
    
    .dib {
        display: inline-block;
        height: 1px;
        width: 100%;
    }
    
    .dib_fz {
        letter-spacing: 0px;
        word-spacing: 0px;
        font-size: 0;
    }
    
    .oh {
        overflow: hidden;
    }
    
    .none {
        display: none;
    }
    
    .blok {
        display: block;
    }
    
    .i_zgs {
        width: 100%;
    }
    
    .izgsc {
        width: 100%;
        margin-bottom: 80px;
    }
    
    .cooperation-qy {
        background-color: #fff;
    }
    
    .i_zgs_li {
        display: inline-block;
        vertical-align: top;
        /* width: 19.5%;*/
        /*width: 29.2%;*/
        width: 352px;
        min-height: 530px;
        max-height: 537px;
        /*padding-bottom: 65px;*/
        margin-right: .2%;
        position: relative;
        cursor: pointer;
        transition: all .4s ease 0s;
        overflow: hidden;
    }
    
    .i_zgs_li .i_zgstit,
    .i_zgs_li .i_zgsmc,
    .i_zgs_li span {
        display: none;
    }
    
    .js_wzgs {
        /*width: 40.9%;*/
        width: 405px;
        opacity: 0.9;
    }
    
    .js_wzgs .i_zgstit,
    .js_wzgs .i_zgsmc,
    .js_wzgs span {
        display: block;
    }
    
    .js_wzgs .i_zgstit {
        width: 39%;
        /*min-height: 340px;*/
        padding: 15px 3%;
        text-align: center;
        /*background: rgba(255, 255, 255, .6);*/
        position: absolute;
        top: 66%;
        left: 50%;
        z-index: 3;
        margin: -200px 0 0 -22.5%;
        transition: all .4s ease 0s;
    }
    
    .js_wzgs .i_zgstit .i_zgsimg {
        width: 100%;
        height: auto;
        line-height: 0;
        overflow: hidden;
    }
    
    .js_wzgs .i_zgstit .i_zgsimg img {
        width: 46%;
        height: auto;
        max-height: 128px;
    }
    
    .js_wzgs .i_zgstit .i_zgsjs {
        width: 100%;
        font-size: 18px;
        line-height: 36px;
        color: #fff;
        padding-top: 35px;
        text-align: Justify;
        text-align: center;
        /*Firefox*/
        text-justify: inter-ideograph;
        /*IE*/
    }
    
    .js_wzgs span {
        display: block;
        width: 33px;
        height: 14px;
        background: url(../images/p3.png) center bottom no-repeat;
        position: absolute;
        bottom: 64px;
        left: 50%;
        z-index: 2;
        margin-left: -16.5px;
        overflow: hidden;
    }
    
    .js_wzgs .i_zgsmc {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        font-size: 22px;
        font-weight: lighter;
        text-align: center;
        color: #333333;
    }
    
    .js_wzgs .i_zgsmc p {
        font-size: 14px;
        text-transform: uppercase;
        color: #999999;
    }
    
    .i_zgs_li .i_qhan {
        width: 100%;
        line-height: 32px;
        font-size: 14px;
        color: #FFFFFF;
        position: absolute;
        padding: 4px;
    }
    
    .i_zgs_li .i_qhan h3 {
        text-align: center;
        margin-top: 49%;
    }
    
    .i_zgs_li .i_qhan ul {
        width: 85%;
        margin-left: 20%;
        list-style-type: disc;
        line-height: 200%;
        margin-top: 20%;
    }
    
    .i_zgs_li .i_qhan-mobile {
        width: 100%;
        line-height: 32px;
        font-size: 16px;
        color: #FFFFFF;
        position: absolute;
        top: 39%;
        text-align: center;
        display: none;
    }
    
    .i_zgs_li .i_qhan div {
        display: inline-block;
        vertical-align: top;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-family: "新宋体";
        font-size: 15px;
        background: rgba(212, 19, 22, .6);
        border-radius: 50%;
        overflow: hidden;
        color: #FFFFFF;
        text-align: center;
        margin-left: 15px;
    }
    
    .mr0 {
        margin-right: 0 !important;
    }
    
    .cooperation-lx {
        margin-bottom: 50px;
    }
    
    .cooperation-lx p {
        line-height: 220%;
        font-size: 16px;
        color: #666;
        text-shadow: 0 1px 1px #fff;
    }
    /*.cooperation-cp {
    background: url(../../img/cooperation/img5.png) no-repeat scroll center center;
    height: 630px;
}*/
    
    .thumbnailhover:hover {
        border: 1px solid #39a1eb;
        transition: all 0.5s ease-in-out;
    }
    
    .join {
        padding-bottom: 50px;
    }
    
    .join p {
        line-height: 300%;
        font-size: 16px;
        color: #666;
        text-shadow: 0 1px 1px #fff;
    }
    
    .slide-text-en {
        font-size: 28px!important;
        position: absolute;
        left: 50%;
        top: 30%;
        color: white;
        margin-left: -231px;
    }
    
    .slide-text1-en {
        font-size: 18px!important;
        position: absolute;
        left: 50%;
        top: 650%;
        color: white;
        margin-left: -390px;
    }
    
    .top-txt-en {
        text-indent: 2em;
        line-height: 38px;
        font-size: 16px;
        margin: 30px auto;
        color: #666;
        text-shadow: 0 1px 1px #fff;
    }
    
    .cooperation1-en {
        background-color: #fff;
    }
    
    .line {
        background-color: #ddd;
        height: 1px;
    }
    
    .cooperate-tit {
        background-color: #ff6831;
        color: #fff;
        width: 100px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        margin-top: -18px;
        margin-left: 46%;
    }
    
    .cooperate-tit1 {
        width: 170px!important;
        margin-left: 42.5%!important;
    }
    /* 合作伙伴级别
------------------------------------------------------------------------------------------ */
    
    .cooperation1-tit {
        font-size: 22px;
        margin-bottom: 40px;
        color: #ff6831;
        text-align: center;
    }
    
    .cooperation-p2 {
        font-size: 16px;
        text-align: center;
        color: #9c9e9d;
    }
    /* 适配  begin
------------------------------------------------------------------------------------------ */
    
    @media(min-width: 320px) and (max-width: 767px) {
        /* Mobile phone ============================================ */
        .mt-op {
            margin-top: -12px;
        }
        .banner-text-cloud {
            font-size: 16px;
            top: 12%;
            margin-left: -50px;
        }
        .banner-text1-cloud {
            font-size: 14px;
            top: 56%;
            margin-left: -128px;
        }
        .cooperation-p1 {
            line-height: 22px;
            font-size: 12px;
            margin: 10px auto;
        }
        .mb40 {
            margin-bottom: 2px;
        }
        .cooperation-qy-tit,
        #cooperate h3 {
            font-size: 15px;
            line-height: 50px;
        }
        .i_zgs_li {
            min-height: 200px;
            max-height: 200px;
        }
        .i_zgs_li .i_qhan {
            line-height: 24px;
            font-size: 12px;
            top: 29%;
        }
        .cooperation-lx p {
            line-height: 22px;
            font-size: 12px;
        }
        .cooperation-lx {
            margin-bottom: 8px;
        }
        .tb30 {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .join p {
            line-height: 22px;
            font-size: 12px;
        }
        .join {
            padding-bottom: 10px;
        }
        .slide-text-en {
            font-size: 12px!important;
            position: absolute;
            left: 50%;
            top: -93%;
            color: white;
            margin-left: -110px;
        }
        .slide-text1-en {
            font-size: 12px!important;
            position: absolute;
            left: 50%;
            top: 126%;
            color: white;
            margin-left: -160px;
        }
        .top-txt-en {
            text-indent: 2em;
            line-height: 28px;
            font-size: 12px;
            margin: 30px auto;
            color: #666;
            text-shadow: 0 1px 1px #fff;
        }
        .cooperation-qy-tit-en {
            font-size: 15px;
            line-height: 100px;
        }
        .i_zgs_li .i_qhan {
            width: 100%;
            line-height: 24px;
            font-size: 12px;
            color: #FFFFFF;
            position: absolute;
            top: 24%;
            text-align: center;
        }
        .i_zgs_li .i_qhan-mobile {
            width: 100%;
            line-height: 22px;
            font-size: 12px;
            color: #FFFFFF;
            position: absolute;
            top: 39%;
            text-align: center;
            display: block;
            padding: 4px;
        }
        .i_zgs_li .i_qhan-en {
            width: 100%;
            line-height: 24px;
            font-size: 12px;
            color: #FFFFFF;
            position: absolute;
            top: 24%;
            text-align: center;
            display: none;
        }
        .thumbnail1 p {
            margin-top: 10px;
            font-size: 14px;
            text-align: center;
        }
        .cooperation-video h3 {
            font-size: 15px;
            line-height: 50px;
        }
    }
    
    @media(min-width: 768px) and (max-width:991px) {
        /* 平板pad ============================================ */
        .banner-text-cloud {
            font-size: 28px;
            top: 22%;
            margin-left: -88px;
        }
        .banner-text1-cloud {
            top: 52%;
            font-size: 18px;
            margin-left: -164px;
        }
        .cooperation-p1 {
            font-size: 14px;
        }
        .mb40 {
            margin-bottom: 10px;
        }
        .cooperation-qy-tit,
        #cooperate h3 {
            font-size: 18px;
            line-height: 100px;
        }
        .tb30 {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .join p {
            line-height: 260%;
            font-size: 14px;
        }
        .cooperation-lx p {
            font-size: 14px;
        }
        .slide-text-en {
            font-size: 18px!important;
            position: absolute;
            left: 50%;
            top: 30%;
            color: white;
            margin-left: -156px;
        }
        .slide-text1-en {
            font-size: 14px!important;
            position: absolute;
            left: 50%;
            top: 350%;
            color: white;
            margin-left: -320px;
        }
        .top-txt-en {
            text-indent: 2em;
            line-height: 30px;
            font-size: 13px;
            margin: 30px auto;
            color: #666;
            text-shadow: 0 1px 1px #fff;
        }
        .i_zgs_li .i_qhan-en {
            width: 100%;
            line-height: 26px;
            font-size: 12px;
            color: #FFFFFF;
            position: absolute;
            top: 39%;
            text-align: center;
        }
    }
    
    @media(min-width: 992px) and (max-width:1279px) {
        /* 17桌面小屏显示器 ============================================ */
        .nav>li>a {
            padding: 22px 10px 18px 10px!important;
        }
        .nav-en>li>a {
            padding: 21px 16px 18px 16px !important;
        }
        .banner-text1-cloud {
            top: 58%;
        }
        .tb30 {
            margin-top: 10px;
            margin-bottom: 10px;
        }
    }
    
    @media (min-width:1280px) and (max-width:1439px) {
        /* 19寸的液晶显示器(普屏/正屏)：1280×1024 ============================================ */
        .banner-text1-cloud {
            top: 54%;
        }
    }
    
    @media (min-width:1440px) and (max-width:1599px) {
        /* 19寸液晶显示器(宽屏)：1440×900 ============================================ */
    }
    
    @media (min-width:1600px) and (max-width:1679px) {
        /* 20寸液晶显示器(宽屏)：1600×900 ============================================ */
    }
    
    @media (min-width:1680px) and (max-width:1919px) {
        /* 22寸液晶显示器(宽屏)：1680×1050 ============================================ */
        .i_zgs_li .i_qhan-en {
            top: 33%;
            padding: 40px;
        }
    }
    
    @media (min-width:1920px) {
        /* 24寸液晶显示器(宽屏)：1920×1200 ============================================ */
        .i_zgs_li .i_qhan-en {
            top: 26%;
            padding: 55px;
        }
    }