:root{--public-color:#1e2188;--max:1430px} body{color:#999999;font-size:18px;line-height:28px;font-weight:400;font-family:'Roboto','Outfit',Arial,Helvetica,sans-serif} a{display:inline-block;transition:all .4s ease-in-out} a:hover{color:var(--public-color) !important} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link{color:#fff;background-color:var(--public-color);border-color:var(--public-color)} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height)} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid{max-width:100%;height:auto} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max)} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px} .container-xl.m-right{margin:0 auto;padding:0 15px} .container-xl.m-left{margin:0 auto;padding:0 15px} } .down-list{display:flex;justify-content:center;margin-top:70px} .down-list .pagination{gap:10px} .down-list .page-link{width:60px;height:60px;display:flex;align-items:center;justify-content:center} .x3-title{font-size:16px;line-height:24px;margin-top:15px;display:block;text-align:center} .max-1920px{max-width:1920px;margin-left:auto;margin-right:auto;overflow-x:clip} .max-1860px{max-width:1860px} .max-1830px{max-width:1830px} .max-1800px{max-width:1800px} .max-1790px{max-width:1790px} .max-1750px{max-width:1750px} .max-1740px{max-width:1740px} .max-1690px{max-width:1690px} .max-1680px{max-width:1680px} .max-1650px{max-width:1650px} .max-1640px{max-width:1640px} .max-1630px{max-width:1630px} .max-1610px{max-width:1610px} .max-1600px{max-width:1600px} .max-1590px{max-width:1590px} .max-1560px{max-width:1560px} .max-1540px{max-width:1540px} .max-1530px{max-width:1530px} .max-1480px{max-width:1480px} .max-1440px{max-width:1440px} .max-1430px{max-width:1430px} .in-header{box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1)} .header.fadeInDown{box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);position:fixed;top:0;left:0;right:0} .header.fadeInDown .header-top{background-color:#ffffff;transition:all .3s ease-in-out} .dropdown-item.active,.dropdown-item:active{color:var(--public-color)} .fixed-header .header{position:fixed;top:0;left:0;right:0} .header{position:relative;width:100%;z-index:99} .header .row-nav{display:flex;align-items:center} .header .header-nav{display:flex;align-items:center;justify-content:space-between;gap:30px} .header-top .row-nav{display:flex;align-items:center;justify-content:flex-end;position:inherit} .header-top .navbar-custom{position:inherit} .dropdown-item.active,.dropdown-item:active{color:var(--public-color)} .contact-search{display:flex;align-items:center;gap:25px;margin-left:20px} .contact-search .a-lb{height:40px;font-weight:500} .contact-search .top-search-box{margin:0} .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav > .nav-item{margin:0 12px;position:relative} .navbar-custom .navbar-nav .active > .nav-link{color:var(--public-color)} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;padding:0 5px;height:90px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:18px;line-height:28px;text-transform:capitalize} .navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:6px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:0px} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out;color:var(--public-color);font-weight:bold;margin-left:5px} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg)} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color) !important;transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} .header-nav .top-lang::before{content:"";width:1px;height:15px;background-color:#bcbcbc;position:absolute;left:0;top:9px} .header-nav .top-lang{position:relative;display:flex;align-items:center;padding-left:15px} .dropdown.lang .dropdown-toggle{background-color:transparent;padding:0} @media(max-width:1340px){ .navbar-custom .navbar-nav .nav-link{font-size:16px} .navbar-custom .navbar-nav .nav-item{margin:0 10px} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{padding:0 5px} } @media(max-width:1250px){ .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{margin-left:0} .navbar-custom .navbar-nav .nav-item{margin:0 5px} .navbar-custom .navbar-nav .nav-link{height:70px} } @media(max-width:1200px){ .header .top-logo{width:200px} .navbar-custom .navbar-nav .nav-link{height:60px} .header .a-lb{display:none} } @media(max-width:1100px){ .navbar-custom .navbar-nav .nav-link{font-size:14px} .header .header-top{padding:0} } @media(max-width:768px){ body{padding-top:50px;font-size:14px;letter-spacing:-.3px !important} .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid var(--public-color);z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:auto;max-width:100%} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:8px;width:30px;text-align:center;cursor:pointer;flex-shrink:0} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#000} .header-mb .top-mb .navbar-toggler{margin-left:4px;flex-shrink:0} .header-mb .top-mb .icon-bars{color:#000} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .top-mb-search-box{display:none;position:fixed;top:50px;left:0;width:100%;padding:12px 0;background:#fff;border-bottom:1px solid #e9e9f3;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:998} .top-mb-search-box .search-group{display:flex;align-items:stretch;width:100%;height:44px;background:#fff;border:1px solid #e0e0e0;border-radius:22px;overflow:hidden} .top-mb-search-box .header-search-input{flex:1;min-width:0;height:100%;padding:0 16px;font-size:16px;color:#333;background:transparent;border:0;border-radius:0;box-shadow:none} .top-mb-search-box .header-search-input::placeholder{color:#999} .top-mb-search-box .header-search-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--public-color);color:#fff;border:0;border-radius:0;padding:0;cursor:pointer} .top-mb-search-box .header-search-btn svg{flex-shrink:0} .top-mb-feed i{font-size:16px;color:#000} .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:var(--public-color);position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } .menu-collapse{border-radius:6px 6px 0 0;border:1px solid #e7e7e7;background:#fff} .menu-collapse .collapse-title{padding:0.875rem;background:var(--public-color);color:#fafafa} .menu-collapse .collapse-title h5{font-size:1.25rem;font-weight:500} .menu-collapse .collapse-title .navbar-toggler{color:#fff} .menu-collapse .menu-link{transition:background-color ease 0.2s;color:#666;border-bottom:1px solid #e7e7e7} .menu-collapse ul ul .menu-link{padding:12px 16px 12px 30px} .menu-collapse .menu-link:before{content:"●";font-size:0.75rem;margin-right:5px;color:var(--public-color)} .menu-collapse .menu-link:hover{background:#f8f9fa} .menu-collapse .drop{} .menu-collapse .menu-link.active{background:#f6f6f6;color:#666} #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background:var(--public-color);border-top:1px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap} #float .ico:hover>.img{display:block} #float .ico:hover p{right:56px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color:var(--public-color);transition:none} #float.hide{transform:translateX(56px)} #float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg);border-top:1px solid transparent} #float .ico#scroll-top{display:block!important} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide{transform:translateX(40px)} #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} } .content-wrapper{line-height:1.7;margin-bottom:1.5rem} .content-wrapper h2{font-size:26px;font-weight:600;margin-bottom:15px;margin-top:30px} .content-wrapper h3{font-size:24px;font-weight:600;margin-bottom:15px;margin-top:30px} .content-wrapper h4{font-size:20px;font-weight:600;margin-bottom:15px;margin-top:30px} .content-wrapper p{margin-bottom:15px} .content-wrapper img{max-width:100% !important;height:auto !important;margin-bottom:15px} .content-wrapper video{max-width:100% !important;height:auto !important} .content-wrapper ul{padding-left:20px;margin-bottom:15px} .content-wrapper ul li{list-style-type:initial;margin-bottom:10px} .content-wrapper ol{padding-left:20px;margin-bottom:15px} .content-wrapper ol li{list-style-type:initial;margin-bottom:10px} .content-wrapper iframe{max-width:100%} .content-wrapper table{width:100%;margin-bottom:1rem;color:#212529;margin-bottom:15px} .content-wrapper table p{margin-bottom:0} .content-wrapper table th,.content-wrapper table td{padding:0.5rem;vertical-align:middle;border:1px solid #dee2e6;text-align:center} .content-wrapper table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.03)} .content-wrapper table tbody tr:hover{background-color:rgba(0,0,0,0.075);color:#555} .content-wrapper table p{margin-bottom:0;line-height:32px} .content-wrapper tbody th{color:#2980c7} .table-wrapper table thead th{text-align:center;color:#fff;padding:15px 0;vertical-align:middle;font-weight:500} .table-wrapper table thead{background-color:#eff5fc} .table-wrapper table th{background-color:#eff5fc;color:#fff;padding:20px 15px 20px 60px;font-weight:400;font-size:16px;text-align:left} .table-wrapper table td{padding:10px 5px;vertical-align:middle;font-size:18px;line-height:28px;color:var(--public-color);font-weight:400;text-align:center;border:solid 1px #ffffff} .table-wrapper table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:solid 1px #ffffff} .table-wrapper table tr:first-child td{color:#fff;font-weight:500;background-color:var(--public-color)} .table-wrapper table tr:nth-child(even){background-color:#f4f4f9} .table-wrapper table tr:nth-child(odd){background-color:#e8e8f3} .table-wrapper table tr:hover{background-color:rgba(30,33,136,.4)} @media (max-width:575.98px){ .table-wrapper-sm table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} } @media(max-width:768px){ .table-wrapper-md table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} .table-wrapper table td{padding:7px 10px 7px 15px;font-size:14px;line-height:20px} } @media (max-width:991.98px){ .table-res-lg table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} } @media (max-width:1500.98px){ .table-wrapper-xl table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} } .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } .form-cap.form-btn-box{gap:20px} .form-row.form-btn-box{position:relative} .form-row .btn-box{position:static} .form-row .pos-btn{position:absolute;top:100%;left:0;padding:0 10px;width:100%;font-size:14px;line-height:24px;font-weight:400} .form-group .form-control::placeholder{font-size:16px;line-height:32px;color:#333333;opacity:1} .form-group .form-control{padding:15px 20px 12px 30px;border:none;border-radius:0px;background-color:#ffffff;border:solid 1px #cccccc} .form-group .form-control:focus{border-color:var(--public-color)} .form-group textarea.form-control{padding-top:10px} .form-row{margin:0 -10px 15px !important} .form-group{position:relative;padding:0 10px !important;margin-bottom:0} .form-row .a-lh{display:flex;justify-content:center;align-items:center;width:100%;height:56px;font-size:20px;font-weight:500;letter-spacing:0;min-width:255px;border-radius:0} .form-cap .input-group{border:solid 1px #cccccc;border-radius:8px;overflow:hidden} .form-cap .form-group .form-control{border:none} .form-cap .input-group-append{width:115px;background-color:#f3fbfe;margin:0;border:none} .input-group-append img{width:100%;height:auto;background-color:#f3fbfe;mix-blend-mode:darken} .input-group-img{padding:0 !important} .input-group-text{border:none} @media(max-width:1340px){ .form-cap .input-group-append{width:100px} } @media(max-width:768px){ .form-feedback .form-control{padding:10px 20px 10px 25px;font-size:16px} .form-feedback .form-control::placeholder{font-size:14px;line-height:20px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} .form-row{gap:15px} } .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} .was-validated .form-control:invalid,.form-control.is-invalid{border-color:#f5543f !important;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)} .header-search-box{position:relative} .header-search-box .search-svg{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease} .header-search-box .search-svg:hover{opacity:.8} .header-search-box .search-svg svg{width:20px;height:20px} .header-search-box .input-group.search-group{position:absolute;top:100%;right:0;margin-top:10px;display:flex;align-items:center;width:260px;height:40px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100;border-radius:5px} .header-search-box.active .input-group.search-group{opacity:1;visibility:visible;transform:translateY(0)} .header-search-box .header-search-input{flex:1;min-width:0;height:100%;padding:0 14px;font-size:14px;color:#333;background:transparent;border:0;border-radius:5px} .header-search-box .header-search-input::placeholder{color:#999} .header-search-box .header-search-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--public-color);color:#fff;cursor:pointer;transition:background .3s;border:0} .header-search-box .header-search-btn:hover{background:#333333} .header-search-box .header-search-btn svg{flex-shrink:0} .header-lang{margin-left:10px;display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease;position:relative} .header-lang .lang-svg{width:24px;height:24px;background:url(../../images/lang.gif) no-repeat center center;background-size:100% 100%;border-radius:100%;background-color:#333333;filter:inherit} .header-lang .lang-link{position:absolute;top:100%;right:0;margin-top:10px;min-width:140px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100} .header-lang.active .lang-link{opacity:1;visibility:visible;transform:translateY(0)} .header-lang .lang-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#333;text-decoration:none;transition:background .2s} .header-lang .lang-item:hover{background:#f5f5f5;color:var(--public-color)} .header-lang .lang-item img{width:20px;height:14px;object-fit:cover;flex-shrink:0} .zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index:9999;display:none;align-items:center;justify-content:center} .zhbg .box{max-width:1000px;background:#fff;box-shadow:10px 10px 20px rgba(0,0,0,0.7);position:relative} .zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer} .zhbg .box .zh-t1{display:flex;margin-bottom:25px} .zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff} .zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color)} .zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold} .zhbg .box .place{font-size:16px;line-height:24px} .zhbg .box .place p{margin-bottom:10px} .zhbg .box .place p i{color:var(--public-color);min-width:22px} .zhbg .box .place p strong{color:var(--public-color)} .zhbg.on{display:flex} .zhkz.on{display:block} .zhkz{display:none;background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position:fixed;top:250px;right:-54px;transform:rotate(-90deg);padding:10px 20px 20px;border-radius:0px;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;z-index:99} @media(max-width:768px){ .zhbg .box{width:80%;padding:15px} .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px} } .in-banner .small-nav{position:static} .small-nav{width:100%;position:absolute;top:35px;left:0;right:0;display:flex;justify-content:center} .small-nav ul{display:flex;align-items:center;flex-wrap:wrap;position:relative;max-width:1400px;width:100%} .small-nav ul a{font-size:18px;line-height:24px;color:#ffffff;font-weight:400} .small-nav ul li::before{content:"-";font-family:'Poppins';line-height:24px;font-size:14px;font-weight:300;padding:0 5px;color:#ffffff;position:static} .small-nav ul li:first-child::before{display:none} .small-nav ul li{display:flex;align-items:center;padding-left:0} @media(max-width:768px){ .small-nav{position:static;top:auto;padding-top:5px} .small-nav ul a{font-size:14px;line-height:26px} } .a-lb:focus,.a-lb-1:focus{outline:none;box-shadow:none} .all-a:hover{background-color:#ffffff;color:var(--public-color) !important} .all-a:hover img{filter:none} .all-a{width:260px;height:42px;font-size:16px;line-height:24px;background-color:var(--public-color);border:1px solid var(--public-color);color:#ffffff;display:inline-flex;align-items:center;justify-content:space-between;gap:15px;padding:0 15px 0 20px} .all-a span{display:inline-flex;gap:15px} .all-a img{filter:brightness(0) invert(1);transition:all .3s ease-in-out} .a-lb,.a-lb-1{font-size:16px;line-height:24px;color:#fff;border-radius:22px;font-weight:500;height:45px;padding:0 40px;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:0.3s ease all;z-index:1;cursor:pointer;border:2px solid;background-color:transparent} .a-lb{background-color:var(--public-color);border-color:var(--public-color)} .a-lb-1{background-color:#ffffff;border-color:var(--public-color);color:var(--public-color)} .a-lb::before,.a-lb-1::before{content:'';transition:0.5s all ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;border-radius:22px;background-color:#fff;z-index:-1} .a-lb:focus img,.a-lb-1:focus img{filter:none !important} .a-lb span{letter-spacing:-3px;margin-left:10px;font-weight:500} .a-lb-1::before{background-color:var(--public-color)} .a-lb:hover::before,.a-lb:focus::before,.a-lb-1:hover::before,.a-lb-1:focus::before{left:0;right:0;opacity:1} .a-lb:hover,.a-lb:focus{color:var(--public-color) !important} .a-lb-1:hover,.a-lb-1:focus{color:var(--public-color) !important} .text,.cont{letter-spacing:-.4px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .title{font-size:42px;line-height:56px;color:var(--public-color);font-weight:500;letter-spacing:-2px} .title.title-c{text-align:center} .title-36{font-size:36px;line-height:48px;color:var(--public-color);font-weight:500;letter-spacing:-2px} .title-48{font-size:48px;line-height:56px;color:var(--public-color);font-weight:500;letter-spacing:-3px} .title-48.title-c{text-align:center;margin:auto} .title-56{font-size:56px;line-height:56px;color:var(--public-color);font-weight:500;letter-spacing:-3px} .title-56.title-c{text-align:center;margin:auto} h1{font-size:42px;line-height:56px;font-weight:bold;color:#000000} .t1{color:#333} .h6,h6{font-size:20px;line-height:24px;color:var(--public-color);font-weight:500} .ul li{position:relative;padding-left:35px;margin-bottom:0px} .ul li::before{content:'\f00c';font-family:'cmsfont';font-size:18px;line-height:26px;font-weight:600;position:absolute;left:0;top:0px;color:var(--public-color)} .top-head{text-align:center;margin-left:auto;margin-bottom:auto} .top-head-c{text-align:center;margin:auto} .img img.block{display:block;animation:bounceIn 1s} .img img.red{display:none;animation:bounceIn 1s} .line-left,.line-right{position:relative} .line-left::before{content:"";width:1px;height:100%;border-left:2px dashed var(--public-color);position:absolute;left:-40px;top:0;opacity:.7} .line-right::before{content:"";width:1px;height:100%;border-right:2px dashed var(--public-color);position:absolute;right:-40px;top:0;opacity:.7} span.b{color:var(--public-color)} hr{background-color:var(--public-color);border-top:1px solid var(--public-color)} .all-row{display:flex;justify-content:space-between} @media(max-width:1200px){ .title{font-size:30px;line-height:42px} } @media(max-width:768px){ .title{font-size:22px;line-height:32px} .title-56{letter-spacing:-1px} .h6,h6{font-size:16px;line-height:24px} .a-lh,.a-lh-1{width:auto;height:auto;padding:0 25px;font-size:16px;line-height:24px} } .title-img::before{content:url(../../images/sign-1.webp);display:block} .title-img-white::before{filter:brightness(0) invert(1)} .all-back-right{position:relative} .all-back-right::after{content:"";width:32%;height:560px;background:url(../../images/home-back-1.webp) no-repeat;background-size:100% auto;position:absolute;right:0;z-index:-1} .all-back-left::after{content:"";width:32%;height:560px;background:url(../../images/home-back-2.webp) no-repeat;background-size:100% auto;position:absolute;left:0;z-index:-1} .all-style{position:relative} .all-swiper{overflow:hidden} .all-pag{width:100%;display:flex;justify-content:center;align-items:center;gap:20px} .all-pag span{width:23px;height:23px;background-color:#e4e4e4} .all-pag span.swiper-pagination-bullet-active{width:11px;height:11px;background-color:var(--public-color)} .all-hover{width:auto;height:auto;transition:all .3s ease-in-out;z-index:2;margin-top:-20px} .all-hover:hover::after{color:var(--public-color)} .all-hover::after{font-family:'cmsfont';font-weight:200;color:#cccccc;font-size:26px;transition:color .3s ease-in-out} .all-hover-next{right:-50px} .all-hover-prev{left:-50px} .all-hover-next::after{content:'\f054'} .all-hover-prev::after{content:'\f053'} .all-hover-1:hover::after{color:var(--public-color)} .all-hover-1::after{color:var(--public-color);font-size:34px;font-weight:bold;font-family:'cmsfont';transition:all .3s ease-in-out} .all-hover-next-1{right:-50px} .all-hover-prev-1{left:-50px} .all-hover-next-1::after{content:"\f054"} .all-hover-prev-1::after{content:"\f053"} @media(max-width:1530px){ .all-hover-next{right:-30px} .all-hover-prev{left:-30px} .all-hover-next-1{right:-30px} .all-hover-prev-1{left:-30px} } @media(max-width:768px){ .all-pag{gap:10px} } .tag{margin-bottom:30px;font-size:17px;line-height:30px} .tag span{color:var(--public-color)} .tag i{color:var(--public-color)} .tag a{font-size:17px;line-height:30px;color:#333} .tag a:hover{text-decoration:underline;color:var(--public-color)} .tag a:after{content:",";display:inline-block;margin-left:3px;margin-right:4px} .tag a:last-child:after{display:none} @media(max-width:768px){ .tag{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:4;-webkit-box-orient:vertical} } .banner-home{position:relative} .banner-home .slide-banner{position:relative} .banner-home .slide-banner-xl{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center} .banner-home .content{width:730px;min-width:730px} .banner-home .h6{color:#ffffff} .banner-home .h1{font-size:56px;line-height:72px;font-weight:bold;letter-spacing:-3px;color:#ffffff;margin-bottom:15px} .banner-home .a-lb-1{margin-top:50px} .banner-home .a-lb-1:hover{color:#ffffff !important} .banner-pag-home{position:absolute;left:0;bottom:40px;width:100%;height:auto;z-index:1} .banner-pag-home .pag-home{position:static;display:flex;gap:20px} .banner-pag-home .pag-home .swiper-pagination-bullet{width:200px;height:auto;background-color:transparent;font-size:20px;line-height:24px;font-weight:300;color:#ffffff;border-top:1px solid #ffffff;border-radius:0;padding-top:20px;text-align:left} .banner-pag-home .pag-home .swiper-pagination-bullet.hidden-pag-first{display:none} @media(max-width:1500px){ .banner-home .content{width:620px;min-width:0;max-width:55%} .banner-home .h1{font-size:48px;line-height:62px} } @media(max-width:1200px){ .banner-home .content{width:520px;max-width:62%} .banner-home .h1{font-size:38px;line-height:48px;letter-spacing:-2px} .banner-home .a-lb-1{margin-top:35px} .banner-pag-home .pag-home .swiper-pagination-bullet{width:150px;font-size:16px;line-height:22px;padding-top:15px} } @media(max-width:1000px){ .banner-home .content{max-width:72%} .banner-home .h1{font-size:32px;line-height:40px} .banner-pag-home .pag-home .swiper-pagination-bullet{width:120px;font-size:14px} } @media(max-width:899px){ .banner-home .content{width:100%;min-width:0;max-width:100%;padding:45px 0} .banner-home .h1{font-size:32px;line-height:40px} .banner-home .a-lb-1{width:280px;background-color:transparent;color:#ffffff;border-color:#ffffff;margin-top:30px;font-size:18px;line-height:26px} .banner-home .a-lb-1::before{background-color:#ffffff} .banner-home .slide-banner{position:relative;min-height:360px;height:360px} .banner-home .slide-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .banner-home .slide-banner-xl{position:absolute;inset:0;display:flex;align-items:center;height:100%;z-index:1;background:none !important} .banner-pag-home{position:static;padding:20px 0 30px;background-color:var(--public-color)} .banner-pag-home .pag-home{flex-wrap:wrap;gap:10px 15px} .banner-pag-home .pag-home .swiper-pagination-bullet{width:auto;flex:1 1 calc(50% - 10px);min-width:120px;font-size:13px;line-height:20px;padding-top:12px} } @media(max-width:768px){ .banner-home .slide-banner{min-height:280px;height:280px} .banner-home .slide-banner-xl .container-xl{padding:0 15px} .banner-home .content{padding:20px 0 30px} .banner-home .h1{font-size:22px;line-height:32px;letter-spacing:-1px} .banner-home .h6{font-size:16px;line-height:24px;margin-bottom:8px} .banner-home .a-lb-1{width:100%;max-width:260px;height:50px;margin-top:25px} .banner-pag-home{padding:15px 0 25px} .banner-pag-home .pag-home .swiper-pagination-bullet{flex:1 1 100%;min-width:0} } .all-banner{position:relative;display:flex;align-items:center;max-width:1920px;margin:0 auto} .all-banner-xl{display:flex;align-items:center} .all-banner .content{padding:60px 0} .all-banner .h6{color:#ffffff;margin-bottom:10px;font-size:18px;line-height:26px} .all-banner h1{font-size:56px;line-height:72px;color:#ffffff} .all-banner .text{color:#ffffff;margin-top:20px;max-width:700px} .all-banner .a-lb-1{width:280px;background-color:transparent;color:#ffffff;border-color:#ffffff;margin-top:45px;font-size:18px;line-height:26px} .all-banner .a-lb-1::before{background-color:#ffffff} @media(max-width:1200px){ .all-banner h1{font-size:42px;line-height:54px} .all-banner .content{padding:45px 0} } @media(max-width:899px){ .all-banner{height:auto !important;min-height:360px;background-size:cover !important} .all-banner h1{font-size:32px;line-height:40px} .all-banner .text{max-width:100%} .all-banner .a-lb-1{margin-top:30px} } @media(max-width:768px){ .all-banner{min-height:280px} .all-banner .container-xl{padding:0 15px} .all-banner .small-nav{position:static;top:auto;padding-top:5px;margin-bottom:10px} .all-banner .small-nav ul a{font-size:14px;line-height:26px} .all-banner .content{padding:20px 0 30px} .all-banner h1,.all-banner .title-48{font-size:22px;line-height:32px} .all-banner .h6{font-size:16px;line-height:24px;margin-bottom:8px} .all-banner .text{font-size:14px;line-height:22px;margin-top:12px} .all-banner .a-lb-1{width:100%;max-width:260px;height:50px;margin-top:25px} } footer{background:url(../../images/footer-back.webp) no-repeat;background-size:100% 100%;color:#ffffff;padding:80px 0 0} footer .footer-logo{padding-bottom:55px} footer .top{padding:55px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)} footer .top .content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:45px 30px} footer .t1{font-size:20px;line-height:32px;color:#ffffff;font-weight:bold;margin-bottom:35px} footer .box{display:flex;flex-direction:column;gap:10px 0} footer .font-sty-box{display:flex;flex-wrap:wrap;gap:0 20px;justify-content:flex-start} footer .all-font-sty .font-sty{position:relative;padding-right:20px} footer .all-font-sty .font-sty::before{content:url(../../images/footer-sign.webp);position:absolute;right:0;top:-2px} footer .font-sty{font-size:16px;line-height:28px;color:#ffffff;letter-spacing:-.6px} footer a.font-sty:hover{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px;color:#ffffff !important} footer .list-1{width:53%;min-width:300px} footer .list-1 .h3{font-size:20px;line-height:29;font-weight:500;display:flex;align-items:flex-end;gap:15px;margin-bottom:30px} footer .list-1 .d{display:grid;grid-template-columns:35px auto;gap:20px} footer .list-1 .d .icon{line-height:24px;display:inline-block;text-align:center} footer .list-2{width:20%} footer .list-3{width:20%;min-width:200px} footer .bottom{display:flex;align-items:center} footer .bottom .content{display:flex;justify-content:space-between;padding:30px 0 10px} footer .bottom .copy{font-size:16px;line-height:25px;color:#ffffff;font-weight:300;letter-spacing:-.6px} footer .all-social,footer .social-all{width:50%;display:flex;flex-wrap:wrap;gap:8px} footer .hover-1,footer .hover-2{background-color:transparent !important;border:1px solid rgba(255,255,255,.2);color:#ffffff !important;width:40px;height:40px;font-size:12px !important;display:inline-flex;justify-content:center;align-items:center;border-radius:100%;margin:0 !important;font-weight:300} footer .hover-1::before,footer .hover-2::before{font-size:12px;width:inherit} footer .hover-1:hover,footer .hover-2:hover{background-color:#ffffff !important;color:#333333 !important} @media(max-width:1200px){ footer .list-2{width:auto} footer{background:#333333} } @media(max-width:1000px){ footer .top .content{flex-direction:column;gap:35px} footer .list-1,footer .list-2,footer .list-3{width:100%;min-width:0} } @media(max-width:768px){ footer{padding:30px 0 0;background:#333333} footer .container-xl{padding:0 15px} footer .footer-logo{padding-bottom:25px} footer .footer-logo img{max-width:160px;height:auto} footer .top{padding:30px 0} footer .top .content{flex-direction:column;gap:30px} footer .t1{font-size:16px;line-height:24px;margin-bottom:18px;letter-spacing:0} footer .box{gap:10px} footer .list-2.box{gap:6px} footer .list-1 .d{grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:flex-start} footer .list-1 .d .icon img{max-width:24px} footer .list-1 .font-sty-box{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:6px;min-width:0;width:100%} footer .list-1 .font-sty-box p{margin:0} footer .font-sty{font-size:14px;line-height:22px;word-break:break-word;overflow-wrap:break-word} footer .all-font-sty .font-sty{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 14px 7px 0;border-bottom:1px solid rgba(255,255,255,.12)} footer .all-font-sty .font-sty::before{right:0;top:50%;transform:translateY(-50%)} footer .all-font-sty .font-sty:last-child{border-bottom:none} footer .bottom .content{flex-direction:column;align-items:flex-start;gap:18px;padding:25px 0 25px} footer .bottom .copy{font-size:12px;line-height:18px} footer .all-social,footer .social-all{width:100%} } @media(max-width:540px){ footer .list-1 .d{grid-template-columns:22px minmax(0,1fr);gap:10px} footer .font-sty{font-size:13px;line-height:20px} footer .all-font-sty .font-sty{padding:6px 0} } .all-nav{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 55px;margin:0 0 55px;padding:0;list-style:none;border-bottom:3px solid var(--public-color)} .all-nav li{padding:0;margin:0} .all-nav li a{background-color:transparent !important;color:#999999 !important;height:auto;min-height:52px;padding:0 0 16px;font-size:20px;line-height:28px;font-weight:500;border-radius:0;gap:8px;position:relative} .all-nav li a::before{display:none !important} .all-nav li.active a,.all-nav li:hover a{color:var(--public-color) !important;background-color:transparent !important} .all-nav li a .icon{font-size:26px;line-height:1;font-weight:400} @media (min-width:1200px) and (max-width:1430px){ .all-nav{gap:0 40px;margin-bottom:45px} .all-nav li a{font-size:18px;line-height:26px;padding-bottom:14px} } span.arrow{font-family:'Poppins';font-weight:500;margin-left:5px} @media(max-width:768px){ .reveal-modal#mb-share{left:10%;margin-left:-5%;width:90%} } .grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr);gap:var(--bs-gap,1.5rem)} .grid .g-col-1{grid-column:auto/span 1} .grid .g-col-2{grid-column:auto/span 2} .grid .g-col-3{grid-column:auto/span 3} .grid .g-col-4{grid-column:auto/span 4} .grid .g-col-5{grid-column:auto/span 5} .grid .g-col-6{grid-column:auto/span 6} .grid .g-col-7{grid-column:auto/span 7} .grid .g-col-8{grid-column:auto/span 8} .grid .g-col-9{grid-column:auto/span 9} .grid .g-col-10{grid-column:auto/span 10} .grid .g-col-11{grid-column:auto/span 11} .grid .g-col-12{grid-column:auto/span 12} .grid .g-start-1{grid-column-start:1} .grid .g-start-2{grid-column-start:2} .grid .g-start-3{grid-column-start:3} .grid .g-start-4{grid-column-start:4} .grid .g-start-5{grid-column-start:5} .grid .g-start-6{grid-column-start:6} .grid .g-start-7{grid-column-start:7} .grid .g-start-8{grid-column-start:8} .grid .g-start-9{grid-column-start:9} .grid .g-start-10{grid-column-start:10} .grid .g-start-11{grid-column-start:11} @media (min-width:576px){ .grid .g-col-sm-1{grid-column:auto/span 1} .grid .g-col-sm-2{grid-column:auto/span 2} .grid .g-col-sm-3{grid-column:auto/span 3} .grid .g-col-sm-4{grid-column:auto/span 4} .grid .g-col-sm-5{grid-column:auto/span 5} .grid .g-col-sm-6{grid-column:auto/span 6} .grid .g-col-sm-7{grid-column:auto/span 7} .grid .g-col-sm-8{grid-column:auto/span 8} .grid .g-col-sm-9{grid-column:auto/span 9} .grid .g-col-sm-10{grid-column:auto/span 10} .grid .g-col-sm-11{grid-column:auto/span 11} .grid .g-col-sm-12{grid-column:auto/span 12} .grid .g-start-sm-1{grid-column-start:1} .grid .g-start-sm-2{grid-column-start:2} .grid .g-start-sm-3{grid-column-start:3} .grid .g-start-sm-4{grid-column-start:4} .grid .g-start-sm-5{grid-column-start:5} .grid .g-start-sm-6{grid-column-start:6} .grid .g-start-sm-7{grid-column-start:7} .grid .g-start-sm-8{grid-column-start:8} .grid .g-start-sm-9{grid-column-start:9} .grid .g-start-sm-10{grid-column-start:10} .grid .g-start-sm-11{grid-column-start:11} } @media (min-width:768px){ .grid .g-col-md-1{grid-column:auto/span 1} .grid .g-col-md-2{grid-column:auto/span 2} .grid .g-col-md-3{grid-column:auto/span 3} .grid .g-col-md-4{grid-column:auto/span 4} .grid .g-col-md-5{grid-column:auto/span 5} .grid .g-col-md-6{grid-column:auto/span 6} .grid .g-col-md-7{grid-column:auto/span 7} .grid .g-col-md-8{grid-column:auto/span 8} .grid .g-col-md-9{grid-column:auto/span 9} .grid .g-col-md-10{grid-column:auto/span 10} .grid .g-col-md-11{grid-column:auto/span 11} .grid .g-col-md-12{grid-column:auto/span 12} .grid .g-start-md-1{grid-column-start:1} .grid .g-start-md-2{grid-column-start:2} .grid .g-start-md-3{grid-column-start:3} .grid .g-start-md-4{grid-column-start:4} .grid .g-start-md-5{grid-column-start:5} .grid .g-start-md-6{grid-column-start:6} .grid .g-start-md-7{grid-column-start:7} .grid .g-start-md-8{grid-column-start:8} .grid .g-start-md-9{grid-column-start:9} .grid .g-start-md-10{grid-column-start:10} .grid .g-start-md-11{grid-column-start:11} } @media (min-width:992px){ .grid .g-col-lg-1{grid-column:auto/span 1} .grid .g-col-lg-2{grid-column:auto/span 2} .grid .g-col-lg-3{grid-column:auto/span 3} .grid .g-col-lg-4{grid-column:auto/span 4} .grid .g-col-lg-5{grid-column:auto/span 5} .grid .g-col-lg-6{grid-column:auto/span 6} .grid .g-col-lg-7{grid-column:auto/span 7} .grid .g-col-lg-8{grid-column:auto/span 8} .grid .g-col-lg-9{grid-column:auto/span 9} .grid .g-col-lg-10{grid-column:auto/span 10} .grid .g-col-lg-11{grid-column:auto/span 11} .grid .g-col-lg-12{grid-column:auto/span 12} .grid .g-start-lg-1{grid-column-start:1} .grid .g-start-lg-2{grid-column-start:2} .grid .g-start-lg-3{grid-column-start:3} .grid .g-start-lg-4{grid-column-start:4} .grid .g-start-lg-5{grid-column-start:5} .grid .g-start-lg-6{grid-column-start:6} .grid .g-start-lg-7{grid-column-start:7} .grid .g-start-lg-8{grid-column-start:8} .grid .g-start-lg-9{grid-column-start:9} .grid .g-start-lg-10{grid-column-start:10} .grid .g-start-lg-11{grid-column-start:11} } @media (min-width:1200px){ .grid .g-col-xl-1{grid-column:auto/span 1} .grid .g-col-xl-2{grid-column:auto/span 2} .grid .g-col-xl-3{grid-column:auto/span 3} .grid .g-col-xl-4{grid-column:auto/span 4} .grid .g-col-xl-5{grid-column:auto/span 5} .grid .g-col-xl-6{grid-column:auto/span 6} .grid .g-col-xl-7{grid-column:auto/span 7} .grid .g-col-xl-8{grid-column:auto/span 8} .grid .g-col-xl-9{grid-column:auto/span 9} .grid .g-col-xl-10{grid-column:auto/span 10} .grid .g-col-xl-11{grid-column:auto/span 11} .grid .g-col-xl-12{grid-column:auto/span 12} .grid .g-start-xl-1{grid-column-start:1} .grid .g-start-xl-2{grid-column-start:2} .grid .g-start-xl-3{grid-column-start:3} .grid .g-start-xl-4{grid-column-start:4} .grid .g-start-xl-5{grid-column-start:5} .grid .g-start-xl-6{grid-column-start:6} .grid .g-start-xl-7{grid-column-start:7} .grid .g-start-xl-8{grid-column-start:8} .grid .g-start-xl-9{grid-column-start:9} .grid .g-start-xl-10{grid-column-start:10} .grid .g-start-xl-11{grid-column-start:11} } @media (min-width:1400px){ .grid .g-col-xxl-1{grid-column:auto/span 1} .grid .g-col-xxl-2{grid-column:auto/span 2} .grid .g-col-xxl-3{grid-column:auto/span 3} .grid .g-col-xxl-4{grid-column:auto/span 4} .grid .g-col-xxl-5{grid-column:auto/span 5} .grid .g-col-xxl-6{grid-column:auto/span 6} .grid .g-col-xxl-7{grid-column:auto/span 7} .grid .g-col-xxl-8{grid-column:auto/span 8} .grid .g-col-xxl-9{grid-column:auto/span 9} .grid .g-col-xxl-10{grid-column:auto/span 10} .grid .g-col-xxl-11{grid-column:auto/span 11} .grid .g-col-xxl-12{grid-column:auto/span 12} .grid .g-start-xxl-1{grid-column-start:1} .grid .g-start-xxl-2{grid-column-start:2} .grid .g-start-xxl-3{grid-column-start:3} .grid .g-start-xxl-4{grid-column-start:4} .grid .g-start-xxl-5{grid-column-start:5} .grid .g-start-xxl-6{grid-column-start:6} .grid .g-start-xxl-7{grid-column-start:7} .grid .g-start-xxl-8{grid-column-start:8} .grid .g-start-xxl-9{grid-column-start:9} .grid .g-start-xxl-10{grid-column-start:10} .grid .g-start-xxl-11{grid-column-start:11} } @media(max-width:768px){ .grid{gap:var(--bs-gap,0.5rem)} } .all-big-faq{padding:180px 0 120px;background-color:#ffffff} .all-big-faq .content{display:flex;justify-content:space-between;gap:60px} .all-big-faq .aside{width:32%;flex-shrink:0;position:sticky;top:120px;height:fit-content} .all-big-faq .title-56{color:#333333;margin-bottom:40px} .all-big-faq-cta{background:var(--public-color) url(../../images/p-l-2.webp) no-repeat center center;background-size:cover;border-radius:12px;padding:45px 35px;text-align:center} .all-big-faq-cta .text{font-size:18px;line-height:28px;color:#ffffff;margin-bottom:30px} .all-big-faq-cta .a-lb-1{width:100%;max-width:230px;height:44px;background-color:transparent;color:#ffffff;border:2px solid #ffffff;font-size:16px;line-height:24px;font-weight:500;padding:0 25px;transition:all .3s ease-in-out} .all-big-faq-cta .a-lb-1::before{background-color:#ffffff;border-radius:35px} .all-big-faq-cta .a-lb-1:hover{color:var(--public-color) !important} .all-aside .form-row{margin:0 -5px 15px !important} .all-aside .form-group{padding:0 5px !important} .all-aside .form-group .form-control{padding-left:20px} .all-aside .all-from .form-group:has(input[required])::before,.all-aside .all-from .form-group:has(textarea[required])::before{left:5px} .all-aside .all-from .form-row.form-btn-box{gap:30px} .all-aside .a-lh{border-radius:8px;font-size:20px;font-weight:400;height:56px} .all-big-faq .article{width:56%} .all-big-faq .all-faqs{border-top:2px solid var(--public-color)} .all-faqs .items.active{position:relative} .all-faqs .items.active::after{content:"";width:100%;height:100%;background-color:#ffffff;box-shadow:4px 9px 73px 0px rgba(0,0,0,0.05);border-radius:8px;position:absolute;right:0;top:0;z-index:-1} .all-faqs .items.active::after,.all-faqs .items.show:after{background-color:transparent} .all-faqs .quen-a p img{margin-right:30px} .all-faqs .quen-a p img:last-child{margin-right:0} .all-faqs .items:last-child{margin-bottom:0} .all-faqs .items{cursor:default;position:relative;border-bottom:2px solid var(--public-color);padding:25px 0} .all-faqs .quen-q{display:flex;justify-content:space-between;gap:30px;font-size:22px;line-height:32px;color:var(--public-color);letter-spacing:-1px} .all-faqs .quen-a{font-size:18px;line-height:28px;color:#666666;position:relative;margin-top:10px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .all-faqs .quen-a p{margin-bottom:10px} .all-faqs .quen-a p:last-child{margin-bottom:0} .all-faqs .icon{font-size:30px;font-weight:300} .all-faqs .minus{display:none} .all-faqs .plus{display:inline-block} .all-faqs .items.active .minus{display:inline-block} .all-faqs .items.active .plus{display:none} @media (min-width:1200px) and (max-width:1430px){ .all-big-faq{padding:80px 0 100px} .all-big-faq .content{gap:40px} .all-big-faq .aside{width:40%} .all-big-faq .title{font-size:36px;line-height:48px;margin-bottom:30px} .all-big-faq-cta{padding:35px 28px} .all-big-faq-cta .text{font-size:16px;line-height:26px;margin-bottom:25px} .all-big-faq-cta .a-lb-1{max-width:240px;height:42px;font-size:15px} .all-big-faq .article{width:55%} .all-big-faq .all-faqs .items{padding:20px 0} .all-big-faq .all-faqs .quen-q{font-size:20px;line-height:28px} .all-big-faq .all-faqs .quen-a{font-size:16px;line-height:26px} } @media(max-width:1340px){ .all-faqs .items{padding-right:45px} .all-aside .box-1{margin-bottom:35px} .all-aside .box-1 .h3{font-size:30px;line-height:32px;margin-bottom:20px} .all-aside .box-1 .cont p{font-size:17px;padding-left:30px} } @media(max-width:1260px){ .all-big-faq .aside{padding:45px 20px 30px 20px} .all-aside .box-1 .h3{font-size:28px} .all-faqs .items{padding:30px 25px 30px} } @media(max-width:1050px){ .all-big-faq .aside{min-width:300px} .all-aside .box-1 .h3{font-size:26px} .all-faqs .items::after{width:calc(100% - 20px)} .all-aside .form-row{gap:15px} .all-aside .col-md-6.form-group{max-width:100%;flex:0 0 100%} } @media(max-width:900px){ .all-big-faq .content{flex-direction:column;gap:25px} .all-big-faq .article{width:100%} .all-big-faq .aside{width:100%;position:static;top:auto;height:auto} } @media(max-width:768px){ .all-big-faq{padding:30px 0} .all-big-faq .title-56{font-size:22px;line-height:32px;margin-bottom:25px} .all-big-faq .aside{min-width:auto;padding:0 0 25px} .all-aside .box-1{margin-bottom:25px} .all-aside .box-1 .h3{font-size:24px} .all-aside .box-1 .cont p{font-size:16px;line-height:24px;margin-bottom:10px;padding-left:25px} .all-aside .box-1 .cont p::before{content:"";background:url(../../images/sign-2.webp) no-repeat;background-size:100% auto;width:16px;height:16px;top:4px} .all-faqs .items{padding:20px 5px} .all-faqs .quen-q{line-height:26px} .all-faqs .quen-a{font-size:14px;line-height:24px} } @media(max-width:540px){ .all-aside .box-1 .h3{font-size:22px;line-height:32px} .all-faqs .quen-a{margin-top:15px} } @media(max-width:430px){ .all-faqs .quen-q{font-size:16px;line-height:24px} } .all-support{position:relative} .all-support-xl{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center} .all-support .content{display:flex;align-items:center;justify-content:space-between} .all-support .left{width:46%} .all-support .right{width:50%;background-color:#ffffff;box-shadow:0px 80px 80px 0px rgba(30,33,136,0.1);border-radius:10px;padding:55px 50px 40px} .all-support .title-56{color:#ffffff;margin-bottom:35px} .all-support .text{color:#ffffff;letter-spacing:0} .all-support ul,.all-support ol{margin-top:30px} .all-support li:last-child{margin-bottom:0} .all-support li{font-size:18px;line-height:32px;color:#ffffff;position:relative;padding-left:30px;margin-bottom:10px} .all-support ul li::before{content:"\f00c";font-family:'cmsfont';color:#ffffff;position:absolute;left:0;top:0} .all-support ol li::before{content:url(../../images/sign-8.webp);position:absolute;left:0;top:0} .all-support .form-row{margin:10px -5px !important} .all-support .form-group{padding:0 5px !important} .all-from .form-control{background-color:#f3f3f3;border:none;border-radius:4px;padding-left:20px} .all-from .form-control::placeholder{font-size:18px;line-height:26px;color:#999999;letter-spacing:-1px !important} .all-from .form-cap{margin-bottom:30px !important} .all-from .form-cap .input-group{border:0;border-radius:4px} .all-from .form-cap .form-group .form-control:focus{border:0;outline:none;box-shadow:none} .all-from .a-lb{width:100%;height:45px;min-width:200px} .home-news .all-news .box{padding-top:60px} .all-news{padding:120px 0} .all-news .title-56{font-size:56px;color:#333333;margin-bottom:80px} .all-news .swiper-slide{height:auto;padding-bottom:10px} .all-news .list:hover:after{opacity:1} .all-news .list::after{content:"";width:100%;height:100%;background-color:var(--public-color);position:absolute;left:0;bottom:-8px;z-index:-2;border-radius:10px;opacity:0;transition:all .3s ease-in-out} .all-news .list{height:100%;border-radius:15px 15px 10px 10px;position:relative} .all-news .list::before{content:"";width:100%;height:100%;background-color:#ffffff;border:solid 2px #dddddd;position:absolute;left:0;top:0;z-index:-1;border-radius:10px} .all-news .img,.all-news .img img{border-radius:15px} .all-news .box{padding:50px 40px} .all-news .t1{font-size:24px;line-height:32px;color:#333333;letter-spacing:-1px;margin-bottom:15px} .all-news .cont{color:#666666;margin-bottom:50px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical} .all-news .time{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:2px} .all-help{position:relative} .all-help-xl{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;color:#ffffff} .all-help .content{display:flex;justify-content:space-between} .all-help .left{width:45%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:25px} .all-help .right{width:39%} .all-help .title{color:#ffffff} .all-help .a-lb{width:260px} .all-help .h3{font-size:36px;line-height:48px;margin-bottom:30px;letter-spacing:-3px} .all-help ul{padding-top:35px;border-top:1px solid #ffffff} .all-help li{font-size:18px;line-height:36px;position:relative;padding-left:35px} .all-help li::before{content:"\f00c";font-family:'cmsfont';color:#ffffff;position:absolute;left:0;top:0} @media(max-width:899px){ .all-support-xl{position:static;height:auto;padding:60px 0} .all-support .content{flex-direction:column;align-items:stretch;gap:25px} .all-support .left,.all-support .right{width:100%;min-width:0;max-width:100%} .all-support .right{padding:35px 25px 30px} .all-help-xl{position:static;height:auto;padding:50px 0} .all-help .content{flex-direction:column;gap:25px} .all-help .left,.all-help .right{width:100%;min-width:0;max-width:100%} } @media(max-width:768px){ .all-support .title-56{font-size:22px;line-height:32px;margin-bottom:20px} .all-support li{font-size:16px;line-height:28px;padding-left:25px} .all-support .right{padding:25px 20px} .all-from .form-control{font-size:16px;padding:12px 15px 12px 20px} .all-news{padding:30px 0} .all-news .title-56{font-size:22px;line-height:32px;margin-bottom:25px} .all-news .box{padding:25px 20px} .all-news .t1{font-size:18px;line-height:26px} .all-news .cont{margin-bottom:25px} .all-help .title{font-size:22px;line-height:32px} .all-help .h3{font-size:22px;line-height:30px;margin-bottom:20px} .all-help li{font-size:16px;line-height:28px;padding-left:28px} .all-help .a-lb{width:100%;max-width:260px} } @media(max-width:540px){ .all-news .t1{font-size:16px;line-height:24px} } .home-talk{position:relative} .home-talk-xl{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;padding:135px 0 100px} .home-talk .content{position:relative;max-width:75%} .home-talk .title{margin-bottom:20px} .home-talk .text{font-size:24px;line-height:38px;color:#333333;letter-spacing:-.4px;margin-bottom:45px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .home-solution{padding:135px 0 0;position:relative} .home-solution .title-48::after{content:"";width:100px;height:4px;background-color:var(--public-color);margin:15px auto 0;display:block} .home-solution .all-solutions{margin-top:100px} .home-product{padding:120px 0 105px} .home-product .top-head{margin-bottom:70px} .home-product .h6{margin-bottom:15px} .home-product .title-56{color:#333333;margin-bottom:10px} .home-product .grid{gap:20px} .home-product .list.active::after{opacity:1;box-shadow:0px 6px 0px 0px #1e2188} .home-product .list::after{content:"";width:100%;height:100%;background-color:var(--public-color);border-radius:10px;position:absolute;bottom:-6px;left:0;z-index:-1;opacity:0;transition:all .3s ease-in-out} .home-product .list{min-height:600px;background:#ffffff url(../../images/h-p-back.webp) no-repeat center bottom;background-size:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0px 20px 60px 0px rgba(17,18,58,0.2);border-radius:10px;padding:40px 60px;position:relative;transition:all .3s ease-in-out} .home-product .img{width:100%;height:100%;object-fit:cover;margin-bottom:55px} .home-product .img img{mix-blend-mode:multiply} .home-product .box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center} .home-product .t1{font-size:32px;line-height:42px;color:#333333;letter-spacing:-2px;margin-bottom:20px} .home-product .cont{color:#666666} .home-product .t1:hover{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:5px;text-decoration-thickness:2px} .home-product .a{display:flex;justify-content:center;margin-top:60px} .home-product .a a{width:260px} .home-product .a a:hover{color:#ffffff !important} .all-contact{position:relative} .all-contact-xl{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center} .all-contact .content{display:flex;justify-content:space-between;align-items:center} .all-contact .left{width:65%} .all-contact .title-56,.all-contact .title{color:#ffffff;margin-bottom:30px} .all-contact .text{font-size:22px;line-height:28px;color:#ffffff} .all-contact .a-lb-1{width:280px;height:70px;border-radius:35px;border:solid 1px #ffffff;background-color:transparent;color:#ffffff;font-size:18px;line-height:26px} .all-contact .a-lb-1::before{border-radius:35px;background-color:#ffffff} .all-contact .a-lb-1:hover,.all-contact .a-lb-1:focus{color:var(--public-color) !important} .home-about{margin-top:145px} .home-about-xl .content{display:flex;justify-content:space-between;align-items:center} .home-about-xl .left{width:45%;padding:15px 0} .home-about-xl .h6{margin-bottom:10px} .home-about-xl .title-48{color:#333333;margin-bottom:45px} .home-about-xl .text{color:#666666;margin-bottom:40px} .home-about-xl a{width:290px} .home-about-xl .right{width:50%} .home-about-xl .right,.home-about-xl .right img{border-radius:10px} .home-journey{margin-top:10px} .home-journey .h2{font-size:30px;line-height:42px;letter-spacing:-1px;color:var(--public-color);display:flex;align-items:center;gap:20px;margin-bottom:45px} .home-journey .content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .8fr} .home-journey .list{min-height:200px;clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%,15% 50%);background-color:#f8f8f8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:0 2vw 0 3vw} .home-journey .list:not(:first-child){margin-left:-35px} .home-journey .h5{font-size:18px;line-height:22px;color:var(--public-color)} .home-journey .list:last-child{background-color:var(--public-color);clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%,18% 50%)} .home-journey .list:last-child .img-xl{filter:brightness(0) invert(1)} .home-journey .list:last-child .h5{color:#ffffff} .home-journey .list:last-child:hover{background-color:rgba(30,33,136,.7)} .home-journey .list:last-child:hover .h5{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px} .home-advantage{margin:120px 0 150px} .home-advantage .h6{margin-bottom:15px} .home-advantage .title-48{color:#333333;margin-bottom:75px} .home-advantage .content{display:flex;justify-content:space-between;align-items:center;gap:30px} .home-advantage .left,.home-advantage .left > img{border-radius:0px 10px 10px 0px} .home-advantage .left{width:51%} .home-advantage .right{width:42%;border-top:2px solid var(--public-color)} .home-advantage .items{display:grid;grid-template-columns:50px auto;gap:40px;border-bottom:2px solid var(--public-color);padding:25px 0} .home-advantage .quen-q{font-size:26px;line-height:34px;color:var(--public-color);letter-spacing:-2px;display:flex;justify-content:space-between;gap:30px;padding-right:40px} .home-advantage .quen-q .symbol{font-size:28px;font-weight:400} .home-advantage .quen-q .plus{display:inline-block} .home-advantage .quen-q .minus{display:none} .home-advantage .items.active .quen-q .plus{display:none} .home-advantage .items.active .quen-q .minus{display:inline-block} .home-advantage .quen-a{color:#666666;margin-top:15px} .home-advantage .items.active{padding-bottom:60px} .home-industry{background-color:#f4f4f9;padding:120px 0} .all-industry .title-48{margin-bottom:50px} .all-industry .grid{gap:20px 30px} .all-industry .img-xl{height:125px;background-color:#ffffff;display:grid;place-items:center} @media (min-width:1200px) and (max-width:1430px){ .home-talk-xl{padding:100px 0 80px} .home-talk .text{font-size:20px;line-height:32px;margin-bottom:35px} .home-solution{padding:100px 0 0} .home-solution .all-solutions{margin-top:70px} .home-product{padding:90px 0 80px} .home-product .top-head{margin-bottom:50px} .home-product .list{min-height:520px;padding:35px 40px} .home-product .t1{font-size:26px;line-height:34px} .home-about{margin-top:100px} .home-about-xl .title-48{margin-bottom:35px} .home-advantage{margin:90px 0 110px} .home-advantage .title-48{margin-bottom:50px} .home-industry{padding:90px 0} .home-solution .title-48,.home-about-xl .title-48,.home-advantage .title-48,.all-industry .title-48{font-size:42px;line-height:50px} .home-product .title-56,.all-contact .title-56{font-size:48px;line-height:52px} } @media(max-width:1200px){ .home-talk-xl{padding:80px 0 60px} .home-solution{padding:80px 0 0} .home-solution .all-solutions{margin-top:60px} .home-product{padding:70px 0 60px} .home-product .top-head{margin-bottom:40px} .home-about{margin-top:80px} .home-advantage{margin:70px 0 90px} .home-industry{padding:70px 0} } @media(max-width:899px){ .home-talk-xl{position:static;height:auto;padding:50px 0;background-color:#ffffff} .home-talk .content{max-width:100%} .all-contact{min-height:360px;overflow:hidden} .all-contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .all-contact-xl{position:absolute;inset:0;display:flex;align-items:center;height:100%;z-index:1;padding:50px 0;background:none !important} .all-contact .content{flex-direction:column;align-items:flex-start;gap:25px} .all-contact .left{width:100%;min-width:0;max-width:100%} .all-contact .a-lb-1{width:100%;max-width:280px} .home-about-xl .content{flex-direction:column-reverse;gap:25px;align-items:stretch} .home-about-xl .left,.home-about-xl .right{width:100%;min-width:0;max-width:100%;padding:0} .home-advantage .content{flex-direction:column;gap:25px;align-items:stretch} .home-advantage .left,.home-advantage .right{width:100%;min-width:0;max-width:100%} .home-advantage .left,.home-advantage .left > img{border-radius:10px} .home-journey .content{grid-template-columns:repeat(3,1fr);gap:15px} .home-journey .list:not(:first-child){margin-left:0} .home-journey .list{clip-path:none;border-radius:10px;min-height:160px;padding:25px 15px} .home-journey .list:last-child{clip-path:none;border-radius:10px} } @media(max-width:768px){ .home-talk{padding:30px 0} .home-talk .text{font-size:16px;line-height:26px;margin-bottom:30px} .home-talk img{display:none} .home-solution{padding:30px 0 0} .home-solution .all-solutions{margin-top:30px} .home-solution .title-48{font-size:22px;line-height:32px} .home-product{padding:30px 0} .home-product .top-head{margin-bottom:25px} .home-product .title-56{font-size:22px;line-height:32px} .home-product .list{min-height:auto;padding:30px 20px} .home-product .img{margin-bottom:25px} .home-product .t1{font-size:18px;line-height:26px} .home-product .a{margin-top:30px} .all-contact .title-56{font-size:22px;line-height:32px;margin-bottom:20px} .all-contact .text{font-size:16px;line-height:24px} .all-contact{min-height:280px} .all-contact-xl .container-xl{padding:0 15px} .all-contact-xl{padding:30px 0} .home-about{margin-top:30px;padding-bottom:30px} .home-about-xl .title-48{font-size:22px;line-height:32px;margin-bottom:20px} .home-about-xl .text{margin-bottom:25px} .home-about-xl a{width:100%;max-width:290px} .home-journey .h2{font-size:22px;line-height:32px;margin-bottom:25px;gap:12px} .home-journey .content{grid-template-columns:repeat(2,1fr);gap:12px} .home-journey .list{min-height:130px;gap:15px;padding:20px 12px} .home-journey .h5{font-size:16px;line-height:20px} .home-advantage{margin:30px 0;padding:30px 0} .home-advantage .top-head .title-48{font-size:22px;line-height:32px;margin-bottom:25px} .home-advantage .quen-q{font-size:18px;line-height:26px;padding-right:15px;gap:15px} .home-advantage .items{gap:15px;padding:18px 0} .home-advantage .items.active{padding-bottom:30px} .home-industry{padding:30px 0} .all-industry .title-48{font-size:22px;line-height:32px;margin-bottom:25px} .all-industry .img-xl{height:90px;padding:10px} } @media(max-width:540px){ .home-journey .content{grid-template-columns:1fr} .home-journey .list:last-child{min-height:100px} .home-product .list{padding:25px 15px} } @media(max-width:430px){ .all-contact .a-lb-1{height:56px;font-size:16px} } .product-pro{margin:195px 0 215px} .product-pro .items:nth-child(even){flex-direction:row-reverse} .product-pro .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:100px} .product-pro .textbox{width:45%} .product-pro .title{color:#333333;margin-bottom:15px} .product-pro .title img{margin-left:10px} .product-pro .h6{font-size:22px;line-height:28px;margin-bottom:30px} .product-pro .text{color:#666666} .product-pro .a{margin-top:70px} .product-pro .all-a{height:46px} .product-pro .img{width:48%;height:450px;background:url(../../images/p-c-back.webp) no-repeat center center;background-size:auto 100%;display:flex;justify-content:center;align-items:center;border-radius:20px} .product-pro .img img{max-width:80%;width:auto} @media (min-width:1200px) and (max-width:1430px){ .product-pro{margin:120px 0 140px} .product-pro .items{margin-bottom:80px;gap:45px} .product-pro .img{height:400px} .product-pro .h6{font-size:20px;line-height:26px;margin-bottom:25px} .product-pro .a{margin-top:50px} } @media(max-width:1200px){ .product-pro{margin:80px 0 100px} .product-pro .items{margin-bottom:60px;gap:40px} .product-pro .img{height:360px} .product-pro .a{margin-top:40px} } @media(max-width:899px){ .product-pro{margin:50px 0 60px} .product-pro .items,.product-pro .items:nth-child(even){flex-direction:column-reverse;gap:25px;align-items:stretch;margin-bottom:45px} .product-pro .textbox,.product-pro .img{width:100%;min-width:0;max-width:100%} .product-pro .img{height:auto;min-height:260px;padding:30px 20px;background-size:contain} .product-pro .img img{max-width:60%} } @media(max-width:768px){ .product-paper .container-xl{padding:0 15px} .banner-p-c.all-banner h1{max-width:100% !important} .product-pro{margin:30px 0} .product-pro .items,.product-pro .items:nth-child(even){margin-bottom:30px} .product-pro .title{font-size:22px;line-height:32px} .product-pro .h6{font-size:16px;line-height:24px;margin-bottom:15px} .product-pro .text{font-size:14px;line-height:22px} .product-pro .img{min-height:220px;padding:25px 15px;border-radius:10px} .product-pro .img.card-thumb:hover img{transform:none} .product-pro .a{margin-top:25px} .product-pro .all-a{width:100%;max-width:100%;justify-content:center} } @media(max-width:540px){ .product-pro .img{min-height:180px} } .all-big-faq-1{padding-top:160px} .all-big-faq-1 .content{display:flex;justify-content:space-between;gap:80px;background-color:#ffffff;box-shadow:0px 50px 50px 0px rgba(30,33,136,0.05);padding:90px 80px 90px 70px} .all-big-faq-1 .article{width:57%} .all-big-faq-1 .article .h6{margin-bottom:20px} .all-big-faq-1 .article .h2{margin-bottom:65px} .all-big-faq-1 .aside{width:37%;background-color:#f4f4f9;padding:65px 40px 30px} .all-big-faq-1 .aside .h2{margin-bottom:55px} .all-big-faq-1 .h2{font-size:36px;line-height:42px;font-weight:500;color:#333333;letter-spacing:-2px} .all-big-faq-1 .all-faqs{border-top:2px solid var(--public-color)} .all-big-faq-1 .form-row{margin:10px -5px !important} .all-big-faq-1 .form-group{padding:0 5px !important} .all-big-faq-1 .form-control{border:none;padding-left:10px;background-color:#ffffff} .all-big-faq-1 .form-control::placeholder{font-size:16px;line-height:24px;color:#999999;letter-spacing:-.6px} .all-big-faq-1 .input-group{border:none;border-radius:0} .all-big-faq-1 .btn-box{display:flex;justify-content:flex-end;margin-top:30px} .all-big-faq-1 .all-a{min-width:190px;width:190px;font-size:16px;line-height:24px;letter-spacing:-.6px;border-radius:0;transition:all .3s ease-in-out} @media (min-width:1200px) and (max-width:1430px){ .all-big-faq-1{padding-top:120px} .all-big-faq-1 .content{gap:50px;padding:70px 55px} .all-big-faq-1 .article .h2{margin-bottom:45px} .all-big-faq-1 .aside .h2{margin-bottom:40px} .all-big-faq-1 .h2{font-size:30px;line-height:38px} } @media(max-width:899px){ .all-big-faq-1{padding-top:60px} .all-big-faq-1 .content{flex-direction:column;gap:25px;padding:40px 25px;align-items:stretch} .all-big-faq-1 .article,.all-big-faq-1 .aside{width:100%;min-width:0;max-width:100%} .all-big-faq-1 .aside{padding:35px 25px 30px} } @media(max-width:768px){ .all-big-faq-1{padding-top:30px} .all-big-faq-1 .content{padding:30px 20px;box-shadow:0 20px 40px rgba(30,33,136,.08)} .all-big-faq-1 .h2{font-size:22px;line-height:32px} .all-big-faq-1 .article .h2{margin-bottom:25px} .all-big-faq-1 .aside .h2{margin-bottom:20px} .all-big-faq-1 .form-control{font-size:16px} .all-big-faq-1 .all-a{width:100%;max-width:100%} } .product-list-paper{background-color:#f4f6f9} .product-list{padding:100px 0 120px} .product-list .top-head{margin-bottom:70px} .product-list .title{color:#333333;margin-bottom:15px} .product-list .text{color:#666666;margin-bottom:55px} .product-list-body{display:flex;align-items:flex-start;gap:60px} .product-list-aside{width:320px;flex-shrink:0} .product-list .aside-nav{margin-bottom:40px} .product-list .aside-nav ul>li.active>a{background-color:rgba(30,33,136,.1);font-weight:600;color:var(--public-color)} .product-list .aside-nav ul>li>a{margin-bottom:8px} .product-list .aside-nav ul>li>a{display:grid;grid-template-columns:auto 30px;gap:15px;align-items:center;justify-content:space-between;gap:12px;font-size:16px;line-height:24px;font-weight:400;color:#333333;border-radius:16px;padding:20px 25px;transition:all .3s ease} .product-list .aside-nav li .icon{width:30px;height:30px;display:grid;place-items:center;font-size:16px;color:#ffffff;font-weight:bold;background-color:var(--public-color);border-radius:8px;transition:transform .3s ease} .product-list .aside-nav ol>li{margin-bottom:10px} .product-list .aside-nav ol>li:last-child{margin-bottom:0} .product-list .aside-nav ol>li>a.active{color:var(--public-color)} .product-list .aside-nav ol>li>a{display:block;font-size:16px;line-height:24px;color:#666666;border-radius:16px;position:relative;padding:10px 0 10px 35px} .product-list .aside-nav ol>li>a::before{content:"";width:10px;aspect-ratio:1;border-radius:100%;background-color:#cccccc;display:inline-block;margin-right:10px;transform:translate(-3px)} .product-list .aside-nav li.active>a .icon{transform:rotate(180deg)} .product-list-features{margin-bottom:25px} .product-list-feature{min-height:120px;display:flex;gap:15px;background-color:#e9e9f3;border-radius:10px;padding:30px 20px;margin-bottom:20px} .product-list-feature:last-child{margin-bottom:0} .product-list-feature-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:url(../../images/sign-5.webp) no-repeat;background-size:100% 100%} .product-list-feature-text{font-size:18px;line-height:28px;color:var(--public-color);font-weight:400} .product-list-cta{background:var(--public-color) url(../../images/product-list-cta-bg.webp) no-repeat center center;background-size:cover;border-radius:12px;padding:40px 30px;text-align:center} .product-list-cta-text{font-size:18px;line-height:28px;color:#ffffff;margin-bottom:25px} .product-list-cta .a-lb-1{width:80%;height:44px;background-color:transparent;color:#ffffff;border:2px solid #ffffff;font-size:16px;line-height:24px;font-weight:500;padding:0 25px;transition:all .3s ease-in-out} .product-list-cta .a-lb-1::before{background-color:#ffffff} .product-list-cta .a-lb-1:hover{color:var(--public-color) !important} .product-list-main{flex:1;min-width:0} .product-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 25px} .product-list-grid .product-list-card{min-height:330px} .all-product .img,.all-product .img-xl,.all-product .img-xl img{border-radius:6px} .all-product .img{width:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff;box-shadow:0 4px 20px rgba(30,33,136,.06);transition:all .3s ease-in-out;position:relative;z-index:1;margin-bottom:25px} .all-product .img-xl{width:100%;height:100%;background:#ffffff} .all-product .img::after{content:"";width:100%;height:100%;background-color:var(--public-color);border-radius:10px;position:absolute;left:0;bottom:-3px;z-index:-1;opacity:0;transition:all .3s ease-in-out} .all-product .list:hover .img::after{opacity:1} .all-product{font-size:18px;line-height:28px;color:#333333;font-weight:400} @media (min-width:1200px) and (max-width:1430px){ .product-list{padding:80px 0 100px} .product-list .top-head{margin-bottom:50px} .product-list .text{margin-bottom:45px} .product-list-body{gap:45px} .product-list-aside{width:280px} .product-list-feature{min-height:110px;padding:25px 18px;margin-bottom:18px} .product-list-feature-text{font-size:16px;line-height:26px} .product-list-cta{padding:35px 25px} .product-list-cta-text{font-size:16px;line-height:26px;margin-bottom:20px} .product-list-grid{gap:35px 20px} .product-list-item{gap:25px} .all-product{min-height:280px} .all-product{font-size:16px;line-height:26px} } .product-list-difference{padding:100px 0 120px;background-color:#ffffff} .product-list-difference .top-head{text-align:left;margin-left:0;margin-bottom:60px} .product-list-difference .h6{margin-bottom:12px} .product-list-difference .title-48{color:#333333;margin-bottom:0} .product-list-difference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 40px;margin-bottom:90px} .product-list-difference-img{border-radius:10px;overflow:hidden;background-color:#f4f4f4;margin-bottom:25px} .product-list-difference-img img{width:100%;display:block;object-fit:cover;aspect-ratio:16/10} .product-list-difference-item .t1{font-size:24px;line-height:32px;font-weight:bold;color:var(--public-color);letter-spacing:-1px;margin-bottom:12px;display:block} .product-list-difference-item .text{color:#666666;font-size:18px;line-height:28px} .product-list-difference-clients .h4{font-size:26px;line-height:34px;font-weight:500;color:#333333;margin-bottom:40px;letter-spacing:-2px} .product-list-difference-swiper-wrap{position:relative;overflow:hidden;padding-right:70px} .product-list-difference-swiper-wrap::after{content:"";position:absolute;right:0;top:0;width:30%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.85) 45%,#ffffff 100%);z-index:1;pointer-events:none} .product-list-difference-swiper-wrap .swiper{overflow:visible} .product-list-difference-nav{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center} .product-list-difference-nav .swiper-button-next{position:static;width:44px;height:44px;margin:0;border:2px solid var(--public-color);border-radius:50%;background-color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out} .product-list-difference-nav .swiper-button-next::after{font-family:'cmsfont';content:'\f054';font-size:18px;font-weight:200;color:var(--public-color);transition:color .3s ease-in-out} .product-list-difference-nav .swiper-button-next:hover{background-color:var(--public-color)} .product-list-difference-nav .swiper-button-next:hover::after{color:#ffffff} .product-list-difference-nav .swiper-button-next.swiper-button-disabled{opacity:.35;cursor:not-allowed} .product-list-difference-logo{height:120px;background-color:#f8f8f8;border-radius:8px;display:grid;place-items:center;padding:20px 30px} .product-list-difference-logo img{object-fit:contain;mix-blend-mode:multiply} @media (min-width:1200px) and (max-width:1430px){ .product-list-difference{padding:80px 0 100px} .product-list-difference .top-head{margin-bottom:50px} .product-list-difference .title-48{font-size:42px;line-height:50px} .product-list-difference-grid{gap:40px 30px;margin-bottom:70px} .product-list-difference-item .t1{font-size:22px;line-height:30px} .product-list-difference-clients .h4{margin-bottom:35px} } .product-list-quality{padding-bottom:120px;background-color:#ffffff} .product-list-quality-body{display:flex;justify-content:space-between;align-items:center;gap:60px} .product-list-quality-left{width:45%;flex-shrink:0} .product-list-quality-left h3{color:#333333;margin-bottom:25px;font-size:42px;line-height:56px;color:var(--public-color);font-weight:500;letter-spacing:-2px} .product-list-quality-left .text{color:#666666;margin-bottom:40px} .product-list-quality-right{width:48%;flex-shrink:0} .product-list-quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px} .product-list-quality-img{border-radius:10px;overflow:hidden;background-color:#f4f4f4} .product-list-quality-img img{width:100%;display:block;object-fit:cover;aspect-ratio:4/3} .product-list-quality-note p{font-size:16px;line-height:24px;color:var(--public-color);margin-bottom:4px} .product-list-quality-note p:last-child{margin-bottom:0} @media (min-width:1200px) and (max-width:1430px){ .product-list-quality{padding:80px 0 100px} .product-list-quality-body{gap:40px} .product-list-quality-left{width:44%} .product-list-quality-left .title{font-size:36px;line-height:48px;margin-bottom:20px} .product-list-quality-left .text{font-size:16px;line-height:26px;margin-bottom:35px} .product-list-quality-left .a .all-a{width:260px;height:42px;font-size:15px} .product-list-quality-right{width:50%} .product-list-quality-grid{gap:15px;margin-bottom:15px} .product-list-quality-note p{font-size:14px;line-height:22px} } .product-list-recommend{position:relative} .product-list-recommend > img{width:100%;height:400px;display:block;object-fit:cover} .product-list-recommend-xl{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;color:#ffffff} .product-list-recommend .content{display:flex;justify-content:space-between;align-items:center;gap:60px} .product-list-recommend .left{flex:1;max-width:900px} .product-list-recommend .title{color:#ffffff;margin-bottom:20px} .product-list-recommend .text{color:#ffffff;font-size:20px;line-height:28px;margin-bottom:0} .product-list-recommend .right{flex-shrink:0} .product-list-recommend .a-lb-1{font-size:18px;line-height:26px;min-width:260px;height:70px;background-color:transparent;border-radius:35px;color:#ffffff;border:2px solid #ffffff;font-weight:500;padding:0 35px;white-space:nowrap} .product-list-recommend .a-lb-1::before{background-color:#ffffff;border-radius:35px} .product-list-recommend .a-lb-1:hover{color:var(--public-color) !important} @media (min-width:1200px) and (max-width:1430px){ .product-list-recommend > img{height:360px} .product-list-recommend .content{gap:40px} .product-list-recommend .left{max-width:780px} .product-list-recommend .text{font-size:18px;line-height:26px} .product-list-recommend .a-lb-1{min-width:240px;height:64px;font-size:17px} } @media (min-width:900px){ .product-list{--pl-fs-title:clamp(28px,1.09vw + 18.2px,40px);--pl-gap-body:clamp(30px,3.5vw,60px);--pl-gap-grid-y:clamp(25px,2vw + 10px,45px);--pl-gap-grid-x:clamp(15px,1vw + 8px,25px)} .product-list .title{font-size:var(--pl-fs-title);line-height:1.25} .product-list-body{gap:var(--pl-gap-body)} .product-list-grid{gap:var(--pl-gap-grid-y) var(--pl-gap-grid-x)} } @media(max-width:1200px){ .product-list{padding:70px 0 80px} .product-list .top-head{margin-bottom:45px} .product-list .text{margin-bottom:40px} .product-list-body{gap:40px} .product-list-aside{width:260px} .product-list-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px} .product-list-grid .product-list-card{min-height:280px} .product-list-difference{padding:70px 0 80px} .product-list-difference .top-head{margin-bottom:45px} .product-list-difference-grid{gap:35px 30px;margin-bottom:60px} .product-list-quality{padding-bottom:80px} .product-list-quality-body{gap:40px} .product-list-recommend > img{height:340px} .product-list-recommend .content{gap:35px} .product-list-recommend .text{font-size:18px;line-height:26px} } @media(max-width:899px){ .product-list{padding:50px 0 60px} .product-list .top-head{margin-bottom:30px} .product-list .text{margin-bottom:30px} .product-list-body{flex-direction:column;gap:25px;align-items:stretch} .product-list-aside,.product-list-main{width:100%;min-width:0;max-width:100%} .product-list .aside-nav{position:sticky;top:50px;z-index:20;background-color:#ffffff;margin-bottom:15px;transition:box-shadow .3s ease} .product-list .aside-nav.is-collapsed{box-shadow:0 2px 10px rgba(0,0,0,.08)} .product-list .aside-nav ol{overflow:hidden;max-height:600px;transition:max-height .3s ease,opacity .25s ease,margin .3s ease} .product-list .aside-nav.is-collapsed ol{max-height:0;opacity:0;margin:0;pointer-events:none} .product-list .aside-nav.is-collapsed li.active>a .icon{transform:rotate(0deg)} .product-list .aside-nav li.active>a .icon{transition:transform .3s ease} .product-list-cta{display:none} .product-list-feature{min-height:auto;padding:25px 20px} .product-list-cta{padding:30px 25px} .product-list-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px} .product-list-grid .product-list-card{min-height:240px} .product-list-difference{padding:50px 0 60px} .product-list-difference .top-head{margin-bottom:30px} .product-list-difference .title-48{font-size:30px;line-height:38px} .product-list-difference-grid{grid-template-columns:1fr;gap:30px;margin-bottom:45px} .product-list-difference-swiper-wrap{padding-right:55px} .product-list-difference-clients .h4{font-size:22px;line-height:30px;margin-bottom:25px} .product-list-difference-logo{height:100px;padding:15px 20px} .product-list-quality{padding:0 0 60px} .product-list-quality-body{flex-direction:column;gap:25px;align-items:stretch} .product-list-quality-left,.product-list-quality-right{width:100%;min-width:0;max-width:100%} .product-list-quality-left h3{font-size:30px;line-height:40px;margin-bottom:20px} .product-list-quality-left .text{margin-bottom:30px} .product-list-recommend{background-color:var(--public-color)} .product-list-recommend > img{display:none} .product-list-recommend-xl{position:static;height:auto;padding:50px 0} .product-list-recommend .content{flex-direction:column;align-items:stretch;gap:25px} .product-list-recommend .left,.product-list-recommend .right{width:100%;min-width:0;max-width:100%} .product-list-recommend .title{font-size:30px;line-height:38px} .product-list-recommend .text{font-size:16px;line-height:26px} .product-list-recommend .a-lb-1{min-width:auto;width:100%;max-width:300px;height:56px;font-size:16px} } @media(max-width:768px){ .product-list-paper .container-xl{padding:0 15px} .product-list{padding:30px 0} .product-list .top-head{margin-bottom:25px} .product-list .title{margin-bottom:12px} .product-list .text{margin-bottom:25px;font-size:14px;line-height:22px} .product-list .aside-nav ul>li>a{padding:15px 20px;font-size:15px} .product-list .aside-nav ol>li>a{font-size:14px;line-height:22px;padding:8px 0 8px 30px} .product-list-feature{padding:20px 18px;margin-bottom:15px} .product-list-feature-text{font-size:16px;line-height:26px} .product-list-cta{padding:25px 20px} .product-list-cta-text{font-size:16px;line-height:26px;margin-bottom:18px} .product-list-cta .a-lb-1{width:100%;max-width:100%} .product-list-grid{grid-template-columns:1fr;gap:25px} .product-list-grid .product-list-card{min-height:auto} .product-list-main .product-list-name.t1{font-size:18px;line-height:26px} .product-list-main .down-list{margin-top:40px} .product-list-main .down-list .page-link{width:40px;height:40px;font-size:14px} .all-product .img{margin-bottom:15px} .all-product .img.card-thumb:hover img{transform:none} .all-product{font-size:16px;line-height:26px} .product-list-difference{padding:30px 0} .product-list-difference .top-head{margin-bottom:25px} .product-list-difference .title-48{font-size:22px;line-height:32px} .product-list-difference-grid{gap:25px;margin-bottom:30px} .product-list-difference-item .t1{font-size:18px;line-height:26px} .product-list-difference-item .text{font-size:14px;line-height:22px} .product-list-difference-swiper-wrap{padding-right:50px} .product-list-difference-clients .h4{font-size:20px;line-height:28px;margin-bottom:20px} .product-list-difference-logo{height:90px;padding:12px 15px} .product-list-difference-nav .swiper-button-next{width:38px;height:38px} .product-list-quality{padding-bottom:30px} .product-list-quality-left h3{font-size:22px;line-height:32px;margin-bottom:15px} .product-list-quality-left .text{font-size:14px;line-height:22px;margin-bottom:25px} .product-list-quality-left .a .all-a{width:100%;max-width:100%;justify-content:center} .product-list-quality-grid{gap:12px;margin-bottom:12px} .product-list-quality-note p{font-size:14px;line-height:22px} .product-list-recommend-xl{padding:30px 0} .product-list-recommend .title{font-size:22px;line-height:32px;margin-bottom:15px} .product-list-recommend .text{font-size:14px;line-height:22px} .product-list-recommend .a-lb-1{max-width:100%;height:50px} } @media(max-width:540px){ .product-list-difference-swiper-wrap::after{width:40%} .product-list-feature-icon{width:20px;height:20px} } .service-support{padding:100px 0 120px;background-color:#ffffff} .service-support .top-head{margin-bottom:50px;max-width:900px} .service-support .title{color:#333333;margin-bottom:15px} .service-support .text{color:#666666} .service-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px} .service-support-item{background-color:#f4f4f9;border-radius:12px;padding:35px 30px} .service-support-head{display:flex;align-items:center;gap:15px;margin-bottom:20px} .service-support-icon{flex-shrink:0;width:48px;height:48px;display:grid;place-items:center} .service-support-icon img{max-width:100%;max-height:100%;object-fit:contain} .service-support-item .t1{font-size:18px;line-height:28px;font-weight:bold;color:var(--public-color)} .service-support-item .text{color:#666666;font-size:18px;line-height:28px} @media (min-width:1200px) and (max-width:1430px){ .service-support{padding:80px 0 100px} .service-support .top-head{margin-bottom:55px} .service-support .title{font-size:36px;line-height:48px} .service-support .text{font-size:16px;line-height:26px;max-width:780px} .service-support-grid{gap:20px} .service-support-item{padding:30px 25px} .service-support-item .t1{font-size:18px;line-height:26px} .service-support-item .text{font-size:16px;line-height:26px} } .service-items .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:100px} .service-items .items-l{flex-direction:row-reverse} .service-items .textbox{width:45%} .service-items .title{color:#333333;text-wrap:balance;margin-bottom:20px;line-height:48px} .service-items .text{color:#666666} .service-items .text > *{line-height:32px} .service-items .a{margin-top:60px} .service-items ol{margin-top:30px} .service-items ol li{position:relative;padding-left:25px} .service-items ol li::before{content:url(../../images/sign-6.webp);position:absolute;left:0;top:1px} .service-items ul{margin-top:30px} .service-items ul i{display:flex;justify-content:center;align-items:center;font-size:13px;font-style:normal;width:26px;height:26px;aspect-ratio:1;border-radius:100%;border:1px solid var(--public-color);color:var(--public-color);position:absolute;left:0;top:0} .service-items ul strong{font-weight:500;color:var(--public-color)} .service-items ul li{font-size:18px;line-height:26px;position:relative;padding-left:50px} .service-items .img{width:49%} .service-items .img,.service-items .img > img{border-radius:10px} .service-items .items:last-child{margin-bottom:0} @media(max-width:1200px){ .service-support{padding:70px 0 80px} .service-support .top-head{margin-bottom:40px} .service-support-grid{gap:20px} .service-support-item{padding:28px 22px} .service-items .items{margin-bottom:70px;gap:40px} .service-items .title{line-height:40px;margin-bottom:18px} .service-items .a{margin-top:40px} .service-items ol,.service-items ul{margin-top:22px} } @media(max-width:899px){ .service-support{padding:50px 0 60px} .service-support .top-head{margin-bottom:30px;max-width:100%} .service-support .title{font-size:30px;line-height:38px} .service-support .text{font-size:16px;line-height:26px} .service-support-grid{grid-template-columns:1fr;gap:20px} .service-support-item{padding:25px 22px} .service-support-head{margin-bottom:15px} .service-support-icon{width:40px;height:40px} .service-support-item .t1{font-size:16px;line-height:24px} .service-support-item .text{font-size:16px;line-height:26px} .service-items .items,.service-items .items-l,.service-items .items-r{flex-direction:column-reverse;gap:25px;align-items:stretch;margin-bottom:45px} .service-items .textbox,.service-items .img{width:100%;min-width:0;max-width:100%} .service-items .title{line-height:36px;margin-bottom:15px} .service-items .text{font-size:16px;line-height:26px} .service-items .text > *{line-height:26px} .service-items .a{margin-top:30px} .service-items ol,.service-items ul{margin-top:20px} .service-items ul li{font-size:16px;line-height:24px;padding-left:44px;margin-bottom:12px} .service-items ul i{width:24px;height:24px;font-size:12px} .service-items ol li{font-size:16px;line-height:26px} } @media(max-width:768px){ .service-support .container-xl,.service-items .container-xl,.all-big-faq-1 .container-xl{padding:0 15px} .service-support{padding:30px 0} .service-support .top-head{margin-bottom:25px} .service-support .title{font-size:22px;line-height:32px;margin-bottom:12px} .service-support .text{font-size:14px;line-height:22px} .service-support-grid{gap:15px} .service-support-item{padding:20px 18px;border-radius:10px} .service-support-head{gap:12px;margin-bottom:12px} .service-support-icon{width:36px;height:36px} .service-support-item .t1{font-size:16px;line-height:24px} .service-support-item .text{font-size:14px;line-height:22px} .service-items{padding-bottom:30px} .service-items .items,.service-items .items-l,.service-items .items-r{margin-bottom:30px} .service-items .title{line-height:32px;margin-bottom:12px} .service-items .text{font-size:14px;line-height:22px} .service-items .text > *{line-height:22px} .service-items .text p{margin-bottom:12px} .service-items .a{margin-top:25px} .service-items .a .all-a{width:100%;max-width:100%;justify-content:center} .service-items ol,.service-items ul{margin-top:18px} .service-items ol li{font-size:14px;line-height:22px;padding-left:22px} .service-items ul li{font-size:14px;line-height:22px;padding-left:40px;margin-bottom:10px} .service-items ul i{width:22px;height:22px;font-size:11px} .service-items .img img{border-radius:10px} .all-big-faq-1{background-size:cover !important;background-position:center top} } @media(max-width:540px){ .service-support-item{padding:18px 15px} .service-items ol li{padding-left:20px} .service-items ul li{padding-left:36px} } .about-intro{padding:120px 0 140px;background-color:#ffffff} .about-intro-head{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;margin-bottom:70px} .about-intro-title{color:#333333;flex:0 0 38%;max-width:38%} .about-intro-desc{color:#666666;flex:0 0 57%;max-width:57%} .about-intro-body{display:flex;justify-content:space-between;align-items:center;gap:50px} .about-intro-stats{width:36%;display:flex;flex-direction:column;border-top:1px solid #eeeeee} .about-intro-stat{display:flex;align-items:flex-start;gap:25px;padding:28px 0;border-bottom:1px solid #eeeeee} .about-intro-stat-icon{flex-shrink:0;width:56px;height:56px;display:grid;place-items:center} .about-intro-stat-icon img{max-width:100%;max-height:100%;object-fit:contain} .about-intro-stat-info{min-width:0;flex:1} .about-intro-stat-num{font-size:32px;line-height:38px;color:var(--public-color);letter-spacing:-2px;margin-bottom:10px} .about-intro-stat-label{color:#666666;line-height:1.45} .about-intro-img{width:57%} .about-intro-img,.about-intro-img img{border-radius:10px} .about-brand{position:relative} .about-brand > img{width:100%;height:520px;display:block;object-fit:cover} .about-brand-xl{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;color:#ffffff} .about-brand-content{max-width:1180px} .about-brand-title{color:#ffffff;margin-bottom:25px} .about-brand-desc{color:#ffffff;font-size:18px;line-height:28px;margin-bottom:40px;letter-spacing:0} .about-brand .a-lb-1{border-radius:23px;border:1px solid #ffffff;background-color:transparent;color:#ffffff;font-size:16px;line-height:24px;font-weight:400;letter-spacing:-.4px} .about-brand .a-lb-1::before{border-radius:23px;background-color:#ffffff} .about-brand .a-lb-1:hover,.about-brand .a-lb-1:focus{color:var(--public-color) !important} .about-precision{padding:160px 0} .about-precision .top-head{margin-bottom:130px} .about-precision .title-56{color:#333333;margin-bottom:10px} .about-precision .items:nth-child(even){flex-direction:row-reverse} .about-precision .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:150px} .about-precision .items:last-child{margin-bottom:0} .about-precision .items:nth-child(odd) .textbox{width:42%} .about-precision .items:nth-child(odd) .img{width:55%} .about-precision .items:nth-child(even) .textbox{width:36%} .about-precision .items:nth-child(even) .img{width:58%} .about-precision .img,.about-precision .img > img{border-radius:10px} .about-precision .h3{font-size:36px;line-height:48px;font-weight:500;color:var(--public-color);letter-spacing:-2px;margin-bottom:50px} .about-precision .cont{color:#666666} .about-cert{} .about-cert-content{display:flex;justify-content:space-between;align-items:center;gap:60px} .about-cert-left{width:40%} .about-cert-title{color:#333333;margin-bottom:30px} .about-cert-desc{color:#666666;margin-bottom:45px} .about-cert-left .a .all-a{width:290px;height:46px} .about-cert-img{width:55%;position:relative;display:flex;align-items:center;justify-content:center;z-index:1} .about-cert-img,.about-cert-img img{border-radius:10px} .about-cert-img img{display:block;margin-right:-100px} .about-cert-img .img-back{position:absolute;left:0;bottom:95px;z-index:-1;width:1060px;height:500px} .about-industry{padding:120px 0 220px;position:relative} .about-industry::after{content:"";width:100%;height:calc(100% + 95px);background-color:#f4f4f9;position:absolute;left:0;bottom:0;z-index:-1} /* about · 关于我们页响应式（T3 → 1200 → ≤899 堆叠 → 768 → 540） */ @media (min-width:1200px) and (max-width:1430px){ .about-intro{padding:90px 0 110px} .about-intro-head{gap:45px;margin-bottom:55px} .about-intro-stat-num{font-size:28px;line-height:34px} .about-intro-stat{padding:22px 0} .about-brand > img{height:460px} .about-brand-desc{font-size:16px;line-height:26px;margin-bottom:35px} .about-precision{padding:120px 0} .about-precision .top-head{margin-bottom:90px} .about-precision .items{margin-bottom:100px} .about-precision .h3{font-size:30px;line-height:40px;margin-bottom:35px} .about-cert-content{gap:45px} .about-cert-img .img-back{width:900px;height:420px;bottom:70px} .about-industry{padding:90px 0 160px} } @media(max-width:1200px){ .about-intro{padding:70px 0 80px} .about-intro-head{margin-bottom:45px} .about-intro-body{gap:40px} .about-intro-stats{width:42%} .about-intro-img{width:52%} .about-brand > img{height:400px} .about-precision{padding:80px 0} .about-precision .top-head{margin-bottom:70px} .about-precision .items{margin-bottom:70px;gap:35px} .about-cert-content{gap:40px} .about-cert-img .img-back{width:720px;height:360px;bottom:50px} .about-industry{padding:70px 0 120px} } @media(max-width:899px){ /* ≤899 stack */ .about-intro-head{flex-direction:column;gap:25px;align-items:stretch;margin-bottom:30px} .about-intro-title,.about-intro-desc{flex:none;max-width:100%;width:100%} .about-intro-body{flex-direction:column;gap:25px;align-items:stretch} .about-intro-stats,.about-intro-img{width:100%;min-width:0;max-width:100%} .about-intro-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border-top:none} .about-intro-stat{flex-direction:row;align-items:flex-start;gap:10px;padding:14px 12px;border-bottom:none;background-color:#f4f4f9;border-radius:10px;height:auto} .about-intro-stat-icon{width:36px;height:36px} .about-intro-stat-num{font-size:18px;line-height:24px;margin-bottom:4px;letter-spacing:-1px} .about-intro-stat-label{font-size:12px;line-height:17px} .about-brand{background-color:var(--public-color)} .about-brand > img{display:none} .about-brand-xl{position:static;height:auto;padding:50px 0} .about-brand-content{max-width:100%} .about-brand .a-lb-1{min-width:auto;width:100%;max-width:300px} .about-precision .top-head{margin-bottom:40px} .about-precision .items,.about-precision .items:nth-child(even){flex-direction:column-reverse;gap:25px;align-items:stretch;margin-bottom:45px} .about-precision .items:nth-child(odd) .textbox,.about-precision .items:nth-child(even) .textbox, .about-precision .items:nth-child(odd) .img,.about-precision .items:nth-child(even) .img{width:100%;min-width:0;max-width:100%} .about-cert-content{flex-direction:column;gap:25px;align-items:stretch} .about-cert-left,.about-cert-img{width:100%;min-width:0;max-width:100%} .about-cert-img img{margin-right:0} .about-cert-img .img-back{position:relative;left:auto;bottom:auto;width:100%;max-width:100%;height:auto;margin-bottom:20px} .about-industry{padding:50px 0 80px;overflow-x:clip} .about-industry::after{height:calc(100% + 50px)} .about-industry .all-industry .grid{gap:15px} .about-industry .all-industry .img-xl img{max-width:90%;max-height:100%;object-fit:contain} } @media(max-width:768px){ /* mobile 768 */ .about .container-xl{padding:0 15px} .about-intro{padding:30px 0} .about-intro-head{margin-bottom:25px} .about-intro-title.title-48{font-size:22px;line-height:32px} .about-intro-desc{font-size:14px;line-height:22px} .about-intro-stats{gap:10px} .about-intro-stat{padding:12px 10px;gap:8px} .about-intro-stat-icon{width:32px;height:32px} .about-intro-stat-num{font-size:16px;line-height:22px;margin-bottom:2px} .about-intro-stat-label{font-size:11px;line-height:16px} .about-brand-xl{padding:30px 0} .about-brand-title.title-48{font-size:22px;line-height:32px;margin-bottom:15px} .about-brand-desc{font-size:14px;line-height:22px;margin-bottom:25px} .about-brand .a-lb-1{max-width:100%;height:50px} .about-precision{padding:30px 0} .about-precision .top-head{margin-bottom:25px} .about-precision .title-56{font-size:22px;line-height:32px;margin-bottom:12px} .about-precision .top-head .text{font-size:14px;line-height:22px} .about-precision .items,.about-precision .items:nth-child(even){margin-bottom:30px} .about-precision .h3{font-size:22px;line-height:32px;margin-bottom:20px} .about-precision .cont{font-size:14px;line-height:22px} .about-cert{padding-bottom:30px} .about-cert-title.title-48{font-size:22px;line-height:32px;margin-bottom:20px} .about-cert-desc{font-size:14px;line-height:22px;margin-bottom:25px} .about-cert-left .a .all-a{width:100%;max-width:100%;justify-content:center} .about-industry{padding:30px 0 50px;overflow-x:clip} .about-industry .all-industry .title-48{font-size:22px;line-height:32px;margin-bottom:25px;letter-spacing:-1px;text-align:center} .about-industry .all-industry .grid{gap:12px} .about-industry .all-industry .img-xl{height:80px;padding:8px;overflow:hidden;border-radius:6px} .about-industry .all-industry .img-xl img{max-width:85%;max-height:100%;width:auto;height:auto;object-fit:contain} } @media(max-width:540px){ .about-precision .img.card-thumb:hover img{transform:none} } .solution-core{padding:120px 0 140px;background-color:#ffffff} .solution-core .top-head{margin-bottom:70px} .solution-core .h6{margin-bottom:10px} .solution-core .title-36{color:#333333;margin-bottom:15px} .solution-core .text{color:#666666;max-width:550px;margin:0 auto} .all-solutions .grid{gap:35px 40px} .all-solutions .item{display:flex;flex-direction:column;height:100%} .all-solutions .img{background-color:#f4f4f4;border-radius:10px;padding:40px 30px;display:grid;place-items:center;min-height:320px;margin-bottom:30px} .all-solutions .img img{max-width:100%;max-height:260px;object-fit:contain;mix-blend-mode:multiply} .all-solutions .title{font-size:24px;line-height:32px;font-weight:500;color:#333333;letter-spacing:-1px;margin-bottom:10px} .all-solutions .pos{font-size:16px;line-height:24px;margin-bottom:15px} .all-solutions .pos strong{color:var(--public-color);font-weight:400} .all-solutions .desc{color:#666666;font-size:16px;line-height:24px;border-top:1px solid rgba(30,33,136,.2);padding-top:30px} @media(max-width:899px){ .all-solutions .grid{gap:25px} .all-solutions .grid > [class*="g-col"]{min-width:0} .all-solutions .item{min-width:0;max-width:100%;overflow:hidden} .all-solutions .item .box{min-width:0;max-width:100%} .all-solutions .img{width:100%;max-width:100%;box-sizing:border-box;min-height:260px;padding:30px 20px;margin-bottom:25px;overflow:hidden} .all-solutions .img img{max-height:220px} } @media(max-width:768px){ .home-solution .container-xl,.solution-core .container-xl,.solution-advantage .container-xl,.solution-modular .container-xl,.solution-strength .container-xl{padding:0 15px} .all-solutions .grid{gap:20px} .all-solutions .img{min-height:200px;padding:25px 15px;margin-bottom:20px} .all-solutions .img img{max-height:180px} .all-solutions .title{font-size:18px;line-height:26px;word-break:break-word} .all-solutions .pos,.all-solutions .desc{padding-top:20px;word-break:break-word;overflow-wrap:break-word} .all-solutions .img.card-thumb:hover img{transform:none} } .solution-advantage{padding:0 0 140px;background-color:#ffffff} .solution-advantage-items{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:100px} .solution-advantage-items:last-child{margin-bottom:0} .solution-advantage-items .textbox{width:47%} .solution-advantage-items .img{width:47%} .solution-advantage-icon{margin-bottom:25px} .solution-advantage .title{color:#333333;margin-bottom:25px} .solution-advantage-desc{color:#666666} .solution-advantage-items .img,.solution-advantage-items .img img{border-radius:10px} .solution-advantage-items-l{flex-direction:row-reverse} .solution-advantage-items-l .textbox{width:45%} .solution-advantage-items-l .img{width:50%} .solution-modular{padding:120px 0 140px;background-color:#f4f4f9} .solution-modular-title{color:#333333;margin-bottom:60px} .solution-modular-swiper{overflow:hidden;width:100%;min-height:520px} .solution-modular .swiper-slide{width:23% !important;height:auto;box-sizing:border-box} .solution-modular-item{transform-origin:center top;transition:transform .55s cubic-bezier(0.4,0,0.2,1)} .solution-modular-img{height:320px;margin-bottom:18px;overflow:hidden;border-radius:10px;transition:height .55s cubic-bezier(0.4,0,0.2,1)} .solution-modular-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px} .solution-modular-name{font-size:24px;line-height:28px;font-weight:bold;color:var(--public-color);letter-spacing:-1px;transition:font-size .4s ease,line-height .4s ease} .solution-modular-desc{color:#666666;margin:0 auto;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease} .solution-modular .swiper-slide-active .solution-modular-desc:not(:empty){opacity:1;visibility:visible} .solution-modular .swiper-slide-active{width:50% !important} .solution-modular .swiper-slide-active .solution-modular-item{transform:scale(1);text-align:center} .solution-modular .swiper-slide-active .solution-modular-img{height:auto;margin-bottom:20px} .solution-modular .swiper-slide-active .solution-modular-name{font-size:22px;line-height:30px;margin-bottom:15px} .solution-strength{padding:135px 0 155px;background-color:#ffffff} .solution-strength-items{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:100px} .solution-strength-items:last-child{margin-bottom:0} .solution-strength-items-l{flex-direction:row-reverse} .solution-strength-items-l .textbox{width:44%} .solution-strength-items-l .img{width:48%} .solution-strength-items-r .textbox{width:48%} .solution-strength-items-r .img{width:49%} .solution-strength .title{color:#333333;margin-bottom:25px} .solution-strength-desc{color:#666666;letter-spacing:0} /* .solution-strength-items .img,.solution-strength-items .img img{border-radius:10px} .solution-strength-logos{width:52%;background-color:#f4f4f9;border-radius:10px;padding:30px} .solution-strength-logos .grid{gap:20px} .solution-strength-logo{height:75px;background-color:#ffffff;border-radius:8px;display:grid;place-items:center;padding:20px 25px} .solution-strength-logo img{object-fit:contain;mix-blend-mode:multiply} */ @media (min-width:1200px) and (max-width:1430px){ .solution-core{padding:80px 0 100px} .solution-core .top-head{margin-bottom:50px} .solution-core .title-36{font-size:30px;line-height:40px} .solution-advantage{padding-bottom:100px} .solution-advantage-items{margin-bottom:80px;gap:45px} .solution-modular{padding:80px 0 100px} .solution-modular-title{margin-bottom:45px} .solution-modular-swiper{min-height:460px} .solution-strength{padding:90px 0 110px} .solution-strength-items{margin-bottom:80px;gap:45px} .solution-advantage .title,.solution-strength .title{font-size:30px;line-height:40px} } @media(max-width:1200px){ .solution-core{padding:70px 0 80px} .solution-core .top-head{margin-bottom:40px} .solution-advantage{padding-bottom:80px} .solution-advantage-items{margin-bottom:60px;gap:40px} .solution-modular{padding:70px 0 80px} .solution-modular-title{margin-bottom:40px} .solution-strength{padding:70px 0 80px} .solution-strength-items{margin-bottom:60px;gap:40px} } @media(max-width:899px){ .solution-advantage-items,.solution-advantage-items-l,.solution-strength-items,.solution-strength-items-l,.solution-strength-items-r{flex-direction:column-reverse;gap:25px;align-items:stretch;margin-bottom:45px} .solution-advantage-items .textbox,.solution-advantage-items .img,.solution-advantage-items-l .textbox,.solution-advantage-items-l .img,.solution-strength-items .textbox,.solution-strength-items .img,.solution-strength-items-l .textbox,.solution-strength-items-l .img,.solution-strength-items-r .textbox,.solution-strength-items-r .img{width:100%;min-width:0;max-width:100%} .solution-modular .swiper-slide{width:42% !important} .solution-modular .swiper-slide-active{width:62% !important} } @media(max-width:768px){ .solution-core{padding:30px 0} .solution-core .top-head{margin-bottom:25px} .solution-core .title-36{font-size:22px;line-height:32px} .solution-core .text{font-size:14px;line-height:22px} .solution-advantage{padding-bottom:30px} .solution-advantage-items,.solution-advantage-items-l,.solution-strength-items,.solution-strength-items-l,.solution-strength-items-r{margin-bottom:30px} .solution-advantage-icon{margin-bottom:15px} .solution-advantage .title,.solution-strength .title{font-size:22px;line-height:32px;margin-bottom:15px} .solution-advantage-desc,.solution-strength-desc{font-size:14px;line-height:22px} .solution-modular{padding:30px 0} .solution-modular-title{margin-bottom:25px;font-size:22px;line-height:32px} .solution-modular-swiper{min-height:auto;padding-bottom:10px} .solution-modular .swiper-slide,.solution-modular .swiper-slide-active{width:100% !important} .solution-modular-img,.solution-modular .swiper-slide-active .solution-modular-img{height:220px} .solution-modular-name,.solution-modular .swiper-slide-active .solution-modular-name{font-size:18px;line-height:26px} .solution-modular .swiper-slide-active .solution-modular-desc{opacity:1;visibility:visible} .solution-strength{padding:30px 0} } @media(max-width:540px){ .solution-modular-img,.solution-modular .swiper-slide-active .solution-modular-img{height:180px} } .banner-sol-in .content{display:flex;justify-content:space-between;align-items:center} .banner-sol-in .left{width:55%} .banner-sol-in h1{font-size:48px;line-height:56px;color:#ffffff;font-weight:bold} .banner-sol-in .text{letter-spacing:0} .banner-sol-in .right{width:40%} .sol-in-challenge{padding:120px 0 140px;background-color:#ffffff} .sol-in-challenge-title{color:#333333;margin-bottom:50px} .sol-in-challenge .grid{gap:25px 40px} .sol-in-challenge-item{background-color:#f4f4f9;border-radius:10px;padding:35px 25px 35px 30px;height:100%} .sol-in-challenge-hd > img{transform:translateY(-2px)} .sol-in-challenge-hd{display:flex;align-items:center;gap:12px;margin-bottom:18px} .sol-in-challenge-name{font-size:22px;line-height:30px;font-weight:500;color:#333333;letter-spacing:-1px} .sol-in-challenge-desc{color:#666666;font-size:16px;line-height:24px;letter-spacing:0} .sol-in-solve{margin-bottom:190px} .sol-in-solve .title-48{color:#333333;margin-bottom:120px} .sol-in-solve .content{} .sol-in-solve .items:last-child{margin-bottom:0} .sol-in-solve .items .textbox{width:48%} .sol-in-solve .items .img{width:49%} .sol-in-solve .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px} .sol-in-solve .title{margin-bottom:20px} .sol-in-solve .title:hover{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px} .sol-in-solve .text{color:#666666;margin-bottom:40px;letter-spacing:0} .sol-in-solve .a{display:flex;gap:20px} .sol-in-solve .h5{font-size:18px;line-height:28px;font-weight:600;color:#333333} .sol-in-solve .a a{font-size:18px;line-height:28px;color:#4a9ad5;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px} .sol-in-solve .img,.sol-in-solve .img img{border-radius:10px} .sol-in-faq{padding-bottom:0} @media (min-width:1200px) and (max-width:1430px){ .banner-sol-in h1{font-size:40px;line-height:50px} .sol-in-challenge{padding:80px 0 100px} .sol-in-challenge-title{margin-bottom:40px} .sol-in-challenge .grid{gap:20px 30px} .sol-in-solve{margin-bottom:120px} .sol-in-solve .title-48{font-size:42px;line-height:50px;margin-bottom:80px} .sol-in-solve .items{margin-bottom:50px} } @media(max-width:1200px){ .sol-in-challenge{padding:70px 0 80px} .sol-in-challenge-title{margin-bottom:35px} .sol-in-solve{margin-bottom:80px} .sol-in-solve .title-48{margin-bottom:60px} .sol-in-solve .items{margin-bottom:45px;gap:40px} } @media(max-width:899px){ .banner-sol-in .content{flex-direction:column-reverse;gap:25px;align-items:stretch} .banner-sol-in .left,.banner-sol-in .right{width:100%;min-width:0;max-width:100%} .banner-sol-in .right img{width:100%;max-height:280px;object-fit:contain} .sol-in-challenge .grid{gap:20px} .sol-in-challenge .grid > [class*="g-col"]{min-width:0} .sol-in-solve .items{flex-direction:column-reverse;gap:25px;align-items:stretch;margin-bottom:40px} .sol-in-solve .items .textbox,.sol-in-solve .items .img{width:100%;min-width:0;max-width:100%} .sol-in-faq.all-big-faq .content{flex-direction:column;gap:25px} .sol-in-faq.all-big-faq .aside,.sol-in-faq.all-big-faq .article{width:100%;min-width:0;max-width:100%} .sol-in-faq.all-big-faq .aside{position:static;padding:0} } @media(max-width:768px){ .sol-in .container-xl{padding:0 15px} .banner-sol-in h1,.banner-sol-in .title-48{font-size:22px;line-height:32px} .banner-sol-in .text{font-size:14px;line-height:22px;color:#ffffff} .banner-sol-in .a-lb-1{width:100%;max-width:260px} .banner-sol-in .right img{max-height:220px} .sol-in-challenge{padding:30px 0} .sol-in-challenge-title{font-size:22px;line-height:32px;margin-bottom:25px} .sol-in-challenge-item{padding:25px 20px} .sol-in-challenge-name{font-size:18px;line-height:26px} .sol-in-challenge-desc{font-size:14px;line-height:22px} .sol-in-solve{margin-bottom:30px} .sol-in-solve .title-48{font-size:22px;line-height:32px;margin-bottom:30px} .sol-in-solve .items{margin-bottom:30px} .sol-in-solve .title{font-size:22px;line-height:32px} .sol-in-solve .text{font-size:14px;line-height:22px;margin-bottom:25px} .sol-in-solve .a{flex-direction:column;align-items:flex-start;gap:12px} .sol-in-solve .h5{font-size:16px;line-height:24px} .sol-in-solve .a a{font-size:16px;line-height:24px;word-break:break-word} .sol-in-solve .img.card-thumb:hover img{transform:none} .sol-in-faq.all-big-faq{padding:30px 0} .sol-in-faq .aside .title-56{font-size:22px;line-height:32px;margin-bottom:20px} } @media(max-width:540px){ .sol-in-challenge-item{padding:20px 15px} .sol-in-challenge-hd{gap:10px;margin-bottom:12px} .sol-in-challenge-hd > img{max-width:20px} } .all-support-mb-head{background-color:var(--public-color);padding:30px 0;color:#ffffff} .all-support-mb-head .container-xl{padding:0 15px} .all-support-mb-head .title-56{color:#ffffff;font-size:22px;line-height:32px;margin-bottom:20px} .all-support-mb-head .text{color:#ffffff;font-size:14px;line-height:22px;letter-spacing:0} .all-support-mb-head .text p{margin-bottom:0} .all-support-mb-head ul,.all-support-mb-head ol{margin-top:20px;padding-left:0;list-style:none} .all-support-mb-head li{font-size:14px;line-height:22px;color:#ffffff;position:relative;padding-left:25px;margin-bottom:10px} .all-support-mb-head li:last-child{margin-bottom:0} .all-support-mb-head ul li::before{content:"\f00c";font-family:'cmsfont';color:#ffffff;position:absolute;left:0;top:0} .all-support-mb-head ol li::before{content:url(../../images/sign-8.webp);position:absolute;left:0;top:0} .all-support-mb-form{background-color:#f4f4f9;padding:30px 0 35px} .all-support-mb-form .container-xl{padding:0 15px} .all-support-mb-form .all-from{background-color:#ffffff;border-radius:10px;padding:25px 20px;box-shadow:0 10px 30px rgba(30,33,136,.08)} .all-support-mb-form .form-control{font-size:16px;padding:12px 15px 12px 20px} .all-support-mb-form .form-row{margin:10px -5px !important} .all-support-mb-form .form-group{padding:0 5px !important} .all-support-mb-form .a-lb{width:100%} .all-help-mb-head{background-color:var(--public-color);padding:30px 0 35px;color:#ffffff} .all-help-mb-head .container-xl{padding:0 15px;display:flex;flex-direction:column;align-items:flex-start;gap:0} .all-help-mb-head .title{color:#ffffff;font-size:22px;line-height:32px;margin-bottom:20px} .all-help-mb-head .h3{font-size:18px;line-height:26px;color:#ffffff;margin-bottom:15px;letter-spacing:0} .all-help-mb-head ul{margin:0 0 25px;padding:20px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.25);width:100%} .all-help-mb-head li{font-size:14px;line-height:22px;color:#ffffff;position:relative;padding-left:25px;margin-bottom:10px} .all-help-mb-head li:last-child{margin-bottom:0} .all-help-mb-head li::before{content:"\f00c";font-family:'cmsfont';color:#ffffff;position:absolute;left:0;top:0} .all-help-mb-head .a-lb{width:100%;max-width:100%;height:50px;background-color:transparent;border:2px solid #ffffff;color:#ffffff} .all-help-mb-head .a-lb::before{background-color:#ffffff} .all-help-mb-head .a-lb:hover,.all-help-mb-head .a-lb:focus{color:var(--public-color) !important} .banner-story .a-video,.banner-story .a-video::before{border-radius:35px} .banner-story .a-video:hover span{background-color:var(--public-color)} .banner-story .a-video:hover span img{filter:brightness(0) invert(1)} .banner-story .a-video:hover{color:var(--public-color) !important} .banner-story .a-video{height:70px;display:flex;align-items:center;gap:20px;border-width:1px} .banner-story .a-video span{width:35px;height:35px;background-color:#ffffff;border-radius:100%;display:grid;place-items:center;transition:all .4s ease-in-out} .banner-story .a-video span img{transform:translateX(2px);transition:all .4s ease-in-out} .story-intro{padding:140px 0 0} .story-intro-head{margin-bottom:65px} .story-intro-title{color:#333333;margin-bottom:20px} .story-intro-desc{color:#666666;max-width:900px;letter-spacing:0} .story-intro-journey{display:grid;grid-template-columns:repeat(4,1fr);background-color:#ffffff} .story-intro-list{min-height:200px;clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%,15% 50%);background-color:#f8f8f8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:0 2vw 0 3vw;transition:all .4s ease-in-out} .story-intro-list:not(:first-child){margin-left:-35px} .story-intro-icon{width:48px;height:48px;display:grid;place-items:center} .story-intro-icon img{max-width:100%;max-height:100%;object-fit:contain;transition:all .4s ease-in-out} .story-intro-name{font-size:18px;line-height:22px;color:var(--public-color);text-align:center;transition:all .4s ease-in-out} .story-intro-list.active{background-color:var(--public-color)} .story-intro-list.active .story-intro-icon img{filter:brightness(0) invert(1)} .story-intro-list.active .story-intro-name{color:#ffffff} .story-intro-list.shrink{min-height:120px} @media (min-width:1200px) and (max-width:1430px){ .story-intro{padding:80px 0 100px} .story-intro-head{margin-bottom:60px} .story-intro-title{font-size:42px;line-height:56px} .story-intro-desc{font-size:16px;line-height:26px} .story-intro-list{min-height:170px;gap:20px;padding:0 1.5vw 0 2.5vw} .story-intro-list:not(:first-child){margin-left:-28px} .story-intro-icon{width:40px;height:40px} .story-intro-name{font-size:16px;line-height:20px} } .story-detail{padding:140px 0 220px;background-color:#ffffff} .story-detail-items{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:120px} .story-detail-items:last-child{margin-bottom:0} .story-detail-items .img,.story-detail-items .img img{border-radius:10px} .story-detail-title{font-weight:600;margin-bottom:50px;letter-spacing:-2px} .story-detail-items .text{color:#666666} .story-detail-items.items-l .img{width:56%;flex-shrink:0} .story-detail-items.items-l .textbox{width:38%} .story-detail-items.items-r{flex-direction:row-reverse} .story-detail-items.items-r .img{width:56%;flex-shrink:0} .story-detail-items.items-r .textbox{width:38%} .story-detail .img-partner{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:45px} .story-detail .img-partner .img-xl{height:60px;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center} .story-detail .img-partner .img-xl img{max-width:60%;max-height:45px;mix-blend-mode:multiply} @media (min-width:1200px) and (max-width:1430px){ .story-detail{padding:0 0 100px} .story-detail-items{gap:45px;margin-bottom:90px} .story-detail-items .img{width:52%} .story-detail-items .textbox{width:42%} .story-detail-title{font-size:30px;line-height:40px;margin-bottom:25px} .story-detail-items .text{font-size:16px;line-height:26px} } @media(max-width:1200px){ .story-intro{padding:80px 0 0} .story-intro-head{margin-bottom:45px} .story-intro-list{min-height:150px;gap:18px} .story-intro-list:not(:first-child){margin-left:-25px} .story-intro-icon{width:40px;height:40px} .story-intro-name{font-size:15px;line-height:20px} .story-detail{padding:80px 0 120px} .story-detail-items{gap:40px;margin-bottom:70px} .story-detail-title{margin-bottom:30px} .story-detail .img-partner{margin-top:35px} } @media(max-width:899px){ .story-intro{padding:50px 0 0} .story-intro-head{margin-bottom:30px} .story-intro-title{font-size:30px;line-height:38px} .story-intro-desc{font-size:16px;line-height:26px;max-width:100%} .story > .container-xl{top:50px !important;z-index:10;background-color:#ffffff;padding-bottom:10px} .story-intro-journey{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0} .story-intro-journey::-webkit-scrollbar{display:none} .story-intro-list{flex:0 0 auto;min-width:130px;min-height:100px;clip-path:none;border-radius:8px;padding:14px 16px;gap:10px;margin-left:0 !important} .story-intro-list:not(:first-child){margin-left:8px} .story-intro-list.shrink{min-height:72px;padding:10px 14px} .story-intro-icon{width:32px;height:32px} .story-intro-name{font-size:13px;line-height:18px} .story-detail{padding:40px 0 80px} .story-detail-items,.story-detail-items.items-l,.story-detail-items.items-r{flex-direction:column;gap:25px;align-items:stretch;margin-bottom:45px} .story-detail-items .img,.story-detail-items .textbox,.story-detail-items.items-l .img,.story-detail-items.items-l .textbox,.story-detail-items.items-r .img,.story-detail-items.items-r .textbox{width:100%;min-width:0;max-width:100%} .story-detail-title{font-size:30px;line-height:40px;margin-bottom:20px} .story-detail .img-partner{grid-template-columns:repeat(2,1fr);margin-top:25px;gap:8px} .banner-story .a-video{height:50px;gap:12px;font-size:16px;line-height:24px} } @media(max-width:768px){ .story .container-xl{padding:0 15px} .story-intro{padding:30px 0 0} .story-intro-head{margin-bottom:25px} .story-intro-title{font-size:22px;line-height:32px;margin-bottom:15px} .story-intro-desc{font-size:14px;line-height:22px} .story > .container-xl{padding-bottom:8px} .story-intro-list{min-width:110px;min-height:88px;padding:12px 14px} .story-intro-list.shrink{min-height:64px;padding:8px 12px} .story-intro-icon{width:28px;height:28px} .story-intro-name{font-size:12px;line-height:16px} .story-detail{padding:30px 0} .story-detail-items,.story-detail-items.items-l,.story-detail-items.items-r{margin-bottom:30px} .story-detail-title{font-size:22px;line-height:32px;margin-bottom:15px;letter-spacing:-1px} .story-detail-items .text{font-size:14px;line-height:22px} .story-detail .img-partner .img-xl{height:50px} .story-detail .img-partner .img-xl img{max-height:35px} .banner-story .a-video{width:100%;max-width:280px;height:44px;font-size:14px;line-height:22px} .banner-story .a-video span{width:30px;height:30px} } @media(max-width:540px){ .story-detail .img-partner{grid-template-columns:repeat(2,1fr);gap:6px} .story-detail .img-partner .img-xl{height:44px} } .banner-pro-in{padding:40px 0 60px;background-color:#f4f4f9} .banner-pro-in .content{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;padding-top:30px} .banner-pro-in .left{width:48%} .banner-pro-in .speed{font-size:16px;line-height:24px;color:#666666;margin-bottom:25px} .banner-pro-in .speed span{display:block;font-size:28px;line-height:36px;font-weight:500;color:var(--public-color);letter-spacing:-1px;margin-top:8px} .banner-pro-in .right{width:46%} .banner-pro-in .model{font-size:16px;line-height:24px;color:#999999;margin-bottom:10px} .banner-pro-in h1{font-size:42px;line-height:56px;color:#333333;margin-bottom:35px} .banner-pro-in .search-btn{margin-top:20px} @media (min-width:1200px) and (max-width:1430px){ .banner-pro-in .content{gap:35px} .banner-pro-in h1{font-size:36px;line-height:48px} .banner-pro-in .speed span{font-size:24px;line-height:32px} } .detail-nav{position:sticky;top:90px;z-index:10;background-color:#ffffff;border-bottom:1px solid #eeeeee} .detail-nav-xl{display:flex;flex-wrap:wrap;gap:10px 20px;padding:18px 0;list-style:none;margin:0} .detail-nav-xl li a{font-size:16px;line-height:24px;color:#666666;padding:8px 20px;border-radius:22px;background-color:#f2f2f2;transition:all .3s ease-in-out} .detail-nav-xl li.active a,.detail-nav-xl li:hover a{color:#ffffff !important;background-color:var(--public-color)} @media (min-width:1200px) and (max-width:1430px){ .detail-nav-xl li a{font-size:14px;padding:6px 16px} } .p-i-content{padding:80px 0 120px;color:#666666} .p-i-content .article > [class^="p-i-"]{margin-bottom:100px} .p-i-content .article > [class^="p-i-"]:last-child{margin-bottom:0} .p-i-content .container-xl > .content{display:flex;justify-content:space-between;gap:40px} .p-i-content .article{flex:1;min-width:0} .p-i-content .aside{width:360px;flex-shrink:0;position:sticky;top:180px;height:270px} .p-i-cta{background:var(--public-color) url(../../images/product-list-cta-bg.webp) no-repeat center center;background-size:cover;border-radius:12px;padding:35px 28px;text-align:center} .p-i-cta-text{color:#ffffff;margin-bottom:25px;text-wrap:balance} .p-i-cta .a-lb-1{width:240px;height:44px;background-color:transparent;color:#ffffff;border:2px solid #ffffff;font-size:16px;line-height:24px;font-weight:500;padding:0 20px} .p-i-cta .a-lb-1::before{background-color:#ffffff} .p-i-cta .a-lb-1:hover{color:var(--public-color) !important} .p-i-content .title-32{font-size:32px;line-height:48px;color:var(--public-color);font-weight:500;margin-bottom:50px} .p-i-desc-text{color:#666666;margin-bottom:40px;max-width:900px} .p-i-desc-grid{gap:20px 25px} .p-i-desc-item{background-color:#f4f4f9;border-radius:10px;padding:30px 25px;height:100%} .p-i-desc-item-hd{display:flex;align-items:center;gap:12px;margin-bottom:15px} .p-i-desc-item-hd > img{transform:translateY(-2px);flex-shrink:0} .p-i-desc-item-name{font-size:22px;line-height:32px;font-weight:500;color:#333333;letter-spacing:-1px} .p-i-desc-item-desc{color:#666666;font-size:16px;line-height:24px} @media (min-width:1200px) and (max-width:1430px){ .p-i-desc-body{gap:30px} .p-i-desc-aside{width:280px} .p-i-desc-text{font-size:16px;line-height:26px;margin-bottom:30px} .p-i-desc-item{padding:25px 20px} .p-i-desc-item-name{font-size:18px;line-height:26px} .p-i-desc-cta{padding:28px 22px} } .p-i-spec .table-wrapper table{border:none} .p-i-spec .table-wrapper table td{padding:15px 0;padding-left:0;border:none;border-bottom:1px solid var(--public-color);font-size:18px;line-height:28px;color:var(--public-color);vertical-align:top;text-align:left} .p-i-spec .table-wrapper table td:first-child{color:#999999;font-weight:400} .p-i-spec .table-wrapper table tr:first-child td{color:var(--public-color);font-weight:400;background-color:transparent} .p-i-spec .table-wrapper table tr:first-child td:first-child{color:#999999} .p-i-spec .table-wrapper table tr:nth-child(odd),.p-i-spec .table-wrapper table tr:nth-child(even),.p-i-spec .table-wrapper table tr:hover{background-color:transparent} @media (min-width:1200px) and (max-width:1430px){ .p-i-spec .table-wrapper table td{font-size:16px;line-height:26px;padding:18px 0} } .p-i-dim-title{margin-bottom:45px} .p-i-dim-block{margin-bottom:50px} .p-i-dim-block h5{font-size:20px;line-height:28px;font-weight:500;color:#333333;letter-spacing:-.6px;margin:0 0 20px} .p-i-dim-block table{margin-bottom:40px} .p-i-dim-block .table-wrapper:last-of-type{margin-bottom:40px} @media (min-width:1200px) and (max-width:1430px){ .p-i-dim-title{margin-bottom:35px} .p-i-dim-block h5{font-size:18px;line-height:26px} .p-i-dim .table-wrapper table thead th,.p-i-main-part .table-wrapper table thead th,.p-i-dim .table-wrapper table tbody td,.p-i-main-part .table-wrapper table tbody td{font-size:14px;line-height:22px;padding:12px 8px} } .p-i-first{margin-bottom:160px} .p-i-first .content{display:flex;justify-content:space-between;align-items:center} .p-i-first .left{width:47%} .p-i-first .right{width:48%} .p-i-first h1{color:#333333;font-weight:bold;margin-bottom:20px} .p-i-first .text{color:#666666;margin-bottom:45px} .p-i-first .param{border-top:2px solid var(--public-color);border-bottom:2px solid var(--public-color);padding:10px 0} .p-i-first .param td{font-size:18px;line-height:26px;padding:7px 0} .p-i-first .param td:first-child{color:var(--public-color);font-weight:450} .p-i-first .param td:last-child{color:#666666;padding-left:30px} .p-i-first .img-cer{margin:35px 0 45px} .p-i-first .all-a{width:auto;min-width:auto;height:64px;padding:0 25px 0 40px;gap:40px} .p-i-first .all-a span{letter-spacing:0;font-weight:400} .p-i-first .all-a,.p-i-first .all-a::before{border-radius:32px} .p-i-first .product-thumbs-wrap{margin-top:25px;display:flex;align-items:center;gap:25px} .p-i-first .product-main-zoom{min-height:470px;background-color:#ffffff;box-shadow:0px 0px 160px 0px rgba(30,33,136,0.1);border-radius:20px;display:flex;justify-content:center;align-items:center} .p-i-first .product-thumbs{margin-top:0px;padding:0} .p-i-first .product-gallery-thumbs{flex:1;min-width:0;width:auto} .p-i-first .product-gallery-nav{display:flex;align-items:center;gap:20px;flex-shrink:0;padding-right:5px} .p-i-first .product-gallery-prev,.p-i-first .product-gallery-next{width:auto;height:auto;border:none;background:transparent;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--public-color);font-size:34px;line-height:1;font-weight:200;transition:color .3s ease,opacity .3s ease} .p-i-first .product-gallery-prev .icon,.p-i-first .product-gallery-next .icon{font-size:34px;line-height:1;font-weight:200} .p-i-first .product-gallery-prev.swiper-button-disabled,.p-i-first .product-gallery-next.swiper-button-disabled{color:#cccccc;cursor:not-allowed;opacity:1} .p-i-first .product-gallery-thumb{display:flex;align-items:center;justify-content:center;position:relative;max-height:140px;box-sizing:border-box;overflow:hidden;background-color:#ffffff;padding:0 10px;border:1px solid rgba(30,33,136,0.1);border-radius:10px;transition:border-color .2s ease} .p-i-first .product-gallery-thumb img{display:block;max-width:100%;max-height:140px;height:140px;object-fit:contain;vertical-align:top;mix-blend-mode:multiply} .p-i-first .product-gallery-thumb.product-thumb-active::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32);pointer-events:none;transition:opacity .2s ease} .p-i-first .product-gallery-thumb.product-thumb-active{background-color:#fff} @media (min-width:1200px) and (max-width:1430px){ .p-i-first .product-main-zoom{min-height:400px} .p-i-first .product-gallery-thumb img{max-height:120px;height:120px} .p-i-first .product-gallery-prev .icon,.p-i-first .product-gallery-next .icon{font-size:28px} } .all-banner-style::before{content:url(../../images/banner-down.webp);background-size:inherit;height:600px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1} .all-banner-style{position:relative} .all-banner-style header{border-bottom:1px solid var(--public-color)} .all-banner-style .in-banner{margin-top:35px} .all-banner-style h1{margin-top:80px;margin-bottom:90px} .all-banner-style .small-nav ul li a,.all-banner-style .small-nav ul li::before{color:var(--public-color)} @media (min-width:1200px) and (max-width:1430px){ .p-i-first{margin-bottom:120px} .p-i-first .left,.p-i-first .right{width:48%} .p-i-first h1,.p-i-first .title-36{font-size:32px;line-height:42px} .p-i-first .text{margin-bottom:35px} .p-i-first .param td{font-size:16px;line-height:24px} .p-i-first .img-cer{margin:28px 0 35px} .p-i-first .all-a{height:56px;padding:0 22px 0 32px;gap:30px} .all-banner-style h1{margin-top:60px;margin-bottom:60px} .p-i-content{padding:60px 0 100px} .p-i-content .article > [class^="p-i-"]{margin-bottom:70px} .p-i-content .aside{width:320px;top:160px} .p-i-content .title-32{font-size:28px;line-height:40px;margin-bottom:40px} } @media(max-width:1200px){ .p-i-first{margin-bottom:80px} .p-i-first .product-main-zoom{min-height:360px;box-shadow:0 0 80px rgba(30,33,136,.08)} .p-i-content{padding:60px 0 80px} .p-i-content .article > [class^="p-i-"]{margin-bottom:60px} .p-i-content .aside{width:300px} } @media(max-width:899px){ .all-banner-style{overflow-x:clip} .all-banner-style::before{max-height:380px;overflow:hidden;opacity:.45} .all-banner-style .in-banner{margin-top:20px} .all-banner-style h1,.all-banner-style .title-36,.all-banner-style .title-48{margin-top:30px;margin-bottom:40px} .all-banner-style .title-48{font-size:30px;line-height:38px} .p-i-first{margin-bottom:50px} .p-i-first .content{flex-direction:column-reverse;gap:25px;align-items:stretch} .p-i-first .left,.p-i-first .right{width:100%;min-width:0;max-width:100%} .p-i-first .product-main-zoom{min-height:300px;border-radius:12px} .p-i-first .product-thumbs-wrap{gap:15px} .p-i-first .product-gallery-thumb img{max-height:100px;height:100px} .detail-nav{top:50px} .detail-nav-xl{gap:8px 12px;padding:12px 0} .detail-nav-xl li a{font-size:14px;padding:6px 14px} .p-i-content .container-xl > .content{flex-direction:column;gap:25px} .p-i-content .container-xl > .content img{max-width:100%;height:auto;} .p-i-content .aside{width:100%;position:static;top:auto;height:auto} .p-i-desc-grid .g-col-6{grid-column:span 12} .p-i-products .grid{--bs-gap:20px} } @media(max-width:768px){ .p-i-first .container-xl,.p-i-content .container-xl,.detail-nav .container-xl{padding:0 15px} .all-banner-style .small-nav{position:static;padding-top:5px;margin-bottom:10px} .all-banner-style .small-nav ul a{font-size:14px;line-height:26px} .all-banner-style h1,.all-banner-style .title-48{font-size:22px;line-height:32px;margin-top:25px;margin-bottom:30px} .p-i-first{margin-bottom:30px} .p-i-first h1,.p-i-first .title-36{font-size:22px;line-height:32px;margin-bottom:15px} .p-i-first .text{font-size:14px;line-height:22px;margin-bottom:25px} .p-i-first .param td{font-size:14px;line-height:22px;padding:6px 0} .p-i-first .param td:last-child{padding-left:15px} .p-i-first .img-cer{margin:20px 0 25px} .p-i-first .all-a{width:100%;max-width:100%;height:50px;justify-content:center;padding:0 20px;gap:20px} .p-i-first .product-main-zoom{min-height:240px;border-radius:10px;box-shadow:0 0 40px rgba(30,33,136,.06)} .p-i-first .product-gallery-thumb img{max-height:80px;height:80px} .p-i-first .product-gallery-prev .icon,.p-i-first .product-gallery-next .icon{font-size:24px} .p-i-first .product-thumbs-wrap{margin-top:15px;gap:10px} .detail-nav-xl{gap:8px;padding:10px 0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .detail-nav-xl::-webkit-scrollbar{display:none} .detail-nav-xl li{flex-shrink:0} .detail-nav-xl li a{font-size:13px;padding:6px 12px;white-space:nowrap} .p-i-content{padding:30px 0} .p-i-content .article > [class^="p-i-"]{margin-bottom:30px} .p-i-content .title-32{font-size:22px;line-height:32px;margin-bottom:25px} .p-i-desc-text{font-size:14px;line-height:22px;margin-bottom:25px} .p-i-desc-item{padding:20px 18px} .p-i-desc-item-name{font-size:18px;line-height:26px} .p-i-desc-item-desc{font-size:14px;line-height:22px} .p-i-spec .table-wrapper table td{font-size:14px;line-height:22px;padding:12px 0} .p-i-dim-block h5{font-size:16px;line-height:24px;margin-bottom:15px} .p-i-cta{padding:25px 20px} .p-i-cta-text{font-size:14px;line-height:22px;margin-bottom:18px} .p-i-cta .a-lb-1{width:100%;max-width:100%} .p-i-products .all-product .t1{font-size:18px;line-height:26px} .p-i-products .all-product .img.card-thumb:hover img{transform:none} } @media(max-width:540px){ .p-i-desc-grid{--bs-gap:15px} .p-i-first .product-gallery-nav{gap:12px} .all-banner-style::before{display:none} } @media(max-width:430px){ .detail-nav-xl li a{font-size:12px;padding:5px 10px} } .cert-list{padding-top:60px;padding-bottom:120px} .cert-list .grid{gap:55px 40px} .cert-item:hover .cert-img{box-shadow:0px 3px 0px 0px #1e2188} .cert-item{display:block;position:relative;padding-bottom:18px} .cert-img{height:100%x;background-color:#f4f4f9;padding:35px 25px;display:flex;justify-content:center;align-items:center;margin-bottom:22px;position:relative;border-radius:6px} .cert-item .cert-img::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:var(--public-color);opacity:0;transition:opacity .3s ease;border-radius:6px;z-index:-1} .cert-item.active .cert-img::after,.cert-item:hover .cert-img::after{opacity:1} .cert-type{font-size:16px;line-height:24px;color:var(--public-color);margin-bottom:8px} .cert-name{font-size:18px;line-height:32px;color:#333333;font-weight:400} @media (min-width:1200px) and (max-width:1430px){ .cert-list{padding-bottom:100px} .cert-list .grid{gap:25px 28px} .cert-img{min-height:340px;padding:28px 20px;margin-bottom:18px} .cert-name{font-size:16px;line-height:26px} } @media(max-width:1200px){ .cert-list{padding-top:50px;padding-bottom:80px} .cert-list .grid{gap:30px 25px} .cert-img{min-height:280px;padding:25px 18px;margin-bottom:16px} } @media(max-width:899px){ .certificates-paper .all-nav{gap:0 25px;margin-bottom:35px} .certificates-paper .all-nav li a{font-size:16px;line-height:24px;min-height:44px;padding-bottom:12px} .cert-list{padding-top:40px;padding-bottom:60px} .cert-list .grid{gap:25px;--bs-gap:25px} .cert-img{min-height:240px;padding:22px 16px;margin-bottom:14px} .cert-type{font-size:15px;line-height:22px} .cert-name{font-size:16px;line-height:26px} } @media(max-width:768px){ .certificates-paper .container-xl{padding:0 15px} .certificates-paper .all-nav{gap:0 20px;margin-bottom:25px;border-bottom-width:2px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .certificates-paper .all-nav::-webkit-scrollbar{display:none} .certificates-paper .all-nav li{flex-shrink:0} .certificates-paper .all-nav li a{font-size:14px;line-height:22px;min-height:40px;padding-bottom:10px;white-space:nowrap} .certificates-paper .all-nav li a .icon{font-size:20px} .cert-list{padding-top:30px;padding-bottom:30px} .cert-list .grid{gap:25px;--bs-gap:25px} .cert-item{padding-bottom:12px} .cert-img{min-height:200px;padding:18px 14px;margin-bottom:12px} .cert-type{font-size:14px;line-height:22px;margin-bottom:6px} .cert-name{font-size:16px;line-height:26px} .cert-item:hover .cert-img{box-shadow:none} .cert-item .img.card-thumb:hover img{transform:none} .certificates-paper .down-list{margin-top:40px} .certificates-paper .down-list .page-link{width:40px;height:40px;font-size:14px} } @media(max-width:540px){ .cert-list .grid{--bs-gap:20px} .cert-img{min-height:180px;padding:15px 12px} .cert-name{font-size:14px;line-height:22px} } .down-content{margin-bottom:130px} .down-content .content{display:flex;justify-content:space-between;padding-top:130px;border-top:3px solid var(--public-color)} .down-content .left{width:40%;margin-left:-110px} .down-content .left img{mix-blend-mode:multiply} .down-content .right{width:55%} .down-content p{color:#666666;margin-bottom:30px} .down-content .form-control{background-color:#f4f4f9} .down-content .form-control::placeholder{font-size:16px;line-height:24px;font-weight:400;color:#999999} .down-content .a-lb{height:50px;font-size:18px;line-height:26px;font-weight:400} .down-content .a-lb,.down-content .a-lb::before{border-radius:0} @media (min-width:1200px) and (max-width:1430px){ .down-content{margin-bottom:100px} .down-content .content{padding-top:100px;gap:40px} .down-content .left{margin-left:-80px} .down-content .right{width:52%} } @media(max-width:1200px){ .down-content{margin-bottom:80px} .down-content .content{padding-top:80px;gap:35px} .down-content .left{margin-left:-50px;width:42%} .down-content .right{width:52%} } @media(max-width:899px){ .down-content{margin-bottom:60px} .down-content .content{flex-direction:column-reverse;gap:25px;align-items:stretch;padding-top:50px;border-top-width:2px} .down-content .left,.down-content .right{width:100%;min-width:0;max-width:100%;margin-left:0} .down-content .left img{width:100%;max-width:480px;margin:0 auto;display:block} .down-content p{font-size:16px;line-height:26px;margin-bottom:25px} .down-content .form-cap .col-md-10{max-width:100%;flex:0 0 100%} .down-content .form-btn-box .col-md-5{max-width:100%;flex:0 0 100%} } @media(max-width:768px){ .download-paper .container-xl,.down-content .container-xl{padding:0 15px} .down-content{margin-bottom:30px} .down-content .content{padding-top:30px;gap:20px} .down-content p{font-size:14px;line-height:22px;margin-bottom:20px} .down-content .form-control{padding:12px 15px;font-size:16px} .down-content .form-control::placeholder{font-size:14px;line-height:22px} .down-content .a-lb{width:100%;max-width:100%;height:50px;font-size:16px;line-height:24px} .down-content .form-cap .input-group-append{width:90px} .down-content .form-row{margin-bottom:12px !important} .down-content .form-group{padding:0 5px !important} } @media(max-width:540px){ .down-content .left img{max-width:100%} .down-content .form-cap .input-group-append{width:80px} } .contact-paper{margin-bottom:180px} .contact-top{margin-bottom:110px} .contact-top .title::after{content:"";width:60px;height:10px;background-color:var(--public-color);border-radius:6px 6px 0px 0px;display:block;margin-top:30px} .contact-top .content{display:grid;grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:30px 10px;margin-top:110px} .contact-top .list{padding:50px 35px 50px 40px;background-color:rgba(30,33,136,0.05)} .contact-top .d{display:flex;align-items:center;gap:25px;margin-bottom:30px} .contact-top .name{font-size:22px;line-height:28px;font-weight:bold;color:var(--public-color)} .contact-top .box{display:flex;flex-wrap:wrap;gap:25px} .contact-top .font-sty{color:#666666;font-weight:400;font-size:18px;line-height:28px} .contact-top span.font-sty{position:relative;z-index:1;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .contact-top a.font-sty:hover{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px} .contact-bottom .title{font-size:36px;font-weight:bold;margin-bottom:60px} .contact-bottom .text{font-size:18px;line-height:36px;color:#666666;text-align:justify;margin-bottom:60px} .contact-bottom .content{display:flex;justify-content:space-between;align-items:center;gap:70px} .contact-bottom .left{width:48%;color:#666666} .contact-bottom .left>p{margin-bottom:55px;font-size:18px;line-height:36px;color:#666} .contact-bottom .box{margin-bottom:70px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .contact-bottom .d{display:grid;grid-template-columns:50px auto;grid-gap:0 40px;margin-bottom:30px} .contact-bottom .d:last-child{margin-bottom:0} .contact-bottom .img-1{text-align:center} .contact-bottom .t1{font-size:24px;line-height:36px;color:var(--public-color);font-weight:500;margin-bottom:5px} .contact-bottom .d .cont{font-size:18px;line-height:36px;color:#666666} .contact-bottom .h3 span{background-color:#ffffff;padding-right:90px} .contact-bottom .h3{font-size:32px;line-height:48px;color:var(--public-color);letter-spacing:-1px} .contact-bottom .right{width:43%} .contact-bottom .title-36{color:#333333;font-weight:bold;letter-spacing:-2px;margin-bottom:50px} .contact-bottom .message{font-size:15px;line-height:20px;font-weight:300;color:#8f8f8f} .contact-bottom .input-group{border:1px solid rgba(30,33,136,.3)} .contact-bottom .form-cap .input-group{border-radius:0} .contact-bottom .form-cap .form-group .form-control{border-color:transparent;border-radius:0} .contact-bottom .form-btn-box{margin-top:40px !important} .from label{width:100%} .from label p{margin-bottom:5px;font-size:16px;line-height:24px} .from label p span{color:var(--public-color)} .from .form-row{margin-bottom:25px !important} .from .form-control{height:auto;line-height:30px;border-radius:0px;background-color:#ffffff;padding:5px 20px 5px 15px;border:1px solid rgba(30,33,136,.3)} .from .form-control::placeholder{line-height:30px;font-weight:300;color:#d7d9dc;opacity:1} .from .a-lb{width:260px;border:none;height:60px;display:inline-flex;justify-content:center;gap:30px;padding:0;border:2px solid var(--public-color)} .from .a-lb,.from .a-lb::before{border-radius:0} .from .a-lb img{filter:brightness(0) invert(1)} .from .a-lb:hover img{filter:none} @media (min-width:1200px) and (max-width:1430px){ .contact-paper{margin-bottom:120px} .contact-top{margin-bottom:80px} .contact-top .content{margin-top:80px;gap:25px} .contact-top .list{padding:40px 30px 40px 35px} .contact-bottom .content{gap:50px} .contact-bottom .title-36{font-size:32px;line-height:42px;margin-bottom:40px} .contact-bottom .text{font-size:16px;line-height:28px;margin-bottom:50px} .contact-bottom .box{margin-bottom:55px} .contact-bottom .t1{font-size:22px;line-height:32px} .contact-bottom .d .cont{font-size:16px;line-height:28px} .contact-bottom .h3{font-size:28px;line-height:40px} } @media(max-width:1200px){ .contact-top{margin-bottom:60px} .contact-top .content{margin-top:60px;gap:20px} .contact-top .d{width:100%} .contact-top .list{padding:35px 28px 35px 32px} .contact-bottom .content{gap:45px} .contact-bottom .text{margin-bottom:45px} .contact-bottom .box{margin-bottom:50px} } @media(max-width:899px){ .contact-top{margin-bottom:50px} .contact-top .content{grid-template-columns:1fr;margin-top:40px;gap:20px} .contact-top .list{padding:30px 25px} .contact-top .d{gap:18px;margin-bottom:22px} .contact-top .box{flex-direction:column;align-items:flex-start;gap:10px} .contact-bottom .content{flex-direction:column;gap:25px;align-items:stretch} .contact-bottom .left,.contact-bottom .right{width:100%;min-width:0;max-width:100%} .contact-bottom .text{font-size:16px;line-height:26px;margin-bottom:35px} .contact-bottom .box{margin-bottom:35px} .contact-bottom .d .cont{font-size:16px;line-height:26px} .contact-bottom .title-36{font-size:30px;line-height:38px;margin-bottom:30px} .contact-bottom .form-cap .col-md-10{max-width:100%;flex:0 0 100%} } @media(max-width:768px){ .contact-paper .container-xl{padding:0 15px} .contact-paper{padding-top:30px;margin-bottom:30px} .contact-top{margin-bottom:30px} .contact-top .content{margin-top:30px;gap:15px} .contact-top .list{padding:25px 20px} .contact-top .d{gap:15px;margin-bottom:18px} .contact-top .name{font-size:18px;line-height:26px} .contact-top .font-sty{font-size:14px;line-height:22px} .contact-top .box{gap:8px} .contact-bottom .content{gap:25px} .contact-bottom .text{font-size:14px;line-height:22px;margin-bottom:25px;text-align:left} .contact-bottom .left>p{font-size:14px;line-height:22px;margin-bottom:25px} .contact-bottom .box{margin-bottom:30px} .contact-bottom .d{grid-template-columns:36px auto;grid-gap:0 16px;margin-bottom:20px} .contact-bottom .img-1 img{max-width:36px} .contact-bottom .t1{font-size:18px;line-height:26px} .contact-bottom .d .cont{font-size:14px;line-height:22px} .contact-bottom .h3{font-size:20px;line-height:28px} .contact-bottom .h3 span{padding-right:0;font-size:20px;line-height:28px} .contact-bottom .title-36{font-size:22px;line-height:32px;margin-bottom:25px} .contact-bottom .form-btn-box{margin-top:25px !important} .contact-bottom .form-cap .input-group-append{width:90px} .from label p{font-size:14px;line-height:22px} .from .form-row{margin-bottom:18px !important} .from .form-control{font-size:16px;padding:10px 15px;line-height:24px} .from .form-control::placeholder{font-size:14px;line-height:22px} .from .a-lb{width:100%;max-width:100%;height:50px;gap:20px} } @media(max-width:540px){ .contact-top .list{padding:20px 18px} .contact-bottom .form-cap .input-group-append{width:80px} } .news-in-paper .aside .all-news{margin:0} .news-in-paper{margin-bottom:240px} .news-in-paper .h1{font-size:36px;line-height:48px;color:#333;font-weight:bold;margin-bottom:30px;letter-spacing:-1px} .news-in-paper .type{color:#999999;padding-bottom:30px;display:flex;gap:20px;font-size:16px;font-weight:500} .news-in-paper .type-time img{display:inline-block;margin-right:10px} .news-in-paper .type-view{color:var(--public-color)} .news-in-paper .main-top{display:flex;justify-content:space-between} .news-in-paper .article .content{line-height:28px;font-size:16px;font-weight:400;color:#999999;border-bottom:1px solid #bbbbbb;padding-bottom:55px;padding-top:30px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .news-in-paper .article .content strong{color:var(--public-color);font-weight:500} .news-in-paper .article img{max-width:100% !important;height:auto !important} .news-in-paper .article .content p{margin-bottom:20px} .news-in-paper .article h2{font-size:28px;line-height:36px;color:#333333;font-weight:500;margin-bottom:25px} .news-in-paper .article h4{font-size:22px;line-height:32px;color:#333333;font-weight:500;margin-bottom:15px;letter-spacing:-1px} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:60px;display:flex;justify-content:space-between;align-items:flex-start;gap:50px} .news-in-paper .box-tail .left{width:100%} .news-in-paper .box-tail .right{min-width:200px;width:200px;display:flex;justify-content:flex-end} .news-in-paper .box-tail .right .a-lb{width:100%;height:50px;padding:0;font-size:18px} .news-in-paper .box-tail .left p{display:flex} .news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666666;font-size:18px;line-height:30px;padding-left:16px} .news-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px} .news-in-paper .box-tail .left p span{color:#000000;display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .aside{padding:0px} .news-in-paper .aside-con{height:200px;padding:25px 20px;border-radius:15px;background:var(--public-color) url(../../images/product-list-cta-bg.webp) no-repeat center center;background-size:cover;margin-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative} .news-in-paper .aside-con .line::before{background-color:#ffffff} .news-in-paper .aside-con .h5{position:relative;font-size:18px;line-height:28px;color:#ffffff;font-weight:400;letter-spacing:-.6px;margin-bottom:30px;position:relative;z-index:1} .news-in-paper .aside-con .a-lb-1{width:200px;font-size:18px;font-weight:400;letter-spacing:-.4px;background-color:transparent;color:#ffffff;border:2px solid #ffffff} .news-in-paper .aside-con .a-lb-1::before{background-color:#ffffff} .news-in-paper .other-news{background-color:#f4f4f9;border-radius:10px;padding:55px 30px 70px 40px} .news-in-paper .other-news .h4{font-size:26px;color:var(--public-color);margin-bottom:30px;font-weight:bold;letter-spacing:-1px} .news-in-paper .other-news .t1{font-size:18px;line-height:28px;color:#333333;font-weight:500;margin-bottom:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical} .news-in-paper .other-news .cont{font-size:16px;line-height:24px;color:#666666;letter-spacing:-.4px} .news-in-paper .other-news .row-line{display:flex;justify-content:space-between;align-items:center;gap:12px} .news-in-paper .other-news .news-line{width:calc(100% - 50px);height:1px;background-color:#dddddd} .news-in-paper .other-news .arrow{width:26px;min-width:26px;aspect-ratio:1;border-radius:100%;background-color:rgba(30,33,136,.4);border-radius:100%;display:inline-flex;justify-content:center;align-items:center} .news-in-paper .other-news .arrow img{filter:brightness(0) invert(1)} .news-in-paper .other-news .arrow:hover{background-color:var(--public-color);filter:none;opacity:1} .news-in-paper .other-news .time{font-size:16px;line-height:28px;font-weight:500;color:#999999} .news-in-paper .other-news .time img{margin-right:10px;margin-top:-5px} .news-in-paper .other-news .box{margin-bottom:30px} .news-in-paper .other-news .box:nth-last-child(1){margin-bottom:0} .news-in-paper .other-news .list:hover .time img{filter:none;opacity:1} .new-in-pro{padding-top:100px} .new-in-pro .title-36{margin-bottom:90px} .new-in-pro .grid{--bs-gap:40px} .main-box .aside{width:330px;min-width:330px;position:sticky;top:100px;height:min-content} .main-box .article{width:calc(100% - 330px - 100px)} .news-name-box{min-width:300px;border-radius:6px;border:solid 1px #bbbbbb;padding:15px 15px 20px;display:inline-flex;flex-direction:column;margin-top:20px} .news-name-box .table-title{display:flex;justify-content:space-between;font-size:28px;line-height:36px;color:#999999;font-weight:400} .news-name-box .table-title span{width:35px;height:32px;background-color:#ffffff;border-radius:4px;border:solid 1px #999191;display:inline-flex;justify-content:center;align-items:center;cursor:pointer} .news-name-box .news-name{margin-top:10px} .news-name-box .h2 a{font-size:18px;line-height:36px;color:#333333;font-weight:400} .news-name-box ul{padding-left:30px} .news-name-box li a{font-size:16px;line-height:26px;color:#666666;font-weight:400} @media(max-width:1530px){ .news-in-paper .box-tail{flex-direction:column} .news-in-paper .box-tail .left{margin-bottom:20px} .news-in-paper .box-tail .right{justify-content:flex-start} .news-in-paper .box-tail .right .a-pc{width:auto;padding:0 25px} } @media(max-width:1460px){ .news-in-paper .other-news .t1{font-size:20px} .news-in-paper .h1{font-size:32px;line-height:46px} } @media(max-width:1340px){ .news-in-paper .other-news .t1{font-size:18px;line-height:28px} .news-in-paper .article h2,.news-in-paper .article h2 > *{font-size:24px !important;line-height:32px} .news-in-paper .article h4{font-size:20px;line-height:28px} .news-in-paper .h4{font-size:26px;margin-bottom:30px} } @media(max-width:1260px){ .news-in-paper .article h2,.news-in-paper .article h2 > *{font-size:28px !important;line-height:36px} .news-in-paper .article h4{font-size:20px} .news-in-paper .aside-con .a-pc{padding:0 20px;height:48px} } @media(max-width:1000px){ .news-in-paper .main-top{flex-direction:column} .main-box .article{width:100%;margin-bottom:60px} .main-box .aside{width:100%;display:flex;gap:30px;align-items:flex-start} .news-in-paper .aside .aside-con{position:sticky;top:100px;height:fit-content} .new-in-pro .content{gap:20px 25px} .new-in-pro .all-products .list{padding:30px 15px 50px} .new-in-pro .all-products .list::after{bottom:30px} } @media(max-width:768px){ .main-box{margin-top:0} .news-in-paper .h1{margin-bottom:15px;font-size:20px;line-height:28px} .news-in-paper .article h2,.news-in-paper .article h2 > *{font-size:19px !important;line-height:28px;margin-bottom:10px} .news-in-paper .article h4{font-size:16px;line-height:24px} .news-in-paper .box-tail .left p{font-size:16px;line-height:24px} .news-in-paper .box-tail .left p a{line-height:24px;font-size:16px} .news-in-paper{margin-bottom:30px;margin-top:0px;padding-top:20px} .news-in-paper .main-top{flex-wrap:wrap} .news-in-paper .article{width:100%;margin-bottom:30px} .news-in-paper .aside{width:100%;margin-top:0} .news-in-paper .type{font-size:14px;line-height:20px;margin-top:20px;padding-top:0;padding-bottom:15px} .news-in-paper .article .content{line-height:20px;font-size:14px;padding-top:20px;padding-bottom:20px} .news-in-paper .article .content p{margin-bottom:10px} .news-in-paper .box-tail{font-size:16px;line-height:24px;margin-top:20px;gap:20px} .news-in-paper .box-tail .left p:first-child{margin-bottom:15px} .news-in-paper .box-tail .right{margin-bottom:0px} .news-in-paper .aside .aside-box .text .h3 a{line-height:24px} .news-in-paper .aside .aside-box{padding-bottom:30px} .news-in-paper .aside-box-1{padding:15px} .news-in-paper .aside-box-1 .t1{font-size:18px;line-height:26px} .news-in-paper .main-top{margin-bottom:30px} .news-in-paper .h4,.news-in-paper .aside .h4{font-size:20px;line-height:28px;margin-bottom:20px} .news-in-paper .aside-con{margin-bottom:20px} .news-in-paper .aside>div{padding:20px 10px} .p-d-rec .title{margin-bottom:15px !important} .p-d-rec .all-param{display:block;opacity:1} .p-d-rec{margin-bottom:30px} .news-in-paper .other-news .list{margin-bottom:15px} .main-box .main-left-box .table-title{font-size:20px;line-height:28px;padding:15px 10px;margin-bottom:15px;background-color:var(--public-color);color:#fff} .main-box .main-left-box .table-title::before{height:15px;position:absolute;top:17px;left:0;background-color:#fff} .main-box .main-left-box .h2 a{font-size:18px;line-height:26px} .main-box .main-left-box .h2{margin-bottom:15px;padding-bottom:0px} .main-box .name-box ul{padding-top:0} .main-box .name-box li{margin-bottom:10px} .main-box .name-box li a{font-size:16px;line-height:24px} .main-box .name-box li::before{top:8px} .main-box .name-box + .name-box{padding-top:10px} .main-box .main-left{margin-bottom:30px;position:relative} .main-box .article{width:100%} .main-box .aside{width:100%} .main-box .news-name{display:none} .main-box .main-left .main-left-box{position:fixed;left:-17px;top:50px;z-index:3;background-color:#fff;border-bottom:2px solid var(--public-color)} .main-box .main-left .main-left-box.active{left:0} .main-box .main-left .main-left-box.active .news-name{padding-left:10px;padding-top:20px} .main-box .table-title .s1{display:none;color:#fff} .main-box .table-title .s2{display:flex;color:#fff} .main-box .table-title{background-color:var(--public-color-red)} .main-box .table-title.active .s1{display:flex;align-items:center;justify-content:space-between;padding-right:15px} .main-box .table-title.active .s1 strong{color:var(--public-color-red)} .main-box .table-title.active .s2{display:none} .main-box .main-left-box{border:none} .main-box .main-left-box .table-title{padding:10px;margin-bottom:0} .main-box .main-left-box .table-title.active{left:0} .main-box .main-left{width:0} .main-box{gap:0} .main-box .main-top{width:100%} .news-in-paper .box-tail .left{margin-bottom:0} .news-in-paper .box-tail .right .a-jd{width:auto;padding:0 30px !important} .news-in-paper .aside-con .a-jd{margin-bottom:20px} .news-in-paper span.img-small{width:20px;margin-right:10px} .news-in-paper .aside .aside-con{margin-bottom:30px;position:static;width:100%;align-items:center;padding:20px 15px;margin-bottom:0} .news-in-paper .aside .a-box a{margin-bottom:10px} .news-name-box{padding:10px 15px} .main-box .aside{flex-direction:column;min-width:auto;position:static} .news-in-paper .other-news .box:nth-last-of-type(1){margin-bottom:0} .new-in-pro .content{grid-template-columns:repeat(2,1fr)} .news-name-box .table-title{font-size:24px;line-height:32px} .news-name-box .h2 a{font-size:16px;line-height:24px} .main-box .name-box + .name-box{padding-top:5px} .main-box .news-name{margin-top:15px} .new-in-pro{padding-top:30px} .new-in-pro .all-pag{width:100%;display:flex;justify-content:center;gap:10px;bottom:-20px} .new-in-pro .all-pag span{background-color:var(--public-color);opacity:.2} .new-in-pro .all-pag span.swiper-pagination-bullet-active{opacity:1} .new-in-pro .grid{gap:35px} } .ex-select{position:sticky;top:80px;z-index:20;background-color:#fff;padding:30px 0;border-bottom:1px solid #eee} .ex-select .ex-nav{display:flex;align-items:center;flex-wrap:wrap;gap:0} .ex-select .ex-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:0 30px;font-size:18px;line-height:28px;letter-spacing:0;color:#333;text-decoration:none;transition:color .3s ease} .ex-select .ex-nav-item:first-child{padding-left:0} .ex-select .ex-nav-item:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background-color:#ddd} .ex-select .ex-nav-item::before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--public-color);flex-shrink:0} .ex-select .ex-nav-item:hover{color:var(--public-color);font-weight:500} .ex-paper{padding:50px 0 120px} .ex-paper .ex-content{scroll-margin-top:190px} .ex-paper .ex-content:not(:last-child){margin-bottom:80px} .ex-paper .ex-content > .title{border-bottom-color:rgba(90,180,232,.3)} .ex-paper .ex-item{border-bottom-color:rgba(90,180,232,.15)} .ex-select{border-bottom-color:rgba(90,180,232,.2)} .ex-paper .card:hover{box-shadow:0 6px 20px rgba(90,180,232,.15)} .ex-paper .ex-content > .title{font-size:32px;line-height:42px;letter-spacing:0;color:#275eaa;font-weight:600;padding-bottom:30px;margin-bottom:0;border-bottom:1px solid #eee} .ex-paper .ex-item{padding:35px 0;border-bottom:1px solid #eee} .ex-paper .ex-item-title{font-size:22px;line-height:32px;letter-spacing:0;color:#275eaa;font-weight:700;margin-bottom:12px} .ex-paper .ex-item-info{margin-bottom:25px} .ex-paper .ex-item-info p{font-size:16px;line-height:26px;letter-spacing:0;color:#666;margin:0} .ex-paper .ex-item-swiper-wrap{position:relative} .ex-paper .ex-item-swiper{overflow:hidden} .ex-paper .ex-item-swiper .swiper-slide img{width:100%;height:240px;object-fit:cover;display:block} .ex-paper .ex-item-swiper .swiper-button-prev,.ex-paper .ex-item-swiper .swiper-button-next{width:32px;height:32px;margin-top:0;background:rgba(255,255,255,.85);border-radius:50%;color:var(--public-color);border:1px solid rgba(90,180,232,.3);box-shadow:none;transform:translateY(-50%)} .ex-paper .ex-item-swiper .swiper-button-prev:after,.ex-paper .ex-item-swiper .swiper-button-next:after{font-size:14px;font-weight:700} .ex-paper .ex-item-swiper .swiper-button-prev{left:12px} .ex-paper .ex-item-swiper .swiper-button-next{right:12px} .ex-paper .ex-item-swiper .swiper-button-disabled{opacity:.3} .ex-paper .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px} .ex-paper .grid:empty{margin-top:0} .ex-paper .card{background-color:#f4f4f4;padding:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:left;transition:box-shadow .3s ease;display:flex;flex-direction:column;height:100%} .ex-paper .card .logo{display:flex;align-items:center;justify-content:center;min-height:150px;margin-bottom:0;background-color:#fff;padding:25px 18px} .ex-paper .card .logo img{max-height:90px;width:auto;object-fit:contain} .ex-paper .card .name{font-size:14px;line-height:20px;letter-spacing:0;color:#275eaa;font-weight:700;text-transform:uppercase;padding:16px 16px 0;margin-bottom:10px} .ex-paper .card .desc{padding:0 16px 22px;font-size:13px;line-height:20px;color:#888} .ex-paper .card .desc p{font-size:13px;line-height:20px;letter-spacing:0;color:#888;margin:0 0 8px;text-align:left;word-break:break-word} .ex-paper .card .desc p:last-child{margin-bottom:0} .ex-paper .card .desc strong{font-weight:700} @media(max-width:1200px){ .ex-paper .grid{grid-template-columns:repeat(3,1fr)} } @media(max-width:992px){ .ex-paper .grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:899px){ .ex-paper{padding:40px 0 80px} .ex-paper .ex-content{scroll-margin-top:130px} .ex-paper .ex-content:not(:last-child){margin-bottom:50px} .ex-paper .ex-content > .title{font-size:26px;line-height:34px;padding-bottom:18px} .ex-select .container-xl{padding:0} .ex-select .ex-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 15px;padding-right:52px} .ex-select .ex-nav::-webkit-scrollbar{display:none} .ex-select .ex-nav-item{flex-shrink:0;white-space:nowrap;padding:0 22px;font-size:15px;line-height:24px} .ex-select .ex-nav-item:first-child{padding-left:0} .ex-paper .ex-item-swiper .swiper-slide img{height:200px} } @media(max-width:768px){ .ex-select{padding:12px 0} .ex-select{top:50px} .ex-select .ex-nav{padding:0 15px;padding-right:52px} .ex-select .ex-nav-item{padding:8px 16px;font-size:14px;line-height:22px;gap:8px} .ex-select .ex-nav-item::before{border-top-width:4px;border-bottom-width:4px;border-left-width:6px} .ex-paper{padding:30px 0 60px} .ex-paper .container-xl{padding:0 15px;padding-right:52px} .ex-paper .ex-content{scroll-margin-top:120px} .ex-paper .ex-content:not(:last-child){margin-bottom:35px} .ex-paper .ex-content > .title{font-size:22px;line-height:32px;padding-bottom:15px} .ex-paper .ex-item{padding:20px 0} .ex-paper .ex-item-title{font-size:18px;line-height:26px;margin-bottom:10px} .ex-paper .ex-item-info{margin-bottom:18px;word-break:break-word;overflow-wrap:break-word} .ex-paper .ex-item-info p{font-size:14px;line-height:22px} .ex-paper .ex-item-swiper .swiper-slide img{height:180px} .ex-paper .ex-item-swiper .swiper-button-prev,.ex-paper .ex-item-swiper .swiper-button-next{width:28px;height:28px} .ex-paper .ex-item-swiper .swiper-button-prev:after,.ex-paper .ex-item-swiper .swiper-button-next:after{font-size:12px} .ex-paper .grid{grid-template-columns:1fr;gap:20px;margin-top:25px} .ex-paper .card:hover{box-shadow:0 2px 12px rgba(0,0,0,.08)} .ex-paper .card .logo{min-height:110px;padding:16px 14px} .ex-paper .card .logo img{max-height:70px} .ex-paper .card .name{padding:12px 14px 0;margin-bottom:6px;font-size:13px;line-height:18px;word-break:break-word} .ex-paper .card .desc{padding:0 14px 16px;word-break:break-word;overflow-wrap:break-word} .ex-paper .card .desc p{font-size:12px;line-height:18px;margin-bottom:6px} } @media(max-width:540px){ .ex-paper .ex-item-swiper .swiper-slide img{height:160px} .ex-paper .card .logo{min-height:100px;padding:14px 12px} .ex-paper .card .logo img{max-height:60px} .ex-select .ex-nav-item{padding:8px 14px;font-size:13px;line-height:20px} } @media(max-width:430px){ .ex-select .ex-nav{padding-right:48px} .ex-paper .container-xl{padding-right:48px} .ex-select .ex-nav-item{padding:8px 12px;font-size:13px;line-height:20px} .ex-paper .grid{gap:18px} } .product-search-paper .product-search-title{margin-bottom:40px} .product-search{padding:0 0 120px} .product-search-head{margin-bottom:60px} .product-search-form{max-width:640px;margin-bottom:20px} .product-search-input-wrap{display:flex;align-items:center;height:56px;background:#ffffff;border:2px solid #e9e9f3;border-radius:12px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease} .product-search-input-wrap:focus-within{border-color:var(--public-color);box-shadow:0 4px 20px rgba(30,33,136,.1)} .product-search-input{flex:1;min-width:0;height:100%;padding:0 20px;font-size:16px;line-height:24px;color:#333333;background:transparent;border:0} .product-search-input::placeholder{color:#999999} .product-search-submit{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--public-color);color:#ffffff;border:0;cursor:pointer;transition:background .3s ease} .product-search-submit:hover{background:#333333} .product-search-meta{margin:0} .product-search-count{font-size:16px;line-height:24px;color:#666666} .product-search-count strong{color:var(--public-color);font-weight:600} .product-search-summary{font-size:16px;line-height:26px;color:#666666;margin-top:8px} .product-search-empty{text-align:center;padding:80px 20px;background-color:#f4f6f9;border-radius:16px} .product-search-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 25px;background-color:#e9e9f3;border-radius:50%;color:var(--public-color)} .product-search-empty-title{font-size:24px;line-height:32px;font-weight:600;color:#333333;margin-bottom:12px} .product-search-empty-text{font-size:16px;line-height:26px;color:#666666} .product-search-empty-text a{color:var(--public-color);text-decoration:underline;text-underline-offset:3px} .product-search-empty-text a:hover{color:#333333} .product-search-paper .small-nav ul li span{font-size:18px;line-height:24px;color:var(--public-color);font-weight:400} @media (min-width:1200px) and (max-width:1430px){ .product-search{padding-bottom:100px} .product-search-head{margin-bottom:50px} .product-search-empty{padding:60px 20px} } @media(max-width:899px){ .product-search .product-list-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px} .product-search-head{margin-bottom:40px} } @media(max-width:768px){ .product-search-paper .product-search-title{margin-top:40px;margin-bottom:25px} .product-search{padding-bottom:60px} .product-search-head{margin-bottom:30px} .product-search-form{max-width:100%} .product-search-input-wrap{height:48px} .product-search-input{font-size:16px;padding:0 15px} .product-search-submit{width:48px;height:48px} .product-search .product-list-grid{grid-template-columns:1fr;gap:25px} .product-search-summary{font-size:14px;line-height:22px} .product-search-empty{padding:50px 20px} .product-search-empty-title{font-size:20px;line-height:28px} .product-search-paper .small-nav ul li span{font-size:14px;line-height:26px} }