body {
    background:#fff;
}
img{width:100%}
.banner {
    height: 100vh;
    background: url('../../Images/brand/story/banner.jpg')no-repeat center;
    background-size:cover;
}
.banner article{padding:25vh 9%;color:#fff}
.banner h2{font-size:2.25rem;margin-bottom:1rem}
.desc{line-height:2;margin-bottom:2rem}
.section{padding:5rem 9%}
.section-title{color:#e40008;font-family: PingFang Heavy;margin-bottom:3rem}
.desc-content>img{margin-bottom:2rem}
.year {
    font-size: 1.75rem;
    color: #e40008;
    font-weight: bold;
    position:relative
}
.year::before{
    content:"";
    position:absolute;
    width:.5rem;
    height:.5rem;
    border-radius:50%;
   background:#e40008;
   left:-1rem;
   top:50%;
   margin-top:-.25rem;
   box-shadow:rgba(228,0,0,.2) 0 0 0 2px
}
.history .sTitle{color:#cdcdcd;margin:.5rem 0 2rem}
.history:not(:last-child){margin-bottom:2rem}
.event{color:#cdcdcd;font-size:.75rem;margin-bottom:2rem;}
.brand-honour{background:#f6f6f6}
.honour .item{position:relative;display:inline-block}
.honour .item p{    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    letter-spacing: 2px;
    text-align:center;
    font-size:.9rem
}
.honour .item:not(:nth-child(3)) {
    width: calc((100% - .5rem)/2);
}
.idea{line-height:0}
.idea-content{position:absolute;color:#fff;top:10%;left:11%}
.idea-title{font-size:2rem;font-family: PingFang Heavy;margin-bottom:4rem}
.idea-content .engDesc{font-size:1rem}
.swiper-container-horizontal > .swiper-pagination-bullets {
    top: 35%;
    bottom: auto;
    text-align: left;
    left: 11%;
}
.swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{background:#fff}