.brandBanner {
    width   : 100%;
    position: relative;
}

.brandBanner img {
    width: 100%;
}

.brandBanner .banner-desc {
    width            : 1200px;
    height           : 100%;
    position         : absolute;
    top              : 0;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%);
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : end;
    -ms-flex-pack    : end;
    justify-content  : flex-end;
}

.brandBanner .form-desc {
    width            : 449px;
    position         : absolute;
    right            : 0;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
}



.brandContent {
    width : 1200px;
    margin: 0 auto;
}

/* 因你不凡 */
.goods-bufan {
    width     : 100%;
    height    : auto;
    background: #000;
    overflow  : hidden;
}

.bufan-info {
    width : 1200px;
    height: auto;
    margin: 0 auto;
}

.info-left,
.info-right {
    margin: 55px 0;
}

.info-left:nth-child(1) {
    margin-bottom: 0px;
}

.info-left {
    width           : 100%;
    height          : auto;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
}

.info-left>.goods-desc {
    width: 360px;
}

.brandstory>.goods-desc{
    width: 450px;
    margin-right: 50px;
}

.info-left>.fullwidth {
    width:100%;
}

.info-left>.brandstory{
    width: 450px;
    padding-right:50px;
}

.div-content {
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 30px;
}

.black-sedan{
    margin-top:30px;
}

.info-left>img {
    flex: 1;
}

.brandstory>img{
    height: 265px;
}

.info-desc {
    position         : absolute;
    right            : 0;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
}

.desc-title {
    font-size  : 26px;
    font-weight: 900;
    color      : #fff;
    /*opacity  : 0;*/
}

/* .desc-title span{
	color: #c79830;
} */
.info-desc hr,
.goods-desc hr {
    margin-top   : 28px;
    margin-bottom: 30px;
    max-width    : 62px;
    text-align   : left;
}

.desc-content {
    max-width  : 360px;
    font-size  : 16px;
    color      : #fff;
    line-height: 40px;
}


.div-content>ul {
    margin-top: 24px;
    list-style: disc;
    color     : #fff;
}

.div-content>ul>li {
    list-style-type: disc;
    line-height    : 30px;
}

.div-content>ul>li:not(:first-child) {
    position: relative;
    left    : 20px;
}

.imvkool{
    width:470px;
    font-size:0;
}

.imvkool img{
    display: inline-block;
}

.imvkool p{
    margin-left:5px;
    width:230px;
    display: inline-block;
    font-size:16px;
}

p.imvkool{
    font-size:16px;
}

.automotive{
    float:right;
}

.chaxu {
    width      : 100%;
    color      : #fff;
    line-height: 30px;
}

.chaxuPic {
    display   : none;
    width     : 100%;
    text-align: center;
    margin-top: 55px;
}

.goods-desc .div-content {
    color      : #fff;
    font-size  : 16px;
    display    : block;
    line-height: 30px;
}

.chuangmo .inline{
    display: inline-block;
}

.web-chaxu {
    display: none;
}

.web-country {
    display: none;
}
.pc-chaxu{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 87px;
}
.pc-chaxu>.pc_left{
    width: 800px;
}
.pc_left>.goods-desc{
    width: 100%;
    max-width: 800px;
    margin-top: 75px;
}
.pc_left>.goods-desc>.desc-content{
    max-width: 800px;
    line-height: 30px;
}
.pc_right{
    width: 304px;
    display: flex;
    justify-content: space-between;
}
.pc_right>ul:last-child{
    text-align: right;
}
.pc_right>ul>li{
    line-height: 27px;
}

.chuangmo-label{
    width:42%;
    font-size:0!important;
}

.chuangmo-label .label{
    width:45%;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
    padding-left:5%;
    background  : url("../images/tab-bg.png") no-repeat center left;
    background-size: auto 20px;
    cursor: pointer;
}

.chuangmo-label .active{
    background  : url("../images/tab-bg-active.png") no-repeat center left;
    color:#c78936;
    background-size: auto 20px;
    font-weight: bold;
}

.chuangmo-text{
    width:58%;
    float:right;
    color:#fff;
    line-height: 32px;
}

.chuangmo-text .item{
    display: none;
}

.chuangmo-text .active{
    display: block;
}

.type-select{
    margin-top:.1rem;
}

.type-select-label{
    font-weight:bold;
    color: #c79836;
}

.type-select .type{
    width:45%;
    display: inline-block!important;
}

.type-select .type span{
    width:10px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #c78936;
    border:1px solid #fff;
    margin-right:10px;
}

.type-select .type.active{
    color: #c78936;
}

.type-label{
    margin-top:20px;
    display: none;
    cursor: pointer;
}

.type-label .master-label{
    width:100%;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
    padding-left:5%;
    background  : url("../images/tab-bg.png") no-repeat center left;
    background-size: auto 20px;
    cursor: pointer;
}

.type-label .master-label.active{
    background-image: url("../images/tab-bg-active.png");
    color:#c78936;
    font-weight: bold;
}

.type-select .type.active span{
    display: inline-block!important;
    border:1px solid #c78936;
    background-color: #c78936;
}

.brand-service{
    width:100%;
}

.service-type{
    width:295px;
    float:left;
}

.brand-service-content {
    display: none;
    width:880px;
    float:right;
}

.brand-service .active{
    display: block;
}

.brand-service-content .info {
    float: right;
    text-align: center;
}

.brand-service-content .info img{
    width: 256px;
}

.brand-service-content .info p{
    font-weight:bold;
    color: #c78936;
    margin:.1rem 0;
}

.brand-service-content .master-cert{
    float:left;
}

.brand-service-content .info{
    float:right;
}

.mobile{display:none;}

@media (max-width:992px) {
    .pc{display:none!important;}
    .mobile{display:block!important;}

    .pc-chaxu{
        display: none;
    }
    .brandBanner {
        width   : 100%;
        position: relative;
    }

    .brandBanner img {
        width: 100%;
    }

    .brandBanner .banner-desc {
        width            : 6.67rem;
        height           : 100%;
        position         : absolute;
        top              : 0;
        left             : 50%;
        -webkit-transform: translateX(-50%);
        transform        : translateX(-50%);
    }

    .brandBanner .form-desc {
        width            : 3rem;
        position         : absolute;
        right            : 0;
        top              : 50%;
        -webkit-transform: translateY(-50%);
        transform        : translateY(-50%);
    }

    .form-desc hr {
        margin       : 0;
        margin-top   : .28rem;
        margin-bottom: .3rem;
        max-width    : .62rem;
    }

    .desc-title>span>span.word1 {
        color: #c79836;
    }

    .brandContent {
        width : 6.67rem;
        margin: 0 auto;
    }

    /* 因你不凡 */
    .goods-bufan {
        width     : 100%;
        height    : auto;
        background: #000;
        overflow  : hidden;
    }

    .bufan-info {
        width : 6.67rem;
        height: auto;
        margin: 0 auto;
    }

    .info-left,
    .info-right {
        margin: .55rem 0;
    }

    .info-left:nth-child(1) {
        margin-bottom: .30rem;
    }

    /* .goods-desc>.div-content:nth-child(3) {
        display: none;
    } */

    .goods-desc>.div-content {
        color      : #fff;
        font-size  : .18rem;
        display    : block;
        line-height: .3rem;
    }

    .info-left:first-child>img {
        width : 3.5rem;
        height: 4.66rem;
    }


    .info-desc {
        position         : absolute;
        right            : 0;
        top              : 50%;
        -webkit-transform: translateY(-50%);
        transform        : translateY(-50%);
    }

    .desc-title {
        font-size  : .26rem;
        font-weight: 900;
        color      : #fff;
        /*opacity  : 0;*/
    }

    /* .desc-title span{
        color: #c79830;
    } */
    .info-desc hr,
    .goods-desc hr {
        margin-top   : .28rem;
        margin-bottom: .30rem;
        max-width    : .62rem;
    }

    .desc-content {
        max-width  : 100%;
        font-size  : .18rem;
        color      : #fff;
        line-height: .3rem;
    }

    .web-chaxu {
        display: block;
        width  : 100%;
    }

    .web-chaxu>.goods-desc>.desc-content {
        width: 100%;
    }

    .div-content>ul {
        margin-top: .24rem;
        list-style: disc;
        color     : #fff;
    }

    .div-content>ul>li {
        list-style-type: disc;
        line-height    : .30rem;
    }

    .div-content>ul>li:not(:first-child) {
        position: relative;
        left    : .20rem;
    }

    .chaxu {
        width      : 100%;
        color      : #fff;
        line-height: .30rem;
    }

    .chaxu>p:nth-child(1) {
        display: none;
    }

    .chaxuPic {
        display: block;
        width     : 100%;
        text-align: center;
        margin-top: .55rem;
    }

    .chaxuPic>img {
        width         : 100%;
        vertical-align: top;
    }

    .web-country {
        display         : -webkit-box;
        display         : -ms-flexbox;
        display         : flex;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        font-size       : .18rem;
        line-height     : .3rem;
        margin-top      : .77rem;
        margin-bottom   : .66rem;
    }

    .web-country>ul:nth-child(2n) {
        text-align: right;
    }

    .brandstory{
        margin-bottom:0;
    }

    .div-content{
        font-size:.18rem;
        line-height: .3rem;
    }

    .brandstory .goods-desc{
        width:40%;
        padding-right:.16rem;
        float:left;
    }

    .brand-info-mobile{
        float:right;
        height:2.4rem;
    }

    .black-sedan {
        margin-top:.1rem;
    }

    .info-left p{
        color:#fff;
        line-height: .3rem;
        font-size: .18rem;
    }

    .brandstory .text3{
        clear:both;
        font-size:.18rem;
    }

    .black-sedan img{
        max-width:100%;
    }

    .info-left>.goods-desc{
        width:45%;
        padding-right: .16rem;
        margin-right: 0;
    }

    .road{
        width:45%!important;
    }

    .info-left>img{
        width: 50%;
    }

    .brandstory>img {
        height: auto;
    }

    .bufan-img{
        width: 3.2rem;
        height: 4.66rem;
    }

    .info-left>.fullwidth {
        width: 100%;
    }

    .bufanimg{
        max-width:100%;
    }

    .chuangmo-label {
        width: 100%;
    }

    .chuangmo-text {
        width: 100%;
        float: none;
        color: #fff;
        line-height: .3rem;
        font-size: .18rem;
    }

    .chuangmo-label .label{
        font-size:.18rem;
    }

    .automotive{
        width:100%;
        margin:.3rem;
    }

    .imvkool {
        width: 100%;
        font-size:0;
    }

    .imvkool img{
        width: 47%;
    }

    .imvkool p {
        margin-left: 2%;
        width: 51%;
        display: inline-block;
        line-height: .3rem;
        font-size: .18rem;
    }

    .service-type{
        width:100%;
    }

    .type-select .type {
        width: auto;
        padding: 0 .18rem;
        display: inline-block!important;
    }

    .type-label{
        font-size:0;
    }

    .type-label .master-label{
        width:45%;
        display: inline-block!important;
        font-size: .18rem;
    }

    .brand-service-content {
        width: 100%;
        float: none;
    }

    .brand-service-content .master-cert{
        float:none;
        width:100%;
    }

    .brand-service-content .master-cert img{
        width:100%;
        margin:.3rem 0;
        clear:both;
    }
    
    .brand-service-content .info{
        float:none;
        margin:.3rem 0 0 0;
        clear:both;
    }

    .brand-service-content .info img{
        float:left;
        width:40%;
        margin-left:10%;
    }

    .brand-service-content p,.brand-service-content span{
        width:45%;
        text-align: left;
        float:right;
    }
}