body {
    background:#fff;
}
img{width:100%}
.brand {
    height: calc(100vh - 4.5rem);
    background: url(../../Images/products/thirty/banner.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    margin-top: 4.5rem;
}
.story {
    padding: 10rem 0 10rem 10%;
}
.chTitle {
    font-family: PingFang Heavy;
}
.story .chTitle {
    color: #e60012;
}
.engTitle {
    text-transform: uppercase;
    letter-spacing: 4px;
}
.desc{line-height:2;margin-top:2rem}
.desc strong{display:block}

.section{line-height:0;position:relative}
.product{text-align:center;padding:5rem 0}
.year img{margin:5rem 0;display:block;}
.video{position:relative;margin-top:5rem;width:82%;margin-left:9%;border-radius:10px;overflow:hidden;line-height:0}
.video-play-btn, .video-pause-btn, .banner-btn {
    color: #fff;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    margin-left: -2rem;
    margin-top: -2rem;
    z-index: 10;
}
.play-btn {
    display: inline-block;
    width: 4rem;
}
.thirty {
    background-image: url('../../Images/products/thirty/0925 (3).png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    padding: 0.1rem 10% 3rem;
    margin: 8rem 0;
}
.product-content{
    padding:5rem 0;
}
.product-content .type{
    margin: 1rem 0;
    color: #c8c8c8;
}
.product-video {
    width: 80%;
    margin: auto;
    position:relative
}
.product-video video{width:100%;margin-top:2rem}
.end {
    padding: 5rem 0;
    text-align: center;
}
.video-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 109;
    background: #000;
    display: none;
}
.close-btn {
    position: absolute;
    right: 1rem;
    top: 2rem;
    width: 3rem;
}
.video-container video {
    width: 90%;
    margin: 5%;
    height: auto;
    margin-top: 20%;
}