.main_kv_wrap {overflow: hidden;}
.main_kv {border-radius: 20px;position: relative;}
.kv-dots-wrap {position: absolute;left: 0;bottom: 20px;width: 100%;z-index: 1;display: flex;align-items: center;justify-content: center;}
.kv-dots-box {position: relative;padding-left: 30px;}
.kv-dots-box .play {position: absolute;left: 0;top: 0;width: 11px;height: 14px;background: url('/img/user/main/ico_play.png') no-repeat 0 0;cursor: pointer;display: block;}
.kv-dots-box .play.on {background-position: -11px 0;}
.kv-dots-wrap .kv-dots {display: flex;align-items: center;justify-content: center;gap:10px;}
.kv-dots-wrap button.owl-dot {width: 12px;height: 12px;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: none;cursor: pointer;}
.kv-dots-wrap button.owl-dot.active {background-color: #0c267a;}
.main_kv .owl-carousel .owl-stage-outer {overflow: inherit;}
.main_kv .owl-carousel,
.main_kv .owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.main_kv .item {height: 100%;}
.main_kv .item {background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;border-radius: 20px;}
.main_kv .text {position: absolute;top: 0;right: 65px;text-align: right;color: #fff;height: 100%;display: flex;align-items: center;justify-content: end;z-index: 1;padding-top: 90px;}
.main_kv .text h2 {font-size: 60px;font-weight: 300;line-height: 1.4;margin-bottom: 5px;letter-spacing: -1px;}
.main_kv .item1 .text h2 {text-shadow:0 0 5px #00ffc8,0 0 1px #00ffc8,0 0 1px #00ffc8,0 0 2px rgba(0,255,200,0.2),0 0 2px rgba(0,255,200,0.4);}
.main_kv .item1 .text p {text-shadow:0 0 1px #00ffc8,0 0 1px #00ffc8,0 0 1px #00ffc8,0 0 2px rgba(0,255,200,0.6),0 0 2px rgba(0,255,200,0.4);}
.main_kv .text h2 strong {font-weight: 400;letter-spacing: -1px;}
.main_kv .text p {font-size: 30px;font-weight: 400;}
.main_kv .owl-carousel .owl-nav button.owl-prev span,
.main_kv .owl-carousel .owl-nav button.owl-next span {display: none;}
.main_kv .owl-carousel .owl-nav button.owl-prev,
.main_kv .owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}
.main_kv .owl-carousel .owl-nav button.owl-prev {left: -74px;}
.main_kv .owl-carousel .owl-nav button.owl-next {right: -74px;}
.main_kv .owl-carousel .owl-nav button.owl-prev:after,
.main_kv .owl-carousel .owl-nav button.owl-next:after {content: '';display: block;width: 12px;height: 12px;width: 26px;height: 42px;}
.main_kv .owl-carousel .owl-nav button.owl-prev:after {background-position: -12px 0;background: url('/img/user/main/kv_prev.png') no-repeat 0 0;}
.main_kv .owl-carousel .owl-nav button.owl-next:after {background-position: 0 0;background: url('/img/user/main/kv_next.png') no-repeat 0 0;}

.main_link {overflow: hidden;margin: 80px -24px;}
.main_link .item {float: left;padding-left: 24px;padding-right: 24px;width: 25%;position: relative;}
.main_link .bnlink {background-color: #f5f7fa;border-radius: 10px;height: 200px;display: block;padding:35px 40px;position: relative;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border: 1px solid #ddd;}
.main_link .bnlink .tit {font-size: 20px;color: #111;font-weight: 800;margin-bottom: 10px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.main_link .bnlink .link {font-size: 17px;color: #7e7e7e;font-weight: 600;display: flex;align-items: center;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.main_link .bnlink .link:after {margin-left: 10px;content: '';display: block;width: 12px;height: 12px;background: url('/img/user/main/ico_plus.png') no-repeat 0 0;}
.main_link .item .bnlink:after {content: '';display: block;background-position: 0 0;background-repeat: no-repeat;background-size: cover;position: absolute;bottom: 35px;right: 35px;}
.main_link .item1 .bnlink:after {background-image: url('/img/user/main/ico_mbn1.png');width: 83px;height: 89px;}
.main_link .item2 .bnlink:after {background-image: url('/img/user/main/ico_mbn2.png');width: 92px;height: 92px;}
.main_link .item3 .bnlink:after {background-image: url('/img/user/main/ico_mbn3.png');width: 98px;height: 95px;}
.main_link .item4 .bnlink:after {background-image: url('/img/user/main/ico_mbn4.png');width: 88px;height: 92px;}
.main_link .bnlink:hover {background-color: #1a4399;}
.main_link .bnlink:hover .tit,
.main_link .bnlink:hover .link {color: #fff;}
.main_link .bnlink:hover .link:after {background-position: -12px 0;}
.main_link .item1 .bnlink:hover:after {background-position: -83px 0;}
.main_link .item2 .bnlink:hover:after {background-position: -92px 0;}
.main_link .item3 .bnlink:hover:after {background-position: -98px 0;}
.main_link .item4 .bnlink:hover:after {background-position: -88px 0;}

.m_tit {font-size: 46px;color: #111111;font-weight: 700;letter-spacing: -1px;margin-bottom: 40px;text-align: center;}

.recom_slide {position: relative;}
.recom_slide .owl-carousel .owl-nav button.owl-prev span,
.recom_slide .owl-carousel .owl-nav button.owl-next span {display: none;}
.recom_slide .owl-carousel .owl-nav button.owl-prev,
.recom_slide .owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}
.recom_slide .owl-carousel .owl-nav button.owl-prev {left: -74px;}
.recom_slide .owl-carousel .owl-nav button.owl-next {right: -74px;}
.recom_slide .owl-carousel .owl-nav button.owl-prev:after,
.recom_slide .owl-carousel .owl-nav button.owl-next:after {content: '';display: block;width: 12px;height: 12px;width: 26px;height: 42px;}
.recom_slide .owl-carousel .owl-nav button.owl-prev:after {background-position: -12px 0;background: url('/img/user/main/kv_prev.png') no-repeat 0 0;}
.recom_slide .owl-carousel .owl-nav button.owl-next:after {background-position: 0 0;background: url('/img/user/main/kv_next.png') no-repeat 0 0;}

.rclink {border: 1px solid #ddd;border-radius: 10px;display: block;transition: box-shadow .25s ease, border-color .25s ease, background-color .25s ease;}
.rclink .text {height: 145px;padding: 25px 35px 25px 35px;}
.rclink .text .tit {font-size: 20px;color: #141414;font-weight: 700;height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;}
.rclink .text .time {font-size: 16px;color: #414141;font-weight: 400;display: flex;align-items: center;}
.rclink .text .time:before {content: '';display: block;width: 22px;height: 22px;background: url('/img/user/main/ico_time.png') no-repeat 0 0;margin-right: 10px;}
.rclink .img {border-radius: 10px 10px 0 0;}
.rclink .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;transition: transform .35s ease;}
.rclink .img {display: block;position: relative;height: 170px;overflow: hidden;}
.rclink .img::after {display: block;content: "";padding-bottom: 100%;}
.rclink:hover {border-color:#1a4399;box-shadow:0 10px 22px rgba(0,0,0,.08);background:#fff;}
.rclink:hover .img img {transform:scale(1.01);} 
.rclink .text .tit {transition: color .25s ease;} 
.rclink:hover .text .tit {color:#1a4399;} 
.rc_control {display: flex;align-items: center;justify-content: end;margin-bottom: 10px;}
.rc_control a img {width: 25px;display: block;}
.rc_control a.play {width: 25px;height: 23px;background: url('/img/user/main/ico_play.png') no-repeat 0 0;display: none;}
.rc_control a.play.on {background-position: -23px 0;}
.main_recom {padding-bottom: 110px;}
.news_wrap {background-color: #f1f6fb;padding: 60px 0;}
/* pill tabs */
.tabs_wrap {margin-bottom: 50px;position: relative;}
.tabs_wrap .more {position: absolute;right: 0;top: 15px;width: 25px;height: 25px;background: url('/img/user/main/ico_more.png') no-repeat 0 0;}
.tabs {display:flex;align-items:center;background:#e8eef9;border-radius:28px;height:56px;width: 600px;justify-content: center;margin: 0 auto;}
.tabs .tab {display:flex;align-items:center;justify-content:center;height:100%;width: 200px;border-radius:35px;font-size:18px;font-weight:800;color:#1a4399;}
.tabs .tab.is-active {background:#1a4399;color:#fff;box-shadow:0 2px 6px rgba(26,67,153,.25);}
.list_wrap {margin: 0 -24px;}
.list_wrap::before {content: "";display: table;}
.list_wrap::after {content: "";display: table;clear: both;}
.list_wrap .item {float: left;padding-left: 24px;padding-right: 24px;width: 25%;margin-bottom: 40px;}
.list_wrap .nlink {background-color: #fff;display: block;border: 1px solid #ddd;padding: 40px;border-radius: 20px;transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;}
.list_wrap .nlink:hover,.list_wrap .nlink:focus-visible {transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0,0,0,.08);border-color: #1a4399;background-color: #f9fbff;}
.list_wrap .nlink:hover .tit,.list_wrap .nlink:focus-visible .tit {color:#1a4399;}
.list_wrap .nlink:focus-visible {outline:none;}
.list_wrap .nlink .type {margin-bottom: 20px;}
.list_wrap .nlink .type span {display: flex;align-items: center;justify-content: center;width: 70px;height: 40px;border: 1px solid #04b2fb;font-size: 16px;color: #04b2fb;font-weight: 400;border-radius: 25px;}
.list_wrap .nlink .tit {font-size: 22px;color: #333333;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 10px;word-break: keep-all;line-height: 1.3;height: 100px;}
.list_wrap .nlink .text {font-size: 21px;color: #666666;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 50px;word-break: keep-all;line-height: 1.4;height: 54px;}
.list_wrap .nlink .date {font-size: 16px;color: #666666;font-weight: 400;}
.list_wrap {display: none;}
.news_wrap .m_tit {margin-bottom: 40px;}
.hidden-md {display: none;}

@media (max-width: 1779px) {
    .main_kv .owl-carousel .owl-nav button.owl-prev,
    .main_kv .owl-carousel .owl-nav button.owl-next {width: 65px;height: 65px;background: rgb(255 255 255 / 50%);border-radius: 50%;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}
    .main_kv .owl-carousel .owl-nav button.owl-prev {left: 15px;}
    .main_kv .owl-carousel .owl-nav button.owl-next {right: 15px;}

    .recom_slide .owl-carousel .owl-nav button.owl-prev,
    .recom_slide .owl-carousel .owl-nav button.owl-next {width: 65px;height: 65px;background: rgb(255 255 255 / 50%);border-radius: 50%;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}
    .recom_slide .owl-carousel .owl-nav button.owl-prev {left: 15px;}
    .recom_slide .owl-carousel .owl-nav button.owl-next {right: 15px;}
}

@media (max-width: 1649px) {
}

@media (max-width: 1399px) {
    .main_link {margin-left: -10px;margin-right: -10px;}
    .main_link .item {padding: 0 10px;}
    .main_link .bnlink {padding: 25px;}
    .main_link .item .bnlink:after {bottom: 20px;right: 20px;}
    .m_tit {font-size: 36px;}
    .list_wrap {margin: 0 -10px;}
    .list_wrap .item {padding: 0 10px;}
    .list_wrap .nlink {padding: 20px;}
    .list_wrap .nlink .tit {height: 88px;}
    .main_kv .text h2 {font-size: 30px;margin-bottom: 10px;}
    .main_kv .text h2 strong {font-size: 40px;}
}

@media (max-width: 1199px) {
    .list_wrap {margin: 0 -5px;}
    .list_wrap .item {padding: 0 5px;}
    .list_wrap .nlink .tit {height: 70px;}
    .list_wrap .nlink .text {margin-bottom: 30px;}
    .list_wrap .nlink .date {font-size: 14px;}
    .list_wrap .nlink .type {margin-bottom: 10px}
    .list_wrap .nlink .type span {height: 30px;font-size: 13px;width: 50px;}

    .main_link .item1 .bnlink:after {width: 41px;height: 44px;background-size: 82px auto;}
    .main_link .item2 .bnlink:after {width: 46px;height: 46px;background-size: 92px auto;}
    .main_link .item3 .bnlink:after {width: 49px;height: 47px;background-size: 98px auto;}
    .main_link .item4 .bnlink:after {width: 44px;height: 46px;background-size: 88px auto;}
    .main_link .item1 .bnlink:hover:after {background-position: -41px 0;}
    .main_link .item2 .bnlink:hover:after {background-position: -46px 0;}
    .main_link .item3 .bnlink:hover:after {background-position: -49px 0;}
    .main_link .item4 .bnlink:hover:after {background-position: -44px 0;}
    .main_link .bnlink {height: 150px;}
    .main_link .bnlink .tit {font-size: 18px;}
    .main_link .bnlink .link {font-size: 16px;}
    .main_link {margin-top: 40px;margin-bottom: 40px;}
    .m_tit {font-size: 30px;}
    .news_wrap {padding: 40px 0;}
    .tabs_wrap {margin-bottom: 20px;}
    .tabs {width: 300px;height: 40px;}
    .tabs .tab {width: 100px;font-size: 16px;}
    .tabs_wrap .more {top: 8px;}
    .main_kv .text {padding-top: 40px;}
    .main_kv .text p {font-size: 20px;}
}

@media (max-width: 991px) {
    .main_kv .text h2 {font-size: 20px;margin-bottom: 5px;}
    .main_kv .text p {font-size: 20px;}
    .main_kv .text h2 strong {font-size: 30px;}
    .main_link .bnlink {padding: 15px;}
    .main_link .bnlink .tit {font-size: 16px;margin-bottom: 5px;}
    .main_link .bnlink .link {font-size: 14px;}
    .main_link .bnlink .link:after {width: 8px;height: 8px;background-size: 16px auto;margin-left: 5px;}
    .m_tit {font-size: 25px;}
    .list_wrap .item {width: 33.333333333%;}
    .list_wrap > .item:nth-child(4) {display: none;}
    .rclink .text {padding: 15px;height: 110px;}
    .rclink .text .tit {font-size: 16px;margin-bottom: 10px;height: 45px;}
    .rclink .text .time {font-size: 14px;}
    .rclink .text .time:before {width: 18px;height: 18px;background-size: 18px auto;margin-right: 5px;}
    
    .main_kv .owl-carousel .owl-nav button.owl-prev,
    .main_kv .owl-carousel .owl-nav button.owl-next {display: none;}

    .recom_slide .owl-carousel .owl-nav button.owl-prev,
    .recom_slide .owl-carousel .owl-nav button.owl-next {display: none;}
    .main_recom {padding-bottom: 60px;}
    .main_kv .text {right: 30px;padding-top: 20px;}
    .main_kv .text p {font-size: 16px;}
    .m_tit,
    .news_wrap .m_tit {margin-bottom: 20px;}
    .news_wrap {padding-bottom: 0;}
}

@media (max-width: 767px) {
    .main_recom {padding-bottom: 50px;}
    .list_wrap > .item:nth-child(4) {display: block;}
    .list_wrap .item {width: 50%;margin-bottom: 10px;}
    .main_link {margin-left: -5px;margin-right: -5px;}
    .main_link .item {padding: 0 5px;}
    .news_wrap {padding-bottom: 20px;}
}

@media (max-width: 575px) {
    .main_kv {margin-top: 15px;}
    .main_kv .text {right: 0;justify-content:center;width: 100%;text-align: center;}
    .main_link .item {width: 50%;margin-bottom: 10px;}
    .news_wrap .m_tit {margin-bottom: 20px;}
    .list_wrap .nlink {padding: 10px;}
    .list_wrap .nlink .type span {font-size: 12px;height: 25px;width: 40px;}
    .list_wrap .nlink .tit {font-size: 16px;height: 62px;}
    .list_wrap .nlink .text {font-size: 16px;margin-bottom: 20px;height: 40px;}
    .hidden-md {display: block;}
    .main_kv .owl-dots {bottom: 10px;}
    .tabs {margin: inherit;}
    .tabs_wrap .more {top: 6px;}
    .kv-dots-wrap {display: none;}
    .main_link {margin-top: 15px;margin-bottom: 20px;}
}