.service_mode{
    position: relative;
}
.service_banner img{
    width: 100%;
}
.service_banner{
    position: relative;

}
.service_banner p {
    font-size: 30px;
    text-align: center;
    color: #ffffff;
}
.service_pc{
    display: block;
}
.service_mibile{
    display: none;
}
.banner_text{
    position: absolute;
    left:50%;
    top: 50%;
    width: 600px;
    height: 100px;
    margin-top: -50px;
    margin-left: -300px;
}
.organization h3{
    padding-top: 100px;
    letter-spacing: 8px;
    font-weight: bold;
}
.organization h5{
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    text-align: center;
    margin-bottom: 50px;
}
.organization_text{
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #333333;

}
.organization_list{
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 94px;
}
.organization_list li{
    width: 24.5%;
    float: left;
    margin-right: 13.25%;
}
.organization_list li img{
    display: block;
    width: 100%;
}
.organization_list .last_list{
    margin-right: 0 !important;
}
.organization_list li p{
    font-size: 24px;
    text-align: center;
    color: #333333;
    margin-top: 35px;
}
.news_year{
    position: relative;
    margin-top: 45px;
}
.new_yearBg{
    width: 100%;
}
.new_year_title{
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
}
.new_year_bt{
    text-align: center;
    font-size: 44px;
    line-height: 44px;
    color: #ff1b36;
    margin-top: 20px;
    font-weight: bold;
}
.new_yearTent{
    position: absolute;
    width: 768px;
    height: 180px;
    left:50%;
    top:50%;
    margin-top: -90px;
    margin-left: -384px;
}
.cooper_user{
    padding-top: 125px;
}
.page h3{
    text-align: center;
    font-size: 46px;
    line-height: 46px;
    color: #ff1b36;
    font-weight:bold;
}
.cooper_user p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 5px;
    font-weight:bold;
}
.cooperation{
    overflow: hidden;
    text-align: center;
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}
.cooperation li{
    float: left;
    width: 20%;
    /*background-color: #FF1B36;*/
    height: 70px;
    font-size: 30px;
    color: #ffffff;
    line-height: 66px;
    margin-bottom: 30px;
    background-size: contain;
}
.cooper1{
    background: url("../images/huaiwei_icon_1.png") no-repeat center;
}
.cooper2{
    background: url("../images/tengxun_icon_1.png") no-repeat center;
}
.cooper3{
    background: url("../images/vico_icon.png") no-repeat center;
}
.cooper4{
    background: url("../images/oppo_icon.png") no-repeat center;
}
.cooper5{
    background: url("../images/honor_icon_1.png") no-repeat center;
}
.cooper6{
    background: url("../images/sanxing_icon.png") no-repeat center;
}
.cooper7{
    background: url("../images/pingan_icon_1.png") no-repeat center;
}
.cooper8{
    background: url("../images/hengda_icon.png") no-repeat center;
}
.cooper9{
    background: url("../images/zhaolian_icon_1.png") no-repeat center;
}
.cooper10{
    background: url("../images/feidai_icon.png") no-repeat center;
}
.cooper11{
    background: url("../images/guangfa_icon.png") no-repeat center;
}
.cooper12{
    background: url("../images/fangtai_1.png") no-repeat center;
}
.cooper13{
    background: url("../images/huarun_1.png") no-repeat center;
}
.cooper14{
    background: url("../images/yihai_icon_1.png") no-repeat center;
}
.cooper15{
    background: url("../images/guomei_icon.png") no-repeat center;
}
.cooper16{
    background: url("../images/anjier_icon_1.png") no-repeat center;
}
.cooper17{
    background: url("../images/meidi_icon.png") no-repeat center;
}
.cooper18{
    background: url("../images/baofeng_icon_1.png") no-repeat center;
}
.cooper19{
    background: url("../images/anker_icon_1.png") no-repeat center;
}
.cooper20{
    background: url("../images/mairui_icon_1.png") no-repeat center;
}
.cooper21{
    background: url("../images/hanhou_icon.png") no-repeat center;
}
.cooper22{
    background: url("../images/ub_icon.png") no-repeat center;
}
.cooper23{
    background: url("../images/gionee_icon.png") no-repeat center;
}
.cooper24{
    background: url("../images/nubiya_icon_1.png") no-repeat center;
}
.honnor_mode{
    position: relative;
    margin-top: 90px;
    height: 700px;
    background: url("../images/honner_bg.jpg") no-repeat center;
    background-size: cover;
}
.honner_bg{
    width: 100%;
    display: block;
}
.honnor_mode h3{
    letter-spacing: 8px;
}
.honnor_list{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
}
.honnor_list li {
    float: left;
    width: 21%;
    margin-right: 5%;
}
.honnor_list .last_honnor{
    margin-right: 0%;
}
.honnor_list li img{
    display: block;
    width: 100%;
}
.honnor_mode p{
    font-size: 16px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}
.honnor_mode_middle{
    position: absolute;
    width: 750px;
    height: 270px;
    top:50%;
    left:50%;
    margin-top: -135px;
    margin-left: -375px;
}
@media screen and (max-width: 1920px) {
    .honnor_mode{
        position: relative;
        margin-top: 90px;
        height: 525px;
    }
}
@media screen and (max-width: 1600px) {
    .honnor_mode{
        position: relative;
        margin-top: 90px;
        height: 435px;
    }
}
@media screen and (max-width: 768px) {
    .page_mobile .service_pc{
        display: none;
    }
    .page_mobile .service_mibile{
        display: block;
    }
    .page h3{
        font-size: 0.573rem;
        line-height: 0.68rem;
    }
    .banner_text{
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        top:50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .service_banner p {
        font-size: 0.4rem;
    }
    .organization h3 {
        padding-top: 1rem;
    }
    .organization h5 {
        font-size: 0.213rem;
        line-height: 0.48rem;
        margin-bottom: 0.66rem;
    }
    .organization_text {
        width: 80.4%;
        margin: 0 auto;
        font-size: 0.32rem;
        line-height: 0.48rem;
        text-align: center;
        color: #333333;
    }
    .organization_list{
        width: 78.4%;
        margin: 0 auto;
        margin-top: 0.6rem;
    }
    .organization_list li p {
        font-size: 0.32rem;
        margin-top: 0.4666rem;
    }
    .news_year {
        margin-top: 1rem;
    }
    .new_year_title {
        font-size: 0.32rem;
        line-height: 0.48rem;
    }
    .new_yearTent {
        position: absolute;
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        top:50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .new_year_bt {
        font-size: 0.55rem;
        line-height: 0.55rem;
        margin-top: 0.2666rem;
    }
    .cooper_user p {
        font-size: 0.213rem;
        margin-top: 0.066rem;
    }
    .cooper_user {
        padding-top: 0.8rem;
    }
    .cooperation {
        width: 80%;
        margin-top: 0.4rem;
    }
    .cooperation li {
        float: left;
        width: 33.33%;
        /* background-color: #FF1B36; */
        height: 0.93rem;
        color: #ffffff;
        line-height: 0.93rem;
        margin-bottom: 0.44rem;
        background-size: 75%!important;
    }
    .honnor_mode {
        background: none;
        position: relative;
        margin-top: 0.533rem;
        height: auto;
    }
    .honnor_mode .service_mibile{
        width: 100%;
        display: block;
    }
    .honnor_mode h3 {
        padding-top: 0%;
        letter-spacing:normal;
    }
    .honnor_mode_middle{
        width: 78%;
        position: absolute;
        left:50%;
        top:50%;
        margin-left: 0;
        margin-top: 0;
        height:auto;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .honnor_mode p {
        font-size: 0.213rem;
        line-height: 0.68rem;
        margin-top: 0.2rem;
    }
    .honnor_list {
        width: 100%;
        margin-top: 0.5rem;
    }
    .honnor_list li img{
        width: 94%;
        margin: 0 auto;
    }
    .honnor_list li {
        float: left;
        width: 39%;
        margin:0 5%;
        margin-bottom: 0.76rem;
    }
    .honnor_list li:nth-child(3){
        margin-bottom: 0rem;
    }
    .honnor_list li:nth-child(4){
        margin-bottom: 0rem;
    }
}