.ces2020-container{text-align:center}.ces2020-container .ces-banner{position:relative}.ces2020-container .ces-banner>img{max-width:100%;filter:brightness(.6)}.ces2020-container .ces-banner .ces-banner-con{position:absolute;width:100%;top:30%;left:0;text-align:center;color:#fff}.ces2020-container .ces-banner .ces-banner-con>h1{font-family:HarmonyOS_Sans_Medium;font-size:4rem;margin-bottom:.5rem}.ces2020-container .ces-banner .ces-banner-con>div{font-size:1.5rem}.ces2020-container .subtitle{margin:2rem;font-size:1.25rem}.ces2020-container .ces-list>h2{font-family:HarmonyOS_Sans_Medium;font-size:2rem;margin-bottom:2rem}.ces2020-container .ces-list>ul{width:90%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.ces2020-container .ces-list>ul>li{width:49%;position:relative;overflow:hidden;margin-bottom:2rem}.ces2020-container .ces-list>ul>li:hover .list-item>.ces-clips-con{top:0}.ces2020-container .ces-list>ul>li .list-item.list-item-video{display:flex;height:100%;align-items:center}.ces2020-container .ces-list>ul>li .list-item.list-item-video>video{width:100%}.ces2020-container .ces-list>ul>li .list-item>img{width:100%;filter:brightness(.6)}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con{transition:all .5s ease-in-out;width:100%;height:100%;position:absolute;top:72%;color:#fff;padding:5% 5% 0;text-align:left}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con .ces-clips-date{position:relative;padding-left:3rem;font-size:1.25rem}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con .ces-clips-date:before{content:"";display:block;position:absolute;left:0;top:40%;width:5%;height:2px;background-color:#f6d34b}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con>h4{font-size:1.5rem;font-family:HarmonyOS_Sans_Medium;margin:2% 0 3%}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con>p{line-height:1.2}@media screen and (min-width:768px) and (max-width:1024px){.ces2020-container .ces-banner .ces-banner-con>h1{font-size:3rem}.ces2020-container .ces-banner .ces-banner-con>div{font-size:1.25rem}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con .ces-clips-date{font-size:1rem}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con>h4{font-size:1.25rem}}@media screen and (max-width:767px){.ces2020-container{text-align:center}.ces2020-container .ces-banner .ces-banner-con{position:relative;color:#000;padding:1rem}.ces2020-container .ces-banner .ces-banner-con>h1{font-size:2rem}.ces2020-container .ces-banner .ces-banner-con>div{font-size:1rem}.ces2020-container .subtitle{font-size:1rem}.ces2020-container .ces-list>ul>li{width:100%;margin-bottom:1.5rem}.ces2020-container .ces-list>ul>li .list-item .ces-clips-con{position:static;color:#000;padding:1rem 0}}