.header .sl{ display: none;}
.header .ml{ display: block;}
.header {
    position:absolute;
}

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

.sec {
    overflow: hidden;
}

.sec1Wrap {
    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 .image1 iframe {
    width: 90%;
    position:absolute;
    height: 16.1%;
    bottom:0;
    left:5%;
}

.sec1Wrap .image1 .video1 {
    bottom: 24.4%;
}

.sec1Wrap .image1 .video2 {
    bottom: 2.1%;
}

.sec2Wrap {
    background-color: #fff;
}

.sec2Wrap .contWrap {
    display: flex;
    flex-flow: column;
}

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

.sec2Wrap .contWrap .leftWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    margin-top: -40px;
    padding:0 8%;
    z-index: 100;
}

.sec2Wrap .contWrap .leftWrap .image1 {
    margin-bottom: 80px;
}

.sec2Wrap .contWrap .leftWrap .image2 {
    margin-right: -9%;
    margin-bottom: 80px;
}

.sec2Wrap .contWrap .leftWrap .image3 {
    margin-left: -9%;
    align-self: flex-start;
    margin-bottom: 80px;
}

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

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

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

.sec2Wrap .contWrap .rightWrap .text1 {
    position:absolute;
}

.sec3Wrap {
    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 {
}

.sec3Wrap .imagesWrap {
    display: flex;
    justify-content: center;
}

.sec3Wrap .imagesWrap img {
    margin:0 18px;
}

.sec3Wrap .logo {
    height: 60px;
    width: 100%;
    margin-bottom: 40px;
}

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

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

.sec4Wrap .bgWrap.active {
    width: 55%;
}

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

.sec5Wrap {
    position:relative;
    /* padding:390px 0 340px; */
}

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

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

.sec5Wrap .imagesWrap img:not(:last-child) {
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
}

.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 {
}

.sec6Wrap .btn1 {
    width: 120px;
}