.about{font-family:Titillium Web}.about .main *{box-sizing:border-box;margin:0px;padding:0px}.about ._mob{display:none !important}.about .our_title{width:fit-content;padding:10px 40px;background:#E8EFFF;font-size:20px;font-weight:600;line-height:1;color:#829FE2;margin:0px auto}.about .fea_title{font-size:44px;font-weight:bold;text-align:center;margin-top:10px}.about .banner{height:806px;background:url(../images/about/banner_bg.webp) center no-repeat}.about .banner_title{text-align:center;padding-top:150px;width:1050px;margin:0px auto}.about .banner_title h1{font-size:66px;font-weight:bold;margin:20px auto 30px}.about .banner_title p{color:#000;font-size:24px;line-height:1.8}.about .banner_data{margin-top:60px;height:220px;background:rgba(255,255,255,0.4);backdrop-filter:blur(35px);display:flex;align-items:center;justify-content:center;gap:150px}.about .banner_data li{list-style:none;text-align:center}.about .banner_data li p{font-size:44px;font-weight:bold;color:#4464FF;line-height:1}.about .banner_data li span{font-size:20px;color:#5964AB}.about .product{margin-top:100px;padding:0px 12px}.about .product .product_list{display:flex;margin-top:60px;justify-content:space-between;gap:20px}.about .product .product_list li{width:345px;height:607px;overflow:hidden;border-radius:10px;position:relative;list-style:none;line-height:1;transition:all 0.8s cubic-bezier(0.05, 0.61, 0.41, 0.95)}.about .product .product_list li.on{width:786px}.about .product .product_list li.on a::before{background:none !important}.about .product .product_list li.on img{opacity:1}.about .product .product_list li.on .list_txt p{white-space:wrap;overflow:visible}.about .product .product_list li a{display:block;width:100%;height:100%;position:relative;z-index:1}.about .product .product_list li a::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:0;background-size:cover !important}.about .product .product_list li img{display:block;opacity:0;position:absolute;z-index:1;width:100%;height:100%;left:0px;top:0px;object-fit:cover;transition:all 0.8s cubic-bezier(0.05, 0.61, 0.41, 0.95)}.about .product .product_list li .list_txt{position:absolute;width:100%;padding:25px;bottom:0px;left:0px;border-radius:0px 0px 10px 10px;backdrop-filter:blur(12px);transition:all 0.6s cubic-bezier(0.05, 0.61, 0.41, 0.95);z-index:2}.about .product .product_list li .list_txt h4{font-size:26px;font-weight:bold;margin-bottom:10px;color:#fff}.about .product .product_list li .list_txt p{padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;color:#fff;line-height:1.5}.about .product .product_list li:nth-of-type(1) a::before{background:url(../images/about/fea_img1.webp) no-repeat}.about .product .product_list li:nth-of-type(1) .list_txt{background:rgba(148,173,255,0.6)}.about .product .product_list li:nth-of-type(2) a::before{background:url(../images/about/fea_img2.webp) no-repeat}.about .product .product_list li:nth-of-type(2) .list_txt{background:rgba(173,158,252,0.6)}.about .product .product_list li:nth-of-type(3) a::before{background:url(../images/about/fea_img3.webp) no-repeat}.about .product .product_list li:nth-of-type(3) .list_txt{background:rgba(155,223,173,0.6)}.about .product .product_list li:nth-of-type(4) a::before{background:url(../images/about/fea_img4.webp) no-repeat}.about .product .product_list li:nth-of-type(4) .list_txt{background:rgba(106,175,255,0.6)}.about .media{margin-top:60px;text-align:center}.about .media h3{font-size:30px;font-weight:600;margin-bottom:40px}.about .mission{padding:120px 0px;background:#F9F9F9}.about .mission .mis_cont{display:flex;justify-content:center;gap:15px;margin-top:60px}.about .mission dl{border-radius:10px;position:relative;overflow:hidden}.about .mission dl dd{position:absolute;backdrop-filter:blur(8px);left:0px;bottom:0px}.about .mission dl h4{font-weight:bold;margin-bottom:10px}.about .mission dl p{font-size:18px;color:#434343;line-height:1.5}.about .mission .left dl{width:678px;height:640px}.about .mission .left dl dd{bottom:0px;left:0px;padding:30px 40px 35px;background:rgba(233,239,255,0.8)}.about .mission .left dl h4{font-size:32px}.about .mission .right{display:flex;flex-direction:column;gap:10px}.about .mission .right dl{width:587px;height:312px}.about .mission .right dl dd{width:308px;height:100%;padding:0px 15px 0px 30px;display:flex;flex-direction:column;justify-content:center}.about .mission .right dl h4{font-size:26px;line-height:1.4}.about .mission .right dl:nth-of-type(1) dd{background:transparent linear-gradient(90deg, rgba(174,202,255,0.8) 0%, rgba(212,227,255,0.8) 100%) 0% 0% no-repeat padding-box}.about .mission .right dl:nth-of-type(2) dd{background:transparent linear-gradient(90deg, rgba(177,185,255,0.8) 0%, rgba(239,235,255,0.8) 100%) 0% 0% no-repeat padding-box}.about .blog_list{margin-top:100px}.about .blog_list .wrapper{width:1280px;margin:0px auto}.about .blog_list .our_title{margin-left:0px}.about .blog_list .blog_title{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.about .blog_list .blog_title .fea_title{margin:0px}.about .blog_list .blog_title a{display:flex;align-items:center;justify-content:center;width:294px;height:60px;background:#4A74FF;border-radius:50px;gap:0px;position:relative;transition:all .3s ease}.about .blog_list .blog_title a span{color:#fff;font-size:20px;font-weight:600;transition:all .3s ease}.about .blog_list .blog_title a img{position:absolute;opacity:0;transition:all .3s ease}.about .blog_list .blog_title a:hover{background:#587FFF;text-decoration:none;gap:35px}.about .blog_list .blog_title a:hover span{transform:translateX(-50px)}.about .blog_list .blog_title a:hover img{transform:translateX(50px);opacity:1}.about .blog_list .swiper_blog{position:relative;padding-top:90px;overflow:hidden}.about .blog_list .swiper_blog .swiper-slide{padding:20px;background:#EEF3FF;border-radius:10px;height:456px}.about .blog_list .swiper_blog .swiper-slide .img_box{overflow:hidden;width:100%;height:240px;border-radius:10px}.about .blog_list .swiper_blog .swiper-slide .img_box img{display:block;width:100%;height:100%}.about .blog_list .swiper_blog .swiper-slide p{margin-top:36px;font-size:20px;font-weight:bold;line-height:1.5;color:#000;height:90px}.about .blog_list .swiper_blog .swiper-slide a{display:block;width:fit-content;margin:8px 0px 0px auto;line-height:1;font-size:16px;font-weight:600;color:#829FE2;text-decoration:underline}.about .blog_list .swiper_blog .swiper-slide a:hover{color:#6288E2}.about .blog_list .swiper_blog .swiper_button{position:absolute;top:40px;left:12px;display:flex;gap:40px}.about .blog_list .swiper_blog .swiper_button div{background:none;position:relative;width:fit-content;height:fit-content;transition:all .3s ease}.about .blog_list .swiper_blog .swiper_button div::after,.about .blog_list .swiper_blog .swiper_button div::before{content:"";position:relative;display:block;background:#596EFC;transition:all .3s ease}.about .blog_list .swiper_blog .swiper_button div::before{width:65px;height:3px}.about .blog_list .swiper_blog .swiper_button div::after{width:9px;height:9px;clip-path:polygon(0 0, 0 100%, 100% 100%);transform:rotate(225deg);left:-5px}.about .blog_list .swiper_blog .swiper_button div:hover::before{width:85px}.about .blog_list .swiper_blog .swiper_button div.swiper-button-disabled{opacity:1}.about .blog_list .swiper_blog .swiper_button div.swiper-button-disabled::after,.about .blog_list .swiper_blog .swiper_button div.swiper-button-disabled::before{background:#D1D1D1}.about .blog_list .swiper_blog .swiper_button div.swiper-button-prev{flex-direction:row-reverse;transform:translateX(0px)}.about .blog_list .swiper_blog .swiper_button div.swiper-button-prev::after{transform:rotate(45deg);left:0px}.about .blog_list .swiper_blog .swiper_button div.swiper-button-prev::before{left:-5px}.about .blog_list .swiper_blog .swiper_button div.swiper-button-prev:hover{margin-left:-20px}.about .support{margin-top:100px}.about .support .sup_list{background:#F9F9F9;padding:120px 0px;display:flex;justify-content:center;margin-top:60px}.about .support .sup_list li{width:420px;padding:10px 50px;list-style:none;line-height:1}.about .support .sup_list li:nth-of-type(2){border-left:1px solid #D2D2D2;border-right:1px solid #D2D2D2}.about .support .sup_list li img{width:auto;height:80px}.about .support .sup_list li h4{margin-top:20px;font-size:32px;font-weight:bold}.about .support .sup_list li p{margin-top:15px;font-size:18px;color:#434343;line-height:1.5;height:160px}.about .support .sup_list li a{display:block;text-align:center;margin:0px auto;width:190px;height:46px;line-height:42px;background:#FFFFFF 0% 0% no-repeat padding-box;border:2px solid #B2C4FF;border-radius:30px;color:#8BA6FF;font-size:18px;font-weight:600;transition:all .3s ease;position:relative;left:18%}.about .support .sup_list li a:hover{width:212px;text-decoration:none;background:#587FFF;border-color:#587FFF;color:#fff}.about .support .sup_list li .copylink{position:relative}.about .support .sup_list li .copylink p,.about .support .sup_list li .copylink input{display:block;position:absolute;opacity:0;z-index:-1;transition:all .3s ease}.about .support .sup_list li .copylink p{width:fit-content;height:fit-content;top:-20px;left:0px;padding:5px;cursor:auto;font-size:14px;font-weight:400;text-wrap:nowrap}.about .support .sup_list li .copylink:hover p{top:-55px;left:40px;opacity:0.5;z-index:1}.about .support .sup_list li .copylink .alert{width:200px;height:30px;position:absolute;bottom:-30px;right:-30px;color:#8D5DFF;font-weight:500;opacity:0;animation-name:alert;animation-duration:2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes alert{0%{opacity:0}40%{opacity:1}60%{opacity:1}100%{opacity:0}}.about .share_box{margin:100px auto}.about .share_box .share_list{display:flex;justify-content:center;gap:90px;margin-top:70px}.about .share_box .share_list li{list-style:none;width:64px;height:64px;border-radius:14px;transition:all .5s ease}.about .share_box .share_list li:hover{border-radius:50px}.about .share_box .share_list li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.about .share_box .share_list li.facebook{background:#2E8BFF}.about .share_box .share_list li.twitter{background:#2A2A2A}.about .share_box .share_list li.youtube{background:#E22C2C}.about .share_box .share_list li.Forum{background:#6B6B6B}@media screen and (max-width: 768px){.about ._pc{display:none !important}.about ._mob{display:block !important}.about .banner{height:fit-content;background:url(../images/about/banner_bg_mob.webp) top center no-repeat}.about .banner_title{padding:50px 5% 0px;width:100%}.about .banner_title h1{font-size:36px}.about .banner_title p{font-size:18px;line-height:1.5}.about .banner_data{flex-wrap:wrap;margin-top:30px;padding:40px 3%;gap:20px 0px;justify-content:space-between;height:fit-content}.about .banner_data li:nth-of-type(1),.about .banner_data li:nth-of-type(2){width:50%}.about .banner_data li p{font-size:30px}.about .banner_data li span{font-size:14px}.about .our_title{font-size:18px}.about .fea_title{margin-top:20px;font-size:30px;line-height:1.4}.about .product{margin-top:50px;padding:0px 3%}.about .product .product_list{margin-top:30px;flex-direction:column}.about .product .product_list li{height:fit-content;width:100%}.about .product .product_list li ._mob{opacity:1;height:auto;position:relative}.about .product .product_list li a::before{background:none !important}.about .product .product_list li .list_txt{padding:5%}.about .product .product_list li .list_txt h4{font-size:20px}.about .product .product_list li .list_txt p{font-size:16px;white-space:wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.about .media{margin-top:30px;padding:0px 5%}.about .media h3{font-size:20px;margin-bottom:20px}.about .media img{width:100%;height:auto}.about .mission{margin-top:50px;padding:60px 3%}.about .mission .mis_cont{margin-top:40px;flex-direction:column;gap:20px}.about .mission .mis_cont .left,.about .mission .mis_cont .right{float:none}.about .mission .mis_cont .right{gap:20px}.about .mission .mis_cont dl{width:100%;height:fit-content}.about .mission .mis_cont dl dt img{width:100%;height:auto}.about .mission .mis_cont dl dd{width:100%;left:0px;bottom:0px;height:fit-content;padding:35px 5%;text-align:center}.about .mission .mis_cont dl dd h4{font-size:20px}.about .mission .mis_cont dl dd p{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.about .blog_list{margin-top:60px}.about .blog_list .wrapper{width:100%}.about .blog_list .our_title{margin:0px auto}.about .blog_list .blog_title{flex-direction:column;padding:0px 5%}.about .blog_list .blog_title a{margin-top:20px}.about .blog_list .mask{margin-top:30px;padding:0px 10%;overflow:hidden}.about .blog_list .swiper_blog{padding:0px 0px 50px;overflow:visible}.about .blog_list .swiper_blog .swiper-slide{height:fit-content;padding:5% 5% 10%}.about .blog_list .swiper_blog .swiper-slide .img_box{height:180px}.about .blog_list .swiper_blog .swiper-slide p{margin-top:20px;font-size:18px;height:100px;text-align:center}.about .blog_list .swiper_blog .swiper-slide a{margin:0px auto}.about .blog_list .swiper_blog .swiper_button{width:fit-content;position:relative;top:0px;left:0px;margin:30px auto 0px}.about .support{background:#F9F9F9;margin-top:0px;padding:60px 5%}.about .support .sup_list{padding:0px;flex-direction:column;padding:0px 5%;gap:60px}.about .support .sup_list li{width:100%;padding:0px;text-align:center;border:none !important}.about .support .sup_list li h4{font-size:24px}.about .support .sup_list li p{font-size:16px;height:fit-content}.about .support .sup_list li a{margin:30px auto 0px;left:0px;width:80%}.about .support .sup_list li a:hover{width:90%}.about .support .sup_list li .copylink p,.about .support .sup_list li .copylink .alert{font-size:14px}.about .support .sup_list li .copylink:hover p{top:-45px;left:50%}.about .share_box{margin:60px auto}.about .share_box .fea_title{padding:0px 5%}.about .share_box .share_list{margin-top:50px;gap:0px;justify-content:space-between;padding:0px 10%}}