/*通用样式*/ :root{ --public-color:#b60e1a; --max:1430px; } .img-responsive{max-width:100%;height:auto} /*#region thumb-items*/ .thumb-selectors {overflow: hidden;clear: both;margin:0 0 10px 0;padding:15px;} .product-thumb{border: none;} /* .justify-content-center{justify-content: flex-start !important;} */ .banner-nav{padding: 0;} body{font-size:16px;line-height:28px;font-family:'Poppins', sans-serif;letter-spacing:-.2px;} a{display:inline-block;transition: all .6s;} a:hover{color: var(--public-color);} .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:1430px){ .container-xl.m-right{padding:0 15px} .container-xl.m-left{padding:0 15px} } @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} } .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;} .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-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;} /*header*/ .in-header .header{position: relative;} .header{position: relative;left: 0;top: 0;width: 100%;z-index: 99;padding: 0;} .header .max-1830px{max-width: 1830px;} .header .row-nav{display: flex;align-items: center;} .header .header-nav{display: flex;align-items: center;justify-content: space-between;} .header .header-nav .top-logo{padding:0;display: flex;align-items: center;} .header .header-nav .top-logo .text{margin-left: 10px;} .header .header-nav .top-logo .text .top-text1{font-size:28px;font-weight: 600;line-height: 32px;color: #000;} .header .header-nav .top-logo .text .top-text2{font-size: 16px;font-weight: 400;line-height: 20px;color: #666;margin-top: 10px;} /* top-logo */ /* .header .header-top{padding-top: 6px;} */ .header .header-top{padding-top: 0px;padding-bottom: 0px;height: 100px;display: flex;align-items: center;justify-content: center;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: relative;} .header-desc{background:#f1f1f1; padding: 8px 0;} .header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;} .header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;} .top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;} .top-tel a{color: #666666;} .top-tel a:hover{color: #2455bf; transition: all 0.3s;} .top-lang{text-transform:uppercase;margin-left: 15px;} .dropdown.lang .dropdown-toggle:after{color: #333333;} .dropdown.lang .dropdown-menu {right: -40px;left: inherit;} .top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: 600;color:#333333;font-size: 18px;} .public-social span,.public-social a{border-radius:5px;} .navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;} .navbar .dropdown.pc:hover>.dropdown-menu{left: -15px;} .header .topcontact{display: flex;justify-content: flex-end;align-items: center} .header .topcontact li::after{content: "";width: 1px;height: 17px;background-color: rgba(255,255,255,.2);display: inline-block;margin-left: 20px;margin-right: 20px;} .header .topcontact li:nth-last-of-type(1)::after,.header .topcontact li:nth-last-of-type(2)::after{display: none;} .header .topcontact a.font-sty,.header .topcontact .icon{color: #fff;font-size: 16px;} .header .topcontact .cmsfont{padding-right: 15px;} .header .head-top-a{background-color: #333333;height: 40px;display: flex;align-items: center;} .header .social>span{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;} .header .social .hover-2{color: #fff !important;} .header .social .hover-2::before,.header .icon-instagram:before{font-size: 21px !important;} .header .social>a.social-pinterest{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;} .header .social-all .social{width: 18px;height: 18px;} .header .social>a{font-size: 21px;} .header .social-all{margin-left:36px} .header .social-all .social + .social{margin-left: 20px;} /*默认pc头部样式*/ .header-box{height: 100px;} .header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;animation: fadeInDown .4s;border-bottom: 1px solid var(--public-color);animation:fadeInDown .6s ease-in-out forwards;background-color:#fff;} .header.fadeInDown .navbar-custom .navbar-nav .nav-item {height: 75px;} .header.fadeInDown .ul-box{top: 75px;} @keyframes fadeInDown { 0% {opacity: 0;transform: translate3d(0, -100%, 0);} 100% {opacity: 1;transform: none;} } .header.fadeInDown .navbar-custom .navbar-nav .nav-link, .header.fadeInDown .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after, .header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle, .header.fadeInDown .dropdown.lang .dropdown-toggle:after{color: #333;} .header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle, .header.fadeInDown .navbar-custom .navbar-nav .active .nav-link, .header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after, .header.fadeInDown .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);} .header .header-top .toch{margin-left: 15px;} .header .header-top .toch a{background-color: var(--public-color);border-radius: 25px;color: #fff;font-size:16px;width:140px;height:40px;font-weight:400;display: flex;align-items: center;justify-content: center;} .header .header-top .toch a:hover{background-color: var(--public-color);color: #fff !important;} .dropdown-toggle::after{margin-left: 0;} .all-font{font-family: 'Archivo';} /*默认导航样式*/ .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 7px;height: 90px;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle,.navbar-custom .navbar-nav .active .nav-link,.navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;height: 100%;padding:0;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:18px;line-height:32px;padding: 0 10px;font-weight: 600;} .navbar-custom .navbar-nav .nav-link:before {content:"";width:0px;height:5px;margin-left:0!important;background:var(--public-color);position:absolute;bottom: 0;border-radius: 2px;transition: all .6s;} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .active .nav-link:before{width:100%;transition:all .6s} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{padding:0 5px 0 10px;} .dropright .dropdown-toggle::after{margin-top:0;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out;transform: none !important;} .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)} .navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropdown-toggle{color: #16181b !important;display: flex;align-items: center;justify-content: space-between;} .navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropright:hover .dropdown-toggle{color: var(--public-color) !important;} @media(max-width:1330px) { .navbar-custom .navbar-nav .nav-link {font-size: 18px;padding:0 4px;} } @media(max-width:1280px) { .navbar-custom .navbar-nav .nav-link {font-size: 17px;} .navbar-custom .navbar-nav .nav-item { margin: 0 5px; } } @media(max-width:1200px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item { margin: 0; } .header .header-top .toch{display: none;} } @media(max-width:1100px) { .navbar-custom .navbar-nav .nav-link {font-size: 14px;} .navbar-custom .navbar-nav .nav-item{margin: 0;} } .dropdown-item.active, .dropdown-item:active{color: var(--public-color);} .dropdown-item:hover, .dropdown-item:focus{color: var(--public-color);} /*移动端头部样式*/ @media(max-width:768px){ .dropdown.lang .dropdown-toggle:after{color: #fff;} body{padding-top:50px;font-size:14px;} .header-mb{background:#000;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:30px;width:auto;} .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:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff} .header-mb .top-mb .icon-bars{color:#fff} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%} .top-mb-search-box .search-group{width:100%;height:34px} .top-mb-feed i{font-size:16px;color:#fff} .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} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:#fff} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } /*#endregion*/ /*#region 移动端栏目列表*/ .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: 0rem; } .content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper ol { margin-left: 1em; padding-left: 1em; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; } .content-wrapper table p{margin-bottom: 0;} /* .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dcdcdc; text-align: center; } */ .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} /*#表格*/ /* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */ .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: var(--public-color);} .table-wrapper table tr td:first-child,.table-wrapper table tr th:first-child{text-align: center;} .table-wrapper table tr:nth-child(odd){background-color:#fff;} .table-wrapper table tr:nth-child(even){background-color: #f3f3f3} .table-wrapper table th{background-color: #ececec;color: #333333;padding: 30px 0;} .table-wrapper table td { padding:15px 0; vertical-align: middle; font-size: 16px;color: #666;font-weight: 400;text-align: center;} .table-wrapper table td + td,.table-wrapper table th + th{border-left: 2px solid #e7e7e7;} .table-wrapper table td:nth-child(even){font-family: '600';} .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: solid 2px #e7e7e7;} @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; } } @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} .reveal-modal .close-reveal-modal:hover{color:var(--public-color)} @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-feedback .btn{font-size:18px;line-height:23px;color:#fff;font-family:'Archivo';width:188px;height:48px;border-radius:8px;background-color:var(--public-color);transition:ease-in-out .4s} .form-feedback .btn:hover{background-color:#fff;color:var(--public-color)} @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s} .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 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} /*#搜索*/ .search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:rgba(0,0,0,0.5);height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.5)} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#333;font-size:1.5rem} .top-search-box{position:relative;} .top-search-box li .top-search {border-radius:10px;} .top-search-box{cursor:pointer;z-index: 10;border-radius:5px;overflow: hidden;margin-right: 5px;width: 30px;height: 30px;display: flex;justify-content: center;} .top-search-box i{color:#333;font-size: 16px;} .top-search-box i.icon-1{color: #ffffff;} .top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0} .top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -7px;top: 40px;z-index: 99;padding:0;background-color: #fff;display: block;animation: fadeIn 0.5s ease-in-out;} .top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;} /* .in-header .top-search-box i{color: ;} */ /* .in-header .header.fadeInDown .top-search-box i{color: #fff;} */ .header .dropdown.lang .dropdown-toggle{padding:0;} .header .top-lang{display:flex;align-items:center;position:relative;} .header .top-lang .dropdown.lang{position:static;padding-left:18px;border-left:1px solid #cccccc;} .header .top-lang .dropdown-menu{left:auto;right:0;} .header .navbar-custom .navbar-nav > .nav-item:hover .nav-link{color:var(--public-color);} .all-shu{position: relative;} .all-shu:last-child::after{display: none;} .all-shu::after{content: "";width: 1px;height: 15px;background-color: #ccc;position: absolute;right: 0;top:8px;} .home-applications-header{width:100%;left:0 !important;top:85px} .home-applications-header .products-nav{display:flex;width:100%} .home-applications-header .products-left{flex:1;max-width:310px;border-right:1px solid #ccc;padding:40px 0} .home-applications-header .products-left .item{display:flex;justify-content:space-between;font-size:20px;line-height:42px;padding:10px 0;border-bottom:1px solid #ccc;max-width:250px;cursor:pointer} .home-applications-header .products-left .item::after{content:'\f105\f105';font-family:CmsFont;margin-left:20px;font-weight:bold;cursor:pointer} .home-applications-header .products-left .item.active{color:var(--public-color)} .home-applications-header .products-right{flex:1} .home-applications-header .products-right .item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px 30px;color:#000;padding:20px 30px;} .home-applications-header .products-right .item-grid .item{text-align:center;display:flex;flex-direction:column;align-items:center;padding:5px 0} .home-applications-header .products-right .item-grid .item .img{background:linear-gradient(#f5f5f5,#fff);width:100%;padding:20px 0;position:relative;} .home-applications-header .products-right .item-grid .item .img>img{mix-blend-mode:darken;max-width:180px} .home-applications-header .products-right .item-grid .item .text{font-size:14px;line-height: 20px;} .home-applications-header .products-right .item-grid .item .img-icon{background-repeat:no-repeat;background-size:100%;height:80px;width:80px;border-radius:50%;overflow:hidden;background-color:#fff;position:absolute;top:-10px;right:-20px;} .home-applications-header .products-right .item-grid .item:hover .img-icon{background-position: bottom;} .home-applications-header .products-right .item-grid{opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease-in-out;position:absolute;height:0} .home-applications-header .products-right .item-grid.active{opacity:1;visibility:visible;transform:translateY(0);position:static;height:auto} .banner{position:relative;z-index:7} .banner .container-xl{height:100%} .banner .text{height:100%;text-align:left} .banner .text .t2{font-size:20px;line-height:28px;color:#333;padding-top:50px} .banner .text .t1{font-size:54px;line-height:40px;color:#b60e1a;font-weight:500;margin-top:20px} .banner .text .t1 sub{animation:blink-caret .5s infinite;background-color:var(--public-color);display:inline-block;height:1em;margin-bottom:0;margin-left:.2em;transform:translateY(1px);width:.15em} .quality-header .img .title sub{animation:blink-caret .5s infinite;background-color:var(--public-color);display:inline-block;height:1em;margin-bottom:0;margin-left:.2em;transform:translateY(1px);width:.15em} @keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}} .banner .text .t3{font-size: 42px;line-height: 46px;font-weight: 600;margin-top: 160px;} .banner .text .t4{font-size:20px;line-height: 28px;margin-top:30px;} .banner .swiper-pagination-bullet{width: 30px;height: 6px;border-radius: 0;background-color: #fff;} .banner-qt{position:relative;} .banner-qt a{color:#444;} .banner-qt a:hover{color:var(--public-color);} .banner-qt .breadcrumb{position:relative;height:60px;font-size: 14px;align-items: center;} .banner-qt .breadcrumb .breadcrumb-item:last-child{color:var(--public-color);} .banner-qt .breadcrumb-item+.breadcrumb-item::before{content:'\f105';font-family:'CmsFont';padding-right:15px;} .banner-qt .container-xl{height: 100%;position:relative;} .banner-qt .banner-text-box{height:calc(100% - 60px);display: flex;align-items:flex-end;padding-bottom: 30px;gap:60px;} .banner-qt .banner-text-box .t1{color:var(--public-color);font-size: 38px;line-height: 48px;font-weight: 500;} .banner-qt .banner-text-box .t2{font-size: 16px;line-height: 26px;color:#666;max-width:550px;text-align:left;} .banner-qt .banner-text-box i{font-style:normal;color:var(--public-color);} .banner-product .banner-text-box{flex-direction:column;align-items: flex-start;justify-content: center;gap:40px;} .banner-product .banner-text-box .t1{color:#000;font-size: 38px;line-height: 48px;font-weight: 500;} .banner-solutions .banner-text-box{flex-direction:column;align-items: flex-start;justify-content: center;gap:40px;max-width:750px;text-align:left} .banner-solutions .banner-text-box .t1{color:var(--public-color);font-size: 38px;line-height: 48px;font-weight: 500;} .banner-solutions .banner-text-box .t2{max-width:750px;} .banner-solutions-content .banner-text-box{flex-direction:column;align-items: flex-start;justify-content: center;gap:0;max-width:900px;text-align:left;color:#666;position:relative;} .banner-solutions-content .desc{font-size: 20px;line-height: 28px;color:var(--public-color);margin-bottom: 20px;} .banner-solutions-content .title{font-size: 38px;line-height: 40px;font-weight: 500;max-width:700px;color:#333} .banner-solutions-content .t2{margin-top: 30px;font-size: 20px;font-weight: 500;margin-bottom: 70px;} .banner-solutions-content .t2-box{display: flex;gap:30px;} .banner-solutions-content .t2-box .item{background-color: #fff;border-radius:10px;;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:20px;} .banner-solutions-content .t2-box .t2-title{font-size: 20px;color:var(--public-color);font-weight: 500;margin-bottom: 20px;} .banner-solutions-content .t2-box .t2-text{font-size: 16px;line-height: 24px;color:#666;} .banner-solutions-content .more-text{font-size: 20px;line-height:28px;font-weight: 500;color:var(--public-color);margin-top:40px;} .banner-solutions-content .more-text::after{content:'\f054 \f054';font-family:'CmsFont';font-weight: bold;margin-left: 20px;} .banner-solutions-content .img{position:absolute;top:-40px;right:-100px;z-index: 0;} .banner-about{position:relative;min-height:400px;z-index: 1;mix-blend-mode:darken;} .banner-about .container-xl{min-height:400px;} .banner-about .img{text-align: center;position:absolute;left:50%;top:0;transform: translateX(-50%);width: 100%;max-width:1280px;} .banner-about .img img{width:100%;} .banner-about .banner-about-text{height:calc(400px - 60px);display: flex;flex-direction: column;justify-content: center;gap:30px;} .banner-about .banner-about-title{font-size: 38px;line-height: 40px;font-weight: 500;max-width:1000px;text-align: center;color:var(--public-color);margin:0 auto;} .banner-about .banner-about-subtitle{font-size: 20px;line-height: 28px;color:#666;margin:0 auto;max-width:1200px;text-align: center;} .banner-video{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%} .banner-video::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(255,255,255,1) 8%, rgba(0,0,0,0.6) 55%);z-index:1} .banner-video-element{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;object-fit:cover;opacity:0;transition:opacity 0.5s ease-in-out} .banner-video-element.loaded{opacity:1} .banner-video .t1{text-transform: uppercase;} @media (max-width:768px) { .banner .text .t2{font-size:16px;line-height:22px;padding-top:30px} .banner .text .t1{font-size:24px;line-height:32px;margin-top:10px} .banner .text .t3{font-size:22px;line-height:36px;margin-top:60px} .banner .text .t4{font-size:13px;line-height:20px;margin-top:18px} .banner-qt .banner-text-box{flex-direction:column;gap:20px;padding-bottom:20px} .banner-qt .banner-text-box .t1{font-size:22px;line-height:30px} .banner-qt .banner-text-box .t2{font-size:13px;line-height:18px;max-width:95vw} .banner-qt .container-xl{padding-left:10px;padding-right:10px} .banner-qt .breadcrumb{height:36px;font-size:12px} .banner-about{min-height:auto;} .banner-about .banner-about-text{height: auto;} .banner-about .container-xl{min-height:auto;} .banner-about .banner-about-title{font-size:22px;line-height:28px} .banner-about .banner-about-subtitle{font-size:14px;line-height:20px} .banner-product .banner-text-box{gap:20px;padding-bottom:20px} .banner-product .banner-text-box .t1{font-size:22px;line-height:30px} .banner-solutions .banner-text-box{gap:20px;padding-bottom:20px;max-width:95vw} .banner-solutions .banner-text-box .t1{font-size:22px;line-height:30px} .banner-solutions .banner-text-box .t2{font-size:13px;line-height:18px;max-width:95vw} .banner-solutions-content .banner-text-box{gap:0;max-width:100vw} .banner-solutions-content .desc{font-size:16px;line-height:24px;margin-bottom:15px} .banner-solutions-content .title{font-size:22px;line-height:26px;max-width:95vw} .banner-solutions-content .t2{margin-top:16px;font-size:15px;margin-bottom:30px} .banner-solutions-content .t2-box{flex-direction:column;gap:12px} .banner-solutions-content .t2-box .item{padding:14px} .banner-solutions-content .t2-box .t2-title{font-size:16px;margin-bottom:8px} .banner-solutions-content .t2-box .t2-text{font-size:13px;line-height:20px} .banner-solutions-content .more-text{font-size:16px;line-height:24px;margin-top:15px} .banner-solutions-content .img{position:static;max-width:160px;margin-bottom:18px;right:auto;top:auto;z-index:0} } .home{margin-top: -300px;} .home .home-nav{position:-webkit-sticky;position:sticky;left:30px;top:100px;z-index:6;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);display:flex;flex-direction:column;max-width:210px;background-color:#fff;} .home .home-nav .item{padding:10px 30px;font-size:18px;border-bottom:2px solid transparent} .home .home-nav .item.active{border-left:2px solid var(--public-color)} .home .title{font-size: 38px;line-height: 42px;text-align: center;color:#333;font-weight: 500;} .home .title.after::after{content:'';display:block;width:46px;height:33px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='33px'%3E%3Cpath fill-rule='evenodd' fill='rgb(182,14,26)' d='M22.466,32.051 L12.000,25.510 L12.000,-0.000 L32.932,-0.000 L32.932,26.164 L22.466,32.051 ZM23.120,30.743 L29.661,26.818 L23.120,22.239 L23.120,30.743 ZM16.579,3.270 L16.579,7.195 L22.466,3.270 L16.579,3.270 ZM32.277,1.962 L12.654,13.736 L12.654,15.044 L32.277,3.270 L32.277,1.962 ZM32.277,5.232 L15.925,15.044 L15.925,16.352 L32.277,6.541 L32.277,5.232 ZM32.277,9.157 L16.579,18.969 L16.579,27.472 L18.541,28.780 L18.541,18.969 L22.466,17.006 L29.007,21.585 L29.007,12.428 L32.277,10.465 L32.277,9.157 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(182,14,26)' d='M-0.000,-0.000 L2.000,-0.000 L2.000,25.000 L-0.000,25.000 L-0.000,-0.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(182,14,26)' d='M44.000,-0.000 L46.000,-0.000 L46.000,25.000 L44.000,25.000 L44.000,-0.000 Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;margin:0 auto;margin-top:20px;} @media (max-width:768px) { .home{margin-top:0;} .home .home-nav{display: none;} .home .title{font-size:24px;line-height:32px;} .home .title.after::after{width:36px;height:26px;margin-top:10px;} } .home-advantages{padding:80px 0} .home-advantages .title{max-width:900px;margin:0 auto} .home-advantages .home-one-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px} .home-advantages .home-one-grid .item{text-align:center;max-width:445px;padding:50px 40px;margin-top:30px;transition:all .3s} .home-advantages .home-one-grid .item .sum{font-size:38px;line-height:42px;font-weight:600;color:var(--public-color)} .home-advantages .home-one-grid .item .text{font-size:18px;line-height:28px;color:#333;margin-top:20px} .home-advantages .home-one-grid .item:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);background:url(../../images/home-adv-bg.webp)} @media (max-width:768px) { .home-advantages{padding:40px 0;} .home-advantages .title{font-size:24px;line-height:32px;} .home-advantages .home-one-grid{grid-template-columns:repeat(1,1fr);gap:10px;} .home-advantages .home-one-grid .item{padding:0;} .home-advantages .home-one-grid .item .sum{font-size:20px;line-height:42px;font-weight:600;color:var(--public-color)} .home-advantages .home-one-grid .item .text{font-size: 14px;} } .home-products{padding:40px 0 80px} .home-products .title{max-width:900px;margin:0 auto} .home-products .home-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px} .home-products .home-products-grid .item{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);background:linear-gradient(#f5f5f5,#fff);display:flex;flex-direction:column;align-items:center;padding:40px 0} .home-products .home-products-grid .img{mix-blend-mode:darken;width:100%;overflow:hidden;text-align: center} .home-products .home-products-grid .img img{transition:all .3s} .home-products .home-products-grid .img:hover img{transform:scale(1.1)} .home-products .home-products-grid .text{padding:0 40px} .home-products .home-products-grid .text .t1{font-size:24px;line-height:42px;font-weight:500;display:flex;align-items:center;margin-bottom:30px} .home-products .home-products-grid .text .t1:hover span{text-decoration:underline} .home-products .home-products-grid .text .t1::after{content:'\f105\f105';font-family:CmsFont;margin-left:20px;font-weight:bold} .home-products .home-products-grid .text li{position:relative;padding-left:25px;font-size:16px;color:#666;} .home-products .home-products-grid .text li i{color:var(--public-color);font-style:normal} .home-products .home-products-grid .text li::before{content:'';position:absolute;left:0;top:44%;transform:translateY(-50%);width:20px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='15px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(182,14,26)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M3.000,4.999 L7.000,10.000 L16.000,1.000'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain} @media (max-width:768px) { .home-products{padding:20px 0 40px;} .home-products .title{font-size:24px;line-height:32px;} .home-products .home-products-grid{grid-template-columns:repeat(1,1fr);gap:10px;margin-top:20px;} .home-products .home-products-grid .item{padding:20px 0;} .home-products .home-products-grid .text{padding:0 10px;} .home-products .home-products-grid .text .t1{font-size:18px;line-height:28px;margin-bottom:16px;} .home-products .home-products-grid .text li{font-size:14px;} } .home-applications .home-applications-swiper{position:relative;padding:0 40px} .home-applications .swiper-slide{display:flex;align-items:center;justify-content:center;flex-direction:column} .home-applications .img{background-repeat:no-repeat;background-size:100% auto;height:6.25vw;max-height:170px;max-width:170px;min-height:170px;min-width:170px;width:6.25vw;overflow:hidden} .home-applications .swiper-slide:hover .img{background-position:bottom} .swiper-button-next:after{color:var(--public-color)} .swiper-button-prev:after{color:var(--public-color)} .home-about{margin-top:100px} .home-about .subtitle{text-align:center;font-size:20px;line-height:28px;color:var(--public-color);font-weight:500} .home-about .title{font-size:38px;line-height:42px;text-align:center;color:#333;font-weight:500;max-width:1000px;margin:0 auto} .home-about .title span{position:relative} .home-about .title span::before{content:'';position:absolute;left:0;bottom:6px;width:100%;height:15px;background-color:#f0cfd1;z-index:-1} .home-about-gif{margin-top:40px;text-align:center} .home-about-skip{margin-top:20px;height:3px;position:relative} .home-about-skip .custom-scrollbar{position:absolute;bottom:0;left:0;height:3px;background:#f0f0f0;border-radius:3px;width:100%} .home-tabss{position:relative} .home-tabss .home-tabs{display:flex;gap:40px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-top:20px} .home-tabss .home-tabs .tab{font-size:18px;line-height:28px;color:#333;padding:10px 20px;transition:all .3s;min-width:300px;cursor:pointer} .home-tabss .home-tabs .tab.active{background-color:var(--public-color);color:#fff} .home-tabss .ico{background-color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:0;width:52px;height:100%} .home-about-skip .custom-scrollbar::before{content:'';position:absolute;height:100%;width:var(--scroll-width,100px);left:var(--scroll-left,0);background:var(--public-color);border-radius:3px;transition:width 0.2s,left 0.2s} .home-about .hidden{display:none} @media (max-width:768px) { .home-products .home-products-grid{grid-template-columns:repeat(1,1fr);gap:10px;margin-top:20px;} .home-products .home-products-grid .item{padding:20px 0;} .home-products .home-products-grid .text{padding:0 10px;} .home-products .home-products-grid .text .t1{font-size:18px;line-height:28px;margin-bottom:16px;} .home-products .home-products-grid .text li{font-size:14px;} .home-applications .home-applications-swiper{padding:0 10px;} .home-applications .img{min-width:100px;max-width:100px;min-height:100px;max-height:100px;width:100px;height:100px;} .home-about{margin-top:40px;} .home-about .subtitle{font-size:14px;line-height:20px;} .home-about .title{font-size:24px;line-height:32px;} .home-about-gif{margin-top:18px;} .home-about-skip{margin-top:10px;} .home-tabss .home-tabs{gap:10px;margin-top:10px;} .home-tabss .home-tabs .tab{font-size:15px;min-width:160px;padding:5px 10px;} } .home-slides{margin-top:80px} .home-slides .slide{display:none;position:relative;flex-direction:column} .home-slides .slide.active{display:flex;} .home-slides .slide-box{padding:60px 80px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);display: flex;} .home-slides .slide-box .img{width:50%;position:relative} .home-slides .slide-box .text .more:hover{background-color:#333} .home-slides .slide-box .img img{width:100%;height:100%;object-fit:cover} .home-slides .slide-box .text{width:50%;padding:0 40px} .home-slides .slide-box .text .t1{font-size:28px;line-height:32px;color:#333;font-weight:500;margin:30px 0} .home-slides .slide-box .text .t2{font-size:20px;line-height:28px;color:var(--public-color);font-weight:500} .home-slides .slide-box .text .t3{font-size:16px;line-height:24px;color:#666;font-weight:400} .home-slides .slide-box .text .t3 i{color:var(--public-color);font-style:normal} .home-slides .slide-box .text .more{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .home-slides .slide-box .img-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer} .home-slides .slide-box .img-bg::before{content:'';background:url(../../images/home-play.webp) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;z-index:1} .home-slides .slide .container-xl{display: none;} .home-slides .slide.active .container-xl{display: block;} .home-about-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:50px} .home-about-grid .text{margin-top:20px;text-align:center;font-size:20px;line-height:32px} .home-abouts{padding:140px 0 80px;background:linear-gradient(to bottom,#fff 200px,#f5f5f5 200px)} .home-abouts-box{display:flex;align-items:flex-end;gap:80px} .home-abouts-box .img{width:50%;position:relative} .home-abouts-box .img img{position:relative;z-index:2} .home-abouts-box .img::after{content:'';position:absolute;top:-20px;left:-20px;width:300px;height:280px;background-color:rgba(182,14,26,0.2);z-index:1} .home-abouts-box .img::before{content:'';position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background-color:rgba(182,14,26,0.2);z-index:1} .home-abouts-box .text{width:50%;max-width:600px;display:flex;flex-direction:column;gap:10px;align-items: flex-start} .home-abouts-box .text .t2{font-size:16px;line-height:28px;color:var(--public-color);font-weight:500} .home-abouts-box .text .t1{font-size:28px;line-height:42px;color:#333;font-weight:400;letter-spacing:-1.4px} .home-abouts-box .text .t3{font-size:16px;line-height:28px;color:#666;font-weight:400} .home-abouts-box .text .t3 i{color:var(--public-color);font-style:normal} .home-abouts-box .text .more{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .home-abouts-box .img .img-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9;cursor:pointer} .home-abouts-box .img .img-bg::before{content:'';background:url(../../images/home-play.webp) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;z-index:1} .home-abouts-boxs{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr)} .home-abouts-boxs .img{display:flex;align-items:flex-end;height:38px;font-size:20px;color:var(--public-color);padding-bottom:20px;border-bottom:1px solid var(--public-color);line-height:22px;margin-bottom:40px} .home-abouts-boxs .img .sum{font-size:38px;font-weight:600;line-height:42px;margin-right:5px} .home-abouts-boxs .text{font-size:20px;max-width:360px} .home-why{padding:150px 0} .home-why .subtitle{text-align:center;font-size:20px;line-height:28px;color:var(--public-color);font-weight:500} .home-why .title{font-size:38px;line-height:42px;text-align:center;color:#333;font-weight:500;max-width:1000px;margin:0 auto} .home-why .title span{position:relative} .home-why .title span::before{content:'';position:absolute;left:0;bottom:6px;width:100%;height:15px;background-color:#f0cfd1;z-index:-1} .home-why-box{display:flex;padding:60px 80px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);margin-top:60px;gap:20px;justify-content:space-between} .home-why-box .img{width:50%;position:relative;max-width:560px} .home-why-box .text{width:44%} .home-why-box .text .t1{font-size:28px;line-height:32px;color:#333;font-weight:500;letter-spacing:-0.8px} .home-why-box .text .t2{font-size:20px;line-height:28px;color:var(--public-color);font-weight:500;margin-top: 20px} .home-why-box .text .t3{font-size:16px;line-height:24px;color:#666;font-weight:400;margin-top:20px} .home-why-box .text .t3 i{color:var(--public-color);font-style:normal} .home-why-box .text .more{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .home-why-box .img-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer} .home-why-box .img-bg::before{content:'';background:url(../../images/home-play.webp) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;z-index:1} .home-why-grid{margin-top:110px;display:grid;grid-template-columns:repeat(3,1fr);gap:80px} .home-why-grid .item{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);background:linear-gradient(#f5f5f5,#fff);display:flex;flex-direction:column;align-items:center;padding:15px 15px 30px} .home-why-grid .item .t1{font-size:20px;line-height:32px;font-weight:500;margin-top:30px;min-height:64px} /* .home-why-grid .item .t1::after{content:'\f105\f105';font-family:CmsFont;margin-left:20px;font-weight:bold} */ .home-why-grid .item .t2{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top:10px} .home-why-logo{max-width:1920px;margin:0 auto;display:flex;justify-content:space-evenly;margin-top:150px;overflow:hidden} .home-why-logo img{width:auto;height:80px;object-fit:cover;} .home-service{background-color:#f2f2f2;max-height:520px;max-width:1920px;margin:100px auto 0} .home-service .home-service-box{display:flex;justify-content:space-between} .home-service-left{max-width:700px} .home-service-left .title{font-size:38px;font-weight:400;text-align:left;margin-top:70px;position:relative} .home-service-left .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .home-service-left>.text{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top:40px} .home-service-left .home-service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:00px;margin-top:80px} .home-service-left .home-service-list .item{display:flex;flex-direction:column} .home-service-left .home-service-list .item .img{border-bottom:1px solid var(--public-color);padding-bottom:20px} .home-service-left .home-service-list .item .text{font-size:20px;line-height:28px;color:#333;font-weight:400;margin-top:20px} .home-service .service-list{color:#fff} .home-service .service-list .item{font-size:16px;line-height:42px} .home-service .service-list .item::before{content:'\f00c';font-family:CmsFont;margin-right:20px} .home-service-right{background-color:#fff;min-height:700px;width:510px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);margin-top:-130px;padding:0 70px;display:flex;flex-direction:column;justify-content:center;gap:50px} .home-service-right .title{font-size:36px;line-height:48px;color:#333} .home-service-right input.form-control{background-color:#f8f8f8;border:none;height:50px} .home-service-right .form-group{position:relative;} .home-service-right .form-group:has(input[required])::before, .home-service-right .form-group:has(textarea[required])::before{content:'';position:absolute;left:5px;top:15px;width:5px;height:20px;background-color:var(--public-color);z-index:1;} .home-service-right textarea.form-control{background-color:#f8f8f8;border:none;height:120px} .home-service-right button{background-color:var(--public-color);color:#fff;font-size:16px;line-height:32px;font-family:inherit;border:none;border-radius:0;width:100%;height:55px;display:block;text-align:center;transition:background 0.3s;box-shadow:none;font-weight:400;letter-spacing:0.5px;cursor:pointer;outline:none;margin:0 0 0 auto;padding:0} @media (max-width:768px) { .home-slides{margin-top:36px;} .home-slides .slide-box{padding:20px 8px;flex-direction:column;} .home-slides .slide-box .img{width:100%;min-width:160px;} .home-slides .slide-box .img img{height:auto;min-height:130px;} .home-slides .slide-box .text{width:100%;padding:0 6px;} .home-slides .slide-box .text .t1{font-size:17px;line-height:22px;margin:18px 0;} .home-slides .slide-box .text .t2{font-size:14px;line-height:21px;} .home-slides .slide-box .text .t3{font-size:13px;line-height:20px;} .home-slides .slide-box .text .more{margin-top:10px;padding:8px 14px;font-size:15px;} .home-slides .slide-box .img-bg::before{width:44px;height:44px;} .home-about-grid{margin-top:28px;grid-template-columns:1fr;gap:13px;} .home-about-grid .text{font-size:14px;} .home-abouts{padding:40px 0 32px;} .home-abouts-box{flex-direction:column;align-items:unset;gap:20px;} .home-abouts-box .img{width:100%;} .home-abouts-box .img::after{width:120px;height:70px;} .home-abouts-box .img::before{width:40px;height:40px;right: 0;} .home-abouts-box .img img{max-width:100%;height:auto;} .home-abouts-box .text{width:100%;max-width:none;} .home-abouts-box .text .t1{font-size:19px;line-height:29px;} .home-abouts-box .text .t2{font-size:13px;line-height:22px;} .home-abouts-box .text .t3{font-size:13px;line-height:22px;} .home-abouts-box .text .more{padding:7px 12px;font-size:14px;} .home-abouts-box .img .img-bg::before{width:44px;height:44px;} .home-abouts-boxs{margin-top:28px;grid-template-columns:1fr;} .home-abouts-boxs .img{height:auto;font-size:15px;padding-bottom:10px;margin-bottom:22px;} .home-abouts-boxs .img .sum{font-size:22px;line-height:28px;} .home-abouts-boxs .text{font-size:15px;} .home-why{padding:38px 0;} .home-why .subtitle{font-size:15px;line-height:20px;} .home-why .title{font-size:22px;line-height:28px;} .home-why-box{flex-direction:column;padding:20px 6px;gap:16px;} .home-why-box .img{width:100%;max-width:none;} .home-why-box .text{width:100%;} .home-why-box .text .t1{font-size:17px;line-height:22px;} .home-why-box .text .t2{font-size:13px;line-height:19px;} .home-why-box .text .t3{font-size:12px;line-height:19px;} .home-why-box .text .more{font-size:13px;margin-top:8px;padding:7px 13px;} .home-why-box .img-bg::before{width:44px;height:44px;} .home-why-grid{margin-top:30px;grid-template-columns:1fr;gap:13px;} .home-why-grid .item{padding:12px 8px;} .home-why-grid .item .t1{font-size:15px;line-height:21px;margin-top:14px;min-height:auto;} .home-why-grid .item .t2{font-size:12px;line-height:16px;margin-top:5px;} .home-why-logo{margin-top:33px;} .home-why-logo img{height:36px;} .home-service{margin:32px auto 0;max-height:none;} .home-service .home-service-box{flex-direction:column;} .home-service-left{max-width:none;} .home-service-left .title{font-size:17px;margin-top:16px;} .home-service-left .title::before{width:36px;height:36px;left:-8px;top:-8px;} .home-service-left>.text{font-size:12px;line-height:19px;margin-top:13px;} .home-service-left .home-service-list{grid-template-columns:1fr;gap:0;margin-top:22px;} .home-service-left .home-service-list .item .img{padding-bottom:6px;} .home-service-left .home-service-list .item .text{font-size:13px;line-height:18px;margin-top:7px;} .home-service-right{min-height:auto;width:100%;max-width:100vw;margin-top:0;padding:0 6px;box-shadow:none;gap:13px;} .home-service-right .title{font-size:16px;line-height:25px;} .home-service-right input.form-control{height:28px;} .home-service-right textarea.form-control{height:32px;} .home-service-right button{font-size:13px;line-height:22px;height:29px;} } .home-news{margin-top:130px;padding-bottom:60px} .home-news .title{font-size: 38px;line-height: 42px;font-weight: 500;text-align: center;} .home-news-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:80px} .home-news-grid .item{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);background:linear-gradient(#f5f5f5,#fff);display:flex;flex-direction:column;align-items:center;padding:15px 15px 30px} .home-news-grid .item .t1{font-size:20px;line-height:32px;font-weight:500;margin-top:30px;min-height:64px} .home-news-grid .item .t1::after{content:'\f105\f105';font-family:CmsFont;margin-left:20px;font-weight:bold} .home-news-grid .item .t2{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top:10px} .home-news-grid time{margin-top:20px;color:#666;display:inline-block} @media (max-width:768px) { .home-why{padding:60px 0;} .home-why .title{font-size:24px;line-height:32px;} .home-why-box{flex-direction:column;padding:30px 20px;gap:30px;} .home-why-box .img{width:100%;max-width:none;} .home-why-box .text{width:100%;} .home-why-box .text .t1{font-size:20px;line-height:28px;margin-top:24px;} .home-why-box .text .t2{font-size:16px;line-height:24px;} .home-why-box .text .t3{font-size:14px;line-height:22px;} .home-why-box .text .more{font-size:15px;margin-top:16px;padding:8px 16px;} .home-why-grid{margin-top:40px;grid-template-columns:1fr;gap:24px;} .home-why-grid .item{padding:18px 12px;} .home-why-grid .item .t1{font-size:18px;line-height:26px;margin-top:18px;min-height:auto;} .home-why-grid .item .t2{font-size:14px;line-height:21px;margin-top:8px;} .home-why-logo{margin-top:60px;} .home-why-logo img{height:48px;} .home-service{margin:60px auto 0;max-height:none;} .home-service .home-service-box{flex-direction:column;} .home-service-left{max-width:none;} .home-service-left .title{font-size:22px;margin-top:24px;} .home-service-left .title::before{width:60px;height:60px;left:-16px;top:-16px;} .home-service-left>.text{font-size:14px;line-height:22px;margin-top:20px;} .home-service-left .home-service-list{grid-template-columns:1fr;gap:0;margin-top:36px;} .home-service-left .home-service-list .item .img{padding-bottom:8px;} .home-service-left .home-service-list .item .text{font-size:16px;line-height:22px;margin-top:10px;} .home-service-right{min-height:auto;width:100%;max-width:100vw;margin-top:0;padding:0 16px;box-shadow:none;gap:24px;} .home-service-right .title{font-size:20px;line-height:32px;} .home-service-right input.form-control{height:38px;} .home-service-right textarea.form-control{height:70px;} .home-service-right button{font-size:15px;line-height:28px;height:42px;} .home-news{margin-top:33px;padding-bottom:20px;} .home-news .title{font-size:24px;line-height:32px;} .home-news-grid{margin-top:24px;grid-template-columns:1fr;gap:20px;} .home-news-grid .item{padding:12px 6px;} .home-news-grid .item .t1{font-size:16px;line-height:22px;margin-top:14px;min-height:auto;} .home-news-grid .item .t2{font-size:13px;line-height:20px;margin-top:6px;} .home-news-grid time{margin-top:8px;} } .footer{background:url(../../images/footer-bg.webp) no-repeat center center;background-size:cover;color:#fff;padding:70px 0 0;min-height:530px} .footer .footer-logo{filter:brightness(0) invert(1);width:230px;margin-bottom:40px} .footer .footer-logo img{width:100%} .footer .footer-head{display:flex;justify-content:space-between} .footer .footer-left-text{max-width:550px;font-size:16px;line-height:32px;color:#fff;margin-bottom:40px} .footer .social{gap:25px;margin-top:10px} .footer .hover-1,.footer .hover-2{background-color:var(--public-color) !important;color:#fff !important;width:44px;height:44px;font-size:20px !important;display:inline-flex;justify-content:center;align-items:center} .footer .hover-1::before,.footer .hover-2::before{font-size:20px;width:inherit} /* .footer .hover-1:hover,.footer .hover-2:hover{background-color:var(--public-color) !important;} */ .footer-right{flex:1;max-width:800px} .footer-right .footer-get{height:64px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px} .footer-right .footer-get .text{font-size:24px;line-height:32px;color:#fff} .footer-right .footer-get .more{display:inline-block;margin-top:20px;padding:10px 30px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .footer-right .title{font-size:20px;line-height:72px;font-weight:500} .footer-right .footer-lists{height:180px;display:flex;flex-direction:column;flex-wrap:wrap;flex:2} .footer-right .footer-lists .item{font-size:16px;line-height:calc(180px / 4);color:#fff;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .footer-right .footer-lists .item::before{content:'\f105';font-family:CmsFont;font-weight:bold;margin-right:10px} .footer-list-text{display:flex;justify-content:space-between} .footer-list-text .footer-contact{flex:1;max-width:180px} .footer-list-text .footer-contact .item{line-height:calc(180px / 4);display:flex} .footer-list-text .footer-contact .img{display:flex;align-items:center;min-width:40px} .footer-list-text .footer-contact .img img{margin-right:10px} .footer-list-text .footer-contact a{color:#fff;text-decoration:none} .footer-right a:hover{color:var(--public-color)} .footer-right .footer-lists .item:hover{color:var(--public-color)} .footer-right .footer-lists .item:hover::before{color:var(--public-color)} .footer-bottom{display:flex;align-items:center;height:100px;border-top:1px solid #808080;margin-top:40px} @media (max-width:768px) { .footer{padding:40px 0 0;min-height:auto;} .footer .footer-logo{width:160px;margin-bottom:24px;} .footer .footer-head{flex-direction:column;gap:24px;} .footer .footer-left-text{max-width:100%;font-size:14px;line-height:24px;margin-bottom:24px;} .footer .social{gap:18px;} .footer .hover-1,.footer .hover-2{width:38px;height:38px;font-size:16px !important;} .footer .hover-1::before,.footer .hover-2::before{font-size:16px;} .footer-right{max-width:100%;padding-top:24px;} .footer-right .footer-get{height:auto;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px;} .footer-right .footer-get .text{font-size:18px;line-height:26px;} .footer-right .footer-get .more{margin-top:12px;padding:8px 16px;font-size:14px;} .footer-right .title{font-size:16px;line-height:40px;} .footer-right .footer-lists{height:auto;flex-direction:column;gap:4px;} .footer-right .footer-lists .item{font-size:14px;line-height:32px;max-width:100%;} .footer-list-text{flex-direction:column;gap:8px;} .footer-list-text .footer-contact{max-width:100%;} .footer-list-text .footer-contact .item{line-height:32px;} .footer-list-text .footer-contact .img{min-width:32px;} .footer-bottom{flex-direction:column;align-items:flex-start;height:auto;padding:16px 0;margin-top:24px;} } .about-wrapper{max-width:1920px;margin:0 auto} .about-header{position:relative;margin-top:-60px} .about-header-box{position:absolute;top:0;display:flex;justify-content:space-between;max-width:1400px;width:100%;padding-top:180px} .about-header-box .title{font-size:38px;font-weight:400;text-align:left;margin-top:0;position:relative} .about-header-box .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .about-header-box .about-left{width:50%;max-width:600px} .about-header-box .about-left .title{font-size:38px;line-height:48px;font-weight:400;text-align:left;position:relative;letter-spacing:-0.8px} .about-header-box .about-left .subtitle{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top:20px} .about-header-box .about-right{width:50%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px} .about-header-box .about-right .item{display:flex;flex-direction:column} .about-header-box .about-right .item .img{display:flex;align-items:flex-end;height:38px;font-size:20px;color:var(--public-color);padding-bottom:20px;line-height:22px} .about-header-box .about-right .item .img .sum{font-size:38px;font-weight:600;line-height:42px;margin-right:5px} .about-header-box .about-right .item .text{font-size:20px;max-width:360px} .about-header-box .about-right .item .text{font-size:16px;line-height:28px;color:#333;font-weight:400} .about-content{padding:140px 0} .about-content-box{display:flex;justify-content:space-between;gap:80px} .about-content-box .about-content-left{width:50%;max-width:600px} .about-content-box .about-content-left .title{font-size:38px;line-height:48px;font-weight:500;text-align:left;position:relative;letter-spacing:-0.8px} .about-content-box .about-content-left .subtitle{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top:40px} .about-content-box .about-content-left .more{display:inline-block;margin-top:40px;padding:10px 30px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .about-content-box .about-content-right{width:50%} .about-content-box .about-content-right .img{width:100%;height:100%;position:relative} .about-content-box .about-content-right .img .img-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer} .about-content-box .about-content-right .img .img-bg::before{content:'';background:url(../../images/home-play.webp) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;z-index:1} .about-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:00px;margin-top:60px} .about-content-grid .item{display:flex;flex-direction:column;gap:20px} .about-content-grid .item .img{border-bottom:1px solid var(--public-color);padding-bottom:20px} .about-content-grid .item .t1{font-size:20px;line-height:40px;font-weight:500;color:var(--public-color)} .about-content-grid .item .t2{font-size:16px;line-height:28px;color:#666;font-weight:400;max-width:380px;margin-top:20px} .about-history{background-color:#f5f5f5;padding:70px 0} .about-history-box img{width:100%;mix-blend-mode:darken} .about-quality{padding:130px 0 110px} .about-quality-box{display:flex;justify-content:space-between;align-items:center;gap:80px} .about-quality-box .left{flex:1;max-width:610px} .about-quality-box .right{flex:1;max-width:640px} .about-quality-box .right .title{font-size:38px;line-height:48px;font-weight:500;text-align:left;position:relative;letter-spacing:-0.8px} .about-quality-box .right .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .about-quality-box .right .subtitle{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top:40px} .about-quality-box .more{display:inline-block;margin-top:20px;padding:10px 30px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .about-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-top:80px} .about-quality-grid .item{display:flex;flex-direction:column;gap:20px} .about-quality-grid .item .t1{font-size:20px;line-height:32px;min-height:64px} .about-quality-grid .item .t2{font-size:16px;line-height:28px;color:#666;font-weight:400;max-width:380px;margin-top:20px} .about-customers{padding:130px 0 110px;background-color:#f2f2f2} .about-customers-box{display:flex;flex-direction:column;gap:20px} .about-customers-box .title{font-size:38px;line-height:48px;font-weight:500;text-align:left;position:relative;letter-spacing:-0.8px;text-align:center} .about-customers-box .subtitle{font-size:20px;line-height:32px;color:#333;font-weight:400;margin-top:20px;max-width:1200px;margin:0 auto;text-align:center;margin-bottom:70px} .about-customers-swiper{padding:0 100px;overflow:hidden} .about-philosophy{padding:120px 0} .about-philosophy .title{font-size:38px;line-height:48px;font-weight:500;text-align:left;position:relative;letter-spacing:-0.8px;text-align:center} .about-philosophy .philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-top:80px} .about-philosophy .philosophy-grid .item{display:flex;flex-direction:column;gap:20px;position:relative} .about-philosophy .philosophy-grid .item .img{width:100%;height:100%;position:relative;z-index:1} .about-philosophy .philosophy-grid .item .text{font-size:28px;line-height:32px;font-weight:500;color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;text-align:center} @media (max-width: 991px) { .about-wrapper { max-width: 100%; } .about-header{ margin-top: 0; } .about-header-box{ position: static; flex-direction: column; padding-top: 70px; max-width: 100%; } .about-header-box .title, .about-header-box .about-left .title { font-size: 25px; line-height: 34px; } .about-header-box .about-left{ width:100%; max-width:none; } .about-header-box .about-left .subtitle{ font-size:14px; line-height:24px; margin-top:15px; } .about-header-box .about-right{ width:100%; grid-template-columns:1fr; gap:15px; margin-top:30px; } .about-header-box .about-right .item .img{ height:28px; font-size:16px; padding-bottom:12px; } .about-header-box .about-right .item .img .sum{ font-size:28px; line-height:32px; } .about-header-box .about-right .item .text{ font-size:14px; max-width:100%; line-height:22px; } .about-content { padding:50px 0; } .about-content-box{ flex-direction:column; gap:40px; } .about-content-box .about-content-left, .about-content-box .about-content-right{ width:100%; max-width:none; } .about-content-box .about-content-left .title{ font-size:22px; line-height:30px; } .about-content-box .about-content-left .subtitle{ font-size:14px; margin-top:20px; } .about-content-box .about-content-left .more{ margin-top:20px; padding:7px 15px; font-size:14px; } .about-content-box .about-content-right .img .img-bg::before{ width:46px; height:46px; } .about-content-grid{ grid-template-columns:1fr; gap:30px; margin-top:30px; } .about-content-grid .item .t1{ font-size:16px; line-height:26px; } .about-content-grid .item .t2{ font-size:14px; margin-top:10px; } .about-history{ padding:30px 0; } .about-quality{ padding:50px 0 40px; } .about-quality-box{ flex-direction:column; gap:40px; } .about-quality-box .left, .about-quality-box .right { max-width:none; } .about-quality-box .right .title{ font-size:22px; line-height:30px; } .about-quality-box .right .title::before{ width:54px; height:54px; left:-13px; top:-10px; } .about-quality-box .right .subtitle{ font-size:14px; margin-top:20px; } .about-quality-box .more{ margin-top:14px; padding:7px 15px; font-size:14px; } .about-quality-grid{ grid-template-columns:1fr; gap:30px; margin-top:30px; } .about-quality-grid .item .t1{ font-size:15px; min-height:auto; line-height:23px; } .about-quality-grid .item .t2{ font-size:13px; margin-top:10px; } .about-customers{ padding:40px 0 40px; } .about-customers-box .title{ font-size:20px; line-height:30px; } .about-customers-box .subtitle{ font-size:15px; margin-top:10px; margin-bottom:30px; } .about-customers-swiper{ padding:0 10px; } .about-philosophy{ padding:40px 0; } .about-philosophy .title{ font-size:20px; line-height:30px; } .about-philosophy .philosophy-grid{ grid-template-columns:1fr; gap:30px; margin-top:30px; } .about-philosophy .philosophy-grid .item .text{ font-size:18px; line-height:22px; } } .product-header-grid{display: grid;grid-template-columns: repeat(4,1fr);gap:100px;padding:60px 0 80px;} .product-header-grid .item{display: flex;flex-direction: column;gap:30px;align-items: center;position:relative;} .product-header-grid .item .t1{font-size: 20px;line-height: 32px;font-weight: 500;color:#333;text-align: center;transition:all 0.3s;} .product-header-grid .item .t2{font-size: 16px;line-height: 26px;color:#666;text-align: center;} .product-header-grid .item:nth-child(-n+3)::before{content:'';width:0px;height: 90px;border-left: 2px dashed #999;position:absolute;right:-45px;top:40px} .product-header-grid .item:hover .t1{color:var(--public-color);} .product-index{padding:130px 0;} .product-index-list{display:flex;flex-direction: column;gap:180px;} .product-index-list .item{display: flex;justify-content:space-between;} .product-index-list .item:nth-child(even){flex-direction: row-reverse;} .product-index-list .item .img{width:100%;height:100%;position:relative;max-width:700px;background-image: linear-gradient(0deg, #ffffff 0%, #f2f2f2 100%);} .product-index-list .item .img img{width:100%;height:100%;object-fit:cover;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);mix-blend-mode: multiply;} .product-index-list .item .img-icon{background-repeat:no-repeat;background-size:100% auto;height:6.25vw;max-height:170px;max-width:170px;min-height:170px;min-width:170px;width:6.25vw;overflow:hidden;position:absolute;right:-15px;bottom:-30px} .product-index-list .item:nth-child(even) .img-icon{right:auto;left:-30px;} .product-index-list .item .img-icon:hover{background-position:bottom} .product-index-list .item .text{max-width:620px;} .product-index-list .item .text .t2{font-size:20px;line-height:32px;font-weight:500;color:var(--public-color);} .product-index-list .item .text .t1{font-size:38px;line-height:48px;font-weight:500;color:#333;letter-spacing:-0.8px;} .product-index-list .item .text .t1::after{content:'\f105 \f105';font-family:CmsFont;margin-left:10px;} .product-index-list .item .text .t1:hover{color:var(--public-color);} .product-index-list .item .text .t3{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top: 50px;} .product-index-list .item .text ul li{font-size:16px;line-height:28px;color:#666;margin-bottom:10px;position:relative;padding-left:20px;} .product-index-list .item .text ul li::before{content:counter(list-counter) '.';counter-increment:list-counter;position:absolute;left:0;top:0;color:var(--public-color);font-weight:500;} .product-index-list .item .text ul{counter-reset:list-counter;} .product-index-list .item .text ul li i{color:var(--public-color);} .product-nav{position:fixed;left:30px;top:100px;z-index:6;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);display:flex;flex-direction:column;max-width:210px;background-color:#fff;opacity:0;visibility:hidden;transition:all 0.3s ease;} .product-nav.show{opacity:1;visibility:visible;} .product-nav .item{padding:10px 30px;font-size:12px;line-height: 18px;border-bottom:2px solid transparent;text-decoration:none;color:#333;transition:all 0.3s ease;} .product-nav .item:hover{color:var(--public-color);} .product-nav .item.active{border-left:2px solid var(--public-color);color:var(--public-color);} .product-list-list{padding:80px 0 150px;display: flex;justify-content: space-between;position:relative;} .product-list-list .left{max-width:400px;position: sticky;left: 0;top: 100px;height: fit-content;} .product-list-list .right{max-width:900px;} .product-list-list .left .t1{font-size: 24px;line-height: 42px;letter-spacing: -0.8px;margin-bottom: 30px;} .product-list-list .left .t2{display: flex;flex-direction:column;gap:20px;} .product-list-list .left .t2 .item{display: flex;flex-direction:column;padding:10px 20px;border-radius: 10px;transition:all 0.3s;} .product-list-list .left .t2 .item:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .product-list-list .left .t2 .item .t2-t1::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:#fff;width: 28px;height: 28px;background-color:var(--public-color);border-radius:10px;display: flex;align-items: center;justify-content: center;margin-right: 10px;} .product-list-list .left .t2 .item .t2-t1{font-size:20px;line-height: 28px;color: #333;font-weight: 400;margin-bottom: 10px;display: flex;} .product-list-list .left .t2 .item .t2-t2{font-size: 16px;line-height: 28px;color:#666;font-weight: 400;margin-bottom: 10px;padding-left: 38px;} .product-list-list .left .t2 .item .t2-t2 a{color:var(--public-color);} .product-list-list .left .t2 .item .t2-t2 a:hover{color:var(--public-color);} .product-list-list .left .t3{padding:20px;font-size: 20px;line-height: 28px;color:#666;font-weight: 400;margin-bottom: 10px;padding-left: 38px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .product-list-list .left .t3 .more{padding: 10px 30px;border-radius: 5px;background-color:var(--public-color);color:#fff;transition:all 0.3s;display: inline-block;margin-top: 20px;} .product-list-list .right{display: flex;flex-direction:column;gap:60px;width: 100%;} .product-list-list .right .item{display: flex;gap:20px;padding:30px;transition:all 0.3s;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);background: linear-gradient(#f5f5f5, #fff);} .product-list-list .right .item:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .product-list-list .right .item .img{width:100%;height:100%;position:relative;mix-blend-mode: darken;} .product-list-list .right .item .text{display: flex;flex-direction:column;gap:20px;max-width:480px;} .product-list-list .right .item .text .t2{font-size:20px;line-height:32px;font-weight:500;color:var(--public-color);} .product-list-list .right .item .text .t1{font-size:28px;line-height:48px;font-weight:500;color:#333;letter-spacing:-0.8px;} .product-list-list .right .item .text .t1:hover{color:var(--public-color);} .product-list-list .right .item .text .t3{font-size:16px;line-height:28px;color:#666;font-weight:400;} .product-list-list .right .item .text ul li{font-size:16px;line-height:28px;color:#666;margin-bottom:10px;position:relative;} .product-list-list .right .item .text ul li span{color:var(--public-color);} .product-list-list .right .item .text ul li::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .product-list-adv{} .product-list-adv .title{font-size:38px;line-height:48px;font-weight:500;color:#333;letter-spacing:-0.8px;text-align: center;} .product-list-adv .subtitle{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-top:20px;text-align: center;} .product-list-adv-grid{padding:100px 0;display: grid;grid-template-columns: repeat(3,1fr);gap:80px;} .product-list-adv-grid .item{display: flex;flex-direction: column;gap:20px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);background: linear-gradient(#f5f5f5, #fff);padding: 20px;} .product-list-adv-grid .item .img{width:100%;height:100%;position:relative;} .product-list-adv-grid .item .text{display: flex;flex-direction: column;gap:20px;} .product-list-adv-grid .item .text .t1{font-size:20px;line-height:32px;font-weight:500;color:#333;letter-spacing:-0.8px;min-height:64px;} /* .product-list-adv-grid .item .text .t1::after{content:'\f105 \f105';font-family:CmsFont;margin-left:10px;} */ .product-list-adv-grid .item .text .t2{font-size:16px;line-height:28px;color:#666;font-weight:400;} .product-list-logo{display: flex;justify-content:space-evenly;gap: 20px;max-width:1920px;margin:0 auto;overflow:hidden;margin-bottom: 70px;} .product-list-logo img{width:auto;height:80px;object-fit:cover;} .product-list-independently{background-color:#f2f2f2;padding:100px 0;} .product-list-independently-box{display:flex;gap:20px;justify-content:space-between} .product-list-independently-box .img{width:50%;position:relative;max-width:560px} .product-list-independently-box .text{width:50%} .product-list-independently-box .text .t1{font-size:38px;line-height:48px;font-weight:400;text-align:left;position:relative;letter-spacing:-0.8px;} .product-list-independently-box .text .t1::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .product-list-independently-box .text .t2{font-size:20px;line-height:28px;color:var(--public-color);font-weight:500;margin-top: 30px;} .product-list-independently-box .text .t3{font-size:16px;line-height:24px;color:#666;font-weight:400;margin-top:20px} .product-list-independently-box .text .t3 i{color:var(--public-color);font-style:normal} .product-list-independently-box .text .more{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .product-list-independently-box .img-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer} .product-list-independently-box .img-bg::before{content:'';background:url(../../images/home-play.webp) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;z-index:1} .product-list-strength{padding:100px 0;} .product-list-strength .product-list-strength-box{display:flex;justify-content:space-between;} .product-list-strength .product-list-strength-box .left{width:100%;max-width:880px;display: grid;grid-template-columns: repeat(2,1fr);gap:40px 50px;} .product-list-strength .product-list-strength-box .left .item{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:25px 40px} .product-list-strength .product-list-strength-box .left .item:nth-child(1){background:url(../../images/product-list-strength-1.webp) no-repeat center center;background-size:cover;} .product-list-strength .product-list-strength-box .left .item:nth-child(2){background:url(../../images/product-list-strength-2.webp) no-repeat center center;background-size:cover;} .product-list-strength .product-list-strength-box .left .item:nth-child(3){background:url(../../images/product-list-strength-3.webp) no-repeat center center;background-size:cover;} .product-list-strength .product-list-strength-box .left .item:nth-child(4){background-color:#f5f5f5;} .product-list-strength .product-list-strength-box .left .t1{font-size:24px;min-height:64px;} .product-list-strength .product-list-strength-box .left .t2{font-size:16px;color:#666;} .product-list-strength .product-list-strength-box .left .t2 span{color:var(--public-color);} .product-list-strength .product-list-strength-box .left .more{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .product-list-strength .product-list-strength-box .right{width:50%;max-width:380px;} .product-list-strength .product-list-strength-box .right .title{font-size: 38px;line-height: 48px;font-weight: 400;text-align: left;position: relative;letter-spacing: -0.8px;margin-bottom:100px;} .product-list-strength .product-list-strength-box .right .title::before{content:'';width: 6px;height: 33px;background-color:var(--public-color);display: inline-block;margin-right:10px;} .product-list-strength .product-list-strength-box .right .sum{font-size: 38px;line-height: 48px;color:var(--public-color);font-weight: 600;margin-bottom: 30px;} .product-list-strength .product-list-strength-box .right-list .item{margin-bottom:60px;font-size: 20px;color:#666;} .product-list-technology{padding:80px 0;} .product-list-technology .title{font-size:38px;line-height:48px;font-weight:500;text-align:left;position:relative;letter-spacing:-0.8px;margin-bottom:40px;text-align: center;} .technology-table{width:100%;border-collapse:collapse;margin-top:40px;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.1)} .technology-table th,.technology-table td{padding:20px;text-align:center;border:1px solid #e0e0e0} .technology-table thead th{background:#f2f2f2;font-weight:600;color:#333} .technology-table .table-header{display:flex;align-items:center;gap:30px;justify-content: center;} .technology-table .table-header .label{font-size:20px;font-weight:600;color:#333} .technology-table .table-header .label::after{content:'';width:0;height:0;border-left:16px solid var(--public-color);border-top:12px solid transparent;border-bottom:12px solid transparent;display:inline-block;margin-left:8px;} .technology-table .table-header .product-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center} .technology-table .table-header .product-image img{max-width:100%;max-height:100%;object-fit:contain} .technology-table tbody tr:nth-child(even){background-color:#f8f9fa} .technology-table tbody tr:hover{background-color:#e3f2fd;transition:background-color 0.3s ease} .technology-table .feature-name{font-weight:600;color:#333;text-align:left;min-width:400px;} .technology-table tbody td{font-size:14px;line-height:20px;color:#666;vertical-align:top} .technology-table tbody td:not(.feature-name){text-align:left;padding:25px 30px} .product-list-technology-modular{padding:100px 0 60px;background-color:#f2f2f2;} .product-list-technology-modular .title{font-size:38px;line-height:48px;font-weight:500;text-align:left;position:relative;letter-spacing:-0.8px;margin-bottom:40px;max-width:900px;} .product-list-technology-modular .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .product-list-technology-modular-box{display: flex;justify-content:space-between;} .product-list-technology-modular-box .left{width:50%;max-width:700px;} .product-list-technology-modular-box .left .text{font-size:16px;line-height:24px;color:#666;font-weight:400;margin-bottom:40px;letter-spacing:-0.4px;} .product-list-technology-modular-box .left-nav{display: flex;flex-direction:column;gap:20px;} .product-list-technology-modular-box .left-nav .item{background-color:#fff;padding:0 30px;height: 108px;display: flex;align-items: center;font-size: 20px;line-height: 28px;position:relative;margin-right: 100px;cursor: pointer;} .product-list-technology-modular-box .left-nav .item.active{background-color:var(--public-color);color:#fff;} .product-list-technology-modular-box .left-nav .item::after{content:'01';font-size:80px;line-height: 28px;color:#fff;font-weight: 500;position:absolute;right:40px;top:50%;transform:translateY(-50%);font-style: italic;opacity:0.2;} .product-list-technology-modular-box .left-nav .item:nth-child(1)::after{content:'01';} .product-list-technology-modular-box .left-nav .item:nth-child(2)::after{content:'02';} .product-list-technology-modular-box .left-nav .item:nth-child(3)::after{content:'03';} .product-list-technology-modular-box .left-nav .item:nth-child(4)::after{content:'04';} .product-list-technology-modular-box .left-nav .item.active::before{content:'';width:0;height:0;border-left:20px solid var(--public-color);border-top:15px solid transparent;border-bottom:15px solid transparent;position:absolute;right:-60px;top:50%;transform:translateY(-50%);} .product-list-technology-modular-box .right{display: flex;flex-direction:column;max-width:600px;} .product-list-technology-modular-box .right .item{display: none;flex-direction:column;} .product-list-technology-modular-box .right .item.active{display: flex;} .product-list-technology-modular-box .right .item .img{width:100%;height:100%;position:relative;} .product-list-technology-modular-box .right .item .t1{font-size:28px;line-height:32px;font-weight:500;color:#333;letter-spacing:-0.8px;margin-top: 40px;} .product-list-technology-modular-box .right .item ul li{font-size:16px;line-height:28px;color:#666;margin-bottom:10px;position:relative;margin-top: 20px;} .product-list-technology-modular-box .right .item ul li::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .product-list-technology-modular-box .right .item ul li span{color:var(--public-color);} .product-list-technology-modular-box-2{padding:130px 0 230px;} .product-list-technology-modular-box-2 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align: center;max-width:1000px;margin:0 auto 40px;} .product-list-technology-modular-box-2 .definiti-swiper{padding:0 100px;} .product-list-technology-modular-box-2 .definiti-swiper::after{content:'';width: 50px;height: 100%;position:absolute;left:0;top:0;background:#fff;z-index:1;} .product-list-technology-modular-box-2 .definiti-swiper::before{content:'';width: 50px;height: 100%;position:absolute;right:0;top:0;background:#fff;z-index:2;} @media (max-width: 768px) { .product-header-grid{grid-template-columns:1fr;gap:40px;padding:30px 0 40px} .product-header-grid .item{gap:15px;padding-bottom:30px} .product-header-grid .item:nth-child(-n+3)::before{display:none} .product-index{padding:60px 0} .product-index-list{gap:80px} .product-index-list .item{flex-direction:column !important;gap:30px} .product-index-list .item .img{max-width:100%;min-height:180px} .product-index-list .item .img-icon{right:0;left:auto;bottom:-20px;min-width:90px;min-height:90px;width:24vw;height:24vw;max-width:100px;max-height:100px} .product-index-list .item:nth-child(even) .img-icon{left:0;right:auto} .product-index-list .item .text{max-width:100%} .product-index-list .item .text .t2{font-size:16px;line-height:26px} .product-index-list .item .text .t1{font-size:24px;line-height:30px} .product-index-list .item .text .t3{font-size:14px;margin-top:20px} .product-index-list .item .text ul li{font-size:14px;line-height:22px;margin-bottom:5px;padding-left:15px} .product-nav{position:static;max-width:100%;padding:10px 0;flex-direction:row;box-shadow:none} .product-nav .item{padding:10px 10px;font-size:14px;min-width:unset;border-bottom:2px solid transparent;border-left:none;text-align:center;flex:1} .product-nav .item.active{border-left:none;border-bottom:2px solid var(--public-color)} .product-list-list{flex-direction:column;padding:30px 0 60px;gap:0px} .product-list-list .left{max-width:100%;position:static;top:auto;height:auto;margin-bottom:30px} .product-list-list .right{max-width:100%;gap:30px} .product-list-list .right .item{flex-direction:column;gap:10px;padding:14px} .product-list-list .right .item .img{max-height:inherit} .product-list-list .right .item .text{max-width:100%;gap:10px} .product-list-list .right .item .text .t1{font-size:18px;line-height:28px} .product-list-list .right .item .text .t2{font-size:16px;line-height:22px} .product-list-list .right .item .text .t3,.product-list-list .right .item .text ul li{font-size:14px;line-height:20px} .product-list-list .right .item .text ul li{margin-bottom:6px;padding-left:20px} .product-list-adv-grid{padding:40px 0;grid-template-columns:1fr;gap:30px} .product-list-adv .title{font-size:22px;line-height:30px} .product-list-adv .subtitle{font-size:14px;margin-top:10px} .product-list-adv-grid .item{padding:12px;gap:10px} .product-list-adv-grid .item .text .t1{font-size:16px;line-height:22px;min-height:30px} .product-list-adv-grid .item .text .t2{font-size:14px;line-height:20px} .product-list-logo{flex-wrap:wrap;gap:8px;margin-bottom:30px} .product-list-logo img{height:40px} .product-list-independently{padding:40px 0} .product-list-independently-box{flex-direction:column;gap:12px} .product-list-independently-box .img,.product-list-independently-box .text{width:100%;max-width:100%} .product-list-independently-box .img{margin-bottom:10px;max-width:100%} .product-list-independently-box .text .t1{font-size:22px;line-height:30px} .product-list-independently-box .text .t2{font-size:16px;margin-top:14px} .product-list-independently-box .text .t3{font-size:14px;margin-top:10px} .product-list-independently-box .text .more{padding:6px 15px;margin-top:12px;font-size:14px} .product-list-independently-box .img-bg::before{width:50px;height:50px} .product-list-independently-box .text .t1::before{width:60px;height:60px;left:-10px;top:-15px;background-size:contain} .product-list-strength{padding:40px 0} .product-list-strength .product-list-strength-box{flex-direction:column;gap:18px} .product-list-strength .product-list-strength-box .left{grid-template-columns:1fr;gap:20px 0;max-width:100%} .product-list-strength .product-list-strength-box .left .item{padding:14px 18px} .product-list-strength .product-list-strength-box .left .t1{font-size:14px;min-height:30px} .product-list-strength .product-list-strength-box .left .t2{font-size:12px} .product-list-strength .product-list-strength-box .right{width:100%;max-width:100%;margin-top:32px} .product-list-strength .product-list-strength-box .right .title,.product-list-strength .product-list-strength-box .right .sum{font-size:18px;line-height:30px;margin-bottom:20px} .product-list-strength .product-list-strength-box .right-list .item{margin-bottom:28px;font-size:14px} .product-list-technology{padding:40px 0} .product-list-technology .title{font-size:22px;line-height:30px;margin-bottom:20px} .technology-table{margin-top:20px;font-size:12px;overflow-x:auto;display:block;width:100%;box-shadow:none} .technology-table th,.technology-table td{padding:10px;font-size:12px} .technology-table .feature-name{min-width:200px;font-size:12px} .technology-table .table-header .label{font-size:14px} .technology-table .table-header .product-image{width:40px;height:40px} .product-list-technology-modular{padding:40px 0 30px} .product-list-technology-modular .title{font-size:22px;line-height:30px;margin-bottom:20px;max-width:100%} .product-list-technology-modular .title::before{width:60px;height:60px;top:-14px;left:-10px;background-size:contain} .product-list-technology-modular-box{flex-direction:column;gap:16px} .product-list-technology-modular-box .left,.product-list-technology-modular-box .right{width:100%;max-width:100%} .product-list-technology-modular-box .left .text{font-size:14px;margin-bottom:18px} .product-list-technology-modular-box .left-nav .item{padding:0 12px;height:66px;font-size:15px;margin-right:0} .product-list-technology-modular-box .left-nav .item::after{font-size:36px;right:10px} .product-list-technology-modular-box .left-nav .item.active::before{right:-20px;border-left-width:10px;border-top-width:8px;border-bottom-width:8px} .product-list-technology-modular-box .right{max-width:100%} .product-list-technology-modular-box .right .item .img{max-height:160px} .product-list-technology-modular-box .right .item .t1{font-size:16px;margin-top:18px} .product-list-technology-modular-box .right .item ul li{font-size:14px;margin-top:12px} .product-list-technology-modular-box-2{padding:40px 0 80px} .product-list-technology-modular-box-2 .title{font-size:20px;line-height:30px;margin-bottom:15px;max-width:100%} .product-list-technology-modular-box-2 .definiti-swiper{padding:0 10px} .product-list-technology-modular-box-2 .definiti-swiper::after,.product-list-technology-modular-box-2 .definiti-swiper::before{width:15px} } .faq-form{background-color:#f2f2f2;padding:0 0 30px;} .faq-form .faq-form-box{display: flex;justify-content:space-between;} .faq-form .faq-form-box .left{width:50%;max-width:600px;margin-top: 80px;} .faq-form .faq-form-box .right{width:50%;max-width:510px;} .faq-form .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;max-width:1000px;margin:0 auto 40px;} .faq-form .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .faq-form-box-list{display: flex;flex-direction:column;margin-top: 20px;} .faq-form-box-list .item{padding:30px;border-bottom:1px solid #e0e0e0;} .faq-form-box-list .item.active{background-color: #fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);} .faq-form-box-list .item .t1{font-size: 18px;line-height:28px;font-weight:500;color:#333;letter-spacing:-0.8px;} .faq-form-box-list .item .t1::before{content:'+';color:var(--public-color);font-size: 20px;margin-right: 10px;} .faq-form-box-list .item.active .t1::before{content:'-';} .faq-form-box-list .item .t2{font-size: 16px;line-height:24px;color:#666;font-weight:400;margin-top: 30px;display: none;padding-left: 20px;} .faq-form-box-list .item.active .t2{display: block;} .faq-form .right{background-color:#fff;min-height:700px;width:510px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);margin-top:-130px;padding:0 70px;display:flex;flex-direction:column;justify-content:center;gap:50px} .faq-form .title{font-size:36px;line-height:48px;color:#333} .faq-form input.form-control{background-color:#f8f8f8;border:none;height:50px} .faq-form .form-group{position:relative;} .faq-form .form-group:has(input[required])::before, .faq-form .form-group:has(textarea[required])::before{content:'';position:absolute;left:5px;top:15px;width:5px;height:20px;background-color:var(--public-color);z-index:1;} .faq-form textarea.form-control{background-color:#f8f8f8;border:none;height:120px} .faq-form button{background-color:var(--public-color);color:#fff;font-size:16px;line-height:32px;font-family:inherit;border:none;border-radius:0;width:100%;height:55px;display:block;text-align:center;transition:background 0.3s;box-shadow:none;font-weight:400;letter-spacing:0.5px;cursor:pointer;outline:none;margin:0 0 0 auto;padding:0} .product-list-support{padding:100px 0;} .product-list-support-box{display: flex;justify-content:space-between;align-items:flex-end;} .product-list-support-box .left{width:50%;max-width:700px;} .product-list-support-box .right{width:50%;max-width:700px;padding-bottom: 30px;} .product-list-support-box .right .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;max-width:1000px;margin:0 auto 40px;} .product-list-support-box .right .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .product-list-support-box-list{display:grid;grid-template-columns:repeat(3,1fr);gap:00px;margin-top:80px} .product-list-support-box-list .item{display:flex;flex-direction:column} .product-list-support-box-list .item .img{border-bottom:1px solid var(--public-color);padding-bottom:20px} .product-list-support-box-list .item .text{font-size:20px;line-height:28px;color:#333;font-weight:400;margin-top:20px} .product-content-header{padding:30px 0 120px} .product-content-head-box{display:flex;justify-content:space-between;gap:30px} .product-content-head-box-left{background-image:linear-gradient(0deg,#ffffff 0%,#f2f2f2 100%);box-shadow:0px 10px 20px 0px rgba(0,0,0,0.08);flex:1;max-width:700px;mix-blend-mode:darken;} .product-content-head-box-left .img{mix-blend-mode:darken;} .product-content-head-box-right{flex:1;max-width:600px} .product-content-head-box-right .sku{font-size:20px;line-height:28px;color:var(--public-color);font-weight:500;position:relative;margin-top:20px} .product-content-head-box-right .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px} .product-content-head-box-right .text{font-size:16px;line-height:24px;color:#666;font-weight:400;margin-top:20px} .product-content-head-box-right .text i{color:var(--public-color)} .product-content-head-box-right .more{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s} .product-content-head-box-right .more:hover{background-color:#fff;color:var(--public-color);border:1px solid var(--public-color)} .product-content-head-box-right .input-form{margin-top:40px} .product-content-head-box-right .input-form .product-inquiry-form{display:flex;flex-direction:column;gap:0px} .product-content-head-box-right .input-form .form-text{color:var(--public-color)} .product-content-head-box-right .input-form .form-group{display:flex;align-items:center;position:relative;background-color:#f4f4f4} .product-content-head-box-right .input-form .form-group label{font-size:16px;line-height:24px;color:#333;font-weight:500;margin-bottom:8px;position:relative;min-width:160px;display:flex;align-items:center;padding-left:20px} .product-content-head-box-right .input-form .form-group label::before{content:'';position:absolute;left:0px;top:50%;transform:translateY(-50%);width:5px;height:20px;background-color:var(--public-color)} .product-content-head-box-right .input-form .form-control{background-color:#f8f8f8;border:1px solid #e0e0e0;height:48px;padding:0 15px;font-size:14px;color:#666;border-radius:4px;transition:border-color 0.3s} .product-content-head-box-right .input-form .form-control:focus{border-color:var(--public-color);outline:none;box-shadow:0 0 0 2px rgba(var(--public-color-rgb),0.1)} .product-content-head-box-right .input-form select.form-control{background:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px;padding-right:45px;border:none} .product-content-head-box-right .input-form .specification-input{position:relative;display:flex;align-items:center} .product-content-head-box-right .input-form .specification-input input{flex:1;padding-right:60px;width:100%;min-width:100%;border:none;background:none;min-width:440px} .product-content-head-box-right .input-form .specification-input .unit{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:14px;color:#666;font-weight:400} .product-content-head-box-right .input-form .btn-inquiry{background-color:var(--public-color);color:#fff;font-size:16px;line-height:20px;font-weight:500;border:none;border-radius:4px;height:48px;cursor:pointer;transition:all 0.3s;letter-spacing:0.5px} .product-content-head-box-right .input-form .btn-inquiry:hover{background-color:#fff;color:var(--public-color);border:1px solid var(--public-color)} .product-content-head-box-right .more{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;background-color:var(--public-color);color:#fff;transition:all .3s;width:30%;text-align:center} @media (max-width: 768px) { .faq-form{padding:0 0 20px} .faq-form .faq-form-box{flex-direction:column} .faq-form .faq-form-box .left,.faq-form .faq-form-box .right{width:100%;max-width:none;margin-top:30px} .faq-form .faq-form-box .left{margin-top:30px} .faq-form .faq-form-box .right{margin-top:0;min-height:400px;width:100%;padding:40px 20px 0;gap:30px} .faq-form .title{font-size:28px;line-height:38px;margin-bottom:24px} .faq-form .title::before{width:60px;height:60px;left:-12px;top:-12px} .faq-form-box-list{margin-top:10px} .faq-form-box-list .item{padding:16px} .faq-form-box-list .item .t1{font-size:16px;line-height:24px} .faq-form-box-list .item .t1::before{font-size:16px} .faq-form-box-list .item .t2{font-size:14px;margin-top:12px;padding-left:10px} .product-list-support{padding:40px 0} .product-list-support-box{flex-direction:column;align-items:flex-start} .product-list-support-box .left,.product-list-support-box .right{width:100%;max-width:none} .product-list-support-box .right{padding-bottom:10px} .product-list-support-box .right .title{font-size:28px;line-height:38px;margin-bottom:24px} .product-list-support-box .right .title::before{width:60px;height:60px;left:-12px;top:-12px} .product-list-support-box-list{grid-template-columns:1fr;gap:18px;margin-top:32px} .product-list-support-box-list .item .img{padding-bottom:10px} .product-list-support-box-list .item .text{font-size:16px;line-height:24px;margin-top:8px} .product-content-header{padding:10px 0 32px} .product-content-head-box{flex-direction:column;gap:18px} .product-content-head-box-left{max-width:100%} .product-content-head-box-right{max-width:100%} .product-content-head-box-right .sku{font-size:15px;line-height:22px;margin-top:8px} .product-content-head-box-right .title{font-size:24px;line-height:32px} .product-content-head-box-right .text{font-size:14px;line-height:20px;margin-top:12px} .product-content-head-box-right .more{margin-top:12px;padding:8px 14px;font-size:15px;width:60%} .product-content-head-box-right .input-form{margin-top:18px} .product-content-head-box-right .input-form .product-inquiry-form{gap:8px} .product-content-head-box-right .input-form .form-group label{font-size:14px;min-width:90px;padding-left:10px} .product-content-head-box-right .input-form .form-group label::before{width:4px;height:14px} .product-content-head-box-right .input-form .form-control{height:38px;padding:0 10px;font-size:13px} .product-content-head-box-right .input-form .specification-input input{min-width:0;padding-right:42px} .product-content-head-box-right .input-form .specification-input .unit{right:8px;font-size:12px} .product-content-head-box-right .input-form .btn-inquiry{height:38px;font-size:14px} } .product-content-body{} .product-content-body-navs{position: sticky;top:100px;z-index:6;background-color:#fff;} .product-content-body-nav{display: flex;border-top:1px solid var(--public-color);} .product-content-body-nav .item{padding:20px 30px;font-size:20px;line-height:28px;color:#333;font-weight:500;transition:all 0.3s;cursor:pointer} .product-content-body-nav .item.active{background-color:var(--public-color);color:#fff} .body-nav-1{padding:100px 0;} .body-nav-1-box{display: flex;justify-content:space-between;gap:30px;} .body-nav-1-box-left{width:100%;max-width:760px;} .body-nav-1-box-left .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;} .body-nav-1-box-left .title::before{content:'';width: 6px;height:38px;background-color:var(--public-color);display: inline-block;margin-right:10px;} .body-nav-1-box-left .text{font-size:16px;line-height:24px;color:#666;font-weight:400;margin-top:20px;} .body-nav-1-box-left .text i{color:var(--public-color);font-style:normal;} .body-nav-1-box-right{width:50%;max-width:560px;} .body-nav-1-box-right .img{width:100%;height:100%;position:relative;} .body-nav-1-box-right .img-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer} .body-nav-1-box-right .img-bg::before{content:'';background:url(../../images/home-play.webp) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;z-index:1;} .body-nav-2{padding:120px 0;background-color:#f2f2f2;} .body-nav-2 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;} .body-nav-2 .title::before{content:'';width: 6px;height:38px;background-color:var(--public-color);display: inline-block;margin-right:10px;} .body-nav-2 .text{margin-top: 40px;display: flex;justify-content: flex-start;flex-direction: column;flex-wrap: wrap;height: 250px;align-content: space-between;} .body-nav-2 .text ul{max-width:630px;} .body-nav-2 .text ul li{font-size: 20px;line-height:28px;color:#666;font-weight:400;margin-bottom:10px;} .body-nav-2 .text ul li::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .body-nav-2 .text p{font-size: 20px;line-height:28px;color:#666;font-weight:400;margin-bottom:10px;max-width:630px;} .body-nav-2 .text p::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .body-nav-3{padding:120px 0;} .body-nav-3 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;} .body-nav-3 .title::before{content:'';width: 6px;height:38px;background-color:var(--public-color);display: inline-block;margin-right:10px;} .body-nav-3 .body-content-3{margin-top: 40px;} .body-nav-3 .body-content-3 table{width:100%;border-collapse:collapse;margin-top:40px;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.1)} .body-nav-3 .body-content-3 table th,.body-nav-3 .body-content-3 table td{padding:20px;text-align:center;border:1px solid #e0e0e0} .body-nav-3 .body-content-3 table thead th{background:#f2f2f2;font-weight:600;color:#333} .body-nav-3 .body-content-3 table .table-header{display:flex;align-items:center;gap:30px;justify-content: center;} .body-nav-3 .body-content-3 table .table-header .label{font-size:20px;font-weight:600;color:#333} .body-nav-3 .body-content-3 table .table-header .label::after{content:'';width:0;height:0;border-left:16px solid var(--public-color);border-top:12px solid transparent;border-bottom:12px solid transparent;display:inline-block;margin-left:8px;} .body-nav-3 .body-content-3 table .table-header .product-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center} .body-nav-3 .body-content-3 table .table-header .product-image img{max-width:100%;max-height:100%;object-fit:contain} .body-nav-3 .body-content-3 table tbody tr:nth-child(even){background-color:#f8f9fa} .body-nav-3 .body-content-3 table tbody tr:hover{background-color:#e3f2fd;transition:background-color 0.3s ease} .body-nav-3 .body-content-3 table .feature-name{font-weight:600;color:#333;text-align:left;min-width:400px;} .body-nav-3 .body-content-3 table tbody td{font-size:18px;line-height:20px;color:#666;vertical-align:top} .body-nav-3 .body-content-3 table tbody td:not(.feature-name){text-align:center;padding:25px 30px} .body-nav-3 .text{margin-top: 100px;} .body-nav-3 .text .title2{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align: center;margin-bottom: 30px;} .body-nav-3 .text .title2::after{content:'';width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid var(--public-color);display:block;margin:10px auto 0 auto;} .body-nav-3 .text .img{width:100%;height:100%;position:relative;} .body-nav-3 .text .img img{width:100%;height:100%;object-fit:contain;} .body-nav-3 h4{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align: center;margin-bottom: 30px;} .body-nav-3 h4::after{content:'';width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid var(--public-color);display:block;margin:10px auto 0 auto;} .body-nav-3 img{width:100%;height:100%;position:relative;} .body-nav-4{padding:110px 0;background-color:#f2f2f2;} .body-nav-4 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;} .body-nav-4 .title::before{content:'';width: 6px;height:38px;background-color:var(--public-color);display: inline-block;margin-right:10px;} .body-nav-4 .body-nav-4-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-top:60px;} .body-nav-4 .body-nav-4-grid .item{width:100%;height:100%;position:relative;} .body-nav-4 .body-nav-4-grid .item img{width:100%;height:100%;object-fit:contain;} .body-nav-5 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:left;margin-bottom: 60px;} .body-nav-5 .title::before{content:'';width: 6px;height:38px;background-color:var(--public-color);display: inline-block;margin-right:10px;} .body-nav-5 .title i{color:var(--public-color);font-style:normal;} .body-nav-6 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:left;margin-bottom: 60px;} .body-nav-6 .title::before{content:'';width: 6px;height:38px;background-color:var(--public-color);display: inline-block;margin-right:10px;} .body-nav-6 .title i{color:var(--public-color);font-style:normal;} .body-nav-6 .product-screen{padding: 100px 0;background-color:#f2f2f2;} .body-nav-6 .product-screen .product-screen-box{display: flex;justify-content:space-between;align-items: center;gap:30px;} .body-nav-6 .product-screen .product-screen-box .left{flex:1;max-width:600px;} .body-nav-6 .product-screen .product-screen-box .right{flex:1;max-width:670px;} .body-nav-6 .product-screen .product-screen-box .right .title2{font-size:38px;line-height:48px;font-weight:400;text-align:left;position:relative;letter-spacing:-0.8px;} .body-nav-6 .product-screen .product-screen-box .right .title2::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .body-nav-6 .product-screen .product-screen-box .right ul{margin-top: 40px;} .body-nav-6 .product-screen .product-screen-box .right ul li{font-size: 20px;line-height:28px;color:#666;font-weight:400;margin-bottom:10px;} .body-nav-6 .product-screen .product-screen-box .right ul li::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .product-content-wrapper .product-list-technology-modular-box-2{padding-bottom: 100px;} .product-content-sup-faq{padding:100px 0;background-color:#f2f2f2} .product-content-sup-faq .product-content-sup-faq-box{display:flex;justify-content:space-between;gap:30px;align-items:center} .product-content-sup-faq .product-content-sup-faq-box .left{width:50%;max-width:520px} .product-content-sup-faq .product-content-sup-faq-box .left .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px} .product-content-sup-faq .product-content-sup-faq-box .left ul{margin-top:40px} .product-content-sup-faq .product-content-sup-faq-box .left ul li{font-size:20px;line-height:28px;color:#666;font-weight:400;margin-bottom:10px} .product-content-sup-faq .product-content-sup-faq-box .left ul li i{color:var(--public-color);font-style:normal} .product-content-sup-faq .product-content-sup-faq-box .left ul li::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right:15px} .product-content-sup-faq .product-content-sup-faq-box .left .sup-faq-box-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:60px} .product-content-sup-faq .product-content-sup-faq-box .left .sup-faq-box-list .item{display:flex;flex-direction:column;align-items:stretch;gap:10px} .product-content-sup-faq .product-content-sup-faq-box .left .sup-faq-box-list .item .img{border-bottom:1px solid var(--public-color);padding-bottom:20px} .product-content-sup-faq .product-content-sup-faq-box .left .sup-faq-box-list .item .text{font-size:16px;line-height:28px;color:#666;font-weight:400} .product-content-sup-faq .product-content-sup-faq-box .right{flex:1;max-width:800px} .product-content-sup-faq .product-content-sup-faq-box .right .title2{font-size:38px;line-height:48px;font-weight:400;text-align:left;position:relative;letter-spacing:-0.8px} .product-content-sup-faq .product-content-sup-faq-box .right .title2::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1} .product-content-sup-faq .product-content-sup-faq-box .right ul{margin-top:40px} .product-content-sup-faq .faq-form-box-list{margin-top:60px} .product-content-tuijian{padding:100px 0;} .product-content-tuijian .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center} .product-content-tuijian .product-content-tuijian-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:80px} .product-content-tuijian .product-content-tuijian-grid .item{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);background:linear-gradient(#f5f5f5,#fff);display:flex;flex-direction:column;align-items:center;padding:15px 15px 30px} .product-content-tuijian .product-content-tuijian-grid .item .text{width: 100%;} .product-content-tuijian .product-content-tuijian-grid .item .sku{font-size:20px;line-height:28px;color:var(--public-color);font-weight:500;margin-top: 10px;} .product-content-tuijian .product-content-tuijian-grid .item .t1{font-size:24px;line-height:32px;font-weight:500;min-height:64px;margin-top: 10px;} .product-content-tuijian .product-content-tuijian-grid .item .t1::after{content:'\f105\f105';font-family:CmsFont;margin-left:20px;font-weight:bold} .product-content-tuijian .t2-tbale{margin-top:10px} .product-content-tuijian .t2-tbale table{width:100%;border-collapse:collapse} .product-content-tuijian .t2-tbale table tr{display:flex;justify-content:space-between;align-items:center;padding:10px;} .product-content-tuijian .t2-tbale table tr:nth-child(odd){background-color:#f2f2f2} .product-content-tuijian .t2-tbale table tr td{font-size:16px;line-height:28px;color:#666;font-weight:400} .product-content-tuijian .t2-tbale table tr td:nth-child(2){color:var(--public-color);} .product-content-wrapper .qt-news{padding:0 0 80px;} .product-content-wrapper .qt-news .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center} .service-header{position:relative;z-index:1;max-width:1920px;margin:0 auto;} .service-header .img{width:100%;height:100%;position:relative;} .service-header .img .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;position:absolute;top:100px;max-width:650px;color:var(--public-color);} .service-header .img .text{font-size:18px;line-height:28px;color:#fff;font-weight:400;position:absolute;bottom:100px;max-width:520px;} .service-header-box{background-color:#f2f2f2;} .service-header-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;} .service-header-grid .item{padding:50px 40px;} .service-header-grid .item .title{font-size: 20px;line-height:28px;color:#333;font-weight:500;margin-bottom: 20px;} .service-header-grid .item ul{margin-top: 20px;} .service-header-grid .item ul li{font-size: 16px;line-height:24px;color:#666;font-weight:400;margin-bottom: 10px;display: flex;} .service-header-grid .item ul li::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .service-header-grid .item:hover{background:url(../../images/service-header-grid-3.webp) no-repeat center center;background-size:cover;margin-top: -60px;position:relative;} .service-header-grid .item:hover .title{color:#fff;font-size: 28px;} .service-header-grid .item:hover .title::after{content:'';display: block;width: 40px;height: 6px;background-color:var(--public-color);margin:30px 0 10px;} .service-header-grid .item:hover ul li{color:#fff;font-size: 18px;} .service-header-grid .item:hover ul li::before{color:#fff;} .service-technical{padding:150px 0 50px;} .service-technical .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center} .service-technical .subtitle{font-size:18px;line-height:28px;color:#666;font-weight:400;text-align:center;margin-top: 20px;} .service-technical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top: 60px;} .service-technical-grid .item{display:flex;flex-direction:column;align-items:center;gap:20px;padding: 50px 40px;} .service-technical-grid .item .img{width:100%;position:relative;text-align: center;border-bottom:1px solid #e0e0e0;max-width:230px;padding-bottom: 20px;} .service-technical-grid .item .title{font-size: 20px;line-height:28px;color:var(--public-color);font-weight:500;margin-bottom: 20px;} .service-technical-grid .item .text{font-size: 16px;line-height:24px;color:#666;font-weight:400;text-align:center} .service-technical-grid .item:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);transition:all 0.3s;} .service-parts{padding:150px 0;} .service-parts .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center} .service-parts .subtitle{font-size:18px;line-height:28px;color:#666;font-weight:400;text-align:center;margin-top: 20px;} .service-parts-list{display: flex;flex-direction: column;gap:130px;margin-top: 110px;} .service-parts-list .item{display:flex;align-items: center;} .service-parts-list .item .t1{font-size:28px;line-height: 32px;font-weight: 500;} .service-parts-list .item .t2{font-size:20px;line-height: 28px;color:#666;font-weight: 400;margin:60px 0;} .service-parts-list .item .img{width:100%;max-width:580px;} .service-parts-list .item .text{flex:1;padding:50px 100px;} .service-parts-list .item:nth-child(even){background-color:#f2f2f2;flex-direction: row-reverse;} .service-parts-list .item:nth-child(even) .jiantou{transform: rotate(180deg);} .service-training{padding:90px 0;background-color:#f2f2f2;} .service-training-box{display: flex;justify-content: space-between;align-items: center;gap:30px;} .service-training-box .text{flex:1;max-width:580px;} .service-training-box .text .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;} .service-training-box .text .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1;} .service-training-box .text ul{margin-top: 40px;} .service-training-box .text ul li{font-size:16px;line-height:28px;color:#666;font-weight:400;margin-bottom:10px;display: flex;flex-direction: column;} .service-training-box .text ul li strong::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .service-training-box .text ul li span{padding-left:30px;} .service-training-box .img{flex:1;max-width:680px;} .service-form{padding:150px 0;} .service-form-box{display: flex;flex-direction: column;align-items: flex-start;gap:20px;} .service-form-box .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px} .service-form-box .subtitle{font-size:18px;line-height:28px;color:#666;font-weight:400;margin-bottom:20px;} .service-form-box form{width:100%;margin:0 auto;} .service-form-box .form-row{margin-bottom:20px;justify-content:space-between;} .service-form-box .form-group{position:relative;margin-bottom:30px;width:50%;max-width:600px;} .service-form-box .col-md-12.form-group{width: 100%;max-width:100%;} .service-form-box .form-group:has(input[required])::before, .service-form-box .form-group:has(textarea[required])::before, .service-form-box .form-group:has(select[required])::before{content:'';position:absolute;left:5px;top:15px;width:5px;height:20px;background-color:var(--public-color);z-index:1;} .service-form-box input.form-control, .service-form-box select.form-control{background-color:#f8f8f8;border:none;height:50px;padding:0 20px;font-size:16px;width:100%;} .service-form-box textarea.form-control{background-color:#f8f8f8;border:none;height:120px;padding:15px 20px;font-size:16px;width:100%;resize:none;} .service-form-box button{background-color:var(--public-color);color:#fff;font-size:16px;line-height:32px;font-family:inherit;border:none;border-radius:0;width:100%;height:55px;display:block;text-align:center;transition:background 0.3s;box-shadow:none;font-weight:400;letter-spacing:0.5px;cursor:pointer;outline:none;margin:0 auto;padding:0;} .service-form-box button:hover{background-color:#b60e1a;} .service-form-box .feedback-result{margin-top:20px;text-align:center;} .service-form-box .popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 0 20px rgba(0,0,0,0.3);z-index:9999;display:none;} .quality-wrapper{padding:0;} .quality-header{position:relative;z-index:1;max-width:1920px;margin:0 auto;} .quality-header .img{width:100%;height:100%;position:relative;} .quality-header .img .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;position:absolute;top:100px;max-width:650px;color:var(--public-color);} .quality-header .img .text{font-size:18px;line-height:28px;color:#fff;font-weight:400;position:absolute;bottom:100px;max-width:520px;} .quality-header-box{background-color:var(--public-color);} .quality-header-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;} .quality-header-grid .item{padding:50px 40px;display: flex;flex-direction: column;align-items: center;opacity:0.9;position:relative;} .quality-header-grid .item .title{font-size: 20px;line-height:28px;color:#fff;font-weight:500;margin-top:30px;} .quality-header-grid .item .img{width:100%;display: flex;width: 130px;height: 130px;align-items: center;justify-content: center;border-radius: 50%;border:2px solid #fff;} .quality-header-grid .item:nth-child(-n+3)::before{content:'';width:0px;height: 90px;border-left: 2px dashed #fff;position:absolute;right:-2px;top:40%;transform:translateY(-50%);} .quality-header-grid .item:hover{opacity:1;} .quality-solution{padding:100px 0;position:relative;} .quality-solution .container-xl{position:relative;} .quality-solution-box{max-width:650px;background: linear-gradient(to left ,#f5f5f5, #fff);padding:80px 0 60px;position:relative;} .quality-solution-box .subtitle{font-size: 20px;line-height:28px;color:var(--public-color);font-weight:400;margin-bottom:20px;} .quality-solution-box .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;} .quality-solution-box .text{font-size:18px;line-height:28px;color:#666;font-weight:400;margin-top:50px;max-width:400px;} .quality-solution-box1{position:absolute;bottom:-130px;right:0;width:100%;max-width:960px;} .quality-solution-box1 .quality-swiper{padding:10px;} .quality-solution-box1 .swiper-slide{box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);background:#fff;display:flex;flex-direction:column;padding:15px 15px;background-image: linear-gradient(0deg, #ffffff 0%, #f2f2f2 100%);} .quality-solution-box1 .swiper-slide .img{mix-blend-mode:multiply;} .quality-solution-box1 .swiper-slide .title{font-size:20px;line-height:28px;color:#333;font-weight:500;margin-bottom:10px;} .quality-solution-box1 .swiper-slide .text{font-size:16px;line-height:24px;color:#666;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .quality-solution-box .swiper-button{position:relative;width: 130px;margin-top:80px;} .quality-solution-box .swiper-button .swiper-button-prev{border:1px solid var(--public-color);width: 50px;height:50px;border-radius:50%;} .quality-solution-box .swiper-button .swiper-button-next{border:1px solid var(--public-color);width: 50px;height:50px;border-radius:50%;} .quality-solution-box .swiper-button .swiper-button-prev::after, .quality-solution-box .swiper-button .swiper-button-next::after{font-size:20px;color:var(--public-color);} .quality-case{padding:100px 0;} .quality-case-box{display: flex;justify-content:space-between;} .quality-case-box .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;margin-bottom: 80px;margin-left: 130px;} .quality-case-box .title::before{content:'';background:url(../../images/home-service-img.webp);width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:1;} .quality-case-box .left{width:50%;max-width:700px;} .quality-case-box .left .text{font-size:16px;line-height:24px;color:#666;font-weight:400;margin-bottom:40px;letter-spacing:-0.4px;} .quality-case-box .left-nav{display: flex;flex-direction:column;gap:20px;} .quality-case-box .left-nav .item{background-color:#fff;padding:0 30px;height: 108px;display: flex;align-items: center;font-size: 20px;line-height: 28px;position:relative;margin-left: 100px;cursor: pointer;} .quality-case-box .left-nav .item.active{background-color:var(--public-color);color:#fff;} .quality-case-box .left-nav .item::after{content:'01';font-size:80px;line-height: 28px;color:#fff;font-weight: 500;position:absolute;right:40px;top:50%;transform:translateY(-50%);font-style: italic;opacity:0.2;} .quality-case-box .left-nav .item:nth-child(1)::after{content:'01';} .quality-case-box .left-nav .item:nth-child(2)::after{content:'02';} .quality-case-box .left-nav .item:nth-child(3)::after{content:'03';} .quality-case-box .left-nav .item:nth-child(4)::after{content:'04';} .quality-case-box .left-nav .item.active::before{content:'';width:0;height:0;border-right:20px solid var(--public-color);border-top:15px solid transparent;border-bottom:15px solid transparent;position:absolute;left:-60px;top:50%;transform:translateY(-50%);} .quality-case-box .right{display: flex;flex-direction:column;max-width:600px;} .quality-case-box .right .item{display: none;flex-direction:column;} .quality-case-box .right .item.active{display: flex;} .quality-case-box .right .item .img{width:100%;height:100%;position:relative;} .quality-case-box .right .item .t1{font-size:28px;line-height:32px;font-weight:500;color:#333;letter-spacing:-0.8px;margin-top: 40px;} .quality-case-box .right .item ul li{font-size:16px;line-height:28px;color:#666;margin-bottom:10px;position:relative;margin-top: 20px;} .quality-case-box .right .item ul li::before{content:'\f00c';font-family:CmsFont;font-weight:bold;color:var(--public-color);margin-right: 15px;} .quality-case-box .right .item ul li span{color:var(--public-color);} .quality-case-box-2{padding:130px 0 230px;} .quality-case-box-2 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align: center;max-width:1000px;margin:0 auto 40px;} .quality-case-box-2 .definiti-swiper{padding:0 100px;} .quality-case-box-2 .definiti-swiper::after{content:'';width: 50px;height: 100%;position:absolute;left:0;top:0;background:#fff;z-index:1;} .quality-case-box-2 .definiti-swiper::before{content:'';width: 50px;height: 100%;position:absolute;right:0;top:0;background:#fff;z-index:2;} .quality-grid{padding:100px 0;display: grid;grid-template-columns:repeat(2,1fr);gap:70px;} .quality-grid .item{display: flex;box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding:30px;gap:40px;align-items: center;} .quality-grid .item .img{width: 180px;height: 180px;position:relative;display: flex;align-items: center;justify-content: center;background-color:#f5f5f5;border-radius:50%;} .quality-grid .item .text{flex:1;} .quality-grid .item .title{font-size: 20px;line-height: 26px;font-weight: 500;color:#333;} .quality-grid .item .desc{font-size: 16px;line-height: 24px;color:#666;font-weight: 400;} .quality-app{position:relative;} .quality-app .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center;} .quality-app-tab{display: flex;justify-content:center;gap:0;margin-top: 40px;} .quality-app-tab .item{flex:1;text-align: center;font-size: 20px;display: inline-block;position:relative;cursor:pointer;} .quality-app-tab .item::after{content:'';display: inline-block;width:100%;height:10px;background-color:#e0e0e0;margin-top:20px;} .quality-app-tab .item.active{color:var(--public-color)} .quality-app-tab .item.active::after{background-color:var(--public-color);} .quality-app-box{display: flex;flex-direction: column;gap:40px;} .quality-app-box .item{display: none;} .quality-app-box .item.active{display: flex;} .quality-app-box .item .img{flex:1;position:relative;} .quality-app-box .item .text{flex:1;background-color:#f5f5f5;padding:90px;max-width:700px;} .quality-app-box .item .title{font-size:28px;line-height:32px;font-weight:500;color:#333;letter-spacing:-0.8px;text-align:left;} .quality-app-box .item .title::after{content:'';display: block;width: 40px;height: 6px;background-color:var(--public-color);margin:30px 0 10px;} .quality-app-box .item .desc{font-size: 16px;line-height: 24px;color:#666;font-weight: 400;text-align:left;margin-top: 20px;} .quality-case1{padding:100px 0;} .quality-case1 .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center;} .quality-case1-grid{display: grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-top:60px;} .quality-case1-grid .item{display: flex;flex-direction:column;} .quality-case1-grid .item .text{font-size:20px;line-height:28px;color:#333;font-weight:500;text-align:center;margin-top:30px;} .solutions-header{padding:100px 0;} .solutions-header .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center;max-width:860px;margin:0 auto;} .solutions-header .subtitle{font-size: 16px;line-height: 24px;color:#666;font-weight: 400;max-width:1100px;margin:30px auto;text-align: center;} .solutions-header-grid{display: grid;grid-template-columns:repeat(2,1fr);gap:80px;margin-top:60px;} .solutions-header-grid .item{display: flex;flex-direction:column;padding:50px 65px;box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.1);} .solutions-header-grid .item .t1{font-size:28px;line-height:30px;font-weight:500;color:#333;margin-bottom:15px;} .solutions-header-grid .item .t1::after{content:'';display: block;width: 40px;height: 6px;background-color:var(--public-color);margin:30px 0 10px;} .solutions-header-grid .item .t2{font-size:16px;line-height:24px;color:#666;margin-bottom:20px;} .solutions-header-grid .item .img{position:relative;width: 100%;overflow:hidden;border-radius:10px;} .solutions-header-grid .item .img img{width: 100%;} .solutions-header-grid .item .img .img-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer} .solutions-header-grid .item .img .img-bg::before{content:'';background:url(../../images/home-play.webp) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;z-index:1;} .solution-what{max-width:1920px;margin:0 auto;background-color:#f2f2f2;padding:80px 0 50px;background:url(../../images/solutions-bg.webp) no-repeat;background-size:100% 100%;position:relative;} .solution-what .title{font-size:38px;line-height:48px;font-weight:500;position:relative;letter-spacing:-0.8px;text-align:center;max-width:860px;margin:0 auto;} .solution-what .subtitle{font-size: 16px;line-height: 24px;color:#666;font-weight: 400;max-width:1100px;margin:30px auto;text-align: center;} .solution-what .more{margin:0 auto;display:table;background-color:var(--public-color);padding:10px 20px;color:#fff;border-radius:8px;} .solutions-content-header{display: flex;padding:150px 0 50px;align-items: center;} .solutions-content-header .left{flex:1;max-width:980px;} .solutions-content-header .right{flex:1;max-width:400px;} .solutions-content-header .right .desc{font-size: 20px;line-height: 28px;color:var(--public-color);margin-bottom: 20px;} .solutions-content-header .right .title{font-size: 38px;line-height: 42px;font-weight: 500;} .solutions-content-header .right .text{font-size: 16px;line-height: 28px;color:#666;margin-top: 30px;} .solutions-content-header .right .more-text{margin-top:60px;font-size: 20px;line-height: 28px;color:var(--public-color);} .solutions-content-header .right .more-text::after{content:'\f105\f105';font-family:CmsFont;margin-left:20px;font-weight:bold} .solutions-content-swiper{padding:0 30px;} .solutions-content-swiper .img{position: relative;display: flex;align-items: flex-start;justify-content: center;height: 200px;overflow: hidden;} .solutions-content-swiper .img2{display: none;} .solutions-content-swiper .text{text-align: center;margin-top: 20px;} .solutions-content-swiper .text .t1{font-size: 20px;margin-bottom:10px;} .solutions-content-swiper .text .t2{font-size: 16px;color:var(--public-color);line-height: 34px;} .solutions-content-swiper .text .t3{display: none;} .solutions-content-swiper .text .t3 .more{padding:2px 10px;border-radius:8px;background-color:#fff;border:2px solid var(--public-color);display: inline-block;} .solutions-content-swiper .text .t3 .more:hover{background-color:var(--public-color);color:#fff;} .solutions-content-swiper .swiper-slide:hover .img1{display: none;} .solutions-content-swiper .swiper-slide:hover .img2{display: block;} .solutions-content-swiper .swiper-slide:hover .t2{display: none;} .solutions-content-swiper .swiper-slide:hover .t3{display: block;} .solution-value-box{max-width:1920px;margin:0 auto;background:url(../../images/sol-bg.webp) no-repeat center center;background-size:cover;} .solution-value{padding:80px 0 40px;} .solution-value .desc{font-size: 20px;line-height: 28px;color:var(--public-color);margin-bottom: 20px;} .solution-value .title{font-size: 38px;line-height: 42px;font-weight: 500;margin-bottom: 30px;max-width:680px;} .solution-value .t2{font-size: 24px;line-height: 32px;font-weight: 500;color:#333;margin: 50px 0 30px;} .solution-value .t2-box{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 50px;max-width:1100px;} .solution-value .t2-box .item{padding:50px 30px;border-radius: 10px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);} .solution-value .t2-box .item:nth-child(1){background:url(../../images/solution-value-1.webp) no-repeat center center;background-size:cover;} .solution-value .t2-box .item:nth-child(2){background:url(../../images/solution-value-2.webp) no-repeat center center;background-size:cover;} .solution-value .t2-box .item:nth-child(3){background:url(../../images/solution-value-3.webp) no-repeat center center;background-size:cover;} .solution-value .t2-box .item .t2-title{font-size: 20px;line-height: 28px;font-weight: 500;color:#333;margin-bottom: 15px;} .solution-value .t2-box .item .t2-text{font-size: 16px;line-height: 24px;color:#666;} .solution-value .more-text{display: table;margin:0;font-size: 20px;line-height: 28px;color:var(--public-color);text-decoration: none;} .solution-value .more-text::after{content:'\f105\f105';font-family:CmsFont;margin-left:20px;font-weight:bold} .solutions-wrapper .quality-case1{padding:60px 0 200px;} .all-news {margin-bottom: 80px;} .all-news .all-down{margin-bottom: 60px;} .all-news .all-down::after{margin-top: 0;} .all-news .content{position: relative;padding: 0 105px;} .all-news .all-hover{background-color: #ecf0f5;top: 45%;} .all-news .all-hover:hover{background-color: var(--public-color);} .all-news .swiper-all-news{padding: 0 0 30px;} .all-news .swiper-slide{padding: 0 30px;} .all-news .list{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;height: 100%;} .all-news .list .img,.all-news .list .img img{border-radius: 8px 8px 0 0;} .all-news .all-prev{left: 0px;} .all-news .all-next{right: 0px;} .all-news .box{padding: 30px 20px 30px 25px;position: relative;} .all-news .list:hover .box::after{content: "";width: 71px;height: 8px;background-color: var(--public-color);position: absolute;left: 25px;bottom: 0;animation: fadeIn 0.3s;} .all-news .t1{font-size: 20px;line-height: 28px;letter-spacing: -1px;font-weight: 500;margin-bottom: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .all-news .cont{margin-bottom: 20px;} .all-news .time{color: var(--public-color);} .news-wrapper{padding-top: 105px;} .news-wrapper .row{margin: 0 -42px 120px;gap: 98px 0;} .news-wrapper .col-md-4{padding: 0 42px;} .news-in-paper .h1{font-size:38px;line-height:56px;color:#333;font-weight:bold;margin-bottom: 50px;} .news-in-paper .type-time{border-bottom:1px solid #e5e5e5;color:#666;padding-bottom: 30px;} .news-in-paper .time img{display:inline-block;margin-right:10px} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .article{margin-bottom: 250px;} .news-in-paper .article .content{color:#666666;line-height:30px;font-size:16px;border-bottom:1px solid #e5e5e5;padding-bottom:70px;padding-top:40px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .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: 32px;color: #18284e;margin-bottom: 25px;font-weight: 600;} .news-in-paper .article h4{font-size: 24px;line-height: 32px;color: #18284e;font-weight: 600;margin-bottom: 15px;} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between;align-items: flex-start;} .news-in-paper .box-tail .left{width:75%} .news-in-paper .box-tail .right{width:20%;display:flex;justify-content:flex-end} .news-in-paper .box-tail .left p{display:flex} .news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;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:var(--public-color);display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .box-tail .more-7{height: 51px;font-size: 18px;} .news-in-paper .aside{padding:0px;} .news-in-paper .aside>div{background-color: #f8f8f8;padding: 20px 30px;} .news-in-paper .aside-con{margin-bottom: 40px;} .news-in-paper .h4{font-size: 28px;color: #333;margin-bottom: 50px;font-weight: 500;} .news-in-paper .h4::before{content: url(../../images/new-5.webp);width: 14px;height: 22px;display: inline-block;margin-right: 10px;} .news-in-paper .aside .more-7{height: 51px;font-size: 18px;margin-bottom: 30px;} .news-in-paper .aside img.b{display: none;} .news-in-paper .aside img.g{display: inline-block;} .news-in-paper .aside .a-box{display: inline-flex;flex-direction: column;} .news-in-paper .aside .a-box a{margin-bottom: 20px;font-size: 18px;line-height: 26px;} .news-in-paper .aside .a-box a:hover img.b{display: inline-block;} .news-in-paper .aside .a-box a:hover img.g{display: none;} .news-in-paper span.img-small{width: 24px;text-align: center;margin-right: 10px;} .news-in-paper .other-news .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px; 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 .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;} .news-in-paper .other-news .time{font-size: 16px;line-height: 30px;} .news-in-paper .a-news{height: 15px;display: inline-flex;align-items: center;line-height: 0;} .news-in-paper .a-news .line{display: block;} .news-in-paper .other-news .list:hover .line{display: none;animation: bounceIn .6s ease-in-out;} .news-in-paper .a-news .arrow{display: none;} .news-in-paper .other-news .list:hover .arrow{display: block;animation: bounceIn .6s ease-in-out;} .news-in-paper .other-news .list + .list{border-top: 1px solid #e5e5e5;padding-top: 30px;} .news-in-paper .other-news .list{padding-bottom: 30px;} .new-in-pro {margin-bottom: 125px;} .new-in-pro .content{margin-top: 90px;} .new-in-pro .all-products .cont{position: relative;padding: 40px 20px 40px 65px;display: block;} .new-in-pro .all-products .t1{padding-left: 0;position: static;height: auto;padding-top: 0;margin-bottom: 25px;line-height: 32px;} .main-box{display: flex;gap:50px;} .main-box .main-left{position:sticky;top:90px;height: fit-content;min-width: 330px;margin-bottom: 80px;} .main-box .main-top{max-width:1300px;margin-left: auto;} .main-box .aside{width:30%;border-radius:8px;} .main-box .article{width:65%;} .main-box .main-left-box .table-title{font-size: 28px;line-height: 32px;color: #333;font-weight: 500;padding: 20px 20px 20px 30px;background-color: #f8f8f8;margin-bottom: 40px;position:relative;} .main-box .main-left-box .table-title::before{content:'';width:0;height:0;border-left:20px solid var(--public-color);border-top:15px solid transparent;border-bottom:15px solid transparent;position:absolute;left:10px;top:50%;transform:translateY(-50%);} .main-box .main-left-box .h2 a{font-size: 18px;line-height: 26px;color: #333;font-weight: 600;} .main-box .main-left-box .h2{/*border-bottom: 1px solid #e5e5e5;*/padding-bottom: 15px;} .main-box .name-box {padding-bottom: 10px;} .main-box .name-box + .name-box{border-top: 4px solid #e5e5e5;padding-top: 20px;} .main-box .name-box ul{margin-left: 0px;padding-top: 10px;border-top: 1px solid #e5e5e5;} .main-box .name-box li{position: relative;margin-bottom: 5px;padding-left: 0;} .main-box .name-box li a{color: #666666;font-size: 18px;line-height: 26px;} .main-box .name-box li::before{display: none;} .news-wrapper .news-nav{display: flex;gap: 20px;margin-bottom: 50px;} .news-wrapper .news-nav .item{font-size: 20px;line-height: 28px;color:var(--public-color);text-decoration: none;font-weight: 500;padding:10px 20px;} .news-wrapper .news-nav .item.active{color:#fff;background-color:var(--public-color);} .news-wrapper .news-nav .item:hover{color:#fff;background-color:var(--public-color);} .faq-wrapper{padding:80px 0;} .faq-wrapper .faq-nav{display: flex;gap: 20px;margin-bottom: 50px;} .faq-wrapper .faq-nav .item{font-size: 20px;line-height: 28px;color:var(--public-color);text-decoration: none;font-weight: 500;padding:10px 20px;} .faq-wrapper .faq-nav .item.active{color:#fff;background-color:var(--public-color);} .faq-wrapper .faq-nav .item:hover{color:#fff;background-color:var(--public-color);} .faq-wrapper .faq-form-box-list{display: flex;flex-direction: column;gap: 30px;} .faq-wrapper .faq-form-box-list .item.active{display: flex;flex-direction: column;} .faq-wrapper .faq-form-box-list .item .t1{font-size: 20px;line-height: 28px;color:#333;font-weight: 500;margin-bottom: 15px;} .faq-wrapper .faq-form-box-list .item .t2{font-size: 16px;line-height: 24px;color:#666;} .download-wrapper{padding:200px 0 140px;} .download-wrapper .download-box{display: flex;gap: 100px;} .download-wrapper .download-box .download-img{width: 50%;} .download-wrapper .download-box .download-img img{width: 100%;} .download-wrapper .download-box .download-img-text{font-size: 24px;line-height: 32px;color:#666;margin-top: 60px;display: flex;align-items: center;} .download-wrapper .download-box .download-img-text::before{content:'';width: 6px;height: 64px;background-color:var(--public-color);display: inline-block;margin-right: 20px;} .download-wrapper .download-box .download-form{width: 50%;} .download-wrapper .download-box .download-form-title{font-size: 20px;line-height: 28px;color:#333;font-weight: 500;margin-bottom: 15px;} .certificate-wrapper{padding:100px 0;} .certificate-wrapper .certificate-box{display: grid;grid-template-columns: repeat(4, 1fr);gap:80px 30px;} .certificate-wrapper .certificate-box .item{display: flex;flex-direction: column;align-items: center;justify-content: center;background-color:#f0f0f0;padding:20px;} .certificate-wrapper .certificate-box .item .img{width: 100%;height: 100%;} .certificate-wrapper .certificate-box .item .img img{width: 100%;height: 100%;} .certificate-wrapper .certificate-box .item .text{font-size:20px;line-height: 24px;color:#666;margin-top: 20px;} .video-papaer{padding-top: 80px;} .video-papaer .list{background-color: #ffffff;box-shadow: 0px 13px 32px 0px rgba(0, 0, 0, 0.08);padding: 20px 25px;transition: all 0.3s ease-in-out;} .video-papaer .list .v{margin-bottom: 20px;} .video-papaer .list .h5{font-size: 18px;color: #333;font-weight: 500;margin-bottom: 10px;} .video-papaer .list .time{font-size: 15px;} .video-papaer .row{margin: 0 -28px 100px;gap: 85px 0} .video-papaer .col-md-4{padding: 0 28px;} .video-papaer .list:hover{transform: translateY(-5px);} .video-nr{position:relative;padding:30px;;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;margin-bottom: 95px;} .video-nr .v-content{width:76%;height:100%;overflow:auto;margin-top: 30px;} .video-nr .v-content::-webkit-scrollbar{display:none;} .video-nr .v-content .v-title{font-size:34px;line-height:36px;font-weight:600;color: #666;margin-top:15px;margin-bottom:15px;} .video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-content .v-desc .left{font-size:16px;color:#9a9a9a;font-weight: 500;width: 40%;display: flex;justify-content: space-between;} .video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;} .video-nr .v-content .v-desc .left i:first-child{margin-left:0;} .video-nr .v-content .v-desc .right .v-ly{background:var(--public-color);border:1px solid var(--public-color);display: inline-flex;padding:5px 20px;align-items:center;color:#fff;} .video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);} .video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display: inline-flex;margin-left:15px;padding:5px 20px;align-items:center;color:#333;} .video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-fx:hover{background:var(--public-color);border-color:var(--public-color);color:#fff !important;} .video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;} .video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;} .video-nr .v-content .v-nr ul li{margin-left:20px;} .video-nr .v-content .v-nr ul li:first-child{margin-left:0;} .video-nr .v-content .v-nr a{color:var(--public-color);} .video-nr .v-content .v-nr a:hover{text-decoration:underline;} .video-nr .v-content .v-title2{border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;padding-top: 40px;} .video-nr .v-content .v-title2 .left{font-size: 34px;color: #666;font-weight: 500;position: relative;} .video-nr .v-content .v-title2 .left::before{content: url(../../images/video-in-1.webp);display: inline-block;margin-right: 15px;} .video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:var(--public-color);cursor:pointer;font-weight:initial;} .video-nr .v-content .v-title2 .right:hover{color:var(--public-color);} .video-nr .v-content .v-massage{font-size:16px;line-height:24px;} .video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;} .video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;} .video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;} .video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage strong{margin-right:0px;} .video-nr .v-side{width:22%;height:100%;overflow:auto;} .video-nr .v-side::-webkit-scrollbar{display:none;} .video-nr .v-side .v-pro{background:#fff;box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding:15px;margin-bottom:20px;} .video-nr .v-side .v-pro .box{display: flex;justify-content: space-between;margin-bottom: 20px;} .video-nr .v-side .v-pro .img{width:30%;} .video-nr .v-side .v-pro .t1{font-size:16px;line-height:24px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .video-nr .v-side .v-pro .text{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 20px;} .video-nr .v-side .v-pro .d-flex{margin-top:20px;} .video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 15px;border:1px solid var(--public-color);border-radius:50px;font-size:14px;line-height:20px;} .video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;} .video-nr .v-side .v-pro .d-flex a:hover{background:var(--public-color);color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child{background:var(--public-color);color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);} .video-nr .v-side .v-rel{background:#fff;padding:15px;border-radius:20px;} .video-nr .v-side .v-rel .big-t1{font-size:20px;line-height:28px;font-weight:500;margin-bottom:15px;color: #333;} .video-nr .v-side .v-rel .big-t1::before{content: url(../../images/video-in-2.webp);display: inline-block;margin-right: 15px;} .video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-side .v-rel .v-video-item .left{width:54%;} .video-nr .v-side .v-rel .v-video-item .right{width:42%;} .video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;} .video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#666;line-height:20px;} .v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap;} .v-feed-box .pro{width:30%;} .v-feed-box .pro a{transition:none;} .v-feed-box .right{width:68%;} .v-feed-box .right .title{text-align:left;} .v-feed-box .pro .text p{font-size: 15px;line-height: 22px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} .v-feed-box .pro .text p::before{content: url(../../images/sign-2.webp);font-family: 'cmsfont';line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;} .v-feed-box .pro h5{font-size: 15px;line-height: 22px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-top:15px; margin-bottom: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .v-share_bot{margin-top: 30px;border: 1px solid var(--public-color);border-radius: 30px;padding: 6px;display: flex;justify-content: space-between;overflow: hidden;} .v-share_bot input{border: 0; color: #666; font-size: 14px; padding-left: 10px; width: 100%; box-sizing: border-box; outline: 0; overflow: hidden; text-overflow: ellipsis;} .v-share_bot button{width: 114px; height: 42px; line-height: 42px; color: #fff; border: 0; background: var(--public-color); border-radius: 20px; flex-shrink: 0; cursor: pointer;} @media(max-width:768px) { .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;} .v-feed-box .pro{display:none;} .v-feed-box .right{width:100%;} .video-nr{height:auto;padding:15px;} .video-nr .v-content{width:100%;} .video-nr .v-side{width:100%;} .video-nr .v-content .v-desc .right{width:100%;} .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;} .video-nr .v-content .v-massage ul{padding-left:17px;} .video-nr .v-content .v-massage p{display:block;} .video-nr .v-content .v-massage ul li{display:block;} } .contact-wrapper{padding:100px 0;} .contact-wrapper{padding-top: 70px;} .contact-wrapper .cont-box{display: flex;justify-content: space-between;gap: 50px;margin-bottom: 120px;} .contact-wrapper .cont-box .list{background-color: #f3f7fa;border-radius: 4px;flex: 1;position: relative;height: 170px;padding: 40px 0 0 50px;} .contact-wrapper .list .name{font-size: 20px;font-weight: 500;color: var(--public-color);margin-bottom: 15px;} .contact-wrapper .list .font-sty{font-size: 16px;color: #333;} .contact-wrapper .list .img-1{position: absolute;right:45px;top: 20px;} .contact-content{display: flex;} .contact-content .home-service-right{margin-top: 0;} .contact-content .left{width:65%;display: flex;flex-direction: column;justify-content: center;} .contact-content .left .title{font-size: 38px;line-height: 48px;font-weight: 500;position: relative;letter-spacing: -0.8px;text-align: left;margin-bottom: 60px;} .contact-content .left .title::before{content: '';background: url(../../images/home-service-img.webp);width: 100px;height: 100px;position: absolute;left: -30px;top: -30px;z-index: 1;} .contact-content .left .title i{color: var(--public-color);font-style: normal;} .contact-content .left ul{margin-top: 40px;max-width:700px;} .contact-content .left ul li{font-size:16px;line-height: 28px;color: #666;font-weight: 400;margin-bottom: 10px;display: flex;margin-bottom: 40px;} .contact-content .left ul li::before{content: '\f00c';font-family: CmsFont;font-weight: bold;color: var(--public-color);margin-right: 15px;} .contact-content .right{width:35%;} @media(max-width:768px) { .product-content-body-navs{position: static;top:auto;} .product-content-body-nav{flex-wrap: wrap;overflow-x: auto;} .product-content-body-nav .item{padding:12px 15px;font-size:14px;line-height:20px;white-space: nowrap;} .body-nav-1{padding:40px 0;} .body-nav-1-box{flex-direction:column;gap:20px;} .body-nav-1-box-left{max-width:100%;} .body-nav-1-box-left .title{font-size:22px;line-height:30px;} .body-nav-1-box-left .title::before{width:4px;height:24px;} .body-nav-1-box-left .text{font-size:14px;line-height:20px;margin-top:12px;} .body-nav-1-box-right{width:100%;max-width:100%;} .body-nav-1-box-right .img-bg::before{width:50px;height:50px;} .body-nav-2{padding:40px 0;} .body-nav-2 .title{font-size:22px;line-height:30px;} .body-nav-2 .title::before{width:4px;height:24px;} .body-nav-2 .text{height:auto;flex-wrap:nowrap;margin-top:20px;} .body-nav-2 .text ul{max-width:100%;} .body-nav-2 .text ul li{font-size:14px;line-height:20px;margin-bottom:8px;} .body-nav-2 .text p{font-size:14px;line-height:20px;margin-bottom:8px;max-width:100%;} .body-nav-3{padding:40px 0;} .body-nav-3 .title{font-size:22px;line-height:30px;} .body-nav-3 .title::before{width:4px;height:24px;} .body-nav-3 .body-content-3{margin-top:20px;} .body-nav-3 .body-content-3 table{margin-top:20px;font-size:12px;overflow-x:auto;display:block;} .body-nav-3 .body-content-3 table th,.body-nav-3 .body-content-3 table td{padding:10px;font-size:12px;} .body-nav-3 .body-content-3 table .table-header{gap:15px;} .body-nav-3 .body-content-3 table .table-header .label{font-size:14px;} .body-nav-3 .body-content-3 table .table-header .product-image{width:50px;height:50px;} .body-nav-3 .body-content-3 table .feature-name{min-width:150px;font-size:12px;} .body-nav-3 .body-content-3 table tbody td{font-size:12px;padding:15px 10px;} .body-nav-3 .text{margin-top:40px;} .body-nav-3 .text .title2{font-size:22px;line-height:30px;margin-bottom:20px;} .body-nav-3 h4{font-size:22px;line-height:30px;margin-bottom:20px;} .body-nav-4{padding:40px 0;} .body-nav-4 .title{font-size:22px;line-height:30px;} .body-nav-4 .title::before{width:4px;height:24px;} .body-nav-4 .body-nav-4-grid{grid-template-columns:1fr;gap:20px;margin-top:30px;} .body-nav-5 .title{font-size:22px;line-height:30px;margin-bottom:30px;} .body-nav-5 .title::before{width:4px;height:24px;} .body-nav-6 .title{font-size:22px;line-height:30px;margin-bottom:30px;} .body-nav-6 .title::before{width:4px;height:24px;} .body-nav-6 .product-screen{padding:40px 0;} .body-nav-6 .product-screen .product-screen-box{flex-direction:column;gap:20px;} .body-nav-6 .product-screen .product-screen-box .left{max-width:100%;} .body-nav-6 .product-screen .product-screen-box .right{max-width:100%;} .body-nav-6 .product-screen .product-screen-box .right .title2{font-size:22px;line-height:30px;} .body-nav-6 .product-screen .product-screen-box .right .title2::before{width:60px;height:60px;left:-10px;top:-10px;background-size:contain;} .body-nav-6 .product-screen .product-screen-box .right ul{margin-top:20px;} .body-nav-6 .product-screen .product-screen-box .right ul li{font-size:14px;line-height:20px;margin-bottom:8px;} .product-content-wrapper .product-list-technology-modular-box-2{padding-bottom:40px;} .product-content-sup-faq{padding:40px 0;} .product-content-sup-faq .product-content-sup-faq-box{flex-direction:column;gap:20px;} .product-content-sup-faq .product-content-sup-faq-box .left{width:100%;max-width:100%;} .product-content-sup-faq .product-content-sup-faq-box .left .title{font-size:22px;line-height:30px;} .product-content-sup-faq .product-content-sup-faq-box .left ul{margin-top:20px;} .product-content-sup-faq .product-content-sup-faq-box .left ul li{font-size:14px;line-height:20px;margin-bottom:8px;} .product-content-sup-faq .product-content-sup-faq-box .left .sup-faq-box-list{grid-template-columns:1fr;gap:15px;margin-top:30px;} .product-content-sup-faq .product-content-sup-faq-box .right{max-width:100%;} .product-content-sup-faq .product-content-sup-faq-box .right .title2{font-size:22px;line-height:30px;} .product-content-sup-faq .product-content-sup-faq-box .right .title2::before{width:60px;height:60px;left:-10px;top:-10px;background-size:contain;} .product-content-sup-faq .product-content-sup-faq-box .right ul{margin-top:20px;} .product-content-sup-faq .faq-form-box-list{margin-top:30px;} .product-content-tuijian{padding:40px 0;} .product-content-tuijian .title{font-size:22px;line-height:30px;} .product-content-tuijian .product-content-tuijian-grid{grid-template-columns:1fr;gap:20px;margin-top:30px;} .product-content-tuijian .product-content-tuijian-grid .item{padding:12px 10px 20px;} .product-content-tuijian .product-content-tuijian-grid .item .sku{font-size:14px;line-height:20px;margin-top:8px;} .product-content-tuijian .product-content-tuijian-grid .item .t1{font-size:16px;line-height:22px;min-height:auto;margin-top:8px;} .product-content-tuijian .t2-tbale table tr{padding:8px;} .product-content-tuijian .t2-tbale table tr td{font-size:12px;line-height:20px;} .product-content-wrapper .qt-news{padding:0 0 40px;} .product-content-wrapper .qt-news .title{font-size:22px;line-height:30px;} .service-header .img .title{font-size:22px;line-height:30px;top:30px;max-width:90%;} .service-header .img .text{font-size:14px;line-height:20px;bottom:30px;max-width:90%;} .service-header-grid{grid-template-columns:1fr;gap:0;} .service-header-grid .item{padding:30px 20px;} .service-header-grid .item .title{font-size:16px;line-height:22px;margin-bottom:12px;} .service-header-grid .item ul{margin-top:12px;} .service-header-grid .item ul li{font-size:13px;line-height:20px;margin-bottom:8px;} .service-header-grid .item:hover{margin-top:0;} .service-header-grid .item:hover .title{font-size:18px;} .service-header-grid .item:hover ul li{font-size:14px;} .service-technical{padding:40px 0 30px;} .service-technical .title{font-size:22px;line-height:30px;} .service-technical .subtitle{font-size:14px;line-height:20px;margin-top:12px;} .service-technical-grid{grid-template-columns:1fr;gap:20px;margin-top:30px;} .service-technical-grid .item{padding:30px 20px;gap:15px;} .service-technical-grid .item .img{max-width:150px;padding-bottom:15px;} .service-technical-grid .item .title{font-size:16px;line-height:22px;margin-bottom:12px;} .service-technical-grid .item .text{font-size:13px;line-height:20px;} .service-parts{padding:40px 0;} .service-parts .title{font-size:22px;line-height:30px;} .service-parts .subtitle{font-size:14px;line-height:20px;margin-top:12px;} .service-parts-list{flex-direction:column;gap:40px;margin-top:30px;} .service-parts-list .item{flex-direction:column;} .service-parts-list .item .t1{font-size:18px;line-height:24px;} .service-parts-list .item .t2{font-size:14px;line-height:20px;margin:20px 0;} .service-parts-list .item .img{max-width:100%;} .service-parts-list .item .text{padding:20px 15px;} .service-parts-list .item:nth-child(even){flex-direction:column;} .service-training{padding:40px 0;} .service-training-box{flex-direction:column;gap:20px;} .service-training-box .text{max-width:100%;} .service-training-box .text .title{font-size:22px;line-height:30px;} .service-training-box .text .title::before{width:60px;height:60px;left:-10px;top:-10px;background-size:contain;} .service-training-box .text ul{margin-top:20px;} .service-training-box .text ul li{font-size:13px;line-height:20px;margin-bottom:8px;} .service-training-box .text ul li span{padding-left:20px;} .service-training-box .img{max-width:100%;} .service-form{padding:40px 0;} .service-form-box .title{font-size:22px;line-height:30px;} .service-form-box .subtitle{font-size:14px;line-height:20px;margin-bottom:12px;} .service-form-box .form-group{width:100%;max-width:100%;margin-bottom:20px;} .service-form-box input.form-control,.service-form-box select.form-control{height:40px;padding:0 15px;font-size:14px;} .service-form-box textarea.form-control{height:80px;padding:12px 15px;font-size:14px;} .service-form-box button{height:42px;font-size:14px;} .quality-header .img .title{font-size:22px;line-height:30px;top:30px;max-width:90%;} .quality-header .img .text{display: none;} .quality-header-grid{grid-template-columns:repeat(2,1fr);gap:0;} .quality-header-grid .item{padding:30px 15px;} .quality-header-grid .item .img{width:80px;height:80px;} .quality-header-grid .item .title{font-size:14px;line-height:20px;margin-top:15px;} .quality-header-grid .item:nth-child(-n+3)::before{display:none;} .quality-header-grid .item:nth-child(2)::before{display:block;} .quality-solution{padding:40px 0;} .quality-solution-box{max-width:100%;padding:40px 0 30px;} .quality-solution-box .subtitle{font-size:14px;line-height:20px;margin-bottom:12px;} .quality-solution-box .title{font-size:22px;line-height:30px;} .quality-solution-box .text{font-size:13px;line-height:20px;margin-top:20px;max-width:100%;} .quality-solution-box1{position:static;bottom:auto;right:auto;width:100%;max-width:100%;margin-top:20px;} .quality-solution-box .swiper-button{width:100px;margin-top:30px;} .quality-solution-box .swiper-button .swiper-button-prev,.quality-solution-box .swiper-button .swiper-button-next{width:40px;height:40px;} .quality-case{padding:40px 0;} .quality-case-box{flex-direction:column;} .quality-case-box .title{font-size:22px;line-height:30px;margin-bottom:30px;margin-left:0;} .quality-case-box .title::before{width:60px;height:60px;left:-10px;top:-10px;background-size:contain;} .quality-case-box .left{width:100%;max-width:100%;} .quality-case-box .left .text{font-size:13px;line-height:20px;margin-bottom:20px;} .quality-case-box .left-nav .item{padding:0 15px;height:66px;font-size:14px;margin-left:0;} .quality-case-box .left-nav .item::after{font-size:36px;right:10px;} .quality-case-box .left-nav .item.active::before{left:-20px;border-right-width:10px;border-top-width:8px;border-bottom-width:8px;} .quality-case-box .right{max-width:100%;} .quality-case-box .right .item .t1{font-size:18px;line-height:24px;margin-top:20px;} .quality-case-box .right .item ul li{font-size:13px;line-height:20px;margin-top:12px;} .quality-case-box-2{padding:40px 0 80px;} .quality-case-box-2 .title{font-size:22px;line-height:30px;margin-bottom:20px;} .quality-case-box-2 .definiti-swiper{padding:0 10px;} .quality-case-box-2 .definiti-swiper::after,.quality-case-box-2 .definiti-swiper::before{width:15px;} .quality-grid{padding:40px 0;grid-template-columns:1fr;gap:30px;} .quality-grid .item{flex-direction:column;padding:20px;gap:20px;} .quality-grid .item .img{width:120px;height:120px;} .quality-grid .item .title{font-size:16px;line-height:22px;} .quality-grid .item .desc{font-size:13px;line-height:20px;} .quality-app .title{font-size:22px;line-height:30px;} .quality-app-tab{margin-top:20px;flex-wrap:wrap;} .quality-app-tab .item{font-size:14px;flex:1 1 50%;} .quality-app-box{gap:20px;} .quality-app-box .item .text{padding:30px 20px;max-width:100%;} .quality-app-box .item .title{font-size:18px;line-height:24px;} .quality-app-box .item .title::after{width:30px;height:4px;margin:20px 0 8px;} .quality-app-box .item .desc{font-size:13px;line-height:20px;margin-top:12px;} .quality-case1{padding:40px 0;} .quality-case1 .title{font-size:22px;line-height:30px;} .quality-case1-grid{grid-template-columns:1fr;gap:30px;margin-top:30px;} .quality-case1-grid .item .text{font-size:14px;line-height:20px;margin-top:15px;} .solutions-header{padding:40px 0;} .solutions-header .title{font-size:22px;line-height:30px;} .solutions-header .subtitle{font-size:13px;line-height:20px;margin:20px auto;} .solutions-header-grid{grid-template-columns:1fr;gap:30px;margin-top:30px;} .solutions-header-grid .item{padding:30px 20px;} .solutions-header-grid .item .t1{font-size:18px;line-height:24px;margin-bottom:12px;} .solutions-header-grid .item .t1::after{width:30px;height:4px;margin:20px 0 8px;} .solutions-header-grid .item .t2{font-size:13px;line-height:20px;margin-bottom:12px;} .solutions-header-grid .item .img .img-bg::before{width:50px;height:50px;} .solution-what{padding:40px 0 30px;} .solution-what .title{font-size:22px;line-height:30px;} .solution-what .subtitle{font-size:13px;line-height:20px;margin:20px auto;} .solution-what .more{padding:8px 16px;font-size:14px;} .solutions-content-header{flex-direction:column;padding:40px 0 30px;gap:30px;} .solutions-content-header .left{max-width:100%;} .solutions-content-header .right{max-width:100%;} .solutions-content-header .right .desc{font-size:14px;line-height:20px;margin-bottom:12px;} .solutions-content-header .right .title{font-size:22px;line-height:30px;} .solutions-content-header .right .text{font-size:13px;line-height:20px;margin-top:20px;} .solutions-content-header .right .more-text{margin-top:30px;font-size:14px;line-height:20px;} .solutions-content-swiper{padding:0 10px;} .solutions-content-swiper .img{height:150px;} .solution-value{padding:40px 0 30px;} .solution-value .desc{font-size:14px;line-height:20px;margin-bottom:12px;} .solution-value .title{font-size:22px;line-height:30px;margin-bottom:20px;max-width:100%;} .solution-value .t2{font-size:18px;line-height:24px;margin:30px 0 20px;} .solution-value .t2-box{grid-template-columns:1fr;gap:20px;margin-bottom:30px;max-width:100%;} .solution-value .t2-box .item{padding:30px 20px;} .solution-value .t2-box .item .t2-title{font-size:16px;line-height:22px;margin-bottom:10px;} .solution-value .t2-box .item .t2-text{font-size:13px;line-height:20px;} .solution-value .more-text{font-size:14px;line-height:20px;} .solutions-wrapper .quality-case1{padding:30px 0 80px;} .all-news{margin-bottom:40px;} .all-news .all-down{margin-bottom:30px;} .all-news .content{padding:0 15px;} .all-news .swiper-slide{padding:0 10px;} .all-news .box{padding:20px 15px 20px 15px;} .all-news .t1{font-size:14px;line-height:20px;margin-bottom:12px;} .all-news .cont{margin-bottom:12px;} .news-wrapper{padding-top:40px;} .news-wrapper .row{margin:0 -15px 60px;gap:30px 0;} .news-wrapper .col-md-4{padding:0 15px;} .news-in-paper .h1{font-size:22px;line-height:30px;margin-bottom:30px;} .news-in-paper .type-time{padding-bottom:20px;} .news-in-paper .main-top{flex-direction:column;} .news-in-paper .article{margin-bottom:80px;} .news-in-paper .article .content{font-size:14px;line-height:24px;padding-bottom:40px;padding-top:20px;} .news-in-paper .article h2{font-size:18px;line-height:24px;margin-bottom:15px;} .news-in-paper .article h4{font-size:16px;line-height:22px;margin-bottom:10px;} .news-in-paper .box-tail{flex-direction:column;font-size:14px;line-height:22px;margin-top:30px;gap:15px;} .news-in-paper .box-tail .left{width:100%;} .news-in-paper .box-tail .right{width:100%;justify-content:flex-start;} .news-in-paper .box-tail .left p a{font-size:13px;line-height:20px;padding-left:10px;} .news-in-paper .aside>div{padding:15px 20px;} .news-in-paper .h4{font-size:18px;margin-bottom:30px;} .news-in-paper .aside .more-7{height:40px;font-size:14px;margin-bottom:20px;} .news-in-paper .aside .a-box a{font-size:14px;line-height:22px;margin-bottom:15px;} .news-in-paper .other-news .t1{font-size:14px;line-height:20px;margin-bottom:10px;} .news-in-paper .other-news .time{font-size:13px;line-height:22px;} .news-in-paper .other-news .list + .list{padding-top:20px;} .news-in-paper .other-news .list{padding-bottom:20px;} .new-in-pro{margin-bottom:60px;} .new-in-pro .content{margin-top:40px;} .new-in-pro .all-products .cont{padding:20px 15px 20px 20px;} .new-in-pro .all-products .t1{line-height:24px;} .main-box{flex-direction:column;gap:30px;} .main-box .main-left{position:static;top:auto;min-width:auto;margin-bottom:30px;} .main-box .main-top{max-width:100%;margin-left:0;} .main-box .aside{width:100%;} .main-box .article{width:100%;} .main-box .main-left-box .table-title{font-size:18px;line-height:24px;padding:15px 15px 15px 20px;margin-bottom:20px;} .main-box .main-left-box .table-title::before{left:5px;border-left-width:10px;border-top-width:8px;border-bottom-width:8px;} .main-box .main-left-box .h2 a{font-size:14px;line-height:20px;} .main-box .name-box li a{font-size:13px;line-height:20px;} .news-wrapper .news-nav{flex-wrap:wrap;gap:10px;margin-bottom:30px;} .news-wrapper .news-nav .item{font-size:14px;line-height:20px;padding:8px 15px;} .faq-wrapper{padding:40px 0;} .faq-wrapper .faq-nav{flex-wrap:wrap;gap:10px;margin-bottom:30px;} .faq-wrapper .faq-nav .item{font-size:14px;line-height:20px;padding:8px 15px;} .faq-wrapper .faq-form-box-list{gap:20px;} .faq-wrapper .faq-form-box-list .item .t1{font-size:14px;line-height:20px;margin-bottom:10px;} .faq-wrapper .faq-form-box-list .item .t2{font-size:13px;line-height:20px;} .download-wrapper{padding:40px 0 60px;} .download-wrapper .download-box{flex-direction:column;gap:30px;} .download-wrapper .download-box .download-img{width:100%;} .download-wrapper .download-box .download-img-text{font-size:16px;line-height:24px;margin-top:30px;} .download-wrapper .download-box .download-img-text::before{width:4px;height:48px;margin-right:15px;} .download-wrapper .download-box .download-form{width:100%;} .download-wrapper .download-box .download-form-title{font-size:14px;line-height:20px;margin-bottom:10px;} .certificate-wrapper{padding:40px 0;} .certificate-wrapper .certificate-box{grid-template-columns:repeat(2,1fr);gap:20px 15px;} .certificate-wrapper .certificate-box .item{padding:15px;} .certificate-wrapper .certificate-box .item .text{font-size:13px;line-height:20px;margin-top:12px;} .video-papaer{padding-top:40px;} .video-papaer .list{padding:15px 18px;} .video-papaer .list .h5{font-size:14px;margin-bottom:8px;} .video-papaer .list .time{font-size:12px;} .video-papaer .row{margin:0 -15px 50px;gap:30px 0;} .video-papaer .col-md-4{padding:0 15px;} .v-share_bot{margin-top:20px;padding:5px;} .v-share_bot input{font-size:12px;padding-left:8px;} .v-share_bot button{width:80px;height:36px;line-height:36px;font-size:12px;} .contact-wrapper{padding:40px 0;} .contact-wrapper{padding-top:30px;} .contact-wrapper .cont-box{flex-direction:column;gap:20px;margin-bottom:40px;} .contact-wrapper .cont-box .list{height:auto;padding:25px 0 25px 25px;} .contact-wrapper .list .name{font-size:16px;margin-bottom:10px;} .contact-wrapper .list .font-sty{font-size:13px;} .contact-wrapper .list .img-1{right:20px;top:15px;width:40px;} .contact-content{flex-direction:column;} .contact-content .left{width:100%;} .contact-content .left .title{font-size:22px;line-height:30px;margin-bottom:30px;} .contact-content .left .title::before{width:60px;height:60px;left:-10px;top:-10px;background-size:contain;} .contact-content .left ul{margin-top:20px;max-width:100%;} .contact-content .left ul li{font-size:13px;line-height:20px;margin-bottom:20px;} .contact-content .right{width:100%;} }