.sec1 {
    width: 100%;
    height: 395px;
    background: url(../img/p_branch/sec1bg.jpg) no-repeat center;
}
.brand-banner {
    position: relative;
    margin-bottom: 1.3vw;
}
.banner-img {
    display: block;
    width: 100%;
}
.jituanpinpai {
    position: absolute;
    top: 25vw;
    right: 5vw;
    width: 180px;
}
.block {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.3vw;
}
.block .banner {
    width: 100%;
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 2s cubic-bezier(0.2, 0.8, 0.7, 1);
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.2, 0.8, 0.7, 1);
    transition: transform 2s cubic-bezier(0.2, 0.8, 0.7, 1);
    transition: transform 2s cubic-bezier(0.2, 0.8, 0.7, 1),
        -webkit-transform 2s cubic-bezier(0.2, 0.8, 0.7, 1);
    transition: transform 2s cubic-bezier(0.2, 0.8, 0.7, 1),
        -webkit-transform 2s cubic-bezier(0.2, 0.8, 0.7, 1);
}
.block .banner:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.block .box {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 35.9375%;
}
.block .box .inside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.block .box.left {
    left: 0;
}
.block .box.right {
    right: 0;
}
.block .box.dq {
    background: rgba(43, 24, 24, 0.53);
}
.block .box.bbj {
    background: rgba(255, 255, 255, 0.53);
}
.block .box.be {
    background: rgba(0, 0, 0, 0.86);
}
.block .box.face {
    background: rgba(255, 255, 255, 1);
}
.block .box.time {
    background: url("../img/brand/timebg.jpg") no-repeat center / 100%;
}
.brand-logo {
    display: block;
    margin: 0 auto;
    width: 8.3vw;
}
.brand-logo.bbj {
    width: 10vw;
}
.knows {
    position: relative;
    padding-right: 6vw;
    margin-top: 4vw;
}
.knowmore {
    width: 9vw;
}
.knows .konwsline {
    position: absolute;
    left: 10vw;
    top: 0;
    width: 6vw;
    transition: -webkit-transform 0.3s cubic-bezier(0.2, 0.8, 0.7, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 0.8, 0.7, 1);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.7, 1);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.7, 1),
        -webkit-transform 0.3s cubic-bezier(0.2, 0.8, 0.7, 1);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.7, 1),
        -webkit-transform 0.3s cubic-bezier(0.2, 0.8, 0.7, 1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin-x: left;
}
.knows:hover .konwsline {
    -webkit-transform: scaleX(1.3);
    transform: scaleX(1.3);
    -webkit-transform-origin-x: left;
}
.dis img {
    width: 88%;
    padding: 87px 0 90px;
    margin: 0 auto;
    display: block;
    max-width: 1400px;
    min-width: 1200px;
}

@media screen and (max-width: 1000px) {
    .brand-logo {
        width: 18.3vw;
    }
    .knows {
        position: relative;
        padding-right: 7vw;
        margin-top: 7vw;
        margin-left: 0;
        right: 3vw;
        bottom: 4vw;
    }
    .knowmore {
        width: 18vw;
    }
    .knows .konwsline {
        position: absolute;
        left: 19vw;
        top: 1vw;
        width: 9vw;
		}
		.dis img {
			max-width: auto;
			min-width: auto;
			padding: 20px;
		}
}