/* ----------------------------品牌历程------------------------------------- */

.brandrel-banner-box{
    width: 100%;
    overflow: hidden;
}
.brandrel-banner{width: 100%;position: relative;}
.brandrel-banner img{
    width: 100%;
    object-fit: cover;
    min-height: 200px;
}
.brand-timeshaft-box{
    width: 100%;
    overflow: hidden;
    padding: 80px 0 100px 0;
}
.brand-timeshaft{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.brand-timeshaft-list{
    width: 100%;
    overflow: hidden;
}
.brand-timeshaft-list>div{float: left;}

.brand-timeshaft-list-pic{overflow: hidden;padding: 20px 0;}
.brand-timeshaft-list-pic img{
    width: 390px;height: 210px;
}
.brand-timeshaft-list-words{position: relative;min-height: 250px;}

.brand-timeshaft-list-words h6{font-size: 48px;color: #d2baa3;}
.brand-timeshaft-list-words p{font-size: 14px;color: #808080;line-height: 24px;}
.brand-timeshaft-list-words i{
    width: 134px;
    height: 22px;
    display: block;
    background: url('../images/brandrel/pp_time.png') no-repeat;
    position: absolute;
}
.brand-timeshaft-list:hover .brand-timeshaft-list-words h6{color: #9e7e4d;}


.brand-picwords .brand-timeshaft-list-pic{width: 50%;text-align: center;border-right: 1px solid #ceb69f;box-sizing: border-box;}
.brand-picwords .brand-timeshaft-list-words{width: 50%;}

.brand-wordspic .brand-timeshaft-list-words{width: 50%;border-right: 1px solid #ceb69f;box-sizing: border-box;}
.brand-wordspic .brand-timeshaft-list-pic{width: 50%;text-align: center;}

.brand-picwords .brand-timeshaft-list-words{padding: 32px 0 32px 140px;}
.brand-wordspic .brand-timeshaft-list-words{padding: 32px 140px 32px 0;text-align: right;}

.brand-picwords .brand-timeshaft-list-words i{
    left: -11.2px;
    top: 54px;
}
.brand-wordspic .brand-timeshaft-list-words i{
    right: -11.2px;
    top: 54px;
    transform: rotate(180deg);
}

.brand-wordspic .brand-timeshaft-list-pic{float: right;}
.brand-wordspic .brand-timeshaft-list-words{float: left;}


/* --------------------------------联系我们--------------------------------- */

.relation-message-box{
    width: 100%;
    overflow: hidden;
    padding: 66px 0 100px 0;
}
.relation-message{
    width: 1200px;
    margin: 0 auto;
}
.relation-messageL{
    width: 50%;
    float: left;
    padding-right: 84px;
}
.relation-messageL h6{width: 100%;overflow: hidden;}
.relation-messageL h6 i{
    width: 31px;height: 25px;
    display: inline-block;vertical-align: middle;
    background: url('../images/brandrel/lx_arr.png') no-repeat;
}
.relation-messageL h6 span{
    display: inline-block;vertical-align: middle;
    margin-left: 16px;font-size: 24px;color: #4d413b;
}
.relation-messageL-words{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    padding-left: 52px;
}
.relation-messageL-words p{
    font-size: 14px;color: #484848;
    margin-top: 12px;
}


.relation-messageR{
    width: 50%;
    float: right;
    padding-left:50px;
    border-left: 1px solid #cfc4bf;
}
.relation-messageR-title{width: 100%;overflow: hidden;}

.relation-messageR-title p{font-size: 14px;color: #4d413b;line-height: 24px;}
.relation-messageR-form{
    width: 100%;
    overflow: hidden;
    margin-top: 44px;
}
.relation-messageR-formlist{
    width: 100%;
    overflow: hidden;
    margin-top: 16px;
}
.relation-messageR-formhint{
    width: 100%;
    overflow: hidden;
    margin-top: 16px;text-align: center;
}
.relation-messageR-formclick{
    width: 100%;
    overflow: hidden;
    margin-top: 32px;
}

.relation-messageR-formhint p{
    font-size: 12px;color: #888;margin-left:0;line-height: 22px;
}
.relation-messageR-formlist span{font-size: 12px;color: #484848;width: 106px;display: inline-block;text-align: center;vertical-align: middle;}


.relation-messageR-formlist label{font-size: 12px;color: #484848;margin-right: 16px;}

.formlist-ly{display: inline-block;vertical-align: middle;cursor: pointer;
width: 16px;height: 16px;margin: 0px 4px 0 0;}

.relation-messageR-formlist b{font-size: 14px;color: #ff0000;margin-left: 8px;}

.formlist-ly:checked{background: #9e7e4d !important;}

.formlist-xx{width: 254px;height: 30px;border: 1px solid #bdb2ad;font-size: 12px;color: #484848;outline: none;}

.formlist-wz{
    width: 60%;
    height: 66px;
    outline: none;font-size: 12px;color: #484848;
}

.formlist-yzm{width: 120px;height: 30px;border: 1px solid #bdb2ad;font-size: 12px;color: #484848;outline: none;text-align: center;}

.relation-messageR-formlist h5{
    display: inline-block;
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
}
.relation-messageR-formlist h5 img{max-width: 100%;}
.relation-messageR-formlist h6{
    display: inline-block;
    font-size: 12px;
    color: #4d413b;
}
.relation-messageR-form>div:nth-child(7) span{width: 60px;}
.relation-messageR-formclick>div{
    width: 112px;
    height: 30px;
    float: left;
    margin-right: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    user-select: none;
}
.formclick-submit{background-color: #c3a07d;margin-left: 92px;}
.formclick-submit:hover{background-color: #9e7e4d;}
.formclick-reset{background-color: #bbb;}
.formclick-reset:hover{background-color: rgb(143, 143, 143);}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1200px) {
    .relation-message{width: 94%;}
}

@media all and (max-width:1040px) {
    .brand-timeshaft{width: 94%;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .brand-timeshaft-box {padding: 20px 0 44px 0;}
    .brand-timeshaft-list-pic{padding: 0;}
    .brand-timeshaft-list-words i{display: none;}
    .brand-picwords .brand-timeshaft-list-words{padding: 12px 0 18px 0;width: 50%;min-height: auto;border-right: 1px solid #ceb69f;margin-left: 1px;}
    .brand-picwords .brand-timeshaft-list-pic{width: 100%;border-right: none;border-radius: 16px;overflow: hidden;height: 100%;}
    .brand-timeshaft-list-pic img{width: 100%;height: auto;display: none;}
    .brand-timeshaft-list-words h6{font-size: 26px;position: relative;}
    .brand-timeshaft-list-words h6:before{
        content: "";position: absolute;top: 50%;margin-top: -10px;
        width: 20px;height: 20px;background-color: rgba(206, 182, 159, 0.9);border-radius: 100%;
    }
    .brand-wordspic .brand-timeshaft-list-words h6:before{left: -10px;}
    .brand-picwords .brand-timeshaft-list-words h6:before{right: -10px;}

    .brand-wordspic .brand-timeshaft-list-words{padding: 12px 0 18px 0;width: 50%;min-height: auto;border-right: none;}
    .brand-wordspic .brand-timeshaft-list-pic{width: 100%;border-radius: 16px;overflow: hidden;height: 100%;}
    /* .brand-timeshaft-list{margin-top: 32px;} */
    .relation-messageR-formlist h5{width: 110px;}
    .brand-wordspic .brand-timeshaft-list-words {
        float: right;border-left: 1px solid #ceb69f;
    }
    .relation-message-box {
        padding: 32px 0 44px 0;
    }
    .relation-messageL {
        width: 100%;
        float: unset;
        padding-right: 0;
    }
    .relation-messageR {
        width: 100%;
        float: unset;
        padding-left: 0;
        border-left: none;
        margin-top: 30px;
    }
    .relation-messageR-form{margin-top: 14px;}
    .relation-messageR-formlist span {width: 82px;}
    .relation-messageR-form>div:nth-child(1) span{width: 100%;text-align: left;}
    .relation-messageR-form>div:nth-child(1) .formlist-ly {margin: 10px 4px 0 0;}
    .relation-messageR-form>div:nth-child(1) label{display: inline-block;vertical-align: middle;margin-top: 10px;}
    .relation-messageR-form>div:nth-child(7) span{width: 82px;}


    .relation-messageR-formlist label {
        margin-right: 4px;
    }
    .formlist-xx{width: 66%;}
    .relation-messageR-formhint p{margin-left: 0;}
    .formlist-wz{width: 64%;}
    .formlist-yzm{width: 100px;}
    .relation-messageR-formlist h6{
        width: 100%;
        text-align: center;
        margin-top: 16px;
        margin-left: 0;
    }
    .relation-messageR-formclick>div{width: 100%;margin-right: 0;height: 36px;line-height: 36px;}
    .formclick-submit{margin-left: 0;}
    .formclick-reset{margin-top: 10px;}
}