@charset "UTF-8";
/* banner */
.main-banner-wrapper {width:100%;overflow:hidden;position:relative;background-color:#f6f5f3;padding:.45rem 0;}
.main-banner-wrapper div {line-height:0;}
.main-banner-swiper .swiper-pagination-bullets  
{
    bottom:2em !important;
}
.main-banner-swiper .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    border:.15rem solid rgba(255,255,255,.8);
    opacity: 1;
    background-color: rgba(255,255,255,1);
    margin:0 .8rem !important;
    box-shadow:0 0 .5rem rgba(0,0,0,.35);
}
.main-banner-swiper .swiper-pagination-bullet-active {
    background-color: var(--color-theme);
}
.main-banner-swiper .swiper-slide {width:1280px;}
.main-banner-swiper .swiper-slide img {width:1280px;height:450px;}
.main-banner-swiper .swiper-button-prev {color:rgba(255,255,255,0);left:calc(50vw - 600px) !important;}
.main-banner-swiper .swiper-button-next {color:rgba(255,255,255,0);right:calc(50vw - 600px) !important;}
.main-banner-swiper:hover .swiper-button-prev,
.main-banner-swiper:hover .swiper-button-next {color:rgba(255,255,255,.6);}
.main-banner-swiper:hover .swiper-button-prev:hover,
.main-banner-swiper:hover .swiper-button-next:hover {color:rgba(255,255,255,1);}


/* article */
.main-article-wrapper {margin-top:5rem;display:flex;}
.main-article-wrapper .article-left-image {width:400px;margin-right:50px;}
.main-article-wrapper .article-list-wrapper {width:830px;flex:auto;}
.main-article-wrapper .article-tab-wrapper {display:flex;justify-content:space-between;border-bottom:1px solid var(--color-line-gray);align-items:flex-end;}
.main-article-wrapper .article-tab-wrapper .tab-list {display:flex;font-size:var(--font-l);position:relative;top:2px;}
.main-article-wrapper .article-tab-wrapper .tab-list span {padding:0 1rem .5rem;border-bottom:2px solid transparent;cursor:pointer;}
.main-article-wrapper .article-tab-wrapper .tab-list span:hover {color:var(--color-theme);}
.main-article-wrapper .article-tab-wrapper .tab-list span.on {border-color:var(--color-theme);color:var(--color-theme);}
.main-article-wrapper .article-tab-wrapper .more {color:var(--color-font-gray);padding:0 1rem .5rem;}
.main-article-wrapper .article-tab-wrapper .more:hover {color:var(--color-theme);}

.main-article-wrapper .article-list-group {overflow:hidden;}
.main-article-wrapper .article-list {list-style:none;margin:0;padding:0 1rem 0;margin-top:1rem;height:262px;}
.main-article-wrapper .article-one {display:flex;align-items:center;margin:.5rem 0;}
.main-article-wrapper .article-one:first-child {margin-top:0;}
.main-article-wrapper .article-one:last-child {margin-bottom:0;}
.main-article-wrapper .article-title {flex:auto;color:black;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-article-wrapper .article-title:hover {text-decoration:underline;color:var(--color-theme);}
.main-article-wrapper .article-type {flex:none;border-radius:3px;color:#666360;padding:1px 5px;margin-right:5px;}
.main-article-wrapper .article-type.type-201 {background-color:#f2e6e4;}
.main-article-wrapper .article-type.type-201:before {content:"";}
.main-article-wrapper .article-type.type-202 {background-color:#e0e8ef;}
.main-article-wrapper .article-type.type-202:before {content:"";}
.main-article-wrapper .article-type.type-203 {background-color:#efe9e0;}
.main-article-wrapper .article-type.type-203:before {content:"";}

.main-article-wrapper .article-date {flex:none;color:var(--color-font-gray);}


/* video */
.main-video-wrapper {margin-top:5rem;}
.main-video-wrapper .video-top-wrapper {display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--color-line-gray);margin-bottom:1rem;}
.main-video-wrapper .video-top-wrapper h3 {margin:0;padding:0 1rem;font-weight:normal;color:var(--color-theme);padding-bottom:.5rem;border-bottom:2px solid var(--color-theme);position:relative;top:2px;}
.main-video-wrapper .video-top-wrapper .more {color:var(--color-font-gray);padding:0 1rem .5rem;}
.main-video-wrapper .video-top-wrapper .more:hover {color:var(--color-theme);}

.main-video-wrapper .video-list {display:flex;flex-wrap: wrap;}
.main-video-wrapper .video-list .video-one {width:300px;display:flex;flex-direction:column;margin:1rem 0;margin-right:26.5px;align-items:center;position:relative;}
.main-video-wrapper .video-list .video-one:nth-child(4n+4){margin-right:0;}
.main-video-wrapper .video-list .video-img {width:300px;height:169px;line-height:0;overflow:hidden;}
.main-video-wrapper .video-list .video-img img {width:100%;height:100%;line-height:0;transition:var(--transition);}
.main-video-wrapper .video-list .video-one:hover img {transform:scale(1.1);}
.main-video-wrapper .video-list .video-title {margin:0;padding:.5rem 0;}
.main-video-wrapper .video-list .video-title a {color:black;}
.main-video-wrapper .video-list .video-title a:hover {text-decoration:underline;color:var(--color-theme);}
.main-video-wrapper .video-list .play {position:absolute;top:52px;left:118px;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);}
.main-video-wrapper .video-list .play i {font-size:4rem;color:rgba(255,255,255,.5);transition:var(--transition);}
.main-video-wrapper .video-list .play:hover i  {color:rgba(255,255,255,1);}


.main-center-split-banner {margin-top:4rem;background-color:#f1f1f1;height:235px;user-select:none;}


/* mall */
.main-mall-event-wrapper {margin-top:4rem;display:flex;justify-content:space-between;}
.main-mall-wrapper {width:880px;}
.main-mall-wrapper .mall-top-wrapper {display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--color-line-gray);}
.main-mall-wrapper .mall-top-wrapper h3 {margin:0;padding:0 1rem;font-weight:normal;color:var(--color-theme);padding-bottom:.5rem;border-bottom:2px solid var(--color-theme);position:relative;top:2px;}
.main-mall-wrapper .mall-top-wrapper .more {color:var(--color-font-gray);padding:0 1rem .5rem;}
.main-mall-wrapper .mall-top-wrapper .more:hover {color:var(--color-theme);}
.main-mall-wrapper .item-list {display:flex;flex-wrap:wrap;margin-top:30px;}
.main-mall-wrapper .item-list .item-one {display:flex;position:relative;width:200px;height:200px;overflow:hidden;}

.main-mall-wrapper .item-list .item-one:nth-child(2),
.main-mall-wrapper .item-list .item-one:nth-child(3),
.main-mall-wrapper .item-list .item-one:nth-child(4){margin-left:26.5px;}
.main-mall-wrapper .item-list .item-one:nth-child(5){margin-top:25px;}
.main-mall-wrapper .item-list .item-one:nth-child(6),
.main-mall-wrapper .item-list .item-one:nth-child(7),
.main-mall-wrapper .item-list .item-one:nth-child(8){margin-top:25px;margin-left:26.5px;}
.main-mall-wrapper .item-one img {transition:var(--transition);}
.main-mall-wrapper .item-one:hover img {transform:scale(1.1);}
.main-mall-wrapper .item-one p {margin:0;padding:.5rem 1rem;position:absolute;left:0;bottom:0;width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:rgba(0,0,0,.5);color:#fff;}
.main-mall-wrapper .item-one:hover p {text-decoration:underline;}

.main-event-wrapper {width:373px;}
.main-event-wrapper .event-top-wrapper {display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--color-line-gray);}
.main-event-wrapper .event-top-wrapper h3 {margin:0;padding:0 1rem;font-weight:normal;color:var(--color-theme);padding-bottom:.5rem;border-bottom:2px solid var(--color-theme);position:relative;top:2px;}
.main-event-wrapper .event-list {display:flex;flex-wrap:wrap;margin-top:30px;}
.main-event-wrapper .event-one {width:186px;height:212px;background-repeat:no-repeat;background-position:center;position:relative;transition:var(--transition);}
.main-event-wrapper .event-one:hover {filter:brightness(1.025);}
.main-event-wrapper .event-one p {position:absolute;bottom:.3rem;width:100%;text-align:center;color:black;font-size:var(--font-l);}
.main-event-wrapper .event-one:nth-child(1){background-image:url('../images/main/event-01.png');}
.main-event-wrapper .event-one:nth-child(2){margin-left:1px;background-image:url('../images/main/event-02.png');}
.main-event-wrapper .event-one:nth-child(3){margin-top:1px;background-image:url('../images/main/event-03.png');}
.main-event-wrapper .event-one:nth-child(4){margin:1px 0 0 1px;background-image:url('../images/main/event-04.png');}