@charset "utf-8";

.pcbr{display:none !important;}
.ptbr{display:none !important;}
.tbr{display:none !important;}
.mbr{display:block !important;}
.pc_view{display:none !important;}
.pt_view{display:none !important;}
.tm_view{display:block !important;}
.t_view{display:none !important;} 
.m_view{display:block !important;}

* {font-family:'Heebo';}
main {background:#f3f3f3;}

p.txt1 {font-size: 12px;line-height:1.6;color:#000;}
.btn1 {width: 71px;height: 26px;line-height: 24px;border-radius:18px;border:1px solid rgba(0,0,0,0.5);text-align: center;}
.btn1>a {display: flex;align-items: center;width:100%;height:100%;font-size:10px;}
.btn1>a>span {display: block;width: 100%;height: 15px;overflow: hidden;}
.btn1>a>span>p {font-size:10px;color:#000;line-height: 1.7;}

.section {position: relative;padding-bottom: 75px;}
.section .conwrap {width:94%;max-width:1600px;margin:0 auto;}
.section .sec_tit {position: relative;display:flex;justify-content:space-between;padding: 15px 0 40px;}
.section .sec_tit:before {content:"";position: absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:1px;background:#000;}
.section .sec_tit:after {content:"";position: absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:1px;background:#ddd;}
.section .sec_tit strong {display: block;font-size: 23px;color:#000;line-height: 1;}

/* section01 - main_slider */
.section01 {width:100%;height:100vh;}
.section01 .main_slider {width:100%;height:100%;}
.section01 .main_item {width:100%;height:100%;overflow: hidden;}
.section01 .main_item .bg {width:100%;height:100%;}
.section01 .main_item .tit_g {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:94%;max-width:1600px;}
.section01 .main_item .tit_g strong {display: block;font-size: 55px;color:#fff;line-height: 1;}
.section01 .main_item .tit_g p {font-size: 12px;font-weight: 300;color:#fff;line-height:1.6;margin-top: 20px;}
.section01 .main_arrow {display: none;}
.section01 .main_state {position: absolute;bottom: 30px;left:50%;transform:translateX(-50%);display: flex;justify-content: space-between;align-items: center;width:94%;z-index:1;}
.section01 .main_state .state {
    width: 30px;
    text-align: right;
}
.section01 .main_state .state button.pause {width:8px;height:12px;background:url(/images/main/pause_icon.png) no-repeat center / contain;}
.section01 .main_pagination {display: flex;width: calc(100% - 30px);}
.section01 .main_pagination>span {width: 100%;height:2px;border-radius:0;background:#fff;margin-right: 5px;}
.section01 .main_pagination>span:last-child {margin-right:0;}
.section01 .scroll {display: none;}

/* section02 */
.section02 {padding: 80px 0 75px;overflow: hidden;}
.section02 .conwrap {position: relative;}
.section02 .text_wrap {width:94%;max-width:900px;margin:0 auto;text-align: center;}
.section02 .text_wrap strong {display:block;font-size: 43px;font-weight:500;color:#000;line-height:1.1;}
.section02 .text_wrap p {font-size: 12px;line-height:1.5;color:#000;margin-top: 20px;}
.section02 .text_wrap .btn {width: 79px;height: 26px;line-height: 24px;border-radius:20px;border:1px solid #000;background:#142248;margin: 35px auto 0;}
.section02 .text_wrap .btn>a {display: flex;align-items: center;width:100%;height:100%;}
.section02 .text_wrap .btn>a>span {display: block;width: 100%;height: 15px;overflow: hidden;}
.section02 .text_wrap .btn>a>span>p {font-size:10px;color:#fff;line-height: 1.7;margin-top:0;}

.section02 #dots {position: absolute;top:0;left:0;width:100%;/* height:110%; */display: none;}

/* section03 */
.section03 {}
.section03 .merit_l {margin-top:17px;}
.section03 .merit_l>li {width: 80%;margin-right: 20px;}
.section03 .merit_l>li:last-child {margin-right: 0;}
.section03 .merit_l>li .img_wrap {position: relative;border-radius: 10px;overflow: hidden;}
.section03 .merit_l>li .img_wrap span.num {position: absolute;top: 17px;left: 17px;font-size: 10px;font-weight:300;color:#fff;border-bottom:1px solid #fff;line-height:1;}
.section03 .merit_l>li .img_wrap img {width:100%;}
.section03 .merit_l>li .text_wrap {padding-top: 17px;}
.section03 .merit_l>li .text_wrap strong {display: block;font-size: 18px;color: #000;margin-bottom:10px;}

/* section04 */
.section04 {}
.section04 .curr_l {margin-top:17px;}
.section04 .curr_l>li {width: 100%;overflow: hidden;margin-bottom: 18px;}
.section04 .curr_l>li .img_wrap {position: relative;border-radius: 10px;overflow: hidden;background:#000;height: 200px;}
.section04 .curr_l>li .img_wrap img {width:100%;transform:scale(1);transition:0.9s;object-fit: cover;}
.section04 .curr_l>li .img_wrap .text {position: absolute;top:50%;left:0;width:100%;text-align: center;transform:translateY(-50%);}
.section04 .curr_l>li .img_wrap .text strong {display: block;font-size: 23px;color:#fff;}
.section04 .curr_l>li .img_wrap .text .more {position: relative;width: 35px;height: 35px;background:url(/images/main/more_icon.png) no-repeat center;margin: 9px auto 0;}
.section04 .curr_l>li .img_wrap .text .more svg {position: absolute;top:0;left:0;width:100%;height:100%;}
.section04 .curr_l>li .img_wrap .text .more circle {stroke-width:0.5;stroke-dashoffset: 0;stroke-dasharray: 200;transition:0.5s;}

.section04 .curr_l>li p.txt1 {margin-top:27px;display: none;}

/* section05 */
.section05 .slide_wrap {display:none;}
.section05 #video_popup{display:none;}
.section05 {padding:80px 0 75px;background:#142248;}
.section05 .sec_tit:before {background:#fff;}
.section05 .sec_tit:after {background:rgba(255,255,255,0.3);}
.section05 .sec_tit strong {color:#fff;}
.section05 .btn1 {border:1px solid rgba(255,255,255,0.45);}
.section05 .btn1>a>span>p {color:#fff;}
.section05 .slide_tab {display:none;margin-top:35px;}
/* .section05 .slide_tab button {padding:0 15px;height:45px;border-radius:5px;font-size:11px;font-weight:600;color:#fff;margin-right:10px;}
.section05 .slide_tab button.on {background:#81eef3;color:#04132c;} */

/* section05_board list */
.section05 .board_wrap{width:100%;}
.section05 .board_wrap .container{width:100%; padding-top: 0px;}
.section05 .board_wrap .container .board_list{border-top:1px solid #F3F4F6;}
.section05 .board_wrap .container .board_list li{border-bottom:1px solid #555;}
.section05 .board_wrap .container .board_list li a{display:flex;align-items:center;padding: 24px 0px;}
.section05 .board_wrap .container .board_list li a span.num{display: block;width:65px;font-size:24px;color:#555;font-weight:700;letter-spacing:-0.025em;}
.section05 .board_wrap .container .board_list li a .tit_g {width:calc(100% - 10px);}
.section05 .board_wrap .container .board_list li a .tit_g span.date {display: block;font-size:1.3rem;color:rgba(255,255,255,0.8);margin-bottom:6px;}
.section05 .board_wrap .container .board_list li a .tit_g .cate{display:inline-block; border:1px solid #3075f4; color: #3075f4; font-size: 10px;  font-weight: 500;padding: 5px 18px; border-radius: 24px; margin-bottom: 12px;}
.section05 .board_wrap .container .board_list li a .tit_g strong.tit{
font-family: "Heebo";
display: block;width:100%;font-size:1.9rem;font-weight: 600;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.section05 .board_wrap .container .board_list li a .tit_g .txt{font-size:1.4rem;color:rgba(255,255,255,0.6);
overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.section05 .board_wrap .container .board_list li a .titwrap{display: block;margin-bottom: 5px;}
.section05 .board_wrap .container .board_list li a .tit_g .titwrap .mark{display: inline-block;font-family: "Heebo";font-size:1.3rem;color:#3075f4;box-sizing:border-box;
line-height: 24px;border:2px solid #3075f4;font-weight: 700;
min-width:121px;height:26px;border-radius:13px;text-align: center;margin-bottom: 6px;}

.section05 .board_wrap .container .board_list li a:hover .tit_g strong.tit{text-decoration: underline;text-decoration-thickness: 2px;}

/*section05_ paging */
 .section05 .paging {text-align: center;margin-top:80px;}
.section05 .paging * {display: inline-block;vertical-align: top;width:40px;height:40px;font-size:18px;line-height:40px;color:rgba(0,0,0,0.7);border-radius:3px;text-align: center;margin:0 8px;}
.section05 .paging strong {font-weight:500;color:#fff;background:#3075f4;}
.section05 .paging a.page_begin {background:rgba(76,85,112,0.5) url(/images/page/page_begin_wht.png) no-repeat center;margin-right:0;}
.section05 .paging a.page_prev {background:rgba(76,85,112,0.5) url(/images/page/page_prev_wht.png) no-repeat center;margin-right:70px;}
.section05 .paging a.page_next {background:rgba(76,85,112,0.5) url(/images/page/page_next_wht.png) no-repeat center;margin-left:70px;}
.section05 .paging a.page_end {background:rgba(76,85,112,0.5) url(/images/page/page_end_wht.png) no-repeat center;margin-left:0;}



/* section06 */
.section06 {padding: 80px 0;background: url(/images/main/sec6_bg.png) no-repeat top -135px right -140% / 85%;}
.section06 .bbs_l {margin-top:17px;}
.section06 .bbs_l>li {position: relative;width: 80%;background:#fff;border-radius: 10px;margin-right: 20px;}
.section06 .bbs_l>li:before {content:"";position: absolute;top:0;right: -18px;width:1px;height:100%;background:#ddd;display: none;}
.section06 .bbs_l>li + li {}
.section06 .bbs_l>li:last-child {margin-right:0;}
.section06 .bbs_l>li:last-child:before {display: none;}
.section06 .bbs_l>li a {display: block;padding: 35px 25px 30px;}
.section06 .bbs_l>li strong.tit {display: block;font-size: 18px;color:#000;line-height:1.3;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word;}
.section06 .bbs_l>li p.txt1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-wrap:break-word;display: none;}
.section06 .bbs_l>li span.date {display: block;font-size: 11px;color:rgba(0,0,0,0.5);margin-top:25px;}

/* section07 */
.section07 {}
.section07 .interview_wrap {margin-top:17px;}
.section07 .interview_wrap>div {position: relative;}
.section07 .interview_wrap>div:before {content:"";position: absolute;top:0;right: -18px;width:1px;height:100%;background:#ddd;display: none;}
.section07 .interview_wrap>div:last-child:before {display: none;}
.section07 .interview_wrap>div .item {padding-bottom: 35px;}
.section07 .interview_wrap>div .img_wrap {border-radius: 10px;overflow: hidden;}
.section07 .interview_wrap>div .img_wrap img {width:100%;transition:0.9s;}
.section07 .interview_wrap>div span.tag {display: block;width: 70px;height: 23px;line-height: 21px;font-size: 12px;font-weight:700;color:#e1002a;text-align: center;border-radius:13px;border:1px solid #e1002a;margin-top:18px;}
.section07 .interview_wrap>div p.txt1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;display: none;}
.section07 .interview_wrap .aside  {width: 100%;}
.section07 .interview_wrap .aside strong.tit {display: block;font-size: 18px;line-height:1.4;color:#000;margin-top: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.section07 .interview_wrap .right .item:last-child {padding-bottom:0;}
.section07 .interview_wrap .center {width: 100%;}
.section07 .interview_wrap .center strong.tit {display: block;font-size: 18px;line-height:1.3;color:#000;margin:15px 0 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}


/* motion */
.section .sec_tit:before,.section .sec_tit:after {width:0;transition:width 0.9s;}
.section .sec_tit.in-view:before,.section .sec_tit.in-view:after {width:100%;}
.section .sec_tit strong,.section .sec_tit .btn1 {opacity:0;transform:translateY(20px);transition:0.7s 0.3s;}
.section .sec_tit.in-view strong,.section .sec_tit.in-view .btn1 {opacity:1;transform:translateY(0);}

.section01 .main_item .bg {transform:scale(1.07);transition:2.5s;}
.section01 .main_item.swiper-slide-active .bg {transform:scale(1);}
.section01 .main_item .tit_g strong {opacity:0;transform:translateY(30px);transition:0.7s 0.7s;}
.section01 .main_item.swiper-slide-active .tit_g strong {opacity:1;transform:translateY(0);}
.section01 .main_item .tit_g p {opacity:0;transform:translateY(30px);transition:0.7s 0.9s;}
.section01 .main_item.swiper-slide-active .tit_g p {opacity:1;transform:translateY(0);}
.section01 .main_arrow,.section01 .main_state,.section01 .scroll {opacity:0;transition: opacity 0.7s 1.5s;}
.intro .section01 .main_arrow,.intro .section01 .main_state,.intro .section01 .scroll {opacity:1;}

.section02 .dot_bg {position: absolute;top: 50%;left: 50%;width: 500px;height: 500px;transform: scale(5);margin: -250px 0 0 -250px;border-radius: 50%;background:#195bf5;z-index: 10;display: none;}
.section02.in-view .dot_bg {transform: scale(0);transition:0.8s;}
.section02 #dots {transform:scale(0.5);opacity:0;}
.section02.in-view #dots {transform:scale(1);opacity:1;transition:0.6s 0.45s;}
.section02 .text_wrap>div>div {overflow: hidden;}
.section02 .text_wrap strong {transform:translateY(100%);transition: 0.7s 0.2s;}
.section02.in-view .text_wrap strong {transform:translateY(0);}
.section02 .text_wrap p {opacity:0;transform:translateY(30px);transition: 0.7s 0.4s;}
.section02.in-view .text_wrap p {transform:translateY(0);opacity:1;}
.section02 .text_wrap .btn {opacity:0;transform:translateY(30px);transition: 0.7s 0.6s;}
.section02.in-view .text_wrap .btn {transform:translateY(0);opacity:1;}

.section03 .merit_l>li {opacity:0;transform:translateY(30px);transition:0.7s;}
.section03 .merit_l>li:nth-child(2) {transition-delay:0.2s;}
.section03 .merit_l>li:nth-child(3) {transition-delay:0.4s;}
.section03 .merit_l.in-view>li {opacity:1;transform:translateY(0);}
.section04 .curr_l>li {opacity:0;transform:translateY(30px);transition:0.7s;}
.section04 .curr_l>li:nth-child(2) {transition:opacity 0.7s 0.2s,transform 0.7s 0.2s;}
.section04 .curr_l.in-view>li {opacity:1;transform:translateY(0);}

.section05 .slide_tab {opacity:0;transform:translateY(30px);transition:0.7s;}
.section05 .slide_tab.in-view {opacity:1;transform:translateY(0);}
.section05 .video_slider .swiper-slide {opacity:0;transform:translateY(30px);transition:0.7s;}
.section05 .video_slider .swiper-slide:nth-child(2) {transition-delay:0.2s;}
.section05 .video_slider .swiper-slide:nth-child(3) {transition-delay:0.4s;}
.section05 .video_slider.in-view .swiper-slide {opacity:1;transform:translateY(0);}
.section05 .video_paging {opacity:0;transform:translateY(30px);transition:0.7s;}
.section05 .video_paging.in-view {opacity:1;transform:translateY(0);}

.section06 .bbs_l>li {opacity:0;transform:translateY(30px);transition:0.7s;}
.section06 .bbs_l>li:nth-child(2) {transition-delay:0.2s;}
.section06 .bbs_l>li:nth-child(3) {transition-delay:0.4s;}
.section06 .bbs_l.in-view>li {opacity:1;transform:translateY(0);}

.section07 .interview_wrap>div .item {opacity:0;transform:translateY(30px);transition:0.7s;}
.section07 .interview_wrap>div .item.in-view {opacity:1;transform:translateY(0);}