/*通用样式*/ :root{ --public-color:#7fc128; --public-color-o:#ec870e; --max:1430px; } *{letter-spacing: 0 !important;} .text,.cont{color: #666666 !important;} body{color:#666666;font-size:16px;line-height:26px;font-family:'Lato','Outfit',Arial,Helvetica,sans-serif} a{color:#333;display:inline-block;transition: all .4s ease-in-out;} a:hover{color:var(--public-color-o) !important} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid {max-width: 100%;height: auto;} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max)} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px;} .container-xl.m-right{margin:0 auto;padding:0 15px} .container-xl.m-left{margin:0 auto;padding:0 15px} } .x3-title{font-size:16px;line-height:24px;margin-top:15px;display:block;text-align:center;} .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;overflow-x: clip;} .max-1860px{max-width: 1860px;} .max-1830px{max-width: 1830px;} .max-1800px{max-width: 1800px;} .max-1790px{max-width: 1790px;} .max-1750px{max-width: 1750px;} .max-1740px{max-width: 1740px;} .max-1690px{max-width: 1690px;} .max-1680px{max-width: 1680px;} .max-1650px{max-width: 1650px;} .max-1640px{max-width: 1640px;} .max-1630px{max-width: 1630px;} .max-1610px{max-width: 1610px;} .max-1600px{max-width: 1600px;} .max-1590px{max-width: 1590px;} .max-1560px{max-width: 1560px;} .max-1540px{max-width: 1540px;} .max-1530px{max-width: 1530px;} .max-1480px{max-width: 1480px;} .max-1440px{max-width: 1440px;} .max-1430px{max-width: 1430px;} /* 自己写的 */ .header .all-social .social > *{border-radius: 100% !important;background-color: #ffffff !important;width: 30px;height: 30px;font-size: 16px !important;} .header .all-social .hover-1::before, .header .all-social .hover-2::before{font-size: 16px;} .header .all-social .social .icon-instagram{font-weight: bold;} .header.fadeInDown{box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);position: fixed;top: 0;left: 0;right: 0;} .header.fadeInDown .header-top{background-color: #ffffff;transition: all .3s ease-in-out;} .header-first .header-top{background-color: transparent;} .header-first{background-color: var(--public-color);padding: 5px 0 5px;} .header-first-xl{display: flex;justify-content: space-between;align-items: center;} .header-first h5{font-size: 16px;font-weight: 400;color: #fff;} .header-first .header-box{display: flex;align-items: center;} .header-first .d1{display: flex;align-items: center;gap: 8px;margin-right: 40px;font-size: 14px;line-height: 14px;color: #fff;} .header-first a.d1:nth-last-of-type(1){margin-right: 0;} .header-first .dropdown.lang .dropdown-toggle{padding: 0;background: transparent;border-radius: 0;color: #fff;} .header-first .dropdown.lang .dropdown-toggle img{display: none;} .dropdown-item.active, .dropdown-item:active{color: var(--public-color);} .header{position: relative;width: 100%;z-index: 99;} .header .top-logo svg{width:213px; height:57px} .header .row-nav{display: flex;align-items: center;} .header .header-nav{display: flex;align-items: center;justify-content: space-between;} .header .header-top{padding:20px 0;background-color: #ffffff;} .header-top .row-nav{display: flex;align-items: center;justify-content:flex-end;width:100%;position: inherit;} .header-top .navbar-custom{position: inherit;transform: translateY(0);margin:0 10px;} .contact-search{display: flex;align-items: center;gap:10px;margin-left:10px} /*默认pc头部样式*/ /* .header{z-index:999;width:100%;position:absolute;left:0;background-color:white;} .header.fadeInDown .header-desc .logo img{height:70px;width:auto;} .header.fadeInDown .header-top .nav-item{margin:0;padding:10px 8px;cursor:pointer;font-size:18px} */ /*默认导航样式*/ .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 10px} .navbar-custom .navbar-nav > .nav-item:last-child{margin-right: 0;} .navbar-custom .navbar-nav > .nav-item:first-child{margin-left: 0;} .navbar-custom .navbar-nav .active > .nav-link{color: var(--public-color);} .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after,.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{content: url(../../images/nav-down-1.webp);} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#666666;padding:0;height:55px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:18px;line-height:24px;} /* .navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:10px} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0} */ .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{content: url(../../images/nav-down.webp);transition:.6s ease-in-out;line-height: 0;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg);} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color) !important;transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} @media(max-width:1500px){ .navbar-custom .navbar-nav > .nav-item{margin:0 15px} .navbar-custom .navbar-nav .nav-link{font-size:16px} } @media(max-width:1340px){ .navbar-custom .navbar-nav > .nav-item{margin:0 10px} .navbar-custom .navbar-nav .nav-link{font-size:15px} .contact-search .a-wz-1 {height: 36px;} .header .top-search-box{margin-right: 0;} .header .top-search-box .search-tb i {font-size: 20px;} .header .top-search-box {margin-left: 0;} } @media(max-width:1200px){ .navbar-custom .navbar-nav > .nav-item{margin:0 7px} } @media(max-width:1100px){ .navbar-custom .navbar-nav > .nav-item{margin:0 5px} .navbar-custom .navbar-nav .nav-link{font-size:14px} .dropdown-toggle::after{margin-left: 2px;} .contact-search .a-wz-1{display: none;} } /*移动端头部样式*/ @media(max-width:768px){ .header-mb .top-mb a{font-size: 18px;color: #ffffff;} 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;color: #ffffff;} .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:#b3190d;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: #5bb44e; 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: #5bb44e } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 } /* 联系侧边栏 */ .contact-sidebar{position:fixed;right:0;top:60%;transform:translateY(-50%);z-index:55;background-color:rgba(0,0,0,0.3);border-radius:30px;margin:0 20px 0 0;width:50px;overflow:visible} .contact-sidebar .contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;align-items:center;overflow:visible} .contact-sidebar .contact-item{margin:0;padding:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s ease;overflow:visible} .contact-sidebar .contact-item:first-child{border-radius:0 25px 0 0} .contact-sidebar .contact-item:nth-last-child(2){border-radius:0 0 25px 0} .contact-sidebar.scroll-top-active .contact-item:nth-last-child(2){border-radius:0} .contact-sidebar .contact-item .contact-item-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:transparent;transition:all 0.3s ease;text-decoration:none;position:relative;z-index:2} .contact-sidebar .contact-item .contact-item-icon:hover{transform:scale(1.1)} .contact-sidebar .contact-item .new-icon-upward svg{transition:all 0.3s ease} .contact-sidebar .contact-item .new-icon-upward:hover svg{transform:scale(1.1)} .contact-sidebar .contact-item.to-top .contact-item-icon{background-color:var(--public-color);width:40px;height:40px} .contact-sidebar .contact-item:hover{background-color:var(--public-color);transition:background-color 0.3s ease} .contact-sidebar .contact-item.to-top:hover{background-color:transparent !important} .contact-sidebar .contact-item.to-top .contact-item-icon:hover{transform:scale(1)} .contact-sidebar .contact-item-tips{position:absolute;right:50px;top:0;background-color:var(--public-color);color:#fff;height:50px;border-radius:30px 0 0 30px;padding:0 20px;white-space:nowrap;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:0;width:0;overflow:hidden;transition:all 0.3s ease;z-index:10;opacity:0;visibility:hidden;pointer-events:auto} .contact-sidebar .contact-item:hover .contact-item-tips,.contact-sidebar .contact-item-tips:hover{width:auto;min-width:120px;opacity:1;visibility:visible;pointer-events:auto} .contact-sidebar .contact-item-tips .contact-item-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff} .contact-sidebar .contact-item-tips .contact-item-text:hover{color:var(--public-color-o);cursor:pointer} @media(max-width:768px){ .contact-sidebar{position:fixed;bottom:50px;top:auto;right:0;width:50px;transform:none;border-radius:30px;margin: 10px 0 10px 0;display:flex;justify-content:center} .contact-sidebar .contact-list{width:50px;justify-content:space-around;padding:5px 0} .contact-sidebar .contact-item{flex:1;max-width:40px} .contact-sidebar .contact-item-tips{position:absolute;right:auto;left:50%;bottom:50px;top:auto;transform:translateX(-50%) translateY(100%);border-radius:30px;width:auto;min-width:150px;height:auto;padding:10px 15px;white-space:normal;word-break:break-all} .contact-sidebar .contact-item.to-top .contact-item-tips{display:none} .contact-sidebar .contact-item.to-top{display: none;} .contact-sidebar .contact-item:hover{background-color:transparent;} .contact-sidebar .contact-item:hover .contact-item-tips{display: none;} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 1.5rem; } .content-wrapper h2 { font-size: 26px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;} .content-wrapper h3 { font-size: 24px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;} .content-wrapper h4 { font-size: 20px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;} .content-wrapper p{margin-bottom: 15px;} .content-wrapper img { max-width: 100% !important; height: auto !important;margin-bottom: 15px;} .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper ul{padding-left: 20px;margin-bottom: 15px;} .content-wrapper ul li{list-style-type: initial;margin-bottom: 10px;} .content-wrapper ol{padding-left: 20px;margin-bottom: 15px;} .content-wrapper ol li{list-style-type: initial;margin-bottom: 10px;} .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529;margin-bottom: 15px;} .content-wrapper table p{margin-bottom: 0;} .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; } .content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; } .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} .content-wrapper tbody th{color:#2980c7} /*#表格*/ .table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; } .table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; } .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @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} @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-row.form-btn-box{position: relative;} .form-row .btn-box{position: static;} .form-row .pos-btn{position: absolute;top:100%;left:0;padding:0 10px;width: 100%;font-size: 14px;line-height: 24px;} .form-group .form-control::placeholder{font-size:16px;line-height:32px;color:#333;letter-spacing:-.8px;opacity:1} .form-group .form-control{padding:15px 20px 12px 30px;border:none;border-radius:8px;background-color:#ffffff;border:solid 1px #cccccc} .form-group textarea.form-control{padding-top:10px} .form-row{margin:0 -14px 15px !important} .form-group{position:relative;padding:0 14px !important;margin-bottom: 0;} .form-group:has(input[required])::before,.form-group:has(textarea[required])::before{content:"";width: 8px;height: 8px;background-color: var(--public-color-o);border-radius: 100%;position:absolute;left:30px;top:20px;line-height:8px;z-index:1} .form-group:has(textarea[required])::before{top:22px} .form-row .a-dy-1{display:flex;justify-content:center;align-items:center;width:100%;height:56px;font-size:20px;font-weight:500;letter-spacing:0;min-width: 255px;} .form-cap .input-group{border:solid 1px #cccccc;border-radius: 8px;overflow: hidden;} .form-cap .form-group .form-control{border:none} .form-cap .input-group-append{width:115px;background-color:#f3fbfe;margin:0;border:none} .input-group-append img{width:100%;height:auto;background-color:#f3fbfe;mix-blend-mode:darken} .input-group-img{padding:0 !important} .input-group-text{border:none} @media(max-width:1200px){ .form-row{margin: 0 -10px 15px !important;} .form-group {padding: 0 10px !important;} } @media(max-width:768px){ .form-row{gap: 10px} .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} } .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} .was-validated .form-control:invalid,.form-control.is-invalid { border-color: #f5543f; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } /*#搜索*/ .search-group{width:200px;height:40px;overflow:hidden;border:1px solid #f7f7f7;border-radius:5px;} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:#5c5352} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#fff;font-size:1rem} .top-search-box li .top-search {border-radius:10px;} .top-search-box{cursor:pointer;z-index: 10;border-radius:5px;margin-right: 15px;margin-left: 5px;width: 30px;height: auto;display: flex;justify-content: center;position: relative;} .top-search-box .search-tb i{color: #666666;font-size: 24px;font-weight: 400;} .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: 30px;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;} /* .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} */ @media(max-width:768px){ .search-group i{font-size: 18px;} .search-group .form-control{height: 33px;line-height: 33px;} .search-box .form-control::placeholder{color: #666;} .top-mb-search-box .search-group{height: 33px;} .top-mb-search-box .search-group .btn{width: 33px;height: 33px;border-color: var(--public-color);} } /*#展会信息*/ .zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;} .zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;} .zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;} .zhbg .box .zh-t1{display:flex;margin-bottom:25px;} .zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;} .zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);} .zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;} .zhbg .box .place{font-size:16px;line-height:24px;} .zhbg .box .place p{margin-bottom:10px;} .zhbg .box .place p i{color:var(--public-color);min-width:22px;} .zhbg .box .place p strong{color:var(--public-color);} .zhbg.on{display:flex;} .zhkz.on{display: block;} .zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;cursor:pointer;z-index:99; } @media(max-width:768px) { .zhbg .box{width:80%;padding:15px;} .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; } } .all-banner {height: 350px;display: flex;align-items: center;overflow: hidden;position: relative;} .all-banner::after{content: "";width: 100%;height: 9px;background-color: var(--public-color-o);position: absolute;left: 0;bottom: 0;} .all-banner .cont-box{width: 60%;} .all-banner h1{font-size: 46px;line-height: 52px;color: #333333;font-weight: bold;} .all-banner .cont{font-size: 16px;line-height: 24px;color: #999999;font-weight: 400;margin-top: 25px;} .all-banner .img{position: absolute;right: 60px;top: 0%;width: 36%;height: 100%;text-align: center;display: flex;align-items: flex-end;justify-content: center;} .all-banner .img::after{content: "";width: 100%;aspect-ratio: 1 / 1;background-color: var(--public-color);border-radius: 100%;position: absolute;right: 0;top: 10%;z-index: -1;} @media(max-width:1430px){ .all-banner .img{right: 30px;} } @media(max-width:1340px){ .all-banner{height: 330px;} } @media(max-width:1260px){ .all-banner{height: 300px;} .all-banner .img{right:15px} } @media(max-width:768px){ .all-banner .img{position: static;width: 100%;} .all-banner .img::after{top: 55%;} .all-banner .content{display: flex;flex-direction: column;} .all-banner .cont-box{width: 100%;padding-top: 15px;} .all-banner .cont {margin-top: 10px;} } .footer-margin.footer-img{margin-top: 0;} .footer-margin.footer-img::before{background-image: url(../../images/footer-back-2.webp);width: 36%;} .footer-margin.footer-img .footer{padding-top: 0;} .footer-margin{margin-top: -195px;background-color: #ededed;padding-bottom: 45px;position: relative;overflow: hidden;} .footer-margin .footer{padding-top: 295px;} /* .footer-margin::before{content: "";background: url(../../images/footer-back-1.webp) no-repeat;width: 15%;height: 100%;background-size: 100% 105%;position: absolute;left: 0;bottom: 0;} */ .footer .footer-top,.footer .footer-bottom{position: relative;z-index: 1;} .footer .footer-top {padding-bottom: 50px;display: flex;justify-content: space-between;gap: 55px;} .footer .footer-logo{margin-bottom: 15px;} .footer-logo svg{width: 258px;height: 69px;} .footer .text{color: #666;opacity: .8;letter-spacing: 0;} .footer .t1{font-size: 18px;line-height: 28px;color: #666;opacity: .8;font-weight: 600;margin-bottom: 40px;text-transform: uppercase;} .footer .font-sty{font-size: 16px;color: #666;opacity: .9;margin-bottom: 13px;letter-spacing: -.2px;} .footer .font-sty:last-child{margin-bottom: 0;} .footer .list-1{min-width: 25%;max-width: 350px;display: flex;flex-direction: column;} .footer .list-1 .h5{font-size: 18px;color: #8e8e8e;font-weight: 600;margin: 10px 0 20px;} .footer .list-2{width: 40%;} .footer .list-2 .box{display: grid;grid-template-columns: repeat(2,1fr);justify-content: flex-start;gap: 20px 5px;} .footer .list-3{width: 35%;max-width: 370px;} .footer .list-3 .d{display: grid;grid-template-columns: 15px auto;gap:0 15px;margin-bottom: 15px;} .footer .list-3 .d:last-child{margin-bottom: 0;} .footer .list-3 .name{color: #666666;font-weight: 500;padding-right: 10px;} .footer .list-3 .icon{line-height:24px;opacity: .8;color: #666;font-size: 18px;} .footer .list-3 .font-sty{letter-spacing: 0;} .footer .list-3 a{font-size: 16px;color: #666;} .footer .footer-bottom{display: flex;align-items: center;letter-spacing: 0px;display: flex;align-items: center;border-top: 1px solid #ccc;padding-top: 15px;padding-left: 8px;} .footer .copy{opacity: .8;color: #666666;font-size: 16px;line-height: 28px;letter-spacing: -.4px;} .all-social{display: flex;gap: 12px;} .all-social .hover-1,.all-social .hover-2{background-color: #dfdfdf !important;border:none;color: #666 !important;width: 42px;height: 42px;font-size: 20px !important;display: inline-flex;justify-content: center;align-items: center;border-radius: 0;margin: 0 !important;} .all-social .hover-1::before,.all-social .hover-2::before{font-size: 20px;width: inherit;} .all-social .hover-1:hover,.all-social .hover-2:hover{background-color: var(--public-color-o) !important;color: #fff !important;border-color: var(--public-color);} @media(max-width:1240px){ .footer .footer-top{gap: 30px;} .footer .list-2 {width: 50%;} } @media(max-width:1100px){ .footer .footer-top{flex-wrap: wrap;} .footer .list-1 {width: 40%;min-width: auto;max-width: none;} .footer .list-3{width: 100%;max-width: 100%;} } @media(max-width:768px){ .footer-margin{margin-top: 0;padding-bottom: 15px;} .footer-margin .footer{padding-top: 30px;} .footer .footer-top{flex-direction: column;padding-bottom: 20px;} .footer .list-1{width: 100%;} .footer .t1{margin-bottom: 15px;} .footer .list-2{width: 100%;} .footer .font-sty{margin-bottom: 0;font-size: 14px;} .footer .list-2 .box{gap: 10px;} .footer .list-3 .d {margin-bottom: 10px;} } .small-nav{width: 100%;padding-top: 25px;padding-bottom: 35px;} .small-nav ul{display: flex;align-items:center;flex-wrap: wrap;} .small-nav ul a{font-size: 14px;line-height: 24px;color:#999999;letter-spacing: 0;} .small-nav ul li::before{content: ">";font-family: 'Poppins';line-height: 28px;font-size: 14px;padding: 0 8px;color:#999999;position: static;} .small-nav ul li:first-child::before{display: none;} .small-nav ul li:last-child a{color: var(--public-color-o);} .small-nav ul li{display: flex;align-items: center;padding-left: 0;} .a-wz:focus, .a-wz-1:focus{ outline: none; box-shadow: none; } /* From Uiverse.io by nikk7007 */ .a-wz{font-size: 16px;line-height: 24px;color: #fff;background-color: var(--public-color);border: 2px solid var(--public-color);border-radius: 22px;font-weight:500;height: 43px;padding: 0 25px;display: inline-flex;align-items: center;justify-content: center;position: relative;transition: 0.3s ease all;z-index: 1;cursor: pointer;} .a-wz:before {content: '';transition: 0.5s all ease;position: absolute;top: 0;left: 50%;right: 50%;bottom: 0;opacity: 0;border-radius: 22px;background-color: #fff;z-index: -1;} .a-wz:hover:before, .a-wz:focus:before {transition: 0.5s all ease;left: 0;right: 0;opacity: 1;} .a-wz:hover,.a-wz:focus{color: var(--public-color) !important;} .a-wz span{letter-spacing: -3px;margin-left: 10px;font-weight: 500;} .a-wz-1{font-size: 16px;line-height: 24px;color: #fff;background-color: var(--public-color-o);border: 2px solid var(--public-color-o);border-radius: 22px;font-weight:500;height: 43px;padding: 0 25px;display: inline-flex;align-items: center;justify-content: center;position: relative;transition: 0.3s ease all;z-index: 1;cursor: pointer;} .a-wz-1:before {content: '';transition: 0.5s all ease;position: absolute;top: 0;left: 50%;right: 50%;bottom: 0;opacity: 0;background-color: #fff;border-radius: 22px;z-index: -1;} .a-wz-1:hover,.a-wz-1:focus {color: var(--public-color-o) !important;} .a-wz-1:focus img{filter: none !important;} .a-wz-1:hover:before, .a-wz-1:focus:before {transition: 0.5s all ease;left: 0;right: 0;opacity: 1;} .a-wz-2{padding:0 10px;width:120px} /*共有的类名*/ .text,.cont{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .title{font-size:38px;line-height:48px;color: #333333;font-weight: 600;} .title.title-c{text-align: center;} .title-r{color: var(--public-color);} .title-img{position: relative;} .title-img::before{content:url(../../images/pro-20.webp);position: absolute;left: -25px;top: -20px;} h1.h1{font-size: 36px;line-height: 48px;font-weight: bold;color: #333;} .t1{color: #333;} .h6,h6{font-size: 18px;line-height: 24px;color: var(--public-color);font-weight: 400;} .dfrsb{display: flex;justify-content: space-between;} .dfrsbc{display: flex;justify-content: space-between;align-items: center;} .dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;} .dfcsbc{display: flex;flex-direction: column;justify-content: space-between;} .dfrcc{display:flex;justify-content: center;align-items: center;} .ul li{position: relative;padding-left: 35px;margin-bottom: 0px;} .ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color-o);} .top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;} .img img.block{display: block;animation: bounceIn 1s;} .img img.red{display: none;animation: bounceIn 1s;} .top-head-c{text-align: center;margin: auto;} span.g{color: var(--public-color);} hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);} .row-line::after{content: "";width: 60px;height: 8px;background-color: var(--public-color);display: block;margin: 0;position: relative;bottom: -55px;transition: all .3s ease-in-out;} .col-line{position: relative;} .col-line::after{content: "";width: 4px;height: 70px;background-color: var(--public-color);display: block;position: absolute;left: -60px;top:10px;transition: all .3s ease-in-out;} .all-line-b::before{background-color: var(--public-color-b);} .all-line-y::before{background-color: var(--public-color-y);} .all-style{position: relative;padding:0px;} .all-swiper{overflow: hidden;} .all-hover { transition: all .3s ease-in-out; background-color: #fff; border: solid 1px var(--public-color-b); font-weight: bold; width: 40px; height: 60px; z-index: 2; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.19); margin-top: -20px; } .all-hover::after{font-size: 42px;color: #cccccc;transition: all .3s ease-in-out;font-weight: 300;font-family: 'cmsfont';;} .all-hover:hover::after{color: var(--public-color-o);} .all-hover-next{right: -20px;} .all-hover-prev{left: -20px;} .all-hover-next::after{content:'\f105';} .all-hover-prev::after{content: '\f104';} .all-hover-1:hover::after{color: var(--public-color-o);} .all-hover-1::after{color: #333333;font-size:70px;font-weight: 400;font-family: 'cmsfont';transition: all .3s ease-in-out;} .all-hover-next-1{right: -80px;} .all-hover-prev-1{left: -80px;} .all-hover-next-1::after{content:'\f054';} .all-hover-prev-1::after{content: '\f053';} /*#视频详情*/ .video-nr{position:relative;background:#f4f6f9;padding:30px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;} .video-nr .v-content{width:76%;} .video-nr .v-content::-webkit-scrollbar{display:none;} .video-nr .v-content .v-title{font-size:22px;line-height:28px;font-weight:bold;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:14px;color:#777;} .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:#4bcd65;border:1px solid #4bcd65; display: inline-flex;padding:5px 20px;border-radius:50px;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;border-radius:50px;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:#527dff;border-color:#527dff;color:#fff;} .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:#527dff;} .video-nr .v-content .v-nr a:hover{text-decoration:underline;} .video-nr .v-content .v-title2{border-bottom: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;} .video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:#4bcd65;cursor:pointer;font-weight:initial;} .video-nr .v-content .v-title2 .right:hover{color:#527dff;} .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;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-side .v-pro .img{width:30%;} .video-nr .v-side .v-pro .text{width:67%;} .video-nr .v-side .v-pro .text .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 .d-flex{margin-top:20px;} .video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 10px;border:1px solid #4bcd65;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:#4bcd65;color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child{background:#4bcd65;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:22px;line-height:28px;font-weight:bold;margin-bottom: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%;position:relative;} .video-nr .v-side .v-rel .v-video-item .left a{position:absolute;left:0;right:0;bottom:0;top:0;z-index:99;} .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:#999;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 #527dff;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: #527dff; 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;} } .reveal-modal#mb-share{left: 60%; margin-left: -30%; width: 40%;} .v-share-box .share{display: flex; margin-top:30px; font-size: 0; transition: all .3s ease-in-out; justify-content: space-between;} .v-share-box .share_cell{font-size:16px;color:#333;text-align:center;} .v-share-box .share_cell p{margin-bottom:0;} .v-share-box .share_cell .icon.wa { background-position: -3px -180px; } .v-share-box .share_cell .icon.fb { background-position: -185px -235px; } .v-share-box .share_cell .icon.tw { background-position: -124px -177px; } .v-share-box .share_cell .icon.em { background-position: -64px -237px; } .v-share-box .share_cell .icon.li { background-position: -241px -204px; } .v-share-box .share_cell .icon:hover{box-shadow: 0 2px 6px rgb(0 0 0 / 25%);} .v-share-box .share_cell .icon{width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 6px; background: url(../../images/vc-sprite.webp) no-repeat -3px -180px; background-size: 300px; border-radius: 50%;} @media(max-width:768px) { .reveal-modal#mb-share{left: 10%; margin-left: -5%; width: 90%;} } /*#标签样式*/ .tag{margin-bottom: 30px;font-size: 17px;line-height: 30px;} .tag span{color: var(--public-color);} .tag i{color: var(--public-color);} .tag a{font-size: 17px;line-height: 30px;color: #333;} .tag a:hover{text-decoration: underline;color: var(--public-color);} .tag a:after{content: ",";display: inline-block;margin-left: 3px;margin-right: 4px;} .tag a:last-child:after{display: none;} @media(max-width:768px) { .tag{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} } .pro-products{padding: 80px 0 135px;} /* .pro-products{background: linear-gradient(to bottom,#e8f1dd 1%,#ffffff 60%);padding: 80px 0 135px;} */ .pro-products .title{margin-bottom: 85px;} .pro-products .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 35px 25px;} .pro-products .list{text-align: center;background-color: #ffffff;box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding-bottom: 30px;transition: all .3s ease-in-out;} .pro-products .img,.pro-products .img img{border-radius: 8px 8px 0px 0px;} .pro-products .t1{font-size: 20px;line-height: 29px;font-weight: 500;color: #333333;margin-top: 15px;} .pro-products .list:hover{transform: translateY(-3px);} @media(max-width:768px){ .pro-products{padding: 30px 0;} .pro-products .content{grid-template-columns: repeat(2, 1fr);gap: 20px 10px;} .pro-products .list{padding-bottom: 20px;} .pro-products .t1 {font-size: 18px;line-height: 26px;} } .pro-solutions{background-color: #ededed;position: relative;} .pro-solutions::before{content: "";width: 46%;height: 100%;background: url(../../images/pro-22.webp) no-repeat bottom;background-size: auto;position: absolute;left: 0;bottom: 0;mix-blend-mode: multiply;transform: translateY(-20px);} .pro-solutions .content{display: flex;justify-content: space-between;align-items: center;position: relative;} .pro-solutions .left{width: 37%;} .pro-solutions .right{width: 60%;} .pro-solutions .title{position: relative;} .pro-solutions .text{margin: 25px 0 80px;} @media(max-width:1685px){ .pro-solutions .max-1650px{padding-left: 15px;} } @media(max-width:1430px){ .pro-solutions .text{margin: 25px 0 50px;} .pro-solutions .left{width: 40%;} .pro-solutions .right{width: 56%;} } @media(max-width:1200px){ .pro-solutions .left{padding: 25px 0;} } @media(max-width:900px){ .pro-solutions .max-1650px{padding: 0 15px;} .pro-solutions .content{flex-direction: column-reverse !important;} .pro-solutions::before{width: 100%;background-size: 100%;transform: translateY(0px);} } @media(max-width:768px){ .pro-solutions{padding: 30px 0;} .pro-solutions .left{padding-bottom: 0;} .pro-solutions .text{margin: 0 0 25px;} } .pro-feature{padding: 145px 0 105px;} .pro-feature .title{margin-bottom: 80px;} .pro-feature .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;} .pro-feature .list{background-color: #ffffff;box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;transition: all .3s ease-in-out;} .pro-feature .img,.pro-feature .img img{border-radius: 8px 8px 0 0 ;} .pro-feature .box{padding: 25px 30px 40px 30px;} .pro-feature .d{display: grid;grid-template-columns: auto 78px;gap: 20px;margin-bottom: 20px;} .pro-feature .t1{font-size: 22px;font-weight: 500;color: #333333;letter-spacing: -.4px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .pro-feature .num{aspect-ratio: 1;background-color: #ffffff;border-radius: 8px;border: solid 1px #7fc128;font-size: 48px;color: var(--public-color);display: flex;align-items: center;justify-content: center;margin-top: -50px;position: relative;} .pro-feature .cont{letter-spacing: -.5px;} .pro-feature .list:hover{transform: translateY(-3px);} @media(max-width:1340px){ .pro-feature .box{padding-left: 15px;padding-right: 15px;} .pro-feature .d{grid-template-columns: auto 60px;} .pro-feature .num{font-size: 32px;} } @media(max-width:1100px){ .pro-feature .content{gap: 25px;} .pro-feature .d{grid-template-columns: auto 48px;} .pro-feature .num {font-size: 28px;} .pro-feature .t1 {font-size: 20px;line-height: 28px;} } @media(max-width:768px){ .pro-feature{padding: 30px 0;} .pro-feature .content{grid-template-columns: repeat(1, 1fr);} .pro-feature .d{margin-bottom: 15px;} .pro-feature .box{padding: 25px 20px 20px 20px;} } /* all-'名称' 设置为共有样式 */ .all-adv .content{display: flex;justify-content: space-between;gap: 25px;} @media(max-width:768px){ .all-adv .content{display: grid;grid-template-columns: repeat(4,1fr);} } /* .all-top-back::before{content: "";background: url(../../images/sol-back-1.webp) no-repeat;position: absolute;background-size: 100% 100%;right: 25px;top: -90px;width: 20%;height: calc(100% + 90px);z-index: -1;} */ .all-top-back .img-back-1 img{height: 100%;} .all-main-content {padding:30px 0 85px;} .all-main-content .content{display: flex;justify-content: space-between;align-items: center;} .all-main-content .left{width: 45%;} .all-main-content .right{width: 50%;} .all-main-content h1{font-size: 38px;line-height: 48px;color: #333333;font-weight: 600;margin-bottom: 25px;} .all-main-content h2{font-size: 38px;line-height: 48px;color: #333333;font-weight: 600;margin-bottom: 25px;} .all-main-content .text{margin: 25px 0 45px;} .all-main-content p{margin-bottom: 20px;} .all-main-content p:last-child{margin-bottom: 0;} .all-main-content p strong{font-weight: 500;color: var(--public-color);} .all-main-content .a-btn{display: flex;flex-wrap: wrap;gap: 20px;} .all-main-content ul{display: flex;flex-wrap: wrap;gap: 20px 10px;margin-bottom: 50px;} .all-main-content ul li{position: relative;padding-left: 35px;margin-bottom: 0px;width: calc(50% - 10px);} .all-main-content ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color-o);} @media(max-width:1200px){ .all-main-content h1{font-size: 34px;} } @media(max-width:1100px){ .all-main-content .right {width: 52%;} } @media(max-width:768px){ .all-main-content .content{flex-direction: column;gap:25px} .all-main-content h1{margin-bottom: 15px;} .all-main-content{padding: 15px 0 30px;} .all-main-content .text{margin:0 0 25px;} .all-main-content ul{gap: 10px 0;margin-bottom: 0;} .all-main-content ul li{padding-left: 25px;width: 100%;} .all-main-content .a-btn .a-wz-1{padding: 0 15px;text-align: center;line-height: 20px;} } .all-design{position: relative;padding-top: 50px;} .all-design::after{content: "";width: 100%;height:calc(100% - 90px);background-color: var(--public-color);position: absolute;left: 0;top: 0;z-index: -1;} .all-design .top-head{margin-bottom: 55px;color: #ffffff;width: 70%;font-weight: 300;} .all-design .top-head .text{color: #ffffff !important;} .all-design .title{margin-bottom: 20px;color: #ffffff;} .all-design .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;} .all-design .list{background-color: #ffffff;box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;} .all-design .box{padding: 25px 10px 35px 35px;} .all-design .img{position: relative;background: url(../../images/pro-30.webp) no-repeat;background-size: 100% 100%;width: 100%;} .all-design .img,.all-design .img img{border-radius: 8px 8px 0px 0px;} .all-design .img img{mix-blend-mode: darken;} .all-design .t1{font-size: 20px;line-height: 29px;color: #333333;font-weight: 500;margin-bottom: 15px;transition: all .3s ease-in-out;} .all-design .cont{color: #666666;letter-spacing: -.8px;} .all-design .list:hover .t1{color: var(--public-color-o);} @media(max-width:1200px){ .all-design .top-head{width: 100%;} .all-design .box{padding: 25px 15px 35px 15px;} } @media(max-width:1000px){ .all-design .content{grid-template-columns: repeat(2, 1fr);} } @media(max-width:768px){ .all-design{padding-top: 30px;} .all-design .top-head{margin-bottom: 25px;} .all-design .content{gap: 20px 15px;} .all-design .box{padding: 20px 15px;} .all-design .t1{font-size: 18px;line-height: 26px;margin-bottom: 0;-moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} } .all-partner{padding:40px 0;} .all-partner .title{font-size: 28px;letter-spacing: -.8px;margin-bottom: 55px;} .all-partner-xl{position: relative;overflow: hidden;} .all-partner .content{display: flex;flex-shrink: 0;gap: 30px;justify-items: center;animation: scroll-left 40s linear infinite;} .all-partner .img{width: 225px;height: 130px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;} /* 无缝向左滚动 */ @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-225px * 4 - 30px * 2)); /* 正好移动一组内容 */ } } /* @media(max-width:1560px){ .all-partner .content .img{display: flex;align-items: center;} .all-partner .content .img:nth-child(-n + 3) img{max-width: 50%;} } */ @media(max-width:768px){ .all-partner{padding: 0px;} .all-partner .content{gap: 15px;} .all-partner .img {width: 130px;height: 85px;} @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-130px * 4 - 15px * 2)); /* 正好移动一组内容 */ } } } .all-about{background-color: #ededed;padding-top: 60px;padding-bottom: 85px;position: relative;overflow: hidden;} .all-about .img-back-2{position: absolute;right: 0px;bottom: 0;width: 16.5%;height: 100%;} .all-about .title{margin-bottom: 85px;} .all-about .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;position: relative;} .all-about .list{display: flex;flex-direction: column;justify-content: space-between;background-color: #ffffff;border-radius: 40px;min-height: 430px;} .all-about .list-1 {align-items: center;text-align: center;padding: 65px 0px 35px;} .all-about .list-1 .d{margin-bottom: 25px;} .all-about .list-1 .grode{font-size: 60px;line-height: 54px;font-weight: 500;color: #333333;letter-spacing: -2px;margin-bottom: 35px;} .all-about .list-1 span{color: #666666;font-weight: 300;} .all-about .h5{font-size: 24px;line-height: 35px;font-weight: 500;color: #333333;margin-top: 20px;max-width: 260px} .all-about .h5 span{display: block;} .all-about .list-2{border: solid 2px #e1e1e1;} .all-about .list-2 .list-top{padding: 65px 25px 0 40px;} .all-about .list-2 .d{display: flex;align-items: center;gap: 20px;margin-bottom: 30px;} .all-about .list-2 .grode{font-size: 28px;font-weight: 500;color: #333333;} .all-about .list-2 .cont{font-size: 20px;line-height: 32px;color: #666666;} .all-about .list-2 .box{height: 115px;background-color: rgba(127,193,40,.2);border-radius: 0 0 38px 38px;display: grid;grid-template-columns: 70px auto;gap: 25px;align-items: center;padding-left: 40px;} .all-about .list-2 .img-1{border-radius: 100%;overflow: hidden;} .all-about .list-2 .name{font-size: 24px;line-height: 35px;font-weight: 500;color: #333333;margin-bottom: 5px;} .all-about .list-2 .job{color: #666666;} @media(max-width:1340px){ .all-about .list-2 .cont {font-size: 18px;line-height: 30px;} .all-about .list-2 .list-top,.all-about .list-2 .box {padding-left: 25px;} } @media(max-width:1200px){ .all-about .content {gap:25px} } @media(max-width:1000px){ .all-about .content{display: flex;flex-wrap: wrap;justify-content: center} .all-about .list{width: 100%;max-width: 48%} .all-about .list-1{max-width: 50%;} } @media(max-width:768px){ .all-about{padding: 30px 0;} .all-about .list-1{max-width:100%} .all-about .list-1{padding:35px 15px;min-height: auto;} .all-about .list-1 .img-1{margin-top: 15px;} .all-about .list-1 .grode{font-size: 52px;margin-bottom: 20px;} .all-about .h5{margin-top: 15px;font-size: 20px;line-height: 28px;} .all-about .list{max-width: 100%;min-height: auto;} .all-about .list-2 .list-top, .all-about .list-2 .box{padding-left: 15px;} .all-about .list-2 .list-top{padding: 30px 25px 20px 25px} } .all-contact{padding-top:80px;position: relative;z-index: 1;} .all-contact .top-head{width: 85%;margin-bottom: 70px;} .all-contact .title{margin-bottom: 50px;} .all-contact .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;position: relative;} .all-contact .content::before{content: "";width: 84%;height: 2px;background: linear-gradient(to right, var(--public-color-o) 0%, var(--public-color-o) 70%, transparent 30%, transparent 100%);background-size: 20px 100%;background-repeat: repeat-x;position: absolute;top: 35px;left: 8%;z-index: -1;} .all-contact .list{display: flex;flex-direction: column;align-items: center;} .all-contact .num{width: 70px;aspect-ratio: 1;border-radius: 100%;border: 4px solid var(--public-color);display: flex;justify-content: center;align-items: center;font-size: 32px;color: var(--public-color);font-weight: 600;margin-bottom: 15px;position: relative;} .all-contact .num::after{content: "";width: 200px;height: 100%;background-color: #fff;position: absolute;z-index: -1;} .all-contact .h5{font-size: 20px;line-height: 28px;color: #333333;font-weight: 500;margin-bottom: 10px;} .all-contact .cont{font-size: 16px;line-height: 24px;color: #666666;} @media(max-width:1200px){ .all-contact .top-head{width: 100%;} } @media(max-width:768px){ .all-contact{padding-top: 30px;} .all-contact .top-head{margin-bottom: 25px;} .all-contact .content{gap: 20px;grid-template-columns: repeat(2, 1fr);} .all-contact .content::before{display: none;} .all-contact .list{overflow: hidden;} .all-contact .h5{font-size: 16px;line-height: 24px;margin-bottom: 5px;} .all-contact .num {width: 50px;border-width: 2px;font-size: 26px;} } .all-from{background-color: #7fc128;box-shadow: -1px 20px 51px 0px rgba(127, 193, 40, 0.4);border-radius: 40px;padding: 75px 70px 50px 75px;} .all-from .form-control{background-color: rgba(255, 255, 255, 0.8);border-radius: 8px;border: solid 1px rgba(255, 255, 255, 0.8);} .all-from .form-row{margin-bottom: 30px !important;} .all-from .form-cap{display: flex;justify-content: flex-end;align-items: center;} .all-from .a-wz-1{height: 65px;width: 100%;background-color: #fff;color: var(--public-color-o);border-color: #fff;border-radius: 8px;font-size: 20px;} .all-from .a-wz-1 img{display: inline-block;margin-left: 25px;} .all-from .a-wz-1::before{border-radius: 8px;background-color: var(--public-color-o);} .all-from .a-wz-1:hover img,.all-from .a-wz-1:focus img{filter: brightness(0) invert(1);} .all-from .a-wz-1:hover,.all-from .a-wz-1:focus{color: #fff !important;} .all-from .a-wz-1:focus img{filter: brightness(0) invert(1) !important;} .all-from .pos-btn{text-align: right;} .all-from .form-cap .input-group{border:none;} .all-from .form-cap .form-group .form-control{border-radius: 8px;border: 1px solid #ffffff;} .all-from .form-cap .input-group-append{width: 120px;height: 49px;background-color:#f3fbfe;overflow: hidden;margin: 0 0 0 6px;border-radius: 8px;border: 1px solid #ffffff;} .all-from .form-cap .btn-box{padding-left: 14px;padding-right: 14px;} @media(max-width:1260px){ .all-from .a-wz-1{padding: 0;width: 100%;} .all-from .a-wz-1 img{margin-left: 15px;width: 20px;} } @media(max-width:1100px){ .all-from{padding: 60px 45px 35px 45px;} .all-from .a-wz-1{font-size: 18px;height: 50px;} } @media(max-width:768px){ .all-from{padding: 30px 15px;box-shadow: -1px 20px 26px 0px rgba(127, 193, 40, 0.4)} .all-from .form-row{gap: 10px;} .form-group:has(input[required])::before, .form-group:has(textarea[required])::before {width: 8px;height: 8px;left: 15px;} .all-from .form-control{padding-left: 15px;} .all-from .form-row{margin-bottom: 10px !important;} } .PCR-custom .right{width: 51.5%;} .PCR-custom .title{letter-spacing: -1.5px;} .PCR-classify{background-image: linear-gradient(0deg, #ededed 0%, rgba(237, 237, 237, 0.55) 0%, rgba(237, 237, 237, 0.1) 0%, #ededed 100%);padding-top: 50px;padding-bottom: 120px;} .PCR-classify .aside{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 65px;} .PCR-classify .aside p { min-width: 285px; height: 61px; background-color: #ffffff; background-color: #ffffff; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; font-size: 20px;line-height: 29px;font-weight: 500;color: #666666; } .PCR-classify .aside p span{display: inline-flex;justify-content: center;align-items: center;width: 23px;aspect-ratio: 1;background-color: var(--public-color-o);color: #ffffff;font-size: 18px;position: absolute;right: 5px;bottom: 5px;} .PCR-classify .aside p,.PCR-classify .aside p span{transition: all .3s ease-in-out;} .PCR-classify .aside p.active,.PCR-classify .aside p:hover{background-color: var(--public-color-o);color: #fff;} .PCR-classify .aside p.active span,.PCR-classify .aside p:hover span{background-color: #fff;color: var(--public-color-o);} .PCR-classify .items{display: flex;justify-content: space-between;} .PCR-classify .left{width: 50%;} .PCR-classify .right{width: 45%;background: linear-gradient(to bottom,#fff 30%,transparent 100%);padding: 30px;border-radius: 20px;text-align: center;} .PCR-classify .right img{mix-blend-mode: multiply;} .PCR-classify .title{margin-bottom: 50px;} .PCR-classify ul{display: flex;flex-wrap: wrap;gap: 20px 10px;} .PCR-classify ul li{position: relative;padding-left: 45px;margin-bottom: 0px;color: #666666;width: calc(50% - 10px);} .PCR-classify ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color-o);} .PCR-classify .a-wz{margin-top: 55px;min-width: 175px;} .PCR-design{padding-top: 65px;} .PCR-design::after{background:url(../../images/PCR-back-3.webp) no-repeat;width: -webkit-fill-available;height: 100%;} .roll-main figure{background-image: linear-gradient(123deg, #f2f2f2 0%, #fbfbfb 100%);border-radius: 8px;} .roll-main .left .product-thumbs .mz-thumb{background-color: #f2f2f2;border-radius: 8px;} .roll-main .left,.roll-main .left img{border-radius:8px;mix-blend-mode:multiply} @media(max-width:768px){ .roll-main .left .swiper-pagination span{background-color: var(--public-color);opacity: .2;} .roll-main .left span.swiper-pagination-bullet-active{opacity: 1;} } .roll-material{background-color: #ededed;padding: 60px 0;} .roll-material .title{margin-bottom: 55px;} .roll-material .content{display: flex;justify-content: space-between;gap: 60px;} .roll-material .items{flex: 1;min-height: 310px;color: #ffffff;padding: 45px 50px;border-radius: 24px;} .roll-material .items>*{height: 100%;display: flex;flex-direction: column;justify-content: space-between;gap: 10px;} .roll-material .items p{color:#ffffff} .roll-material .items:first-child{background: url(../../images/roll-2.webp) no-repeat right;background-size:auto 100%;} .roll-material .items:last-child{background: url(../../images/roll-3.webp) no-repeat right;background-size:auto 100%;padding-bottom: 35px;} .roll-material ul li::before{content: "\f00c";} .roll-material ol li::before{content: url(../../images/sign-2.webp);} .roll-material ol li{padding-left: 35px;} .roll-material li{font-size: 16px;line-height: 24px;font-weight: 300;position: relative;padding-left: 25px;} .roll-material li::before{content: "";font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: #ffffff;} .roll-material li strong{font-weight: 500;margin-bottom: 5px;display: block;} @media(max-width:1230px){ .roll-material .items{padding: 45px 35px;} } @media(max-width:1200px){ .roll-material .content{gap: 35px;} } @media(max-width:1100px){ .roll-material .items{padding: 45px 25px;} } @media(max-width:768px){ .roll-material{padding: 30px 0;} .roll-material .content{flex-direction: column;} .roll-material .items{padding: 30px 20px;min-height: auto;border-radius: 16px;background-size: 100% auto !important;} } @media(max-width:530px){ .roll-material .items{background-size: auto 100% !important;} .all-about .list-1 .grode {font-size: 46px;} } .roll-high {padding: 105px 0 100px;} .roll-high .content{display: flex;justify-content: space-between;align-items: center;} .roll-high .left{width: 51%;} .roll-high .right{width: 45%;} .roll-high .right,.roll-high .right img{border-radius: 24px;} .roll-high .title{margin-bottom: 40px;} .roll-high .text{margin-bottom: 65px;letter-spacing: -.3px;} .roll-high .text p{margin-bottom: 20px;} .roll-high .text p:last-child{margin-bottom: 0;} @media(max-width:768px){ .roll-high{padding: 30px 0;} .roll-high .content{flex-direction: column-reverse;gap: 30px;} .roll-high .text{margin-bottom: 25px;} .roll-high .text p{margin-bottom: 10px;} } .roll-faq{padding: 65px 0;background-image: linear-gradient(0deg, #e8f1dd 0%, rgba(232, 241, 221, 0.55) 0%, rgba(232, 241, 221, 0.1) 0%, #e8f1dd 100%);} @media(max-width:768px){ .roll-faq{padding: 30px 0;} } .sol-main{padding-bottom:80px;background-color:#f5f5f5;} .sol-main .text h5{font-size:16px;line-height:24px;font-weight:500;color:var(--public-color);margin-bottom:5px;letter-spacing:-.4px} .sol-main .text p{color:#666666;letter-spacing:-.4px;margin-bottom:20px} .sol-main .content .left{border-radius:20px;height:100%;padding:0 60px;background-color:#ffffff;min-height:400px;display: flex;align-items: center;justify-content: center;} @media(max-width:768px){ .sol-main{padding-bottom: 30px;} .sol-main .content .left{padding: 25px 15px;min-height: auto;} } .sol-precept{background-color:#ededed;padding:55px 0 110px} .sol-precept .title{margin-bottom:70px} .sol-precept .list{background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;padding:20px 20px 30px 35px} .sol-precept .img{margin-bottom:20px;text-align:center} .sol-precept .t1{font-size:20px;line-height:29px;font-weight:500;color:#333333;letter-spacing:-.4px;margin-bottom:20px} .sol-precept .t1 span{letter-spacing:-3px;display:inline-block;margin-left:5px} .sol-precept li{color:#666666;letter-spacing:-.6px;position:relative;padding-left:25px;margin-bottom:20px} .sol-precept li:last-child{margin-bottom:0} .sol-precept li::before{content:"";width:8px;height:8px;border-radius:2px;background-color:var(--public-color);display:inline-block;position:absolute;left:0;top:8px} .mySwiper-precept .swiper-slide{padding:30px 20px} .sol-customize{position:relative;padding:60px 0;} .sol-customize::before{content:"";width:46%;height:100%;background:url(../../images/pro-22.webp) no-repeat bottom;background-size:auto;position:absolute;left:0;bottom:0;mix-blend-mode:multiply;transform:translateY(-20px);z-index:-1} .sol-customize .content{display:flex;justify-content:space-between} .sol-customize .content{display:flex;justify-content:space-between} .sol-customize .left{width:45%;margin-top:80px} .sol-customize .right{width:53%;display:grid;grid-template-columns:repeat(1,1fr);gap:0px;border-radius:40px;display: flex;align-items: center;justify-content: center;overflow:hidden;} .sol-customize .title{margin-bottom:40px} .sol-customize .list{position:relative;transition:all .3s ease-in-out} .sol-customize .list + .list{border-top:solid 1px #ededed;border-left:solid 1px #ededed} .sol-customize .box{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:40px 0px 0px 0px;padding:50px 10px 20px 35px} .sol-customize .text{font-size:16px;line-height:24px;letter-spacing:-.8px;margin-bottom:65px} .sol-customize .text h2{font-size:38px;line-height:48px;color:#333333;font-weight:600;letter-spacing:-1px;margin-bottom:40px;position:relative} .sol-customize .text h2::before{position:absolute;left:-25px;top:-20px} .sol-customize .text .text{margin: 25px 0 45px;} .sol-customize .text p{margin-bottom: 20px;} .sol-customize .text p:last-child{margin-bottom: 0;} .sol-customize .text p strong{font-weight: 500;color: var(--public-color);} .sol-customize .text .a-btn{display: flex;gap: 20px;} .sol-customize .text ul{display: flex;flex-wrap: wrap;gap: 20px 10px;margin-bottom: 50px;} .sol-customize .text ul li{position: relative;padding-left: 35px;margin-bottom: 0px;width: calc(50% - 10px);} .sol-customize .text ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color-o);} .sol-customize .text h5{font-size:16px;line-height:24px;font-weight:500;color:var(--public-color);margin-bottom:5px;letter-spacing:-.4px} .sol-customize .text p{color:#666666;letter-spacing:-.4px;margin-bottom:20px} .sol-customize .t1{font-size:22px;font-weight:500;color:#333333;letter-spacing:-1px} .sol-customize ul{margin-top:40px;opacity:0} .sol-customize li{color:#ffffff;position:relative;padding-left:20px;font-weight:300;letter-spacing:-.6px;margin-bottom:20px} .sol-customize li::before{content:"";width:8px;height:8px;border-radius:2px;background-color:#ffffff;position:absolute;left:0;top:8px} .sol-customize .list.active{background-color:var(--public-color)} .sol-customize .list.active ul{opacity:1} .sol-customize .list.active .t1{color:#ffffff} .sol-customize .list.active img{mix-blend-mode:multiply;opacity:.5} .sol-customize .list:nth-child(3){border-left:0} .sol-customize .list:first-child,.sol-customize .list:first-child>img{border-radius:40px 0px 0px 0px} .sol-customize .list:nth-child(2),.sol-customize .list:nth-child(2)>img{border-radius:0px 40px 0px 0px} .sol-customize .list:nth-child(3),.sol-customize .list:nth-child(3)>img{border-radius:0px 0px 0px 40px} .sol-customize .list:last-child,.sol-customize .list:last-child>img{border-radius:0px 0px 40px 0px} @media(max-width:1200px){ .sol-customize .text{margin-bottom: 40px;} .sol-customize .text h2{font-size: 34px;margin-bottom: 25px;} .sol-customize .text p {line-height: 24px;} } @media(max-width:1100px){ .sol-customize .left{margin-top: 0;} .sol-customize::before,.sol-customize .left{width: 48%;} .sol-customize .right{width: 50%;} } @media(max-width:768px){ .sol-customize{padding: 30px 0;} .sol-customize .content{flex-direction: column-reverse;} .sol-customize .text h2{font-size: 22px;line-height: 32px;} .sol-customize::before, .sol-customize .left {width: 100%;} } .sol-design{padding:80px 0 95px} /* .sol-design{background:linear-gradient(to bottom,#e8f1dd 1%,#ffffff 100%);padding:80px 0 95px} */ .sol-design .top-head{width:75%;margin-bottom:60px} .sol-design .top-head .text{letter-spacing:0px;margin-top:25px} .sol-design .content{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 25px} .sol-design .list{text-align:center;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;transition:all .3s ease-in-out;padding:15px;background-color:#f5f5f5;} .sol-design .list img{mix-blend-mode:darken;} .sol-design .img,.sol-design .img img{border-radius:8px 8px 0px 0px} .sol-design .t1{font-size:20px;line-height:29px;font-weight:500;color:#333333;letter-spacing:-.6px;margin-top:15px} .sol-design .list:hover{transform:translateY(-3px)} @media(max-width:1200px){ .sol-design .top-head{width: 100%;} .sol-design .t1{font-size: 18px;line-height: 26px;} } @media(max-width:768px){ .sol-design{padding: 30px 0;} .sol-design .top-head{margin-bottom: 25px;} .sol-design .top-head .text{margin-top: 0;} .sol-design .content{grid-template-columns: repeat(2, 1fr);gap: 30px 20px;} .sol-design .t1{font-size: 16px;line-height: 24px;} } .sol-partner .all-partner .title{display:none} .sol-experts .title{margin-bottom:95px} .sol-experts .content{display:grid;grid-template-columns:repeat(4,1fr);gap:0} .sol-experts .list{position:relative} .sol-experts .box{position:absolute;left:0;bottom:0;color:#ffffff;padding:0 40px 40px 60px} .sol-experts .num{width:50px;aspect-ratio:1;border-radius:100%;border:2px solid #fff;display:inline-flex;justify-content:center;align-items:center;font-size:28px;font-weight:500;margin-bottom:25px;transition:all .5s ease-in-out} .sol-experts .h3{font-size:24px;line-height:35px;font-weight:500;letter-spacing:-1px;transition:all .5s ease-in-out} .sol-experts .cont{margin-top:10px;height:0;opacity:0;transition:all .3s ease-in-out} .sol-experts .list>img{opacity:1;transition:all .3s ease-in-out} .sol-experts .list::after{content:"";width:100%;height:0%;background-color:var(--public-color);position:absolute;left:0;bottom:0;transition:height .3s ease-in-out;z-index:-1} .sol-experts .list.active::after{height:100%} .sol-experts .list.active>img{opacity:.2} .sol-experts .list.active .cont{height:100%;opacity:1} .sol-faq{background-color:#ededed;padding:115px 0 95px} @media(max-width:768px){ .sol-faq{padding: 30px 0;} } .all-big-faq .content{display:flex;justify-content:space-between} .all-big-faq .aside{width:31%} .all-big-faq .aside .img{border-radius:24px;margin-bottom:30px} .all-big-faq .aside .img,.all-big-faq .aside .img img{border-radius:24px} .all-big-faq .aside .cont{line-height:20px;margin-bottom:40px;font-size:15px} .all-big-faq .article{width:64%} .all-big-faq .title{margin-bottom:40px;letter-spacing:-2px} @media(max-width:1100px){ .all-big-faq .title{margin-bottom: 25px;} } @media(max-width:768px){ .all-big-faq .content{flex-direction: column;gap: 25px;} .all-big-faq .aside{width: 100%;} .all-big-faq .article{width: 100%;} .all-big-faq .aside .img {margin-bottom: 15px;} .all-big-faq .aside .cont{margin-bottom: 25px;} } .all-faqs .zm{width:40px;min-width:40px;height:35px} .all-faqs .zm-q{margin-top:-7px;position:absolute;left:0;top:32px;opacity:1} .all-faqs .zm-a{position:absolute;left:0;top:-8px;opacity:0} .all-faqs .quen-a p img{border-radius:10px;margin-right:18px} .all-faqs .quen-a p img:last-child{margin-right:0} .all-faqs .items{padding:0px 50px 25px 40px} .all-faqs .items:last-child{margin-bottom:0} .all-faqs .item{display:flex;justify-content:space-between;gap:30px;cursor:default;position:relative;padding-left:50px;padding-top:30px;transition:padding-left .3s ease-in-out;border-top:1px solid #cccccc} .all-faqs .quen-q{font-size:18px;line-height:28px;font-weight:500;color:#222;letter-spacing:-.4px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-faqs .box-cont p{margin-bottom:30px} .all-faqs .box-cont p iframe{max-width:100%} .all-faqs .box-cont p img{max-width:100%;height:auto} .all-faqs .box-cont p:last-child{margin-bottom:0} .all-faqs .quen-a{font-size:15px;line-height:20px;color:#999999;letter-spacing:0;width:93%;position:relative;padding-left:50px;transition:padding-left .3s ease-in-out;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .all-faqs .symbol{width:23px;min-width:23px;height:23px;background-color:var(--public-color-o);color:#ffffff;display:flex;justify-content:center;align-items:center;font-size:18px} .all-faqs .minus{display:none} .all-faqs .plus{display:inline-block} .all-faqs .items.active{background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;border-bottom:transparent;padding-bottom:35px;padding-top:0;margin-bottom:15px} .all-faqs .items.active .zm-a{opacity:1} .all-faqs .items.active .item{margin-bottom:30px;padding-bottom:0;border-color:transparent} .all-faqs .items.active .minus{display:inline-block} .all-faqs .items.active .plus{display:none} .all-faqs .items.show .item{border-color:transparent} @media(max-width:1000px){ .all-faqs .items{padding: 0px 25px 15px 25px;} } @media(max-width:768px){ .all-faqs .items,.all-faqs .items.active{padding:15px 10px} .all-faqs .zm{display: none;} .all-faqs .item{padding:0;border-top: none;} .all-faqs .quen-a{padding-left: 0;} .all-faqs .items.active .item{margin-bottom: 15px;} } .fixed-header{position: fixed;top: 0;width: 100%;z-index: 99;} .fixed-header .header-top{background-color: transparent;} .every-banner{display: flex;justify-content: center;align-items: center;border-bottom: 9px solid var(--public-color-o);position: relative;} .every-banner .small-nav{position: absolute;top: 15px;padding: 0;margin: 0;} .every-banner h1{font-size: 46px;color: #333333;font-weight: bold;} .every-banner .content{width: 85%;margin: auto;margin-top: 50px;} .every-banner .cont{color: #666666;margin-top: 20px;letter-spacing: -.4px;} @media(max-width:768px){ .every-banner .small-nav{top: 5px;} } .banner-h1{display: flex;justify-content: center;align-items: center;border-bottom: 0;} .banner-h1 h1{text-align: left;width: 40vw;font-size: 46px;line-height: 64px;color: #333333;font-weight: bold;} @media(max-width:1685px){ .banner-h1 h1{min-width: 700px;} } @media(max-width:1430px){ .banner-h1 h1 {font-size: 42px;line-height: 58px;} } @media(max-width:1100px){ .banner-h1 h1{font-size: 38px;line-height: 52px;} } @media(max-width:768px){ .banner-h1 h1{min-width: auto;width: 100%;} } .sust-anchor{margin-top:-85px} .sust-anchor .content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .sust-anchor .list{min-height:210px;padding:10px 15px 10px 40px;display:flex;justify-content:space-between;align-items:center;background-color:#ffffff;box-shadow:0px 6px 16px 0px rgba(0,0,0,0.1);position:relative;transition:all .3s ease-in-out} .sust-anchor .h4{font-size:24px;line-height:35px;color:#333333;font-weight:600;letter-spacing:-1px;margin-bottom:15px} .sust-anchor .list p{color:#666666;letter-spacing:-.8px} .sust-anchor .list::after{content:"";width:70px;height:6px;background-color:var(--public-color-o);position:absolute;left:40px;bottom:30px} .sust-anchor .list:first-child::after{background-color:var(--public-color-o)} .sust-anchor .list:last-child::after{background-color:var(--public-color)} .sust-anchor .list:hover{transform:translateY(-3px)} .sust-combin{margin-top:115px;margin-bottom:80px} .sust-combin .top-head{width:80%;margin-bottom:45px} .sust-combin .top-head .title{margin-bottom:20px} .sust-combin .top-head .text{font-size:16px;line-height:28px;letter-spacing:-1px} .sust-combin .content{display:grid;grid-template-columns:repeat(3,1fr);gap:0px;background-color:#f2f2f2;margin-bottom:80px} .sust-combin .list{position:relative} .sust-combin .list::before{content:"";width:100%;height:100%;border:1px solid #f2f2f2;position:absolute;left:0;top:0} .sust-combin .list:last-child::after{display:none} .sust-combin .list::after{content:"";width:1px;height:225px;background-color:#e0e0e0;position:absolute;right:-1px;top:calc(50% - calc(225px / 2));z-index:1} .sust-combin .list .box{width:100%;height:165px;position:absolute;left:0;bottom:0;padding:0 45px 15px 60px} .sust-combin .list .d{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .sust-combin .list .h6{font-size:18px;font-weight:400;margin-bottom:7px} .sust-combin .list .h4{font-size:24px;line-height:35px;color:#333333;font-weight:500;letter-spacing:-1px} .sust-combin .list .num{width:80px;aspect-ratio:1;border-radius:100%;border:2px solid var(--public-color);display:flex;justify-content:center;align-items:center;font-size:40px;color:var(--public-color);font-weight:500;position:relative} .sust-combin .list .num::after{content:url(../../images/sign-3.webp);position:absolute;right:-20px;transition:all .3s ease-in-out} .sust-combin .list p{color:#666666;letter-spacing:-.8px} .sust-combin .list.active .h6,.sust-combin .list.active .h4,.sust-combin .list.active p{color:#ffffff} .sust-combin .list.active .num{border-color:#fff;color:#fff} .sust-combin .list.active .num::after{filter:brightness(0) invert(1)} .sust-combin .list .green{display:none} .sust-combin .list .gain{display:block} .sust-combin .list.active .green{display:block} .sust-combin .list.active .gain{display:none} .sust-combin .list .box *{transition:all .3s ease-in-out} .sust-combin .cont-box{width:80%;margin:auto;text-align:center} .sust-combin .cont{font-size:20px;line-height:32px;color:#666666;letter-spacing:-.6px;margin-bottom:5px} .sust-combin a{color:var(--public-color-o);font-size:18px;line-height:26px;letter-spacing:-.6px;position:relative;display:inline-flex;justify-content:center} .sust-combin a::after{content:"";width:100%;height:1px;background-color:var(--public-color-o);position:absolute;bottom:3px;transition:width .3s ease-in-out} .sust-combin a:hover::after{width:0} #Recyclable{position:relative;background-image:linear-gradient(0deg,#e8f1dd 0%,rgba(232,241,221,0.55) 0%,rgba(232,241,221,0.1) 0%,#e8f1dd 100%)} #Recyclable::after{content:"";background:url(../../images/sust-8.webp) no-repeat;width:26%;height:100%;position:absolute;right:0;top:0} .sust-partner .title{display:none} .sust-recycle .content{display:flex;justify-content:space-between;align-items:center;margin-bottom:140px;position: relative;} .sust-recycle .left{width:49%} .sust-recycle .right{width:49%} .sust-recycle .text{margin:30px 0 50px;font-size:16px;line-height:28px;letter-spacing:-1px} .sust-recycle .img-1 img{mix-blend-mode:multiply} @media(max-width:1200px){ .sust-recycle .content{margin-bottom: 100px;} .sust-recycle .text{margin: 20px 0 35px;line-height: 24px;letter-spacing: -.5px;} } @media(max-width:768px){ .sust-recycle .content{flex-direction: column;gap: 25px;margin-bottom: 30px;} .sust-recycle .text{margin: 0 0 25px;} } .sust-items .content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px} .sust-items .list{background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;transition:all .3s ease-in-out} .sust-items .img,.sust-items .img img{border-radius:8px 8px 0 0} .sust-items .box{padding:25px 30px 40px 30px} .sust-items .d{display:grid;grid-template-columns:auto 78px;gap:20px;margin-bottom:20px} .sust-items .t1{font-size:24px;line-height:29px;font-weight:500;color:#333333;letter-spacing:-.4px} .sust-items .num{aspect-ratio:1;background-color:#ffffff;border-radius:8px;border:solid 1px #7fc128;font-size:48px;color:var(--public-color);display:flex;align-items:center;justify-content:center;margin-top:-60px;position:relative} .sust-items .cont{letter-spacing:-.5px;color:#666666} .sust-items .list:hover{transform:translateY(-3px)} @media(max-width:1340px){ .sust-items .d{grid-template-columns: auto 60px;} .sust-items .d .a-wz-1{padding: 0 15px;} .sust-items .num img{width: 30px;} } @media(max-width:1200px){ .sust-items .content{gap: 25px;} .sust-items .box{padding-left: 15px;padding-right: 15px;text-align: center;} } @media(max-width:1100px){ .sust-items .content{display: flex;justify-content: center;flex-wrap: wrap;} .sust-items .list{max-width: 48%;} } @media(max-width:768px){ .sust-items .list{max-width: 100%;} } .sust-study{position:relative;overflow:hidden} .sust-study::after{content:"";background:url(../../images/sust-back-1.webp) no-repeat;width:30%;height:100%;position:absolute;left:0;bottom:-30px} .sust-case{padding:120px 0 0;position:relative} .sust-case .top-head{margin-bottom:60px;width:70%} .sust-case .title{margin-bottom:25px} .sust-case .content{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 25px} .sust-case .list{text-align:center;background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;padding-bottom:30px;transition:all .3s ease-in-out} .sust-case .img,.sust-case .img img{border-radius:8px 8px 0px 0px} .sust-case .t1{font-size:20px;line-height:29px;font-weight:500;color:#333333;letter-spacing:-.6px;margin-top:15px;transition:all .3s ease-in-out} .sust-case .list:hover{transform:translateY(-3px)} .sust-case .list:hover .t1{color:var(--public-color-o)} .sust-faq{background-color:#ededed;padding:115px 0 90px} @media(max-width:768px){ .sust-faq{padding: 30px 0;} } .max-1670px{max-width:1670px} .banner-print{background-color:#f2f2f2;border-bottom:9px solid var(--public-color-o)} .banner-print .content{display:flex;justify-content:space-between} .banner-print .cont-box{width:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start} .banner-print .img{width:46%} .banner-print h1{font-size:46px;line-height: 58px;color:#333333;font-weight:bold;letter-spacing:-1px} .banner-print .cont{color:#666666;letter-spacing:-.3px} @media(max-width:1685px){ .banner-print .max-1670px{padding-left: 15px;} } @media(max-width:1430px){ .banner-print .content{align-items: center} .banner-print .cont-box{padding: 15px 0;gap: 10px;} .banner-print h1{font-size: 42px;line-height: 52px;} .banner-print .cont{font-size: 15px;line-height: 24px;} } @media(max-width:1260px){ .banner-print h1{font-size: 38px;} } @media(max-width:1200px){ .banner-print h1{font-size: 32px;line-height: 48px;} } @media(max-width:768px){ .banner-print{padding: 30px 0;} .banner-print .content{flex-direction: column-reverse;gap: 0px;} .banner-print .img{width: 100%;} .banner-print .cont{margin-bottom: 20px;} .banner-print .cont-box{width: 100%;} } .print-include{padding-bottom:135px} .print-include .title{margin-bottom:75px} .print-include .title span{display:block;letter-spacing:-1px} .print-include .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:115px} .print-include .items:last-child{margin-bottom:0} .print-include .left{width:45%} .print-include .right{width:47%} .print-include .h4{font-size:28px;line-height:34px;font-weight:600;color:#333333;letter-spacing:-.4px;margin-bottom:60px} .print-include .text{color:#666666} .print-include li{position:relative;padding-left:40px;margin-bottom:15px;letter-spacing:-.5px} .print-include li::before{content:"\f00c";font-family:cmsfont;color:var(--public-color-o);position:absolute;left:0;top:0;font-size:18px;font-weight:600} .print-include li:last-child{margin-bottom:0} @media(max-width:1200px){ .print-include .right{width: 50%;} .print-include .h4 {margin-bottom: 40px;} } @media(max-width:768px){ .print-include .items{flex-direction: column;gap: 25px;} .print-include .h4{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .print-include .items{margin-bottom: 35px;} .print-include{padding-bottom: 30px;} } .print-process{background-color:#e8f1dd;padding:80px 0 60px} .print-process .title{margin-bottom:60px} .print-process .swiper-slide{padding:0 20px} .print-process .list{background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px} .print-process .img,.print-process .img img{border-radius:8px 8px 0 0} .print-process .t1{font-size:20px;line-height:29px;font-weight:500;color:#333333;letter-spacing:-1px;text-align:center;height:100px;display:flex;justify-content:center;align-items:center} .print-process .t1:hover{color:var(--public-color-o)} .mySwiper-process{padding:30px 0} @media(max-width:768px){ .print-process{padding: 30px 0;} } .preformed-main{margin:30px 0 80px} .preformed-main .content{display:flex;justify-content:space-between} .preformed-main .left{width:43%} .preformed-main .right{width:52%;display:flex;flex-direction:column;justify-content:space-between;gap:20px} .preformed-main .text{color:#666666} .preformed-main .text ul{display: grid;grid-template-columns:repeat(2,1fr);gap:10px 0} .preformed-main h1{font-size:38px;line-height:48px;color:#333333;font-weight:600;letter-spacing:-1px;margin-bottom:20px} .preformed-main .cont{margin-bottom: 20px;} .preformed-main h2{font-size:38px;line-height:48px;color:#333333;font-weight:600;letter-spacing:-1px;margin-bottom:20px} .preformed-main li{position:relative;padding-left:35px;margin-bottom:15px;letter-spacing:-.3px} .preformed-main ul li::before{content:'\f00c';font-family:'cmsfont';font-size:18px;line-height:26px;font-weight:600;position:absolute;left:0;top:0px;color:var(--public-color-o)} .preformed-main ol li::before{content:url(../../images/sign-4.webp);font-family:'cmsfont';font-size:18px;line-height:26px;font-weight:600;position:absolute;left:0;top:0px;color:var(--public-color-o)} .preformed-main .product-thumb{border:0;border-radius:8px} .preformed-main figure{background-image:linear-gradient(123deg,#f2f2f2 0%,#fbfbfb 100%);border-radius:8px} .preformed-main .magiczoom img{mix-blend-mode:darken;border-radius:8px} .preformed-main .product-thumbs{padding:0;margin-top:25px} .preformed-main .product-thumbs .mz-thumb{background-color:#f2f2f2;border-radius:8px} .preformed-main .product-thumbs img{border-radius:8px;border:0;mix-blend-mode:darken} @media(max-width:768px){ .preformed-main{margin: 30px 0;} .preformed-main .left .swiper-pagination span{background-color: var(--public-color);opacity: .2;} .preformed-main .left span.swiper-pagination-bullet-active{opacity: 1;} .preformed-main h1{margin-bottom: 15px;} .preformed-main .text ul{grid-template-columns: repeat(1, 1fr);gap: 10px 15px;} .preformed-main li{margin-bottom: 0;padding-left: 25px;} .preformed-main ul li::before {font-size: 16px;line-height: 24px;} } .preformed-specil{height:auto;background-color:#7fc128;position:relative;display:flex;align-items:center;padding:40px 0;} .preformed-specil .title{margin-bottom:20px;text-align: center;color:#fff;} .preformed-specil .content{display:flex;justify-content:space-between;position:relative;z-index:1} .preformed-specil .list{text-align:center;width:22%;display:inline-flex;flex-direction:column;align-items:center} .preformed-specil .img{width:200px;display:inline-flex;justify-content:center;align-items:center;margin-bottom:20px} .preformed-specil .img-svg{margin:auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;width:70px;height:70px;line-height:70px;padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:10px;background-color:#fff;border-radius:50%} .preformed-specil .img-svg svg{fill:var(--public-color-o)} .preformed-specil .box{color:#ffffff} .preformed-specil .t1{font-size:28px;font-weight:600;letter-spacing:-.2px;color:#ffffff;margin-bottom:20px} .preformed-specil .cont{font-weight:300;font-size: 18px;line-height:28px;color: #ffffff !important;} .preformed-specil .cont p{margin-bottom:5px} .preformed-specil .cont p:last-child{margin-bottom:0} @media(max-width:1260px){ .preformed-specil .list{width: 28%;} } @media(max-width:1200px){ .preformed-specil .t1{font-size: 22px;} .preformed-specil .cont {font-size: 16px;line-height: 25px;} } @media(max-width:768px){ .preformed-specil{padding: 30px 0;} .preformed-specil .content{gap: 20px;flex-wrap: wrap;} .preformed-specil .img{width: 80px;aspect-ratio: 1;margin-bottom: 10px;} .preformed-specil .img-svg{width: 50px;height: 50px;line-height: 50px;} .preformed-specil .list {width: calc(50% - 10px);} .preformed-specil .t1{margin-bottom: 10px;font-size: 18px;line-height: 26px;} } .preformed-customize{margin-bottom:30px} .preformed-customize .content{display:flex;justify-content:space-between} .preformed-customize .left{width:45%} .preformed-customize .right{width:51%;display:grid;grid-template-columns:repeat(1,1fr);gap:30px;align-items:center;position:relative} .preformed-customize .title{margin-bottom:20px} .preformed-customize .text{margin-bottom:75px} .preformed-customize ul{margin-top:40px} .preformed-customize ul li{position:relative;padding-left:35px;margin-bottom:15px;color:#666666} .preformed-customize ul li::before{content:'\f00c';font-family:'cmsfont';font-size:18px;line-height:26px;font-weight:600;position:absolute;left:0;top:0px} .preformed-customize li:last-child{margin-bottom:0} .preformed-customize li::before{color:var(--public-color)} .preformed-customize li strong{font-weight:500;color:var(--public-color);display:block;margin-bottom:5px} .preformed-customize .right .img-1{position:absolute;left:33%;border-radius:100%;width:250px;height:250px;background-image:linear-gradient(123deg,#f2f2f2 0%,#fbfbfb 100%);display:inline-flex;justify-content:center;align-items:center} .preformed-customize .img{position:relative} .preformed-customize .img,.preformed-customize .img img{border-radius:8px} .preformed-customize .t1{height:45px;position:absolute;left:20px;top:15px;font-size:20px;color:#666666;letter-spacing:-.6px;padding-left:20px} .preformed-customize .t1::before{content:"";width:8px;height:8px;background-color:var(--public-color);border-radius:100%;position:absolute;left:0;top:7px} .preformed-customize .right.active .t1{color:#fff} .preformed-customize .img:nth-child(n + 3) .t1{top:auto;bottom:15px} .preformed-sol{background-color:#ededed;padding:65px 0 45px;position:relative} .preformed-sol::after{content:"";background:url(../../images/flat-16.webp) no-repeat;width:18%;height:100%;background-size:100% 100%;position:absolute;left:40px;bottom:0} .preformed-sol .top-head{width:70%;margin-bottom:50px} .preformed-sol .content{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative;z-index:1} .preformed-sol .list{background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;transition:all .3s ease-in-out} .preformed-sol .box{padding:25px 25px 35px 25px;text-align:center} .preformed-sol .img{position:relative;background:url(../../images/pro-30.webp) no-repeat;background-size:100% 100%;width:100%} .preformed-sol .img,.preformed-sol .img img{border-radius:8px 8px 0px 0px} .preformed-sol .img img{mix-blend-mode:darken} .preformed-sol .t1{font-size:20px;line-height:29px;color:#333333;font-weight:500;letter-spacing:-1px;margin-bottom:15px;transition:all .3s ease-in-out} .preformed-sol .cont{color:#666666;letter-spacing:-.8px} .preformed-sol .list:hover{transform:translateY(-3px)} .preformed-sol .list:hover .t1{color:var(--public-color-o)} .preformed-sol .a{text-align:center;margin-top:50px} .preformed-sol .a a{font-size:20px;color:var(--public-color-o);letter-spacing:-.6px;position:relative;display:inline-flex;justify-content:center} .preformed-sol .a a::after{content:"";width:0%;height:1px;background-color:var(--public-color-o);position:absolute;bottom:0px;transition:width .3s ease-in-out} .preformed-sol .a a:hover::after{width:100%} .preformed-people{padding:50px 0 80px} .preformed-people .content{display:flex;justify-content:space-between;align-items:flex-end} .preformed-people .left{width:87%} .preformed-people .right{width:10%;display:flex;flex-direction:column;align-items:flex-end;padding-right:20px} .preformed-people .cont-box{display:flex;flex-direction:column;justify-content:center;background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:25px;color:#666666;min-height:145px;margin:0 20px;letter-spacing:-.7px;position:relative;padding-left:40px;margin-bottom:25px} .preformed-people .cont-box::before{content:"";border-top:14px solid #fff;border-left:14px solid transparent;border-right:14px solid transparent;position:absolute;left:85px;bottom:-14px} .preformed-people .cont-box::after{content:url(../../images/flat-17.webp);position:absolute;right:45px;bottom:20px} .preformed-people .cont-box p{width:90%} .preformed-people .mySwiper-prople{padding:30px 0} .preformed-people .list .d{display:grid;grid-template-columns:70px auto;gap:20px;align-items:center;padding-left:30px} .preformed-people .list .img-1{border-radius:100%;overflow:hidden} .preformed-people .list .name{font-size:20px;line-height:29px;font-weight:500;color:#333333;letter-spacing:-.8px;margin-bottom:5px} .preformed-people .list .job{color:#666666;letter-spacing:-.8px} .preformed-people .right>*{position:static} .preformed-people .next-people::after{font-size:40px;font-weight:bold} .preformed-people .pag-people{display:flex;justify-content:flex-end;gap:20px;margin-top:100px} .preformed-people .pag-people span{width:16px;height:16px;background-color:var(--public-color);border-radius:0;margin:0 !important;opacity:.4} .preformed-people .pag-people span.swiper-pagination-bullet-active{opacity:1} .preformed-faq{padding:55px;background-image:linear-gradient(0deg,#e8f1dd 0%,rgba(232,241,221,0.55) 0%,rgba(232,241,221,0.1) 0%,#e8f1dd 100%)} .preformed-faq .content{flex-direction:row-reverse} .about-paper{padding-top:75px} @media(max-width:768px){ .about-paper{padding-top: 30px;} } .about-main{margin-top:110px;margin-bottom:130px} .about-main .content{display:flex;justify-content:space-between;align-items:flex-end} .about-main .left{width:48%} .about-main .right{width:45%;display:flex;justify-content:center;align-items:center;position:relative} .about-main .title{margin-bottom:25px} .about-main ul{margin-top:40px} .about-main li{color:#666666;font-weight:500;margin-bottom:15px} .about-main li::before{color:var(--public-color)} .about-main li:last-child{margin-bottom: 0;} .about-main .right>img{border-radius:8px} .about-main .right .img-btn{position:absolute;width:80px;height:80px;border-radius:100%;background-color:#ffffff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out} .about-main .right .img-btn img{display:inline-block;transition:all .3s ease-in-out;margin-right:-10px} .about-main .right .img-btn:hover{background-color:var(--public-color-o)} .about-main .right .img-btn:hover img{filter:brightness(0) invert(1)} @media(max-width:1260px){ .about-main .left {width: 50%;} } @media(max-width:1200px){ .about-main .content{align-items: center;} } @media(max-width:768px){ .about-main{margin: 30px 0;} .about-main .content{flex-direction: column-reverse;gap: 30px;} .about-main ul{margin-top: 0;} .about-main .right .img-btn {width: 60px;height: 60px;} .about-main .right .img-btn img {margin-right: -6px;width: 16px;} } .about-sust{position:relative;display:flex;justify-content:center} .about-sust-xl{padding-top:60px} .about-sust .img-back-1{height:425px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:100%;z-index: -1;} .about-sust .title{margin-bottom:70px} .about-sust .content{display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .about-sust .list{padding:40px 15px 30px;background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;transition:all .3s ease-in-out;text-align:center} .about-sust .img-1{height:88px;margin-bottom:20px} .about-sust .t1{font-size:20px;line-height:24px;color:#333333;font-weight:600;margin-bottom:5px} .about-sust .h6{color:var(--public-color-o)} .about-sust .cont{margin-top:20px;letter-spacing:-.5px} .about-sust .list:hover{transform:translateY(-3px)} @media(max-width:768px){ .about-sust-xl{padding-top: 30px;} .about-sust .content{grid-template-columns: repeat(1, 1fr);} } .about-quality{position:relative;padding:180px 0 130px} .about-quality::before{content:"";background:url(../../images/about-back-3.webp) no-repeat;width:75%;height:100%;background-size:100% 100%;position:absolute;left:0;top:0;z-index:-1} .about-quality .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:140px} .about-quality .items:last-child{margin-bottom:0} .about-quality .left{width:44%;position:relative;padding-bottom:60px} .about-quality .left::after{content:"";width:65%;height:1px;background:linear-gradient(to right,var(--public-color-o) 0%,var(--public-color-o) 90%,transparent 10%,transparent 100%);background-size:6px 100%;background-repeat:repeat-x;position:absolute;left:0;bottom:0} .about-quality .right{width:52%} .about-quality .title{margin-bottom:80px} .about-quality .mySwiper-quality{padding:45px 0} .about-quality .swiper-slide.swiper-slide-active{transform:scale(1.5) !important} .about-quality .swiper-slide{transform:scale(1) !important;background-color:#fff} .about-quality .swiper-slide img{opacity:.5} .about-quality .swiper-slide.swiper-slide-active{position:relative;z-index:1} .about-quality .swiper-slide.swiper-slide-active img{opacity:1} .about-quality .all-hover{width:40px;height:60px;border-radius:0;background-color:#ffffff;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.19);margin-top:-20px} .about-quality .all-hover::after{font-size:42px;color:#cccccc;transition:all .3s ease-in-out} .about-quality .all-hover:hover::after{color:var(--public-color-o)} .about-quality .items:nth-child(even){flex-direction:row-reverse} .about-quality .items:nth-child(even) .left{width:43%} .about-quality .items:nth-child(even) .right{width:49%} .about-quality .h4{font-size:28px;line-height:32px;font-weight:600;color:#333333;letter-spacing:-.6px;margin-bottom:40px} .about-quality .text{color:#666666} @media(max-width:1200px){ .about-quality::before{display: none;} } @media(max-width:768px){ .about-quality{padding: 30px 0;} .about-quality .items{flex-direction: column-reverse !important;gap: 25px;margin-bottom: 30px;} .about-quality .h4{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .about-quality .left{padding-bottom: 30px;} } .about-valide{background:url(../../images/about-back-4.webp) no-repeat;height:625px;display:flex;flex-direction:column;justify-content:center} .about-valide .top-head{display:flex;justify-content:space-between;margin-bottom:85px} .about-valide .left{width:35%} .about-valide .right{width:63%;color:#ffffff;font-weight:300;letter-spacing:-.3px;padding-top:10px} .about-valide .right p{color:#fff;} .about-valide .title{color:#ffffff;margin-bottom:30px} .about-valide a{letter-spacing:0;min-width:245px} .about-valide .box-img{display:flex;gap:20px;animation:scroll-right-valide 60s linear infinite;width:calc(454px * 5 + 20px * 4);flex-shrink:0} .about-valide .img{box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);width:454px;flex-shrink:0} .about-valide .img,.about-valide .img img{border-radius:8px} /* 无缝向左滚动 */ @keyframes scroll-right-valide { 0% { transform: translateX(calc(-454px * 5 - 20px * 4)); /* 正好移动一组内容 */ } 100% { transform: translateX(0); } } @media(max-width:768px){ .about-valide{padding: 30px 0;flex-direction:column;gap: 25px;height: auto;} .about-valide .top-head{flex-direction: column;justify-content: center;text-align: center;margin-bottom: 0px;} .about-valide .right{margin-bottom: 25px;padding-top: 0;} .about-valide .box-img{width: 277px * 5 + 20px * 4;} .valide-scroll .box-img .img{width: 277px;} @keyframes scroll-right-valide { 0% { transform: translateX(calc(-277px * 5 - 20px * 4)); /* 正好移动一组内容 */ } 100% { transform: translateX(0); } } } .about-team {background-color: #e8f1dd;padding: 150px 0 100px;} .about-team .content{display: flex;justify-content: space-between;align-items: center;} .about-team .left{width: 52%;} .about-team .right{width: 43%;color: #666666;} .about-team .left,.about-team .left img{border-radius: 24px;} .about-team .title{margin-bottom: 40px;} .about-team .right p{margin-bottom: 20px;} @media(max-width:768px){ .about-team{padding: 30px 0;} .about-team .right p{margin-bottom: 10px;} } .service-paper{padding-top: 70px;} @media(max-width:768px){ .service-paper{padding-top: 30px;} } .service-main{padding-top: 80px;margin-bottom: 110px;} .service-main .content{display: flex;justify-content: space-between;} .service-main .left{width: 50%;padding-top: 30px;} .service-main .right{width: 45%;} .service-main .left p{margin-bottom: 25px;} .service-main .left p:last-child{margin-bottom: 0;} .service-main .title{margin-bottom: 40px;} .service-main .right,.service-main .right img{border-radius: 8px;} @media(max-width:1200px){ .service-main .content{align-items: center;} .service-main .title{margin-bottom: 25px;} .service-main .left p{margin-bottom: 15px;} } @media(max-width:768px){ .service-main{padding-top: 30px;margin-bottom: 30px;} .service-main .content{flex-direction: column-reverse;gap: 25px;} .service-main .left p{margin-bottom: 10px;} } .service-customize .top-head{width: 75%;color: #666666;margin-bottom: 45px;} .service-customize .title{margin-bottom: 20px;} .service-customize .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 0px;background-color: #f2f2f2;margin-bottom: 80px;} .service-customize .list{position: relative;overflow: hidden;} .service-customize .list::after{content: "";width: 100%;height:0;background-color: var(--public-color);position: absolute;right: 0px;bottom:0;transition: height .3s ease-in-out;opacity: .9;} .service-customize .list>img{transform: scale(1.01);} .service-customize .list .box{width: 100%;position: absolute;left: 0;bottom: 0;padding: 0 40px 15px 60px;z-index: 1;} .service-customize .list .d{display: grid;grid-template-columns: auto 80px;align-items: center;margin-bottom: 20px;} .service-customize .list .h4{font-size: 24px;line-height: 35px;color: #ffffff;font-weight: 500;} .service-customize .list .num { width: 80px; aspect-ratio: 1; border-radius: 100%; border: 2px solid #ffffff; display: flex; justify-content: center; align-items: center; font-size: 40px; color: #ffffff; font-weight: 500; position: relative; } .service-customize .list .num::after{content: url(../../images/sign-3.webp);position: absolute;right: -15px;transition: all .3s ease-in-out;filter: brightness(0) invert(1);} .service-customize .list .cont{color: #ffffff !important;letter-spacing: -.8px;opacity: 0;position: absolute;transition: all .3s ease-in-out;font-weight: 300;} .service-customize .list.active .cont{opacity: 1;position: relative;} .service-customize .list.active::after{height: 100%;} @media(max-width:1340px){ .service-customize .list .box {padding-left: 40px;} .service-customize .list .h4{font-size: 22px;line-height: 32px;} .service-customize .list .num {width: 70px;font-size: 34px;} } @media(max-width:1200px){ .service-customize .top-head{width: 100%;} .service-customize .list .box{padding: 0 15px 15px 25px;} .service-customize .list .cont{letter-spacing: -.2px;line-height: 24px;} .service-customize .list .h4{font-size: 20px;line-height: 28px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} } @media(max-width:1100px){ .service-customize .list .num {width: 55px;font-size: 28px;} } @media(max-width:1000px){ .service-customize .content{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;} .service-customize .list{width: 100%;max-width: 48%} .service-customize .list::after{display: none;} .service-customize .list .cont{opacity: 1;position: relative;} .service-customize .list::after{height: 100%;} } @media(max-width:768px){ .service-customize{margin-bottom: 30px;} .service-customize .pag-customize{position: static;margin-top: 30px;} .service-customize .pag-customize span{background-color: var(--public-color);opacity: .4;} .service-customize .pag-customize span.swiper-pagination-bullet-active{opacity: 1;} .service-customize .top-head{margin-bottom: 25px;} .service-customize .content{margin-bottom: 30px;display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;} .service-customize .list{max-width: 100%;min-height: auto;background-color: #000;} .service-customize .list > img{opacity: .6;width: 100%;} .service-customize .list .box{padding: 15px;} .service-customize .list .d{display: block;margin-bottom: 10px;} .service-customize .list .num{display: none;} } .service-quality {padding: 70px 0 90px;display: flex;justify-content: center;align-items: center;position: relative;background-color: var(--public-color);overflow: hidden;} .service-quality .container-xl{position: relative;} .service-quality::before{content: "";background: url(../../images/ser-back-1.webp) no-repeat left 10px center;width: 100%;height: -webkit-fill-available;position: absolute;left: 0;top: 0;} .service-quality .top-head{margin-bottom: 45px;} .service-quality .h6{color: var(--public-color-o);font-size: 20px;font-weight: 600;letter-spacing: -.4px;margin-bottom: 25px;} .service-quality .title{color: #ffffff;} .service-quality .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;} .service-quality .list{position: relative;transition: all .3s ease-in-out;} .service-quality .img{box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);margin-bottom: 25px;} .service-quality .img,.service-quality .img img{border-radius: 8px;} .service-quality .img img{transform: scale(1.01);} .service-quality .box{color: #ffffff;} .service-quality .t1{font-size: 20px;line-height: 29px;font-weight: 500;letter-spacing: -.8px;color: #fff;margin-bottom: 10px;} .service-quality li{position: relative;padding-left: 25px;margin-bottom: 10px;font-weight: 300;} .service-quality li::before{content: "";width: 8px;height: 8px;border-radius: 2px;background-color: #ffffff;position: absolute;left: 0;top: 8px;} .service-quality .num{font-size: 178px;font-weight: 500;font-style: italic;color: rgba(255, 255, 255, 0.05);position: absolute;right: 0;bottom: 0;transition: all .3s ease-in-out;} .service-quality .list.active{transform: translateY(-3px);} .service-quality .list.active .num{color: rgba(255, 255, 255, 0.15);} @media(max-width:768px){ .service-quality{padding: 30px 0;} .service-quality .h6{color: #ffffff;} .service-quality .content {grid-template-columns: repeat(2, 1fr);gap: 25px 15px;} .service-quality .img{margin-bottom: 15px;} .service-quality .t1{font-size: 18px;line-height: 26px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .service-quality li{letter-spacing: -.2px;padding-left: 12px;} .service-quality li::before {width: 6px;height: 6px;top: 6px;} } .banner-home{display: flex;align-items: center;justify-content: flex-end;overflow: hidden;} .banner-home>img{height: 800px;} .banner-home .banner-text{text-align: left;} .banner-home .cont-box{width: 60%;} .banner-home h1{font-size: 46px;line-height: 68px;font-weight: bold;color: #333333;margin-bottom: 20px;} .banner-home .cont{color: #999999;} .banner-home .small-box{display: flex;gap: 0;margin-top: 45px;} .banner-home .list{max-width: 260px;height: 205px;display: flex;flex-direction: column;justify-content: space-between;padding: 30px 20px 20px;} .banner-home .list:nth-child(1){background: url(../../images/banner-home-1.webp) no-repeat ;background-size: 100% 100%;} .banner-home .list:nth-child(2){background: url(../../images/banner-home-2.webp) no-repeat ;background-size: 100% 100%;transform: translateY(35px) translateX(-1px);} .banner-home .t1{font-size: 22px;line-height: 32px;font-weight: 600;} .banner-home .list:nth-child(1) .t1:hover{color: var(--public-color) !important;} .banner-home .img-2{position: absolute;right: 2%;top: 18%; -webkit-animation: move-reverse 10000ms ease-in-out infinite; animation: move-reverse 10000ms ease-in-out infinite; } .banner-home .img-1{position: absolute;right: 13%;top: 20%; -webkit-animation: move 10000ms ease-in-out infinite; animation: move 10000ms ease-in-out infinite; } @keyframes move { 0%,to {-webkit-transform: rotate(0deg);transform: rotate(0deg)} 50% {-webkit-transform: rotate(5deg);transform: rotate(5deg)} } @-webkit-keyframes move-reverse { 0%,to {-webkit-transform: translate(0,0) rotate(0deg);transform: translate(0,0) rotate(0deg)} 50% {-webkit-transform: translate(50px,50px) rotate(-5deg);transform: translate(50px,50px) rotate(-5deg)} } @media(max-width:1700px){ .banner-home>img{width: auto;} } @media(max-width:1580px){ .banner-home>img{height: 765px;} .banner-home .img-1{top: 10%;} .banner-home .img-2{top: 8%;} } @media(max-width:1340px){ .banner-home>img{height: 650px;} .banner-home .img-1{width: 32%;} .banner-home .img-2{width: 18%;} .banner-home h1{font-size: 42px;line-height: 62px;} } @media(max-width:1260px){ .banner-home .img-1{width: 30%;} .banner-home .img-2{width: 15%;} } @media(max-width:1230px){ .banner-home>img{height: 515px;width: 100%;} .banner-home .list{gap: 30px;} } @media(max-width:1200px){ .banner-home h1{font-size: 38px;line-height: 56px;} .banner-home .list{height: auto;gap: 20px;padding: 15px 20px 15px;} .banner-home .small-box {margin-top: 25px;} } @media(max-width:1100px){ .banner-home .cont-box{min-width: 660px;} .banner-home h1{font-size: 34px;line-height: 46px;} .banner-home .list:nth-child(2){transform: translateY(0px) translateX(-1px);} } @media(max-width:1000px){ .banner-home>img {height: 445px;} } @media(max-width:768px){ .banner-home .cont-box{width: 100%;min-width: auto;} .banner-home .list:nth-child(1){background-color: var(--public-color-o);} .banner-home .list:nth-child(2){background-color: var(--public-color);} .banner-home .list{padding: 20px 15px 20px;max-width: 100%;flex: 1;background-size: auto 100% !important;background-position: right !important;} .banner-home .t1 {font-size: 16px;line-height: 24px;} .banner-home>img{height: 350px;} } @media(max-width:400px){ .banner-home .list{gap: 10px;padding: 10px;} .banner-home .list .arrow{width: 16px;} } /* .home{padding:120px 0 0} */ @media(max-width:768px){ .home{padding: 30px 0;} } .home-partner{margin-top: 60px;} .home-partner .cont{font-size: 20px;line-height: 32px;color: #333333 !important;} @media(max-width:768px){ .home-partner{margin-top: 0;} } .home-about {padding-top: 60px;} .home-about .content{display:flex;justify-content:space-between;align-items:center} .home-about .left{width:42%} .home-about .right{width:52%} .home-about .title{margin-bottom:25px} .home-about .text{letter-spacing:0px;margin-bottom:45px} .home-about h5{color:var(--public-color);margin-bottom:20px;font-weight:400;letter-spacing:0} .home-about .small-box{display:flex;justify-content:space-between;margin-bottom:40px} .home-about .list p{font-size:20px;color:#666666;letter-spacing:-.4px} .home-about .d{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px} .home-about .num{font-size:46px;line-height:40px;font-weight:bold;color:var(--public-color)} .home-about .d span{color:var(--public-color);font-weight:500;font-size:20px} .home-about .mySwiper-about{padding:45px 0} .home-about .swiper-slide.swiper-slide-active{transform:scale(1.5) !important} .home-about .swiper-slide{transform:scale(1) !important;background-color:#fff} .home-about .swiper-slide img{opacity:.5} .home-about .swiper-slide.swiper-slide-active{position:relative;z-index:1;background-color:#000} .home-about .swiper-slide.swiper-slide-active img{opacity:.8} .home-about .swiper-slide.swiper-slide-active .box{opacity:1} .home-about .img{position:relative} .home-about .img .box{position:absolute;left:0px;bottom:0px;width:100%;padding:0 20px 30px 30px;opacity:0;} .home-about .img .h5{font-size:16px;line-height:20px;font-weight:600;color:#ffffff;letter-spacing:-.6px;margin-bottom:5px} .home-about .img .cont{color:#fff !important;font-size:9px;line-height:15px;font-weight:300;letter-spacing:0} @media(max-width:1340px){ .home-about .num {font-size: 42px;} .home-about .list p {font-size: 18px;line-height: 26px;} } @media(max-width:1200px){ .home-about .small-box{gap: 30px;} .home-about .num {font-size: 36px;} .home-about .list p {font-size: 16px;line-height: 24px;} } @media(max-width:1000px){ .home-about .left{min-width: 380px;} .home-about .small-box{justify-content: flex-start;gap: 45px;} } @media(max-width:900px){ .home-about .content{flex-direction: column-reverse !important;} } @media(max-width:768px){ .home-about{padding-top: 30px;} .home-about .mySwiper-about{padding: 30px 0;} .home-about .swiper-slide.swiper-slide-active{transform: scale(1) !important;} .home-about .img{background-color: #000;} .home-about .img img{opacity: .6;} .home-about .img .box{padding: 0 20px 20px 20px;} .home-about .img .h5{letter-spacing: 0;} .home-about .mySwiper-about{padding: 0;} .home-about .content{gap: 30px;} .home-about .left {min-width: auto;} .home-about h5{margin-bottom: 10px;} .home-about .text{margin-bottom: 25px;} .home-about .small-box{margin-bottom: 20px;gap: 25px;} .home-about .d{margin-bottom: 5px;gap: 5px;} .home-about .num{font-size: 28px;} .home-about .d span{font-size: 16px;} } @media(max-width:430px){ .home-about .num{font-size: 20px;line-height: 28px;} } .home .all-adv{padding:110px 0 130px} @media(max-width:768px){ .home .all-adv{padding: 30px 0;} } .home-materials{position:relative} /* .home-materials::before{content:"";background:url(../../images/home-back-1.webp) no-repeat;width:25%;height:59%;background-size:100% 100%;position:absolute;right:50px;top:60px;z-index:-1} */ .home-materials::after{content:"";width:100%;height:59%;background-color:var(--public-color);position:absolute;left:0;top:60px;z-index:-2} .home-materials .top-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px} .home-materials .top-head .img{width:53%;margin-left:-80px} .home-materials .top-head .cont-box{width:56%;color:#fff} .home-materials .title{color:#ffffff;letter-spacing:-1.4px;margin-bottom:70px} .home-materials .top-head .cont{font-size:18px;font-weight:500;letter-spacing:-.5px} .home-materials .content{display:flex;justify-content:space-between;gap:30px} .home-materials .list{flex:1;min-height:360px;background-color:#ffffff;box-shadow:0px 7px 27px 0px rgba(0,0,0,0.1);border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:30px;padding:30px 20px 40px} .home-materials .list-top{display:flex;flex-direction:column;align-items:center} .home-materials .img-1{height:90px;width:90px;margin-bottom:20px;text-align:center} .home-materials .img-1 img{max-width:100%;max-height:100%} /* .home-materials .img-1{height:125px;background:url(../../images/home-sign-1.webp) no-repeat center;width:270px;margin-bottom:20px;text-align:center} */ .home-materials .list .text{color:#666666;letter-spacing:-.6px} .home-materials .a-wz-1{background-color:#ffffff;color:var(--public-color-o);box-shadow:none;border-radius:22px} .home-materials .a-wz-1::before{background-color:var(--public-color-o);border-color:#ffffff;border-radius:22px} .home-materials .a-wz-1:hover{color:#ffffff !important;box-shadow:0px 10px 15px 0px rgba(236,135,14,0.3)} @media(max-width:1400px){ .home-materials .title{font-size:32px;line-height:42px} } @media(max-width:1200px){ .home-materials::after{top: 0;height: 65%;} .home-materials::before{top: 0;} .home-materials .top-head .img {margin-left: -60px;} .home-materials .title{margin-bottom: 0;} } @media(max-width:1000px){ .home-materials .list{min-height: auto;} } @media(max-width:768px){ .home-materials .top-head{flex-direction: column;margin-bottom: 25px;} .home-materials .top-head .img{margin-left: 0;width: 100%;} .home-materials .top-head .cont-box{width: 100%;} .home-materials .title{margin-bottom: 0 !important;} .home-materials .list{padding: 30px 20px 30px;} .home-materials::after {height: 90%;} } .home-solution{padding:120px 0 140px} .home-solution .content{display:flex;justify-content:space-between} .home-solution .left{width:52%} .home-solution .right{width:44%;position:relative;display:flex;justify-content:center;align-items: center;} .home-solution .title{margin-bottom:30px} .home-solution .text{letter-spacing:-.4px} .home-solution ul{margin-top:30px} .home-solution li{color:#666666;padding-left:25px;position:relative;margin-bottom:25px} .home-solution li:last-child{margin-bottom:0} .home-solution li::after{margin-bottom:0} .home-solution li strong{color:var(--public-color);font-weight:500;display:block;margin-bottom:5px} .home-solution li::before{content:"\f00c";font-family:'cmsfont';color:var(--public-color);position:absolute;left:0;top:0;font-weight:bold} .home-solution .right,.home-solution .right>img{border-radius:24px} .home-solution .a{position:absolute;bottom:-30px} .home-solution .a-wz-1{height:60px;border-radius:30px;min-width:255px;box-shadow:0px 10px 15px 0px rgba(236,135,14,0.3)} .home-solution .a-wz-1::before{border-radius:30px} @media(max-width:1000px){ .home-solution .content{flex-direction: column-reverse !important;gap: 45px;} } @media(max-width:768px){ .home-solution{padding: 30px 0;} .home-solution li{margin-bottom: 10px;} .home-solution .a-wz-1 {height: 48px;} .home-solution .a {bottom: -24px;} .home-solution .content{gap: 35px;} .home-solution ul {margin-top: 15px;} } .home-packaging{background-color: #f2ffdf;padding-top: 65px;padding-bottom: 140px;} .home-packaging .title{margin-bottom: 45px;} .home-packaging-tabss{padding-right: 60px;position: relative;} .home-packaging__title{font-size:36px;line-height:1.2;font-weight:600;color:#111;margin:0 0 28px;letter-spacing:-0.02em} .home-packaging__tabbar{display:flex;align-items:center;gap:16px;margin-bottom:40px} .home-packaging__tabs{flex:1;min-width:0;display:flex;flex-wrap:nowrap;gap:0 28px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none} .home-packaging__tabs::-webkit-scrollbar{display:none} .home-packaging__tab{flex-shrink:0;background:none;border:none;padding:0 0 12px;margin:0;font-size:22px;line-height:1.3;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:0px;transition:color .2s ease,border-color .2s ease;font-family:inherit;box-sizing:border-box} .home-packaging__tab:hover{color:#555} .home-packaging__tab:focus{outline:none} .home-packaging__tab:focus-visible{outline:2px solid var(--public-color);outline-offset:3px;border-radius:2px} .home-packaging__tab.is-active{color:var(--public-color);border-bottom-color:var(--public-color);font-weight:400} .home-packaging__tab-arrows{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-bottom:4px} .home-packaging__tab-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #d0d0d0;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0;transition:border-color .2s ease,background .2s ease;box-sizing:border-box} .home-packaging__tab-arrow:hover{border-color:#999;background:#fafafa} .home-packaging__tab-arrow:focus{outline:none} .home-packaging__tab-arrow:focus-visible{outline:2px solid var(--public-color);outline-offset:2px} .home-packaging__tab-arrow.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none} .home-packaging__slides{margin-top:85px;} .home-packaging__slides .slide{display: flex;justify-content: space-between;align-items: flex-end;} .home-packaging__slides .left{width: 42%;} .home-packaging__slides .left ,.home-packaging__slides .left img{border-radius: 16px 180px 16px 16px;} .home-packaging__slides .right{width: 51%;} .home-packaging__slides .h6{font-size: 18px;color: var(--public-color-o);font-weight: 600;} .home-packaging__slides h3{font-size: 38px;line-height: 54px;color: #333333;font-weight: 600;margin-bottom: 30px;} .home-packaging__slides .text{line-height: 24px;} .home-packaging__slides .a-wz{margin-top: 60px;} .home-packaging__slides .slide{display:none !important} .home-packaging__slides .slide[hidden]{display:none !important} .home-packaging__slides .slide.is-active{display:flex !important} @media(max-width:1430px){ .home-packaging__slides h3{font-size: 36px;line-height: 50px;} } @media(max-width:1340px){ .home-packaging__slides .slide{align-items: center;} .home-packaging__slides .left{width: 45%;} .home-packaging__slides .right{width: 50%;} .home-packaging__slides h3{margin-bottom: 20px;font-size: 32px;line-height: 46px;} .home-packaging__slides .a-wz{margin-top: 45px;} } @media(max-width:1250px){ .home-packaging__tab{font-size: 20px;} } @media(max-width:1200px){ .home-packaging__slides .left {width: 46%;} .home-packaging__slides .right {width: 50%;} } @media(max-width:1000px){ .home-packaging__slides h3 {font-size: 30px;line-height: 42px;} .home-packaging__tab{font-size: 18px;} } @media(max-width:900px){ .home-packaging__slides .slide{display: flex !important;flex-direction: column;align-items: flex-start;gap: 25px;} .home-packaging__slides .left{width: 100%;} .home-packaging__slides .right{width: 100%;} } @media(max-width:768px){ .home-packaging{padding: 30px 0;position: relative;} .home-packaging__tabbar{display: none;} .home-packaging .left{margin-bottom: 25px;} .home-packaging .left , .home-packaging .left img{border-radius: 16px 115px 16px 16px;} .home-packaging h3{margin-bottom: 15px;} .home-packaging .text{margin-bottom: 25px;} .home-packaging .pag-homePack{left: 0;bottom: 0;} } .home-products {padding: 100px 0 130px;} .home-products .top-head{margin-bottom: 85px;} .home-products .title{margin-bottom: 35px;} .home-products .text{line-height: 24px;color: #999999;} .home-products .content{position: relative;} .home-products .list{text-align: center;} .home-products .img{margin-bottom: 40px;background-color: #f4f3f4;height: 290px;display: flex;justify-content: center;align-items: center;} .home-products .img ,.home-products .img img{border-radius: 8px;} .home-products .img img{mix-blend-mode: multiply;} .home-products .t1{font-size: 16px;line-height: 26px;color: #333333;font-weight: 600;} .home-products .all-hover-1{width: 52px;height: 52px;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;background-color: #ffffff;border: solid 1px #cccccc;} .home-products .all-hover-1:after{margin-right: 0;font-size: 0;line-height: 0;filter: grayscale(1);transition: all .3s ease-in-out;} .home-products .all-hover-1:hover{border-color: var(--public-color-o);} .home-products .all-hover-1:hover::after{filter: none;} .home-products .next-pro::after{content: url(../../images/wz-3.webp);} .home-products .prev-pro::after{content: url(../../images/wz-2.webp);} @media(max-width:1570px){ .home-products .content{padding: 0 35px;} .home-products .all-hover-prev-1 {left: -40px;} .home-products .all-hover-next-1 {right: -40px;} } @media(max-width:1500px){ .home-products .content{padding: 0 40px;} .home-products .all-hover-prev-1 {left: -15px;} .home-products .all-hover-next-1 {right: -15px;} } @media(max-width:768px){ .home-products{padding: 30px 0;} .home-products .top-head{margin-bottom: 25px;} .home-products .all-hover-1 {width: 40px;height: 40px;} .home-products .all-hover-1::after{transform: scale(.8);} .home-products .img{height: auto;margin-bottom: 15px;} } .home-grow {padding-bottom: 135px;} .home-grow .title-grow::before{content:url(../../images/wz-4.webp);width: 65px;height: 65px;background-color: var(--public-color-o);border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;position: absolute;left: 7px;top: 40px;outline: 7px solid rgba(255, 120, 0, .15);} .home-grow .title-grow{display: inline-flex;flex-direction: column;align-items: flex-start;padding-left: 120px;position: relative;margin-bottom: 90px;} .home-grow .title-grow p{font-size: 52px;line-height: 70px;font-weight: 600;color: #333333;} .home-grow .title-grow p:last-child{background: linear-gradient(90deg, var(--public-color-o), var(--public-color)); -webkit-background-clip: text;background-clip: text;color: transparent;} .home-grow .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 50px;} .home-grow .list{height: 240px;background-color: #ffffff;border-radius: 24px;display: flex;justify-content: center;align-items: center;position: relative;} .home-grow .list::after{content: "";width: calc(100% + 4px);height: calc(100% + 4px);background-image: linear-gradient(135deg, #ff7800 0%, #c8bc00 25%, #91ff00 100%);border-radius: 24px;position: absolute;z-index: -1;} .home-grow .title-better{font-size: 40px;line-height: 65px;text-align: center;display: flex;flex-direction: column;justify-content: center;} .home-grow .title-better em{color: #333333;} .home-grow .title-better strong{color: var(--public-color);font-weight: bold;} .home-grow .list:hover::after{animation: circle_imags 1s linear infinite;} @keyframes circle_imags{ from { background-image: linear-gradient(135deg, #ff7800 0%, #c8bc00 25%, #91ff00 100%)} to { background-image: linear-gradient(135deg, #91ff00 0%, #c8bc00 25%, #ff7800 100%)} } @media(max-width:1380px){ .home-grow .title-better{font-size: 36px;line-height: 54px;} } @media(max-width:1200px){ .home-grow .content {gap: 35px;} .home-grow .list {height: 210px;} .home-grow .title-better{font-size: 34px;line-height: 48px;} } @media(max-width:1100px){ .home-grow .list {height: 180px;} .home-grow .title-better{font-size: 28px;line-height: 38px;} } @media(max-width:900px){ .home-grow .content{grid-template-columns: repeat(2, 1fr);} } @media(max-width:768px){ .home-grow{padding-bottom: 30px;} .home-grow .title-grow::before {display: none;} .home-grow .title-grow{padding-left: 0;margin-bottom: 25px;} .home-grow .title-grow p{font-size: 22px !important;line-height: 32px !important;} .home-grow .content{gap: 25px;} .home-grow .title-better {font-size: 18px;line-height: 26px;} .home-grow .list{height: 155px;} } .home-clients::after{content: "";width: 100%;height: 65%;background-image: linear-gradient(129deg, rgba(236, 135, 14, 0.4) 0%, rgba(246, 195, 135, 0.43) 15%, rgba(255, 255, 255, 0.48) 38%, rgba(240, 248, 230, 0.5) 47%, rgba(191, 224, 148, 0.55) 74%, rgba(128, 194, 42, 0.6) 99%, rgba(127, 193, 40, 0.6) 100%); position: absolute;left: 0;top: 0;z-index: -1; } .home-clients{padding-top: 50px;padding-bottom: 90px;position: relative;} .home-clients .top-head{margin-bottom: 45px;} .home-clients .img-1{margin-bottom: 15px;} .home-clients .title{font-size: 38px;line-height: 54px;margin-bottom: 10px;} .home-clients .top-head p{font-size: 16px;line-height: 24px;color: #666666;} .home-clients .content{position: relative;} .home-clients .mySwiper-clients{box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);border-radius: 40px;} .home-clients .items{background-color: #ffffff;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 45px;padding: 45px 10% 20px;} .home-clients .items-top{display: flex;flex-direction: column;align-items: center;} .home-clients .d{display: flex;gap: 20px;margin-bottom: 40px;} .home-clients .d .start{display: flex;align-items: center;} .home-clients .grode{font-size: 28px;line-height: 32px;color: #333333;font-weight: 500;} .home-clients .cont{font-size: 24px;line-height: 36px;color: #666666;} .home-clients .box-cont{display: flex;gap: 10px;font-size: 16px;line-height: 24px;margin-top: 20px;color: #666666;} .home-clients .box-cont .name{color: #333333;font-weight: 500;} .home-clients .pag-clients{position: static;display: flex;justify-content: center;gap: 10px;width: 100%;margin-top: 70px;} .home-clients .pag-clients span{width: 83px;height: 4px;background-color: #f0f0f0;border-radius: 0;margin: 0 !important;} .home-clients .pag-clients span.swiper-pagination-bullet-active{background-color: var(--public-color);} @media(max-width:768px){ .home-clients{padding: 30px 0;} .home-clients .top-head{margin-bottom: 25px;} .home-clients .items{padding: 25px 15px;gap: 25px} .home-clients .d{margin-bottom: 20px;} .home-clients .pag-clients{margin-top: 30px;} } /* .home-design::after{background-image:url(../../images/home-back-2.webp)} */ .home-design{background-color:#e7e7e7;padding:50px 0;} .home-design .title{color:#333333} .home-design .top-head .text{color:#999999;font-weight:400} @media(max-width:768px){ .home-design{padding: 30px 0;} } .home-news{border-top: 2px solid rgba(204,204,204,.3);border-bottom: 2px solid rgba(204,204,204,.3);padding:80px 0 100px} .home-news .title{margin-bottom:55px} .home-news .content{display:grid;grid-template-columns:repeat(3,1fr);gap:70px} .home-news .list{height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;} .home-news .list-top{margin-bottom: 30px;} .home-news .box{min-height:125px;padding:25px 0px 15px;position:relative} .home-news .t1{font-size:24px;line-height:32px;color:#333333;font-weight:500;letter-spacing:-.4px;display: grid;grid-template-columns: auto 20px;gap: 15px;margin-bottom: 25px;} .home-news .t1::after{content: url(../../images/wz-6.webp);filter: brightness(0);transition: all .3s ease-in-out;} .home-news .cont{font-size: 16px;line-height: 24px;color: #666666;} .home-news .t1:hover::after{filter: none;} .home-news .type{height: 43px;padding: 0 30px;background-color: rgba(127, 193, 40, .2);color: var(--public-color);border-radius: 30px;border: 0;display: inline-flex;align-items: center;} @media(max-width:1340px){ .home-news .box{min-height: auto;} .home-news .time {width: 70px;right: 10px;} .home-news .time .s1 {font-size: 28px;line-height: 30px;} } @media(max-width:1200px){ .home-news .t1{font-size: 18px;line-height: 26px;} } @media(max-width:1000px){ .home-news .content{grid-template-columns: repeat(2, 1fr);} } @media(max-width:768px){ .home-news{padding: 30px 0;} .home-news .content{grid-template-columns: repeat(1, 1fr);} .home-news .time {width: 60px;} .home-news .box{padding-top: 25px;padding-bottom: 0;} .home-news .t1{margin-bottom: 15px;} .pag-homeNews{position: static;} .pag-homeNews span{background-color: var(--public-color);opacity: .4;} .pag-homeNews span.swiper-pagination-bullet-active{opacity: 1;} } .new{position:relative;z-index:54;} .new .items{display:flex;align-items:center;} .new .item{font-size:18px;line-height:32px;font-weight:500;padding:12px 0;width:260px;text-align:center;border:2px solid #ebebeb;border-radius:50px; margin-right:20px;color:#999999;} .new .item.active,.new .item:hover{border-color:var(--public-color);background-color:var(--public-color);color:#fff;} .new .item:last-child{margin-right:0;} .new .boxs{margin-top:120px;} .new .box{display:flex;justify-content:space-between;align-items:center;margin-top:60px;} .new .box:nth-child(1){margin-top:0;} .new .img{position:relative;border-radius:15px;overflow:hidden;width:31.5%;border-bottom:10px solid var(--public-color);} .new .date{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.3);font-size:16px;line-height:28px;color:#ffffff; padding:6px 30px;} .new .texts{width:62.9%;padding-bottom:45px;border-bottom:1px solid #dddddd;} .new .title{font-size:24px;line-height:36px;color:#333333;} .new .title:hover{color:var(--public-color);} .new .msg{color:#999999;letter-spacing:-.5px;margin-top:20px;} .new .box:hover .texts{border-bottom-color:var(--public-color);} @media (max-width:768px) { .new{margin-top:20px;padding-bottom:20px;} .new .boxs{margin-top:0;} .new .box{margin-top:20px;} .new .img{border-bottom:0 solid transparent;} .new .date{font-size:14px;line-height:22px;padding:6px 15px;} .new .texts{padding-bottom:10px;} .new .title{font-size:18px;line-height:26px;margin-top:10px;} .new .msg{margin-top:5px;} .new{padding-bottom: 0px;} .new .box{flex-direction: column;} .new .img,.new .texts{width: 100%;} .new .msg{margin-top: 0;} } /*news-in-paper*/ .news-in-paper .small-nav{margin-top: 0;padding-bottom: 0;} .news-in-paper .h1{font-size:36px;line-height:48px;color:#333;font-weight:600;margin-bottom: 40px;letter-spacing: -.4px;} .news-in-paper .type{border-bottom:1px solid #e5e5e5;color: #999;padding-bottom: 30px;display: flex;gap: 20px;font-size: 18px;font-weight: 500;} .news-in-paper .type-time img{display:inline-block;margin-right:10px} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .article .content{line-height:30px;font-size:16px;font-weight: 400;border-bottom:1px solid #e5e5e5;padding-bottom:70px;padding-top:30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .news-in-paper .article .content strong{color:#333;font-weight: 500;} .news-in-paper .article img{max-width:100% !important;height:auto !important} .news-in-paper .article .content p{margin-bottom:20px} .news-in-paper .article h2{font-size: 28px;line-height: 42px;color: #333333;font-weight: 500;margin-bottom: 25px;} .news-in-paper .article h3{font-size: 24px;line-height: 32px;color: #333333;font-weight: 500;margin-bottom: 15px;letter-spacing: -.2;} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between;align-items: flex-start;gap: 50px;} .news-in-paper .box-tail .left{width:100%} .news-in-paper .box-tail .right{min-width: 200px;width: 200px;;display:flex;justify-content:flex-end} .news-in-paper .box-tail .right .a-jd{width: 100%;height: 50px;padding: 0;border-radius: 25px;} .news-in-paper .box-tail .right .a-jd::before{border-radius: 23px;} .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-o);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;} .news-in-paper .box-tail .left p span{color:var(--public-color-o);display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .aside{padding:0px;} .news-in-paper .aside>div{background-color: #f1f1f1;padding: 20px 15px 50px 35px;position: relative;} .news-in-paper .aside>div::after{content: "";width: 100%;height: 4px;background-color: var(--public-color-1);position: absolute;left: 0;bottom: 0;} .news-in-paper .aside .aside-con{margin-bottom: 40px;padding-bottom: 50px;display: flex;flex-direction: column;} .news-in-paper .other-news .name{font-size: 14px;line-height: 20px;font-weight: 500;color: #004ea2;text-transform: uppercase;margin-bottom: 10px;} .news-in-paper .aside .h4{font-size: 28px;color: #333;margin-bottom: 30px;font-weight: 500;letter-spacing: -.4px;} .news-in-paper .aside .h4::before{content: "";width: 4px;height: 22px;background-color: var(--public-color-o);display: inline-block;margin-right: 15px;} .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;margin-bottom: 40px;} .news-in-paper .aside .a-box a{margin-bottom: 20px;font-size: 18px;color:#666;font-weight: 400;line-height: 26px;} .news-in-paper .aside .a-box a:last-child{margin-bottom: 0;} .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;display: inline-block;} .news-in-paper .other-news .t1{font-size: 20px;line-height: 30px;color: #333333;font-weight:500;margin-bottom: 15px;letter-spacing: -.2px; 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 .aside .a-hs{max-width: 200px;height: 56px;font-size: 20px;font-weight: 500;padding: 0;} .news-in-paper .other-news .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} .news-in-paper .other-news .time{font-size: 16px;line-height: 30px;color: #999;font-weight: 400;} .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{margin-bottom: 30px;} .news-in-paper .other-news .list:last-child{padding-bottom: 0;margin-bottom: 0;} .new-in-pro{padding-top: 100px;} .new-in-pro .title {margin-bottom: 65px;} .new-in-pro .title span{display: block;} .new-in-pro .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 45px;} .news-in-paper .all-touch{position: relative;display: flex;align-items: center;margin-bottom: 50px;} .news-in-paper .all-touch::after{content: "";width: 100%;height: 71%;background-color: #f8f8f8;position: absolute;left: 0;z-index:-2;} .news-in-paper .all-touch .img-back{mix-blend-mode: darken;height: 71%;top: auto;width: auto;overflow: hidden;} .news-in-paper .all-touch .left {width: 49%;padding-top: 120px;} .news-in-paper .all-touch .right {width: 50%;margin-bottom: 0;} .main-box{display: flex;gap:60px;margin-top: 85px} .main-box .main-left{position:sticky;top:130px;height: fit-content;min-width: 330px;} .main-box .main-top{max-width:1300px;margin-left: auto;} .main-box .aside{width:30%;} .main-box .article{width:65%;} .main-box .main-left-box .table-title{font-size: 28px;line-height: 30px;font-weight: 500;color: #333333;margin-bottom: 40px;display: flex;align-items: center;width: 100%;height: 68px;padding-left: 55px;background-color: #f8f8f8;} .main-box .main-left-box .table-title::before{content:"";width: 4px;height: 22px;background-color: var(--public-color);position: absolute;left: 25px;top:auto;} .main-box .main-left-box .h2 a{font-size: 18px;line-height: 24px;color: #666;font-weight: 500;} .main-box .main-left-box .h2{/*border-bottom: 1px solid #e5e5e5;*/padding-bottom: 15px;} .main-box .main-left-box .h2 a.active{color: var(--public-color-o);} .main-box .name-box {padding-bottom: 10px;} .main-box .name-box + .name-box{border-top: 1px 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;} .main-box .name-box li a{color: #666666;font-size: 18px;line-height: 26px;} .main-box .name-box li a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} @media(max-width:1530px){ .news-in-paper .box-tail{flex-direction: column;} .news-in-paper .box-tail .left{margin-bottom: 20px;} .news-in-paper .box-tail .right{width: 100%;justify-content: flex-start;} } @media(max-width:1460px){ .news-in-paper .other-news .t1 {font-size: 20px;} .news-in-paper .h1{font-size: 32px;line-height: 46px;} } @media(max-width:1430px){ .news-in-paper .aside>div{padding: 25px 19px 40px;} .main-box .main-left-box .table-title{font-size: 24px;height: 56px;} .main-box {gap: 40px;} .news-in-paper .other-news .t1{font-size: 18px;line-height: 30px;} .news-in-paper .aside .h4{font-size: 24px;margin-bottom: 20px;} .news-in-paper .other-news .list{padding-bottom: 10px;margin-bottom: 15px;} .main-box .aside{min-width: 290px;} } @media(max-width:1340px){ .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;} .news-in-paper .article h2{font-size: 24px;line-height: 32px;} .news-in-paper .article h3{font-size: 20px;line-height: 28px;} .main-box .main-left-box .table-title {font-size: 26px;} } @media(max-width:1260px){、 .news-in-paper .article h2 {font-size: 28px;line-height: 36px;} .news-in-paper .article h3 {font-size: 20px;} .news-in-paper .aside-con .a-wz{padding: 0 20px;height: 48px;} .main-box .main-left-box .table-title{margin-bottom: 20px;} .main-box .name-box + .name-box {padding-top: 15px;} .main-box .main-left {max-width: 300px;} .main-box .main-top{max-width: 1330px;} .main-box .article{width: 60%;} .main-box .aside{width: 35%;} .news-in-paper .h1 {font-size: 30px;line-height: 42px;margin-bottom: 30px;} .news-in-paper .type{padding-bottom: 15px;font-size: 16px;} .news-in-paper .article .content p{margin-bottom: 10px;} } @media(max-width:1170px){ .main-box .main-left {min-width: 270px;} .main-box .main-left-box .table-title {font-size: 22px;margin-bottom: 20px;padding: 20px 20px 20px 30px;} .main-box .main-left-box .table-title::before {left: 15px;} } @media(max-width:1100px){ .news-in-paper .main-top{flex-direction: column;margin-bottom: 80px;} .news-in-paper .main-top>div{width: 100%;max-width: 100%;min-width: auto;} .main-box .article{margin-bottom: 80px;} .news-in-paper .aside-con{display: flex;flex-direction: column;align-items: flex-start;} .main-box .aside{max-height: none !important;} } @media(max-width:768px){ .main-box{margin-top: 0;} .main-box .main-left{max-width: none;width: auto;min-width: auto;display: none;} .news-in-paper .h1{margin-bottom: 15px;font-size: 20px;line-height: 28px;} .news-in-paper .article h2{font-size: 19px;line-height: 28px;} .news-in-paper .article h3{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p a{line-height: 24px;} .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 20px;} .news-in-paper .main-top {flex-wrap: wrap;} .news-in-paper .article{width: 100%;margin-bottom: 30px;} .news-in-paper .aside{width: 100%;margin-top: 0;} .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;padding-bottom: 15px;} .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;} .news-in-paper .article .content p{margin-bottom: 10px;} .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;gap: 20px;} .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;} .news-in-paper .box-tail .right{margin-bottom: 0px;} .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;} .news-in-paper .aside .aside-box {padding-bottom: 30px;} .news-in-paper .aside-box-1{padding: 15px;} .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;} .news-in-paper .main-top{margin-bottom: 30px;} .news-in-paper .h4 ,.news-in-paper .aside .h4{font-size: 20px;line-height: 28px;margin-bottom: 20px;} .news-in-paper .aside-con{margin-bottom: 20px;} .news-in-paper .aside>div{padding: 20px 10px;} .p-d-rec .title{margin-bottom: 15px !important;} .p-d-rec .all-param{display: block;opacity: 1;} .p-d-rec{margin-bottom: 30px;} .news-in-paper .other-news .list{margin-bottom: 15px;padding-bottom: 0;} .news-in-paper .other-news .t1 {line-height: 26px;margin-bottom: 10px;} .news-in-paper .other-news .time{font-size: 14px;line-height: 20px;} .news-in-paper .other-news .list + .list {padding-top: 15px;} .main-box .main-top{margin-bottom: 0;} .main-box .main-left-box .table-title{font-size: 20px;line-height: 28px;padding: 15px 10px;margin-bottom: 15px;background-color: var(--public-color);color: #fff;} .main-box .main-left-box .table-title::before {height: 15px;position: absolute;top: 17px;left: 0;background-color: #fff;} .main-box .main-left-box .h2 a {font-size: 18px;line-height: 26px;} .main-box .main-left-box .h2{margin-bottom: 15px;padding-bottom: 0px;} .main-box .name-box ul {padding-top: 0;} .main-box .name-box li{margin-bottom: 10px;} .main-box .name-box li a {font-size: 16px;line-height: 24px;} .main-box .name-box li::before {top: 8px;} .main-box .name-box + .name-box{padding-top: 10px;} .main-box .main-left{margin-bottom: 30px;position: relative;} .main-box .article{width: 100%;} .main-box .aside{width: 100%;} .main-box .news-name{display: none;} .main-box .main-left .main-left-box{position: fixed;left: -17px;top: 50px;z-index: 3;background-color: #fff;border-bottom: 2px solid var(--public-color);} .main-box .main-left .main-left-box.active{left: 0;} .main-box .main-left .main-left-box.active .news-name{padding-left: 10px;padding-top: 20px;} .main-box .table-title .s1{display: none;color: #fff;} .main-box .table-title .s2{display: flex;color:#fff;} .main-box .table-title {background-color: var(--public-color-red);} .main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;} .main-box .table-title.active .s1 strong{color: var(--public-color-red);} .main-box .table-title.active .s2{display: none;} .main-box .main-left-box{border: none;} .main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0;} .main-box .main-left-box .table-title.active{left: 0;} .main-box .main-left{width: 0;} .main-box{gap: 0;} .main-box .main-top{width: 100%;} .news-in-paper .box-tail .right .a-jd{width: auto;padding: 0 30px !important;} .news-in-paper .aside-con .a-jd{margin-bottom: 20px;} .news-in-paper span.img-small{width: 20px;margin-right: 10px;} .news-in-paper .aside .aside-con{margin-bottom: 30px;padding-bottom: 0;} .news-in-paper .aside .a-box a{margin-bottom: 10px;} .new-in-pro{padding-top: 30px;} .new-in-pro .all-pag{width: 100%;display: flex;justify-content: center;gap: 10px;bottom: -20px;} .new-in-pro .all-pag span{background-color: var(--public-color);opacity: .2;} .new-in-pro .all-pag span.swiper-pagination-bullet-active{opacity: 1;} .news-in-paper .small-nav{padding-bottom: 15px;} .news-in-paper .article h2 {font-size: 18px;line-height: 26px;margin-bottom: 15px;} .news-in-paper .article h3 {font-size: 16px;line-height: 24px;margin-bottom: 10px;} .news-in-paper .box-tail .left{margin-bottom: 0;} } .footer-img{padding-top: 150px;} .footer-img .img-box{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-bottom: 95px;position: relative;z-index: 1;} @media(max-width:768px){ .footer-img{padding-top: 30px;} .footer-img .img-box{grid-template-columns: repeat(2, 1fr);margin-bottom: 25px;} } .banner-contact h1{margin-top: 50px;} .contact-paper .small-box{display: grid;grid-template-columns: repeat(3,1fr);margin-top: -1px;margin-bottom: 80px;} .contact-paper .small-box .box{min-height: 170px;padding-left: 20px;padding-top: 40px;padding-right: 20px;overflow: hidden;position: relative;transition: all .3s ease-in-out;} .contact-paper .small-box .box:nth-child(odd){background-color: var(--public-color-o);} .contact-paper .small-box .box:nth-child(even){background-color: var(--public-color);} .contact-paper .small-box .font-sty{color: #ffffff;} .contact-paper .small-box a.font-sty{font-size: 28px;line-height: 32px;font-weight: 600;letter-spacing: -.4px;margin-bottom: 10px;} .contact-paper .small-box a.font-sty:hover{text-decoration: underline;color: #fff !important;} .contact-paper .small-box span.font-sty{font-weight: 300;letter-spacing: 0;font-size: 16px;margin-bottom: 20px;display: block;} .contact-paper .small-box .name{font-size: 22px;line-height: 32px;font-weight: 600;color: #ffffff;} .contact-paper .small-box .img-1{position: absolute;right: -10px;bottom: -20px;} .contact-paper .small-box .box:hover{transform: translateY(-25px);} @media(max-width:1200px){ .contact-paper .small-box a.font-sty{font-size: 24px;} .contact-paper .small-box .box{padding-top: 20px;padding-bottom: 20px;} } @media(max-width:1000px){ .contact-paper .small-box a.font-sty{font-size: 20px;} .contact-paper .small-box .name {font-size: 20px;} } @media(max-width:768px){ .contact-paper{padding-top: 30px;} .contact-paper .small-box{grid-template-columns: repeat(1, 1fr);margin-bottom: 30px;} .contact-paper .small-box .box{padding: 20px 15px;min-height: auto;margin-bottom: 15px;} .contact-paper .small-box .name{font-size: 18px;line-height: 26px;} } .contact-content{display: flex;justify-content: space-between;margin-bottom: 120px;} .contact-content .left{width: 44%;padding-top: 60px;} .contact-content .title{margin-bottom: 20px;} .contact-content .h4{font-size: 28px;line-height: 37px;color: #cccccc;font-weight: bold;margin-bottom: 50px;} .contact-content .text li{font-size: 18px;line-height: 34px;color: #666666;letter-spacing: -.8px;margin-bottom: 15px;padding-left: 25px;} .contact-content .text li:last-child{margin-bottom: 0;} .contact-content .right{width: 53%;padding: 50px 65px 30px;background-color: #ffffff;box-shadow: -1px 20px 51px 0px rgba(127, 193, 40, 0.4);border-radius: 40px;border: solid 8px #7fc128;} .contact-content .form-control{background-color: rgba(127,193,40,.2);border-color: transparent;} .contact-content .form-row{margin-bottom: 25px !important;} .contact-content .form-cap{gap: 25px;} .contact-content .a-wz-1{height: 65px;background-color: var(--public-color-o);color: #ffffff;font-weight: 600;border-color: var(--public-color-o);border-radius: 8px;font-size: 20px;padding: 0;width: 100%;} .contact-content .a-wz-1 img{filter: brightness(0) invert(1);display: inline-block;margin-left: 25px;} .contact-content .a-wz-1::before{border-radius: 8px;} .contact-content .a-wz-1:hover img{filter: none;} .contact-content .form-cap .input-group{border-color: transparent;gap:15px} .contact-content .form-cap .form-group .form-control{border-radius: 8px;} .contact-content .form-cap .input-group-append{width: 120px;height: 49px;border: 0;border-radius: 8px;overflow: hidden;} @media(max-width:1260px){ .contact-content .h4{margin-bottom: 35px;} .contact-content .right {padding: 50px 40px 30px;} } @media(max-width:1200px){ .contact-content .right{padding: 50px 20px 30px;} } @media(max-width:1100px){ .contact-content .a-wz-1{font-size: 18px;height: 56px;} .contact-content .a-wz-1 img{margin-left: 15px;width: 20px;} } @media(max-width:1000px){ .contact-content{flex-direction: column;gap: 50px;} .contact-content .left{width: 100%;} .contact-content .right{width: 100%;} } @media(max-width:768px){ .contact-content{gap: 25px;margin-bottom: 30px;} .contact-content .left{padding-top: 0;} .contact-content .h4{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .contact-content .text li{font-size: 16px;line-height: 24px;margin-bottom: 10px;} .contact-content .right{padding: 20px 15px;} .contact-content .form-row{margin-bottom: 10px !important;gap: 10px;} .contact-content .form-cap .input-group-append {width: 100px;} .contact-content .form-cap .input-group {gap: 10px;} .contact-content .a-wz-1{font-size: 16px;line-height: 24px;height: 48px;} } .contact-more{background: url(../../images/contact-back-1.webp) no-repeat;background-size: auto 100%;height: 295px;display: flex;align-items: center;text-align: center;} .contact-more span.o{color: var(--public-color-o);display: block;margin-top: 30px;} .contact-more .title{color: #ffffff;font-size: 46px;margin-bottom: 0 !important;} @media(max-width:1100px){ .contact-more {height: 250px;} } @media(max-width:768px){ .contact-more{height: 160px;} .contact-more span.o{margin-top: 5px;} } .nav-static{position:static} .ul-box{position:absolute;top:100%;left:0;right:0;max-width:1200px;margin:auto;width:100%;height:0;overflow:hidden;background-color:transparent;transition:all .5s;display:flex;justify-content:space-between;gap: 30px;background-color:#ffffff;box-shadow:0 6px 12px rgba(0,0,0,.175)} .ul-box .pro-img{margin-bottom:25px} .ul-box .pro-img img{height:190px} .ul-box .t1{font-size:16px;color:#333;font-weight:500;margin-bottom:20px;position: relative;padding-left: 10px;} .ul-box .t1::before{content:"";width:2px;height:12px;background-color:var(--public-color);position:absolute;left:0;top:8px} .ul-box .t2{font-size:14px;line-height:20px;color:#999999;} .ul-box .a-cont{font-size:14px;line-height:24px;margin-bottom:10px;color:#999999} .ul-box .h5{font-size:14px;line-height:24px;margin-bottom:5px;letter-spacing:-.4px;color:#999999} .ul-box .ul-box1{width:35%;min-width:365px} .ul-box .ul-box1 .a-link{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 10px} .ul-box .ul-box2{width:25%} .ul-box .ul-box3{width:30%} .ul-box-left{width:30%;text-align:center} .ul-box-left .img-1{margin-bottom:25px} .ul-box-right{width:65%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px} /* .ul-box-right .t1{font-weight: 600;} */ .ul-box-right .a-cont{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical} .nav-item:hover .ul-box{height:auto;padding:40px 30px 40px 50px;transition:all .45s ease-in-out} @media(max-width:1800px){ .ul-box .ul-box3 {padding-left: 50px;} } @media(max-width:1600px){ .nav-item:hover .ul-box{padding: 40px 60px 40px 60px;} .nav-item .ul-box{gap:20px} .ul-box .ul-box2 .swiper-slide{flex-wrap: wrap;} .ul-box .ul-box2 .text{width: 100%;margin-bottom: 40px} .ul-box .ul-box2 .image{width: 65%;margin-left: auto;margin-right: auto;} .ul-box .ul-box1{flex:1.2;width:auto;min-width:inherit;} .ul-box .ul-box2{flex:1;width:auto} .ul-box .ul-box3{flex:1;width:auto;padding-left:0px} .ul-box .ul-box1 .a-link{grid-template-columns:repeat(1,1fr);} .ul-box .t1{margin-bottom:10px} .ul-box-right .a-cont{margin-bottom:0} } .product-list-new p{margin-bottom:24px !important;color:#353A3F;font-size:18px;line-height:27px} @media(max-width:768px){ .product-list-new p{margin-bottom: 5px !important;} } .our-process2{padding:60px 0} @media(max-width:768px){ .our-process2{padding: 30px 0;} .our-process2 .feature-section:last-child,.our-process .feature-section:last-child{margin-bottom: 0;} } .our-process{background-color:#f7f7f7;padding:60px 0 0} .our-process+.our-process{padding-top:0;} .our-process h2{margin-bottom:16px} @media(max-width:1260px){ .our-process .col-lg-5{flex: 0 0 50%;max-width: 100%;} } @media(max-width:1200px){ .our-process .container-xl>.row:last-child .col-md-6:first-child{flex: 0 0 37%;max-width: 100%;} .our-process .container-xl>.row:last-child .col-md-6:last-child{flex: 0 0 63%;max-width: 100%;} .our-process .col-md-6{padding: 25px 0px;} } @media(max-width:1000px){ .our-process .col-lg-5 {flex: 0 0 47%;} } @media(max-width:900px){ .our-process{padding: 30px 0;} .our-process:nth-child(even) .align-items-center{flex-direction: column !important;} .our-process:nth-child(odd) .align-items-center{flex-direction: column-reverse !important;} .our-process .col-md-6{max-width: 100%;} .our-process .col-lg-5{max-width: 100%;} } @media(max-width:768px){ .our-process .feature-section:last-child{margin-bottom: 0;} .our-process:nth-child(odd) .align-items-center{flex-direction: column !important;gap: 25px 0;} .our-process:nth-child(even) .align-items-center{gap: 25px 0;} .our-process .align-items-center{margin-bottom: 30px;} .our-process .col-md-6{padding:0;} .our-process .container-xl>.row .col-md-6{flex: 0 0 100% !important;} .our-process ul{margin-top: 20px;} } .section-leading-center{text-align:center;max-width:900px;margin:0 auto 64px} .section-leading-center h2{max-width:900px;margin-left:auto;margin-right:auto;margin-top:0;font-size:31px!important;line-height:41px!important;font-weight:700} @media(max-width:1000px){ .section-leading-center h2{max-width: 100%} } @media(max-width:768px){ .section-leading-center h2{font-size: 22px !important;line-height: 32px !important; margin-bottom: 15px;} .section-leading-center{max-width: 100%;margin-bottom: 25px;} } .overline{color:#AEAEAE!important} .feature-section{margin-top:64px;display:flex;flex-wrap:wrap;--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-right:calc(var(--bs-gutter-x) / -1);margin-left:calc(var(--bs-gutter-x) / -1)} @media(max-width:1230px){ .feature-section{ --bs-gutter-x: 0rem; --bs-gutter-y: 0; margin-right: 0; margin-left: 0; } } @media(max-width:1200px){ .feature-section{-bs-gutter-x: 0;} } @media(max-width:768px){ .feature-section{margin-bottom: 30px;margin-top: 0;gap: 20px;} } .landing-page-section-des h3{font-size:26px !important;line-height:36px !important;background-repeat:no-repeat;padding-top:32px;margin-bottom:16px} .landing-page-section-des ul li{display:flex;font-size:16px;line-height:28px;color:#3D5154} .landing-page-section-des ul li::before{content:"";margin:5px 5px 0 0;font-size:17px;width:17px;height:17px;display:inline-block;background-image:url("data:image/svg+xml,%3Csvg t='1769764167511' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath d='M361.789906 670.75777 169.168887 478.136751 103.575983 543.267121 361.789906 801.482067 916.096455 247.175519 850.965062 182.044126Z' fill='%2336B37E'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center} @media(max-width:768px){ .landing-page-section-des h3{font-size: 18px !important;line-height: 26px !important;background-repeat: no-repeat;padding-top: 10px;margin-bottom: 10px;} .landing-page-section-des ul li::before {width: 40px;} .landing-page-section-des ul li::before{content: '\f00c';font-family: 'cmsfont';color: var(--public-color);background: none;width: auto;margin: 0 5px 0 0} .landing-page-section-des ul li{margin-bottom: 5px;} } .feature-img-right{border-radius:25px!important;box-shadow:0px 15px 12px rgba(23,43,77,0.08)} .landing-page-feature img{max-width:100%;max-height:100%} .left-icon .porto-sicon-description,.left-icon .porto-sicon-header{float:left;width:100%;font-size:16px;line-height:28px} .left-icon .porto-sicon-left{display:table-cell;vertical-align:top;padding-right:15px;padding-top:5px} .landing-page-section-des-1::before{content:"";width:56px;height:56px;display:inline-block;background-image:url("data:image/svg+xml,%3Csvg t='1769764953641' viewBox='0 0 1046 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M295.961761 512.782491l-109.481057 189.546264h0.025761l56.616252 0.00966h211.494641-0.01932v236.29605l-193.355673-0.032201a2.698465 2.698465 0 0 1-0.708428 0.032201h-11.25434c-0.112704 0-0.177107-0.00966-0.28015 0-38.767094-1.973937-75.753459-22.972377-96.626315-59.063547l-28.137459-48.726943-6.005535-10.394566L15.843019 643.239447c-9.98239-17.388679-15.810818-37.543447-15.810818-59.063548 0-21.532981 5.828428-41.707069 15.810818-59.076427l75.373484-130.492378-73.699019-42.537861 98.265359 0.01288 204.735597 118.149635 49.13912 85.085384L295.961761 512.782491z m344.295849 189.568805l218.936352-0.019321-28.259824-49.010315-11.763119-20.380176-93.992252-162.667874 204.751698-118.152855 96.668177 167.395019c0.083723 0.167447 0.26083 0.363874 0.344553 0.586062l5.615899 9.750541c0.103044 0.086943 0.125585 0.148126 0.167447 0.222189 17.66239 34.542289 17.997283 77.083371-2.865912 113.187421l-0.682667 1.181787c0.235069-0.392855 0.466918-0.785711 0.695547-1.181787l-33.875723 58.61595-0.560302 0.969258-102.084427 176.743044a117.856604 117.856604 0 0 1-43.281711 43.239849 117.631195 117.631195 0 0 1-59.086088 15.833359v-0.009661H640.25761v85.095044l-117.341384-203.238239 68.224805-118.152855v236.29605h49.116579zM632.403723 309.550692l-109.493937-189.478642-28.327446 49.010315-11.76312 20.360855-93.969711 162.667874-204.751698-118.152855L280.82717 66.608302c0.083723-0.209308 0.180327-0.431497 0.305912-0.627925l5.63522-9.73122c0.022541-0.093384 0.083723-0.144906 0.128805-0.25117C307.985711 23.442516 344.688704 1.886994 386.389333 1.909535h2.324931a121.060629 121.060629 0 0 0-2.31205-0.022541h272.966843a117.824403 117.824403 0 0 1 59.124729 15.833358 117.685937 117.685937 0 0 1 43.26239 43.243069l75.367044 130.466617 73.73122-42.541082-117.405786 203.212478H558.659623l73.750541-42.550742z' fill='%237fc128' %3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center center} .landing-page-section-des-2::before{content:"";width:56px;height:56px;display:inline-block;background-image:url("data:image/svg+xml,%3Csvg t='1769765133657' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M118.687 894.892l264.694-74.164 27.384-27.426-186.335-186.34-27.673 27.628-78.07 260.302z m136.793-318.98L441.845 762.27l364.217-364.264-186.336-186.342L255.48 575.912z m634.65-373.358l-74.978-74.976c-42.886-42.887-68.472-42.887-111.344 0l-53.013 53.057 186.34 186.315 53.015-53.031c42.87-42.891 42.87-68.474-0.02-111.365z m-509.89-69.68c-42.886-42.89-68.497-42.89-111.383 0L91.607 310.1l-31.05-31.056 186.34-186.336c42.886-42.89 112.396-42.89 155.286 0l102.64 102.646-31.05 31.05-93.533-93.529zM169.24 325.647l62.13-62.131 31.076 31.055-62.131 62.126-3.688-3.688 34.717 34.767 93.156-93.204 31.08 31.076-93.16 93.153 9.484 9.488-31.07 31.056L91.589 310.099l31.075-31.056 46.578 46.604z m434.825 434.798l93.156 93.16 46.602 46.597 146.178-146.206c42.886-42.896 42.886-68.503 0-111.39l-98.035-98.029 31.05-31.06 107.146 107.151c42.886 42.886 42.886 112.389 0 155.285L774.88 931.234l-31.056 31.056-31.05-31.056L559.024 777.49l31.056-31.056 13.985 14.011z m124.235-62.1l-93.16 93.15-31.075-31.05 93.156-93.2 31.079 31.1z m15.523 46.553l31.056 31.075-77.633 77.632-31.05-31.075 77.627-77.632z m0 0' fill='%237fc128' %3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center center} .cta-bar-grey-box{ height: 100%; } .cta-bar-grey { background: #F9F9FE; border-radius: 40px; font-size: 15px; line-height: 22px; color: #3C4044; background-image: url("../../images/cta-icon.webp"); background-repeat: no-repeat; background-position: left; padding-left: 82px; height: 70px; display: flex; align-items: center; } .cta-bar-grey span a { color: #87898C; text-decoration: underline; } @media(max-width:1200px){ .cta-bar-grey{align-items: flex-start;flex-direction: column;justify-content: center;} } .pro-faqs{border-radius:0;overflow:hidden} .pro-faq-item{display:flex;align-items:center;padding:0 0 0 28px;border-bottom:1px solid #E8EAEB;min-height:48px;background:#fff;transition:background .2s;flex-wrap:wrap} .pro-faq-item .item-title{font-size:18px;font-weight:500;color:#374151;margin:0;padding:16px 0;display:flex;align-items:center;flex:1;line-height:1.3} .pro-faq-item .item-title::before{content:"+";font-size:22px;color:#FFB443;font-weight:bold;margin-right:14px;display:inline-block;min-width:18px;line-height:1} .pro-faq-item .item-cont{display:none;padding-left:32px;} .pro-faq-item.active .item-title::before{content:"-"} .pro-faq-item.active .item-cont{padding-bottom:10px} @media(max-width:768px){ .pro-faq-item{padding-left: 0;} } .pro-packaging{margin-top:40px} .pro-packaging .title{margin-top:120px;text-align:center;margin-bottom:80px} .pro-packaging .img{background-color:#f5f5f5} .pro-packaging .img img{mix-blend-mode:darken} @media(max-width:768px){ .pro-packaging {margin-top: 10px;} .pro-packaging .title{margin-top: 0;} } .sustainable-header{display:flex;justify-content:space-between} .sustainable-header .img{width:45%} .sustainable-header .img img{width:100%} .sustainable-header .text{width:50%;display:flex;flex-direction:column;justify-content:center} .sustainable-header .text h1{margin-bottom:30px} @media(max-width:768px){ .sustainable-header{flex-direction: column;gap: 25px;} .sustainable-header .img{width: 100%;} .sustainable-header .text{width: 100%;} .sustainable-header .text h1{margin-bottom: 15px;} } .materials-new{padding:30px 0 60px;display:flex;justify-content:space-between} .materials-new .img{width:45%} .materials-new .text{width:50%;display:flex;flex-direction:column;justify-content:center} .materials-new .text h1{margin-bottom: 20px;} .materials-new .text p{font-size:20px;line-height:28px;color:#333;margin-bottom:10px} @media(max-width:768px){ .materials-new{padding-top: 15px;padding-bottom: 30px;} } .materials-new2-box{padding:60px 0;background-color:#f5f5f5;} .materials-new2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .materials-new2 .item{display:flex;flex-direction:column;justify-content:center;padding:30px 24px;background-color:#fff;border-radius:24px;} .materials-new2 .item .img{width:auto;height:100%;overflow:hidden;text-align: center;margin-bottom:30px;max-height:150px;} .materials-new2 .item .img img{max-height:160px} .materials-new2 .item .text{width:100%;display:flex;flex-direction:column;justify-content:center;text-align: center} .materials-new2 .item .text .t1{font-size:24px;font-weight:600;color:#333;margin-bottom:10px} .materials-new2 .item .text .t2{font-size:16px;line-height:28px;color:#333;margin-bottom:10px} .materials-new2 .item .text .more{background-color:var(--public-color-o);color:#fff;padding:10px 20px;border-radius:24px;display:inline-block;font-size:16px;line-height:28px;font-weight:600;margin:20px auto 0;} .materials-new2 .item .text .more:hover{color:#fff} @media(max-width:1200px){ .materials-new2 .item{padding-left: 15px;padding-right: 15px;} .materials-new2 .item .text .t1{font-size: 20px;} .materials-new2 .item .text .t2{line-height: 26px;} } @media(max-width:768px){ .materials-new2{grid-template-columns: repeat(1, 1fr);} .materials-new2-box{padding: 30px 0;} .materials-new2 .item .img {height: 86px;} .materials-new2 .item .img img{height: 100%;} .materials-new2 .item{justify-content: flex-start} .materials-new2 .item .text .t2 {line-height: 24px;} } .sustainable-new{margin:30px 0 80px} @media(max-width:768px){ .sustainable-new{margin:15px 0 30px;} } .sustainable-new2-box{background-color:#f2f2f2;padding:60px 0;} .sustainable-new2 .subtitle{text-align: center;color:#333;font-weight: bold;margin-bottom: 40px;} .sustainable-new2 .subtitle p{font-size:24px;line-height:32px;margin-bottom:10px;} .sustainable-new2-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .sustainable-new2-list .item{background-color:#fff;border-radius:24px;padding:30px 24px;display: flex;flex-direction: column;align-items: center;} .sustainable-new2-list .item .box{display:flex;flex-direction:column;justify-content:center;text-align: center} .sustainable-new2-list .item .box .t1{font-size:24px;font-weight:600;color:#333;margin-bottom:10px;} .sustainable-new2-list .item .box .cont{font-size:16px;line-height:28px;color:#333;margin-bottom:10px;} .sustainable-new2-list .img{width: 20px;height: 20px;padding:10px;box-sizing: content-box;background-color:var(--public-color-o);border-radius:50%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;} .sustainable-new2-list .img svg{width: 100%;height: 100%;fill: #fff;} @media(max-width:768px){ .sustainable-new2-box{padding: 30px 0;} .sustainable-new2 .subtitle{margin-bottom: 25px;} .sustainable-new2-list{gap: 20px 15px;grid-template-columns: repeat(2, 1fr);} .sustainable-new2-list .item {padding: 25px 15px;} .sustainable-new2-list .img{width: 15px;height: 15px;margin-bottom: 15px;} .sustainable-new2-list .item .box .t1{font-size: 18px;line-height: 26px;} } @media(max-width:1450px){ .title-img::before{content: "";background: url(../../images/pro-20.webp) no-repeat;width: 80px;height: 51px;background-size: 100%;left: -15px;} .all-hover-next{right: -15px;} .all-hover-prev{left: -15px;} } @media(max-width:1340px){ .title{font-size: 36px;} } @media(max-width:1200px){ .title{font-size: 32px;} } @media(max-width:900px){ .content-style{flex-direction: column !important;gap: 25px;} .content-style>div{width: 100% !important;} } @media(max-width:768px){ h1{font-size: 22px !important;line-height: 32px !important;letter-spacing: 0 !important;} .t1{letter-spacing: 0 !important;} .cont,.text,p, body{font-size: 14px !important;line-height: 20px !important;letter-spacing: 0 !important;} .all-more{height: 42px;font-size: 16px !important;padding: 0 20px;} .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: 0 !important;} .left,.right{width: 100% !important;} .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;letter-spacing: 0 !important;} .text p{margin-bottom: 10px;} .text p:last-child{margin-bottom: 0;} ul li{font-size: 16px;} .ul li{padding-left: 25px;} .ul li::before{font-size: 16px;line-height: 24px;} .small-nav{padding: 10px 0;} .small-nav ul a {font-size: 12px;line-height: 20px;} .small-nav ul li::before {padding: 0 5px;line-height: 20px;} .header-mb ul li::before{display: none;} .header-mb ul li{padding-left: 0;} .all-hover-next-1{right: -15px;} .all-hover-prev-1{left: -15px;} .all-hover-1::after{font-size: 32px;} .down-list{margin-top: 25px !important;} .a-fc,.a-fc-1,.a-fc-2{height: 42px !important;padding: 0 20px !important;font-size: 16px !important;} .all-pag{left: 0 ;bottom: 0;} .all-pagination span{background-color: var(--public-color);opacity: .2;} .all-pagination span.swiper-pagination-bullet-active{opacity: 1 !important;} .all-hover{width: 30px;height: 40px;margin-top: 0;} .all-hover::after {font-size: 24px} .form-group .form-control {padding-left: 20px;} }