.media-container .banner{position:relative;font-size:0;overflow:hidden}.media-container .banner>img{width:100%}.media-container .banner .banner-con{position:absolute;width:480px;top:40%;left:50%}.media-container .banner .banner-con>h1{font-size:3rem;color:#f6d34b}.media-container .banner .banner-con>p{font-size:1.125rem;color:#fff}.media-container .media-hot{overflow:hidden;padding:5rem 0;background-color:#212330;background-image:url(/images/media/media-hot-bg.jpg);background-size:100% auto;background-repeat:no-repeat;background-position:bottom}.media-container .media-hot .title{text-align:center;max-width:1000px;margin:0 auto;color:#fff}.media-container .media-hot .title.bottom{padding:5rem 5rem 3rem;background-image:url(/images/media/media-hot-text.png);background-size:100%;background-repeat:no-repeat;background-position:bottom}.media-container .media-hot .title>h2{font-size:2rem}.media-container .media-hot .title>p{margin:1.5rem 0 4rem;color:#9b9ca0}.media-container .media-hot .media-hot-swiper{max-width:1150px;margin:0 auto;padding:0 1rem;position:relative}.media-container .media-hot .media-hot-swiper .banner-arrow-item{position:absolute;top:40%;font-size:5rem;color:#ccc;cursor:pointer}.media-container .media-hot .media-hot-swiper .banner-arrow-item.banner-arrow-left{left:-3rem}.media-container .media-hot .media-hot-swiper .banner-arrow-item.banner-arrow-right{right:-3rem}.media-container .media-hot .media-hot-swiper .banner-arrow-item:hover{color:#f6d34b}.media-container .media-hot .media-swiper{display:flex;padding:2rem 0}.media-container .media-hot .media-swiper .media-swiper-item{overflow:hidden;padding:1rem;background-color:#fff;border-radius:.125rem;transition:all .3s ease-in-out}.media-container .media-hot .media-swiper .media-swiper-item:hover{transform:translate3d(0,-2rem,0)}.media-container .media-hot .media-swiper .swiper-slide-next{transform:translate3d(0,-1rem,0)}.media-container .media-hot .media-swiper .media-con-top>a{position:relative;font-size:0;display:block}.media-container .media-hot .media-swiper .media-con-top>a.video:before{content:"";position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem;background:url(/images/common/play-video.png) 50% no-repeat;background-size:100%;transition:all .3s ease-in-out}.media-container .media-hot .media-swiper .media-con-top>a.video:hover:before{pointer-events:none;transform:scale(1.2)}.media-container .media-hot .media-swiper .media-con-top>a img{width:100%}.media-container .media-hot .media-swiper .media-con-bot .item-title{font-size:1.125rem;font-family:Whitney-Bold;padding:1rem 0}.media-container .media-hot .media-swiper .media-con-bot .item-dec{font-size:.875rem;padding-bottom:1rem}.media-container .media-hot .media-swiper .media-con-bot .item-info{padding-top:.5rem;border-top:1px solid #ccc;display:flex;font-size:.875rem;color:grey}.media-container .media-hot .media-swiper .media-con-bot .item-info .item-date{margin-left:auto}.media-container .media-con{overflow:hidden;position:relative;margin:0 auto;background-color:#f1f1f1}.media-container .media-con .media-list-con{max-width:1200px;margin:0 auto;padding-top:5rem}.media-container .media-con .title{text-align:center}.media-container .media-con .title>h2{font-size:2rem;font-family:Whitney-Bold}.media-container .media-list{visibility:visible;position:relative;height:auto;margin:10rem auto}.media-container .media-list .media-item{padding:1rem;width:384px;display:inline-block;transition:all .5s ease-in-out;background-color:#fff;margin:.5rem;border-radius:.125rem}.media-container .media-list .media-item:hover{box-shadow:0 0 .5rem #ccc;transform:translate3d(0,-.5rem,0)}.media-container .media-list .media-item .item-title{font-size:1.125rem;font-family:Whitney-Bold;padding:1rem 0}.media-container .media-list .media-item .item-dec{font-size:.875rem;padding-bottom:1rem}.media-container .media-list .media-item .item-info{padding-top:.5rem;border-top:1px solid #ccc;display:flex;font-size:.875rem;color:grey}.media-container .media-list .media-item .item-info .item-date{margin-left:auto}.media-container .media-list .media-item>a{position:relative;display:block;font-size:0}.media-container .media-list .media-item>a.video:before{content:"";position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem;background:url(/images/common/play-video.png) 50% no-repeat;background-size:100%;transition:all .3s ease-in-out}.media-container .media-list .media-item>a.video:hover:before{pointer-events:none;transform:scale(1.2)}.media-container .media-list .media-item>a img{width:100%;height:352px}.media-container .media-list .media-item p{width:100%;margin:0;padding:0;word-wrap:break-word}.media-container .banner-dialog{max-width:768px;width:95%}.media-container .banner-dialog .el-dialog__header{padding:0;font-size:0}.media-container .banner-dialog .el-dialog__header .el-dialog__headerbtn{font-size:2rem;top:-.3rem;right:-.3rem}.media-container .banner-dialog .el-dialog__header .el-dialog__headerbtn>i{color:#fcc812}.media-container .banner-dialog .el-dialog__body{padding:0;font-size:0}@media screen and (max-width:1050px){.media-container .media-hot .media-hot-swiper .banner-arrow-item{display:none}.media-container .media-hot .media-swiper .media-swiper-item:hover{transform:none}.media-container .media-list .media-item{width:352px}.media-container .media-list .media-item>a{display:block;font-size:0}.media-container .media-list .media-item>a img{width:100%;height:320px}}@media screen and (max-width:767px){.media-container .banner-dialog{width:90%}.media-container .banner-dialog iframe{width:100%!important;height:53vw!important}.media-container .banner{overflow:hidden;height:32rem}.media-container .banner .banner-con{text-align:center;top:0;left:50%;padding-top:2rem;width:80%;transform:translate3d(-50%,0,0)}.media-container .banner .banner-con>h1{font-size:2rem}.media-container .banner .banner-con>p{padding-top:.5rem;font-size:1rem}.media-container .banner>img{width:300%;transform:translate3d(-20%,0,0)}.media-container .media-hot{padding:3rem 0 2rem}.media-container .media-hot .title{padding:0 2rem}.media-container .media-hot .title.bottom{padding:0 2rem 2rem}.media-container .media-hot .title>h2{font-size:1.5rem}.media-container .media-hot .title>p{margin-bottom:1rem}.media-container .media-con .media-list-con{padding-top:3rem}.media-container .media-con .media-list-con .title>h2{font-size:1.5rem}.media-container .media-list{margin:3rem 0}.media-container .media-list .media-item{margin:.5rem 1.5rem;width:23rem}.media-container .media-list .media-item:hover{transform:none}.media-container .media-list .media-item>a>img{height:21rem}}