.resources_banner{padding-bottom:78px}.resources_banner .banner{background:url(../jpg/res-banner-2.jpg) no-repeat bottom center / cover}.resources_banner .banner .flex{padding:100px 0 226px;min-height:623px}.resources_banner .banner .head{color:#fff}.resources_banner .banner .head .subtitle{text-transform:none;margin-bottom:10px}.resources_banner .banner .head h1{font-size:4rem;font-weight:600;line-height:76px}.resources_banner .banner .head p{font-size:17px;font-weight:200;line-height:30px;max-width:489px;margin:34px auto 0}.resources_banner .nav{margin-top:-194px}.resources_banner .nav ul{display:grid;gap:14px;grid-template-columns:repeat(5,1fr)}.resources_banner .nav ul li{border-radius:8px;overflow:hidden}.resources_banner .nav ul li.active a::after,.resources_banner .nav ul li:hover a::after{opacity:1}.resources_banner .nav ul li.active i,.resources_banner .nav ul li:hover i{filter:contrast(0) brightness(20)}.resources_banner .nav ul li.active a>span,.resources_banner .nav ul li:hover a>span{gap:6px;transform:translate(0)}.resources_banner .nav ul li.active a>span span,.resources_banner .nav ul li:hover a>span span{opacity:1}.resources_banner .nav ul li a{display:flex;flex-direction:column;height:100%;background-color:#18385e;border:1px solid #2a5377;border-radius:8px;position:relative;z-index:2;color:#fff;padding:36px 10.1449% 42px}.resources_banner .nav ul li a::after{content:'';display:block;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;z-index:-1;left:-1px;top:-1px;background-image:var(--bg_color);transition:all 0.3s;opacity:0;border-radius:8px}.resources_banner .nav ul li i{display:block;width:58px;height:58px;background:no-repeat left center / contain}.resources_banner .nav ul li strong{font-size:20px;font-weight:600;line-height:26px;display:block;margin-top:30px}.resources_banner .nav ul li p{font-size:15px;font-weight:300;line-height:24px;opacity:.8;flex:1;margin-top:12px}.resources_banner .nav ul li a>span{display:flex;align-items:center;gap:0;transition:all 0.3s;margin-top:30px;transform:translateX(-95px)}.resources_banner .nav ul li a>span span{font-size:17px;font-weight:500;transition:all 0.3s;white-space:nowrap;overflow:hidden;display:block;opacity:0}.resources_banner .nav ul li a>span::after{content:'';display:block;width:14px;height:11px;background:url(../svg/arrow-line.svg) no-repeat center / contain}.resources_video{padding:66px 0}.resources_video .head a{font-size:22px;font-weight:500;color:var(--theme_color);transform:translateY(8px);gap:14px;display:flex;align-items:center}.resources_video .head a::after{content:'';display:block;width:17px;height:14px;background:url(../svg/arrow-line.svg) no-repeat center / contain;transition:all 0.3s}.resources_video .head a:hover::after{transform:translateX(5px)}.resources_video .sticky{display:flex;gap:1.25rem;justify-content:space-between;position:relative;z-index:2;margin-top:82px}.resources_video .sticky::before{content:'';display:block;width:94.306%;height:100%;background-color:#092342;border-radius:12px;position:absolute;z-index:-1;right:0;top:0;box-shadow:0 0 15px rgba(0,0,0,.1)}.resources_video .sticky:hover img{transform:scale(1.05)}.resources_video .sticky .img{margin-bottom:22px;width:57.639%;height:467px;border-radius:12px;overflow:hidden;transform:translateY(-20px);box-shadow:0 0 15px rgba(0,0,0,.1)}.resources_video .sticky .img img{width:100%;height:100%;object-fit:cover;transition:all 0.5s}.resources_video .sticky .info{flex:1;max-width:458px;color:#fff;margin-right:6.6667%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 0}.resources_video .sticky .info span{font-weight:500;color:var(--theme_color)}.resources_video .sticky .info h3{font-size:30px;font-weight:600;line-height:40px;margin-top:1rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.resources_video .sticky .info p{opacity:.75;font-size:17px;line-height:30px;font-weight:300;margin-top:1rem;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.resources_video .sticky .info i{margin-top:36px;display:block;width:4rem;height:4rem;transition:all 0.4s;background:url(../svg/play.svg) no-repeat center / contain}.resources_video .sticky .info i:hover{transform:scale(1.1)}.resources_video .main{margin-top:82px}.resources_video .main ul{display:grid;gap:4rem 25px;grid-template-columns:repeat(3,1fr)}.resources_video .main ul li a:hover img{transform:scale(1.05)}.resources_video .main ul li .img{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:463/300}.resources_video .main ul li .img img{width:100%;height:100%;object-fit:cover;display:block;transition:all 0.5s}.resources_video .main ul li .img .btn_play{width:58px;height:58px;background:url(../svg/play.svg) no-repeat center / contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.4s}.resources_video .main ul li .img .btn_play:hover{transform:translate(-50%,-50%) scale(1.2)}.resources_video .main ul li .info{padding-top:26px}.resources_video .main ul li .info span{font-weight:500;line-height:20px;color:var(--theme_color)}.resources_video .main ul li .info h3{font-size:24px;font-weight:600;line-height:2rem;margin-top:12px}.resources_box{padding:66px 0}.resources_box .head a{font-size:22px;font-weight:500;color:var(--theme_color);transform:translateY(8px);gap:14px;display:flex;align-items:center}.resources_box .head a::after{content:'';display:block;width:17px;height:14px;background:url(../svg/arrow-line.svg) no-repeat center / contain;transition:all 0.3s}.resources_box .head a:hover::after{transform:translateX(5px)}.resources_box .swiper_box{margin-top:3rem}.resources_box .swiper_box .swiper_btns div{width:74px;height:74px}.resources_api{padding:76px 0 104px;margin:83px 0 92px;background:url(../jpg/api-bg.jpg) no-repeat center / cover}.resources_api .head a{font-size:22px;font-weight:500;color:var(--theme_color);transform:translateY(8px);gap:14px;display:flex;align-items:center}.resources_api .head a::after{content:'';display:block;width:17px;height:14px;background:url(../svg/arrow-line.svg) no-repeat center / contain;transition:all 0.3s}.resources_api .head a:hover::after{transform:translateX(5px)}.resources_api .main{margin-top:65px}.resources_api .main ul{display:grid;gap:26px 14px;grid-template-columns:repeat(3,1fr)}.resources_api .main ul li a{display:flex;height:100%;align-items:center;position:relative;z-index:2;border-radius:12px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);padding:22px 6.383%;gap:4.68085%;min-height:140px}.resources_api .main ul li a::after{content:'';display:block;width:100%;height:100%;background-image:var(--bg_color);position:absolute;z-index:-1;left:0;top:0;border-radius:12px;transition:all 0.3s;opacity:0}.resources_api .main ul li i{width:4rem;height:4rem;background:no-repeat center / contain;display:block}.resources_api .main ul li h3{flex:1;transition:all 0.3s;font-size:22px;font-weight:500;line-height:2rem}.resources_api .main ul li.active a::after,.resources_api .main ul li:hover a::after{opacity:1}.resources_api .main ul li.active i,.resources_api .main ul li:hover i{filter:contrast(0) brightness(20)}.resources_api .main ul li.active h3,.resources_api .main ul li:hover h3{color:#fff}.resources_login .flex{background:url(../jpg/login-bg.jpg) no-repeat center / cover;border-radius:12px;padding:0 7.5% 0 9.306%}.resources_login .img{width:40.067%;aspect-ratio:480/375;margin-top:-26px;transform:translateY(35px)}.resources_login .img img{width:100%;height:100%;object-fit:contain;display:block}.resources_login .info{color:#fff;max-width:576px;flex:1}.resources_login .info h2{font-size:40px;font-weight:600;line-height:56px}.resources_login .info p{font-weight:300;font-size:17px;line-height:26px;opacity:.85;margin-top:18px;max-width:530px}.resources_login .info .button{margin-top:26px;padding:13.5px 5rem 13.5px 60px}.resources_login .info .button::after{right:58px}.resources_login .info .button:hover{padding:13.5px 70px}