@charset "utf-8";

.controls .paging { display:flex; align-items:center; width:auto; gap:3rem; }
.controls .paging span { width:17px; height:17px; background:#fff; border:1px solid #c7c7c7; opacity:1; }
.controls .paging span.swiper-pagination-bullet-active { background:var(--green); border:0; }

.last .controls .paging span.swiper-pagination-bullet-active { background:var(--blue); }
.last .controls a::before { background-position-x:-109px; }
.last .controls a.play::before { background-position-x:-164px; }

.cont_wrap { display:flex; justify-content:space-between; padding:0 40rem 80rem; background:linear-gradient(0, #f8f9fa 10%, #fff 70%); }
.cont_wrap > div { width:calc(50% - 20rem); }
.cont_wrap .title { position:relative; display:flex; justify-content:center; flex-direction:column; font-size:25rem; line-height:1.3; height:220rem; padding-left:270rem; }
.cont_wrap .title::before { content:''; position:absolute; left:60rem; top:49px; width:170px; height:210px; background:var(--sprite) -180rem 0; z-index:1; }
.cont_wrap .title strong { font-size:40rem; }
.cont_wrap .slide_wrap { position:relative; background:#caebde; border-radius:30rem; padding:50rem 40rem;}
.cont_wrap .slide_wrap > a,
.cont_wrap .slide_wrap a.more { position:absolute; display:block; right:60rem;  top:-30rem; width:60rem; line-height:60rem; text-align:center; background:#fff; border-radius:50%; z-index:2; }
.cont_wrap .slide_wrap a.more {text-indent:-99999px; }
.cont_wrap .slide_wrap a.more::before {content:''; position:absolute; left:50%; top:50%; width:17px; height:17px; background:var(--sprite) -112px -38px; transform:var(--center); }
.cont_wrap .slide_wrap > a.on { background:#333; color:#fff; font-weight:600; }
.cont_wrap .slide_wrap > a:first-of-type { right:340rem; }
.cont_wrap .slide_wrap > a:nth-of-type(2) { right:270rem;}
.cont_wrap .slide_wrap > a:nth-of-type(3) { right:200rem;}
.cont_wrap .slide_wrap > a:nth-of-type(4) { right:130rem;}
.cont_wrap .list { display:none; }
.cont_wrap a.on+.list { display:block; }
.cont_wrap a.on+.list .empty { margin: 0 auto; padding: 80rem 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 411.06px;}
.cont_wrap a.on+.list .empty > div {text-align: center;}
.cont_wrap a.on+.list .empty p {margin-top: 10rem;}
.cont_wrap a.on+.list .empty + .slide {display: none;}
.cont_wrap .slide { padding:10rem; overflow:hidden; }
.cont_wrap .swiper-slide { background:#fff; border:1px solid transparent; border-radius:30rem; padding:40rem; box-shadow:5rem 5rem 10rem rgba(0,0,0,0.1); }
.cont_wrap .swiper-slide:hover { border:1px solid var(--green); }
.cont_wrap .swiper-slide dt strong { display:inline-block; padding:5rem 20rem; color:var(--green); background:#e3f7ee; border-radius:5rem; font-size:15rem; margin-bottom:10rem; }
.cont_wrap .swiper-slide dt p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:40rem; height:80rem; overflow:hidden; font-size:24rem; font-weight:600; margin-bottom:40rem; }
.cont_wrap .swiper-slide dd { display:flex; align-items:center; gap:0 10rem; margin:5rem 0; }
.cont_wrap .swiper-slide dd::before { content:''; display:block; width:6rem; height:6rem; background:var(--green); border-radius:50%;  }
.cont_wrap .swiper-slide dd p { width:105rem; }
.cont_wrap .swiper-slide dd strong {background:linear-gradient(0deg, #fffccc 30%, #fff 30%);}
.cont_wrap .swiper-slide dd span { color:#444; width:calc(100% - 130rem); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.cont_wrap .controls {margin-top:30rem;}

.cont_wrap .last .title { text-align:right; padding:0 270rem 0 0; }
.cont_wrap .last .title::before { right:60rem; left:auto; background-position: -390px 0;}
.cont_wrap .last .slide_wrap { background:#c8daea; }
.cont_wrap .last .slide_wrap > a,
.cont_wrap .last .slide_wrap a.more { right:auto; left: 340rem; }
.cont_wrap .last .slide_wrap > a:first-of-type { left:60rem; }
.cont_wrap .last .slide_wrap > a:nth-of-type(2) { left:130rem;}
.cont_wrap .last .slide_wrap > a:nth-of-type(3) { left:200rem;}
.cont_wrap .last .slide_wrap > a:nth-of-type(4) { left:270rem;}
.cont_wrap .last .swiper-slide {position:relative;}
.cont_wrap .last .swiper-slide::before {content:''; position:absolute; right:20rem; top:20rem; width:88px; height:88px; background:var(--sprite) -1px -94px; }
.cont_wrap .last .swiper-slide:hover { border:1px solid var(--blue); }
.cont_wrap .last .swiper-slide dt strong {background:#e1ecf5; color:var(--blue); }
.cont_wrap .last .swiper-slide dd::before {background:var(--blue);}

.quick_wrap {display:flex; align-items:center; justify-content:space-between; gap:30rem; margin:60rem auto;  }
.quick_wrap a { display:flex; flex-direction:column; align-items:center; text-align:center; }
.quick_wrap a::before {content:''; display:block; width:100px; height:90px; background:var(--sprite) 0 -286px; }
.quick_wrap a.icon2::before { width:110px; background-position-x:-140px; }
.quick_wrap a.icon3::before { background-position-x:-290px; }
.quick_wrap a.icon4::before { background-position-x:-430px; }
.quick_wrap a.icon5::before { background-position-x:-570px; }
.quick_wrap a dt { font-size:20rem; font-weight:600; margin:20rem 0 10rem; }
.quick_wrap a dd { color:#444; }
.quick_wrap a dd span {display:block;}


@media (max-width:1700px) and (min-width:1401px), all and (max-width:480px) {
    .cont_wrap .slide dd { flex-wrap:wrap;}
    .cont_wrap .slide dd span { width:100%; padding-left:17rem; }
    .cont_wrap a.on+.list .empty {height: 492.63px;}
}
@media all and (max-width:1480px) {
    .cont_wrap {padding:0; width:96%; margin:0 auto; }
}
@media all and (max-width:1300px){
    .cont_wrap { flex-wrap:wrap; }
    .cont_wrap > div { width:100%; }
    .cont_wrap a.on+.list .empty {padding: 50rem 0; height: 371.06rem;}
    .cont_wrap .swiper-slide dt p { display:block; height:40rem; white-space:nowrap; }
}
@media all and (max-width:1023px){
    .quick_wrap { flex-wrap:wrap; }
    .quick_wrap a { gap:0 20rem; flex:1 1 calc((100% - 30rem)/2); flex-direction:row; text-align:left; }
    .quick_wrap a::before {flex-shrink:0; }
    .quick_wrap a dt { margin-top:0; }
    .quick_wrap a dd span {display:inline;}
}
@media all and (max-width:768px){
    .cont_wrap .title { padding-left:0; height:auto; padding:40rem 0 !important; text-align:center !important; }
    .cont_wrap .title::before {display:none;}
    .cont_wrap .slide_wrap {padding:40rem 20rem 20rem; }
    .cont_wrap .swiper-slide { padding:30rem; }
    .cont_wrap .swiper-slide dt p { font-size:20rem; margin-bottom:20rem; }
    .cont_wrap .controls { margin-top:20rem; }
    .quick_wrap a { flex:1 1 100%; }
    .cont_wrap a.on+.list .empty {padding: 30rem 0; height: 327.06rem;}
}
@media all and (max-width:480px){
    .cont_wrap .title {font-size:20rem;}
    .cont_wrap .title strong {font-size:27rem;}
    .cont_wrap .slide_wrap > a,
    .cont_wrap .slide_wrap a.more { top:-20rem; width:calc((100% - 100rem)/5); height:40rem; line-height:40rem; border-radius:20rem; }
    .cont_wrap .slide_wrap a.more { left:auto !important; right:30rem !important;}
    .cont_wrap .slide_wrap > a:first-of-type { left:30rem !important;  }
    .cont_wrap .slide_wrap > a:nth-of-type(2) { left:calc(((100% - 100rem)/5) + 40rem) !important; }
    .cont_wrap .slide_wrap > a:nth-of-type(3) { left:calc(((100% - 100rem)/5*2) + 50rem) !important; }
    .cont_wrap .slide_wrap > a:nth-of-type(4) { left:calc(((100% - 100rem)/5*3) + 60rem) !important; }
    .cont_wrap a.on+.list .empty {height: 408.63rem;}
}