.header .topWrap .logo .slogo { display: none;}
.header .topWrap .logo .mlogo { display: block;}
.header .topWrap .menu > li > a {color: #fff}

/*.header, .header:hover, .header.scroll { background: rgba(0,0,0,0);}*/

.header {
    position:absolute;
}

.header.scroll {
    background-color: transparent;
}

.openWrap {
    position:absolute;
}

.sec {
    overflow: hidden;
}

.sec1Wrap {
    padding-top: 340px;
    padding-bottom: 220px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.sec1Wrap .bgWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.sec1Wrap .image1 {
    position:relative;
}

.sec1Wrap .video1 {
    position:absolute;
    bottom:0;
    left:0;
}

.sec1Wrap .video2 {
    position:absolute;
    bottom:148px;
    right:0;
}

.sec2Wrap {
    background-color: #fff;
}

.sec2Wrap .contWrap {
    display: flex;
}

.sec2Wrap .contWrap>div {
    flex: 1;
}

.sec2Wrap .contWrap .leftWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    padding-top: 202px;
    z-index: 100;
}

.sec2Wrap .contWrap .leftWrap .image1 {
    margin-right: 167px;
    margin-bottom: 145px;
}

.sec2Wrap .contWrap .leftWrap .image2 {
    /* margin-right: -155px; */
    margin-bottom: 135px;
}

.sec2Wrap .contWrap .leftWrap .image3 {
    margin-right: 167px;
    margin-bottom: 184px;
}

.sec2Wrap .contWrap .rightWrap {
    position: relative;
}

.sec2Wrap .contWrap .rightWrap .fixWrap {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 50vw;
}

.sec2Wrap .contWrap .rightWrap .bgWrap {
    position: relative;
    height: 100vh;
    width: 100%;
}

.sec2Wrap .contWrap .rightWrap .text1 {
    position: absolute;
    top: 350px;
}

.sec3Wrap {
    padding: 250px 0 320px;
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.sec3Wrap .bgWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.sec3Wrap .text1 {
    margin-bottom: 244px;
}

.sec3Wrap .imagesWrap {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.sec3Wrap .imagesWrap>img {
    margin: 0 18px;
    position: relative;
    z-index: 10;
}

.sec3Wrap .logo {
    position: absolute;
    bottom: 245px;
    left: 0;
    width: 100%;
    height: 298px;
}

.sec4Wrap {
    background-color: #fff;
    padding: 140px 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sec4Wrap .bgWrap {
    height: 840px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 1100px;
    max-width: 95%;
    transition: all 1s ease-in-out;
}

.sec4Wrap .bgWrap.active {
    width: 490px;
}

.sec4Wrap .text1 {
    position: absolute;
    z-index: 10;
}

.sec5Wrap {
    position: relative;
}

.sec5Wrap .bgWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.sec5Wrap .imagesWrap {
    display: flex;
    justify-content: space-between;
    /* padding:0 150px; */
}

.sec5Wrap .imagesWrap>div {
    flex: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 390px 0 340px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.sec5Wrap .imagesWrap>div:last-child {
    border-right: none;
}

.sec6Wrap {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background: url(../images/sub/brand/bg_sec6.png) no-repeat center/cover;
    height: 630px;
}

.sec6Wrap .text1 {
    margin-bottom: 40px;
}