/*通用样式*/ :root{ --public-color:#c7d300; --public-color-p:#3c297b; --public-color-c:#ff9500; --public-color-b:#20b6e5; --public-color-r:#ff580a; --max:1430px; } .img-responsive{max-width:100%;height:auto} /*#region thumb-items*/ .thumb-selectors {overflow: hidden;clear: both;margin:0 0 10px 0;padding:15px;} .product-thumb{border: none;} /* .justify-content-center{justify-content: flex-start !important;} */ body{color:#1a1a1a;font-size:16px;line-height:24px;font-family: "Geogrotesque", sans-serif;font-weight: 400;font-style: normal;} a{color:var(--public-color);display:inline-block;} a:hover{color:var(--public-color)} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid {max-width: 100%;height: auto;} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max)} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} @media(max-width: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} } /*header*/ .header.fadeInDown{border-bottom: 2px solid var(--public-color);} .header{/*height: 86px;*/background-color: transparent;position: fixed;width: 100%;left: 0;top: 0;z-index: 9;} .header .header-nav{display: flex;align-items: center;padding-left:70px;padding-right: 25px;} .header .header-top {padding-top: 30px;} .header .header-nav .top-logo{width:28%;} /* .header .header-top{padding-top: 6px;} */ /* .header .header-top .toch{margin-left: 30px;} */ .header .header-top .toch a{font-size: 18px;font-weight: bold;width: 160px;height: 45px;} .header .header-top .toch a::before{width: 11em;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 72%;position: relative;} .header-desc{background:#f1f1f1; padding: 8px 0;} .header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;} .header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;} .top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;} .top-tel a{color: #666666;} .top-tel a:hover{color: #2455bf; transition: all 0.3s;} .top-lang{text-transform:capitalize;margin-left: 23px;padding-right: 20px;} .dropdown.lang .dropdown-toggle:after{color: var(--public-color-c);content: url(../../images/webp/yuzhong.webp);} .dropdown.lang .dropdown-menu {right: -40px;left: inherit;} .top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: bold;color:#fff;font-size: 24px;display: flex;align-items: center;} .public-social span,.public-social a{border-radius:5px;} .navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 15px;} .row-nav .container-xl{max-width: 1380px;} /*默认pc头部样式*/ .header.fadeInDown{animation: fadeInDown .6s;} .header.fadeInDown{z-index:999;width:100%;position:fixed;top: 0;left:0;} .header.fadeInDown .header-top{background-color: var(--public-color);padding: 10px 0;} .navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-item > .nav-link:hover{color: #fff;background: url(../../images/webp/p-l-back-7.webp) no-repeat;background-size: 100% 100%;} .navbar-custom .navbar-nav .active .dropdown-toggle::after{transform: rotateX(180deg);} /*默认导航样式*/ .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:24px;margin:0 5px;} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#fff;padding:0;/*height:86px;*/display:flex;align-items:center;justify-content:center;font-size:24px;line-height:32px;font-family: 'Geogrotesque-SemiBold';padding:5px 15px} .navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:transparent;position:absolute;bottom:0px} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out;color:var(--public-color-c)} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color-c)} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color-c);transition:.6s ease-in-out;transform: none !important;} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} /* @media(max-width:1480px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } } */ @media(max-width:1380px) { .navbar-custom .navbar-nav .nav-link{font-size: 20px;} } @media(max-width:1250px) { /* .navbar-custom .navbar-nav .nav-link {font-size: 17px;} */ .navbar-custom .navbar-nav .nav-link{padding: 5px 10px;} } @media(max-width:1150px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item { margin: 0 5px; } } @media(max-width:1040px) { .navbar-expand-lg .navbar-nav{display: none;} } @media(max-width:768px) { body { padding-top: 50px; } } /*移动端头部样式*/ @media(max-width:768px){ body{padding-top:50px;font-size:14px;} .navbar-toggler{color: #fff;} .header-mb{background:var(--public-color);position:fixed;top:0;left:0;width:100%;z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:auto;width:100%;} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;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;} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:var(--public-color);position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px;height: inherit;} .search-box .btn{border:1px solid #ced4da;border-radius:20px;padding: 0;} .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 } /* 浮窗 */ #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap} #float .ico:hover>.img{display:block} #float .ico:hover p{right:56px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color:var(--public-color);transition:none} #float.hide{transform:translateX(56px)} #float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent} #float .ico#scroll-top{display:block!important;} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide{transform:translateX(40px)} #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 1.5rem; } .content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper ol { margin-left: 1em; padding-left: 1em; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; } .content-wrapper table p{margin-bottom: 0;} .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle;/* border: 1px solid rgba(27, 162, 59, .2);*/ text-align:left; } /* .content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } */ .content-wrapper table p{ margin-bottom: 0;line-height: 25px;} .content-wrapper tbody tr{border-left:0;} .content-wrapper tbody tr:last-child{border-bottom: 0;} /*#表格*/ .table-wrapper table tbody tr td{font-weight: 300;font-style: normal;color: #3A4964;} .table-wrapper table tbody tr td p:first-child{margin-right: 35px;} /* .table-wrapper table tbody tr:first-child:hover{background-color: #ffffff;;color: #555;} */ .table-wrapper table tbody tr:nth-child(odd){background-color: #f4f4f4;border: 0} .table-wrapper table tbody tr:nth-child(even){background-color: #f8f8f8;} .table-wrapper table tbody tr:first-child p{display: inline-block;} /* .table-wrapper table tbody tr td:hover{background-color: #ffffff;;color: #555;} */ .table-wrapper table th{background-color: #e77817;color: #fff;font-weight: bold;font-family: 'Geogrotesque-Bold';} .table-wrapper table th:first-child, .table-wrapper table td:first-child{border-right: 1px solid #fff;} .table-wrapper table td{font-weight: 500;font-family: 'Geogrotesque-Medium';color: #333333;} .table-wrapper table th, .table-wrapper table td { padding: 10px 0 10px 0px; vertical-align: middle; font-size: 20px; border: 0; text-align: center; } .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-wrapper table td img{max-width: 100% !important; height: auto;} @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; } .content-wrapper 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;color: var(--public-color-p);} .reveal-modal .more-7{padding: 20px 45px;transition: none;} .reveal-modal .more-7 span{transition: none;} .reveal-modal .more-7::after{background-image: url(../../images/webp/btn-g.webp);} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} .reveal-modal .close-reveal-modal:hover{color: var(--public-color);} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } /*#留言表单*/ /* .form-feedback .btn{margin-top: 55px; width: 301px; height: 46px; background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 3px; transition: all .6s; } .form-feedback .btn:hover{background-image: linear-gradient(-90deg, #88ca4e 0%, #24b66f 100%), linear-gradient(#ffffff, #ffffff); text-decoration: none;} */ .form-feedback .btn { font-size: 22px; font-family: 'Geogrotesque-Bold'; /* width: 188px; */ height: 64px; line-height: normal; color: #fff; /* transition: ease-in-out .4s; */ } .form-feedback .btn-c{border-radius: 19px;width: 300px;padding: 0;background: url(../../images/webp/btn-c-2.webp) no-repeat;} .form-feedback .btn-c span{margin-left: 20px;} /* .form-feedback .btn-c .orange{display: none;} .form-feedback .btn-c:hover .orange{display: inline-block;} .form-feedback .btn-c .white{display: inline-block;} .form-feedback .btn-c:hover .white{display: none;} */ /* .form-feedback .btn-c:hover{color: var(--public-color-c);background: url(../../images/webp/btn-w-1.webp) no-repeat;} */ .form-control:focus{border-color: #ced4da;} .form-feedback .form-control::placeholder{color:rgba(102, 102, 102, .6);font-size: 20px;line-height: 36px;} .form-feedback .form-control{ background-color: #ffffff; border-radius: 29px;padding-top: 20px;padding-bottom: 20px;padding-left: 45px;} .form-feedback .form-group + .form-group{padding-left: 19px;} .form-feedback .form-group {margin-bottom: 19px;} .form-feedback .btn-box{display: flex;justify-content: flex-end;padding-top: 17px;} @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} .product-list .bottom .left ul a.active{color: var(--public-color);} /*#搜索*/ .search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:#000;height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:#000} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#333;font-size:1.5rem} .top-search-box li .top-search {border-radius:10px;} .top-search-box{cursor:pointer;z-index: 1;margin-left:0px;border-radius:5px;overflow: hidden;padding-left: 1px;padding-top: 1px;width: 21px;height: 20px;} .top-search-box i{color: #fff;font-size: 19px;font-weight: bold;} .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: -13px;top: 35px;z-index: 99;padding:0;background-color: #fff;} .top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;} .down-list{margin-top: 50px;} @media(max-width:768px){.down-list{margin-top: 25px;}} /*banner*/ /* .banner>img{height: 530px;} */ .banner .banner-text{text-align: inherit;padding-top: 0px;padding-bottom: 0px;position: absolute;top: 0;height: 100%;color: #fff;} .index-banner .h1{font-size: 72px;line-height:72px;color: #fff;text-align: center;margin-bottom: 20px;font-family: 'Geogrotesque-Bold';} .index-banner .h1 span{color: var(--public-color);} .index-banner .text{font-size: 30px;line-height: 36px;margin-bottom: 0px;text-align: center;font-weight: 500;margin-bottom: 80px;color: #fff;} .index-banner .more-6{ font-family: 'Geogrotesque-Bold'; width: 330px; height: 80px; background: url(../../images/webp/a-btn-1.webp) no-repeat; background-size: contain; margin:0 auto; cursor: pointer; } .index-banner .more-6 span{color: var(--public-color-p);font-size: 24px;font-family: 'Geogrotesque-Bold';} .index-banner .container-xl{margin: auto;padding-top: 70px;} .banner-cust .banner-text{padding-bottom: 200px;} .all-banner.banner-p-c .cont-box{width: 100%;} .all-banner .h1{font-size: 72px;line-height: 64px;font-family: 'Geogrotesque-Bold';margin-bottom: 30px;} .all-banner .h1 span{color: var(--public-color);} .all-banner .text{font-size: 30px;line-height: 36px;font-weight: 'Geogrotesque-Medium';color: #fff;} .all-banner .cont-box{width: 90%;text-align: center;margin: 0 auto;} .all-banner .cust-cont-box{text-align: left;} .all-banner .cust-cont-box span{display: block;} .all-text{font-size: 18px;line-height: 36px;} /* .small-nav.small-nav-xl{margin-top: 24px;} */ .small-nav{display: flex;align-items: center;margin-bottom: 150px;} .small-nav ul::before{content: url(../../images/webp/nav.webp);display: inline-block;margin-right: 20px;margin-bottom: -5px;} .small-nav ul{display: flex;align-items: center;} .small-nav ul a{font-size: 24px;line-height: 36px;color:#fff;text-transform: capitalize;font-family: 'Geogrotesque-Medium';} .small-nav ul li::after{content: url(../../images/webp/footer-6.webp);padding:0 18px;line-height: 36px;color: #fff;} .small-nav ul li:last-child:after{content: "";} .small-nav ul li{display: flex;} /*all-nav*/ .all-nav{display: flex;margin-bottom: 70px;} .all-nav a{transition: all .6s;font-size: 24px;line-height: 24px;color: var(--public-color-c);font-family: 'Geogrotesque-SemiBold';width: 220px;height: 60px;background: url(../../images/webp/cust-back-3.webp) no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;} .all-nav a + a{margin-left: 20px;} .all-nav a.active,.all-nav a:hover{background-image: url(../../images/webp/cust-back-4.webp);color: #fff;} /*every-footer*/ .every-footer{padding-top: 90px;padding-bottom: 100px;background-image: url(../../images/webp/every-banner.webp);background-repeat: no-repeat;background-position: center;} .every-footer .container-xl{display: flex;justify-content: space-between;} .every-footer .left{display: flex;flex-direction: column;justify-content: center;align-items: center;border:solid 10px #e7b722;border-radius: 88px 0 88px 0;} .every-footer .left .title{color: #fff;font-weight: 500;margin-bottom: 15px;} .every-footer .left a:hover{text-decoration-line: none;} .every-footer .left a{opacity: .9;text-decoration-line: underline;text-underline-offset: 5px;text-decoration-skip-ink: none;} .every-footer .left .text span{color:var(--public-color);} .every-footer .left .text{margin-bottom: 20px;color: #fff;font-family: 'Montserrat';font-weight: 500;opacity: .9;font-size: 16px;line-height: 24px;} .every-footer .left{width: 54%;} .every-footer .left .box{width: 80%;} .every-footer .right{width: 36%;} .every-footer .right .form-control{background-color: rgba(255, 255, 255, .21);border-color: transparent;padding-left: 26px;padding-top: 16px;padding-bottom: 16px;} .every-footer .right .form-control::-webkit-input-placeholder{font-size: 14px;color: rgba(255, 255, 255, .8)} .every-footer .right .btn{width: 150px;height: 49px;background-color: var(--public-color);border-radius: 0;color:#000000 ;font-size: 18px;font-weight: 600;} .every-footer .right .btn span{padding-left: 10px;} .every-footer .right .btn:hover{color: var(--public-color);} .every-footer .right .btn:hover::before{background-color: #120f0f;} .every-footer .right .form-group {margin-bottom: 10px;} .every-footer .right .form-group:nth-of-type(4){margin-bottom: 30px;} /*footer*/ .footer-blue{background-color: #eef8fc;} .footer .footer-top.top .container-xl{justify-content:space-between;align-items: flex-end;} .footer .top{margin-bottom: -175px;} .all-contact .more-7{padding: 18px 40px 18px 45px;background:url(../../images/webp/btn-c-2.webp) no-repeat;background-size: 100% 100%;} .all-contact .more-7:after{background:url(../../images/webp/btn-w-3.webp) no-repeat;background-size: 100% 100%;} .all-contact .more-7:hover span{color: var(--public-color-c);} .all-contact .more-7 span{font-family: 'Geogrotesque-Bold';font-size: 22px;text-transform: uppercase;} .all-contact .more-7 span img{padding-left: 20px;} .all-contact .more-7:hover{background: none;} .all-contact .more-7:hover .white{display: none;} .all-contact .more-7:hover .orange{display: inline-block;} .all-contact .more-7 .white{display: inline-block;} .all-contact .more-7 .orange{display: none;} .footer .top .img{margin-right: -80px;} .all-contact .form-control{border-color: transparent;} .all-contact{background: url(../../images/webp/contact-back.webp) no-repeat;background-size: 100% 100%;padding: 100px 75px 65px 75px;} .footer .top .left{margin-bottom: 50px;width: 55%;} .footer{color: #fff;margin-top: -65px;} .footer .text,.footer .font-sty{color: #fff;font-size: 20px;} .footer .top .container-xl{display: flex;justify-content: flex-end} .footer .bottom{background: url(../../images/webp/footer-back.webp) no-repeat;background-size: cover;padding-top: 200px;} .footer .content{margin-bottom: 40px;} .footer .content .container-xl{display: flex;justify-content: space-between;} .footer .logo{margin-bottom: 55px;} .footer .list-1{width: 28%;} .footer .list-1 .text{margin-bottom: 70px;} .footer .list-2{width: 35%;} .footer .list-2 .d1{display: flex;} .footer .t1{font-size: 28px;font-family: 'Geogrotesque-Bold';margin-bottom: 48px;margin-top: 25px;} .footer .list-2 .img{margin-right: 24px;line-height: 43px;} .footer .list-2 .font-sty{line-height: 43px;transition: all .6s;margin-bottom: 7px;} .footer a.font-sty:hover{color: var(--public-color-c);} .footer .list-2 .d1 .a1{margin-right: 20px;} .footer .list-3{width: 25%;} .footer .list-3 .box{display: flex;flex-direction: column;flex-wrap: wrap;height: 260px;} .footer .list-3 a.font-sty{line-height: 42px;transition: all .6s;} .footer .list-3 a::before{content: url(../../images/webp/footer-6.webp);display: inline-block;line-height: 50px;margin-right: 16px;} .footer .footer-tail{border-top: 2px solid rgba(255, 255, 255, .1);padding-top: 18px;padding-bottom: 15px;} .footer .footer-tail .container-xl{display: flex;align-items: center;} .footer .footer-tail p{font-size: 20px;line-height: 30px;color: #fff;} .footer ul{display: flex;align-items: center;margin-right: 50px;} .footer ul li .bor{transition: all .6s;font-size: 22px;color:#1a103a;;background-color: #fff;border-radius: 4px;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;} .footer ul li .col{transition: all .6s;width: 35px;height: 35px;color: #1a103a;font-size: 24px;display: flex;align-items: center;justify-content: center;border-radius: 4px;background-color: #fff;} .footer ul li{margin-right: 12px;} .footer ul li:last-child{margin-right: 0px;} .footer ul li a:hover,.footer ul li .ul-hover:hover{color: var(--public-color); background-color: #000;} .footer .contact-box{transition: all .6s;cursor: pointer;display: flex;justify-content: space-between;font-size: 18px;line-height: 30px;font-family: 'Barlow';font-weight: 300;padding:18px 20px 18px 20px;border: 1px solid rgba(255, 255, 255, .3);} .footer .contact-box:hover{color: var(--public-color-c);border-color: var(--public-color-c);} .footer .contact-box .white{display: inline-block;} .footer .contact-box .orange{display: none;} .footer .contact-box:hover .white{display: none;} .footer .contact-box:hover .orange{display: inline-block;} .title{font-size: 56px;line-height: 62px;color: #fff;font-family: 'Geogrotesque-Bold';} .text{font-size:16px;line-height: 32px;color: #999;} .ul{margin-top: 25px;} .ul p{font-size: 16px;line-height: 24px;display: flex;font-weight: 400;margin-bottom: 10px;} .ul p strong{display: contents;color: var(--public-color);font-weight: 400;} .ul p::before,.ul a::before{content: "";width: 7px;height: 7px;border-radius: 50px;background-color: var(--public-color);margin-right: 10px;display: inline-block;} .ul p:last-child,.text p:last-child{margin-bottom: 0 !important;} .ul a{display: inline-flex;} .t1{font-size: 16px;line-height: 24px;font-weight: 500;} .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;} .max-1660px{max-width: 1660px;} @media(max-width:1660px){ .footer .top .img{margin-right: 0;} } @media(max-width:768px){ .max-1920px{padding-left: 15px;padding-right: 15px;} } @font-face { font-family: 'Geogrotesque'; src: url('../../style/Fontss/Geogtq-Rg.otf') format('OpenType'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Geogrotesque-Medium"; src: url("../../style/Fontss/Geogtq-Md.otf") format('OpenType'); } @font-face { font-family: "Geogrotesque-Bold"; src: url("../../style/Fontss/Geogtq-Bd.otf") format('OpenType'); } @font-face { font-family: "Geogrotesque-Light"; src: url("../../style/Fontss/Geogtq-Lg.otf") format('OpenType'); } @font-face { font-family: "Geogrotesque-SemiBold"; src: url("../../style/Fontss/Geogtq-Sb.otf") format('OpenType'); } /*index-paper*/ .index-paper{margin-top:-235px;padding-top:240px;overflow:hidden} .index-paper .title span{color:var(--public-color-p)} .index-paper .top-wind{position:relative} .index-paper .top-wind .img-1{position:absolute;right:0;bottom:-850px;z-index:-1;display:flex} .index-paper .top-wind .img-1 p{max-width:100%} .index-paper .top-wind .max-1630px{max-width:1630px;position:relative} .dajianshi,.dajianshi2{margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:8px;position:relative;transform-origin:top} .dajianshi{width:671px;height:1005px;background-image:url(../../images/webp/index-paper-1.webp);animation:clock 4s linear infinite} .dajianshi2{width:182px;height:589px;background-image:url(../../images/webp/index-paper-2.webp);position:absolute;right:0;top:-180px;animation:clock 5s linear infinite} /* 动画 */ @keyframes clock { 0%, 50%, 100% { transform: rotate(0); } 25% { transform: rotate(15deg); } 75% { transform: rotate(-15deg); } } .index-equip{padding-top: 90px;margin-bottom: 105px;} .index-equip .top-head{margin-bottom: 60px;width: 75%;} .index-equip .top-head .title .btn-g{padding-left: 70px;padding-right: 80px;} .index-equip .top-head .title{font-size: 48px;margin-left: -70px;} .index-equip .t1{font-size: 36px;color: var(--public-color-p);font-family: 'Geogrotesque-SemiBold';margin-bottom: 55px;} .index-equip .content{width: 57%;} .index-equip .t2{font-size: 28px;line-height: 32px;color: #000033;font-family: 'Geogrotesque-SemiBold';margin-bottom: 20px;} .index-equip .text span{color: var(--public-color-c);} .index-equip .items.active { background-color: #ffffff; box-shadow: 0px 10px 50px 0px rgba(60, 41, 123, 0.1); display: block; padding-top: 30px; border-radius: 20px; padding-left: 30px; } .index-equip .items{padding-left: 30px;padding-right: 40px;margin-bottom: 10px;} .index-equip .items .list { position: relative; display: flex; justify-content: space-between; padding-bottom: 40px; } .index-equip .items:last-child .list{padding-bottom: 0;} .index-equip .items.active:last-child .list{padding-bottom: 40px;} .index-equip .items:hover .list::before,.index-equip .items.active .list::before{opacity: 1;} .index-equip .items .list::before{content: '\f00c';font-family: 'cmsfont';position: absolute;left: 6px;color: var(--public-color-r);font-size: 42px;z-index: 2;opacity: 0;transition: opacity .4s;} .index-equip .content .box{position: relative;} .index-equip .content .box::after{content: "";width: 6px;height: 93%;background-color: #c1e7eb;position: absolute;left: 47px;top: 30px;border-radius: 3px;} .index-equip .items .list .img p{width: 40px;height: 40px;border-radius: 50px;background-color: #c1e7eb;} .index-equip .items .list .img {width: 10%;margin-top: -3px;position: relative;z-index: 1;} .index-equip .items .list .text-box{width: 88%;} .index-equip .content{margin-bottom: 140px;} .content-app .row .box{position: relative;background: url(../../images/webp/i-e-back.webp) no-repeat;background-size: 100% 100%;padding: 20px;margin-bottom: 50px;} .content-app .row .box img{position: relative;z-index: -1;} .content-app .row .box .img{border: 12px solid #fff;position: relative;} .content-app .row .box .img::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);position: absolute;left: 0;top: 0;transition: background-color .6s;} .content-app .row .list p{font-size: 32px;font-family: 'Geogrotesque-Bold';text-align: center;display: block;} .content-app .row .list>a,.index-equip .content-app .row .list .t1{font-size: 32px;font-family: 'Geogrotesque-Bold';text-align: center;display: block;color: #1a1a1a;} .content-app .row .box img{position: relative;z-index: -1;} .content-app .row .list::after{content: url(../../images/webp/i-e-back-1.webp);position: absolute;right: 0;bottom: 0;} .content-app .row .list{position: relative;} .content-app .row .list:hover .img::after{background-color: rgba(0, 0, 0, 0);} .content-app .row .list:hover::after{animation: bounceIn .4s;} .content-app .row .col-md-4{padding-left: 13px;padding-right: 13px;margin-bottom: 64px;} .content-app .row {margin-left: -23px;margin-right: -23px;margin-bottom: -64px;} .index-equip .content-app .row .list .t1{margin-bottom: 30px;transition: all .4s;font-size: 26px;} .index-equip .content-app .row .list .t1:hover{color: var(--public-color);} .index-equip .content-app .row .list .text p{font-size: 16px;line-height: 28px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .index-equip .content-app .row .list .text ul{display: none;} .index-equip .content-app .row .list::after{display: none;} .index-equip .content-app .row .list .box::after{content: url(../../images/webp/i-e-back-1.webp);position: absolute;right: 0;bottom: 0;display: block;} .index-equip .content-app .row .list:hover .box::after{animation: bounceIn .6s;} .index-plan .container-xl{position: relative;z-index: 1;} .index-plan .top-plan{position: relative;} .index-plan .top-plan:hover::before{animation: bounceIn .6s;} .index-plan .top-plan::before{content: url(../../images/webp/i-plan-back-1.webp);position: absolute;right: -140px;top: 0;z-index: 1;} .index-plan{padding-top: 180px;background: url(../../images/webp/i-plan-back.webp) no-repeat;background-size:cover;padding-bottom: 120px;position: relative;z-index: 0;} .index-plan::after{content: url(../../images/webp/i-plan-back-6.webp);position: absolute;bottom: 0;right: 0;z-index: -1;} .index-plan .top-plan .top-head{width:73%;margin:0 auto 80px;} .index-plan .top-plan .btn-g{padding-left: 95px;padding-right: 90px;} .index-plan .top-plan .top-head .text{text-align: center;margin-top: 25px;} .index-plan .top-plan .t1{font-size: 24px;font-family: 'Geogrotesque-Bold';letter-spacing: -1px;line-height: 32px;color: #fff;margin-bottom: 20px;} .index-plan .top-plan .list .text{font-size: 18px;line-height: 28px;color: #fff;padding-bottom: 35px;} .index-plan .top-plan .list .img{margin-bottom: 25px;position: relative;border-radius: 30px;padding: 3px;overflow: hidden;} .index-plan .top-plan .list .img::before{content: "";width: 100%;height: 100%;border-radius: 30px;transition: background-color .6s ;background-color: rgba(0, 0, 0, 0.4);position: absolute;left: 0;top: 0;z-index: 0;margin: 3px;} .index-plan .top-plan .list:hover .img::before{background-color: rgba(0, 0, 0, 0);} .index-plan .top-plan .list .img img{border-radius: 30px;} .index-plan .top-plan .list:hover .img::after{animation: move2 .6s infinite linear;} .index-plan .top-plan .list .img-small{position: absolute;left: 25px;bottom: 25px;} .index-plan .top-plan .list .text span{color: var(--public-color-r);} .index-plan .top-plan .list .text b{font-family: 'Geogrotesque-Bold';} .index-plan .top-plan .list{padding: 30px;height: 100%;} .index-plan .top-plan .list .box{padding: 0 5px 0 15px;} .index-plan .top-plan .row{margin-left: -78px;margin-right: -78px;} .index-plan .top-plan .col-md-3:first-child .list{background: url(../../images/webp/i-plan-back-3.webp) no-repeat;background-size: 100% 100%;} .index-plan .top-plan .col-md-3:nth-child(2) .list{background: url(../../images/webp/i-plan-back-2.webp) no-repeat;background-size: 100% 100%;} .index-plan .top-plan .col-md-3:nth-child(3) .list{background: url(../../images/webp/i-plan-back-4.webp) no-repeat;background-size: 100% 100%;} .index-plan .top-plan .col-md-3:last-child .list{background: url(../../images/webp/i-plan-back-5.webp) no-repeat;background-size: 100% 100%;} .index-plan .top-plan{margin-bottom: 115px;} .index-plan .bottom-plan {display: flex;justify-content: space-between;align-items: center;} .index-plan .bottom-plan .left{width: 54%;position: relative;padding-bottom: 170px;margin-left: -100px;} .index-plan .bottom-plan .img{margin-right: 50px;} .index-plan .bottom-plan .big-box{position: absolute;left: 0;bottom: 0;display: flex;padding-left: 10px;justify-content: space-between;align-items: center;} .index-plan .bottom-plan .swiper-box img{border-radius: 100%;} .index-plan .bottom-plan .swiper-box .img{position: relative;margin-right: 0;} .index-plan .bottom-plan .swiper-box .img::after {content: "";width: 100%;height: 100%;background-color: rgba(255, 80, 10, .35);position: absolute;left: 0;top: 0;z-index: 2;border-radius: 100%;padding: 3px;border-radius: 100%;padding: 3px;} .index-plan .bottom-plan .swiper-box .img-b{position: relative;padding: 5px;} .index-plan .bottom-plan .swiper-box .img-b::after{content: "";background:url(../../images/webp/i-plan-9.webp) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;z-index: 3;left: 0;top: 0;} .index-plan .bottom-plan .swiper-img{background:url(../../images/webp/i-plan-9-1.webp) no-repeat;background-size:contain;padding-left: 10px;padding-bottom: 12px;width: 100%;} .index-plan .bottom-plan .img-back{width: 40%;} .index-plan .bottom-plan .swiper-box {width: 55%;max-width: 600px;} .index-plan .bottom-plan .swiper-box .swiper-pagination{left: 0;} .index-plan .bottom-plan .right{width: 50%;} .index-plan .small-box{display: flex;justify-content: space-between;color: var(--public-color-p);margin-top: 60px;margin-bottom: 65px;} .index-plan .small-box .list{display: flex;align-items: center;} .index-plan .small-box .list + .list{margin-left: 35px;} .index-plan .small-box .h3>div,.index-plan .small-box .h3 .s1{font-size: 36px;line-height: 42px;font-family: 'Geogrotesque-SemiBold';} .index-plan .small-box .h3{display: flex;align-items: flex-end;} .index-plan .small-box .h3 .s2{font-size: 36px;font-family: 'Geogrotesque-SemiBold';line-height: 42px;padding-left: 9px;} .index-plan .small-box .l-box>p{font-size: 18px;line-height: 30px;} .index-plan .small-box .l-box{display: flex;flex-direction: column;justify-content: space-between;} .index-plan .bottom-plan .title .p1{margin-bottom: 0px;position: absolute;left: 0;top: 0;padding-left: 60px;padding-right: 170px;} .index-plan .bottom-plan .title .p2{margin-top: 70px;padding-left: 60px;padding-right: 170px;} .index-plan .bottom-plan .title{position: relative;color: var(--public-color-p);margin-left: -65px;margin-bottom: 30px;} .index-plan .bottom-plan .title span{color: #fff;} .index-plan .bottom-plan .more-7{padding:25px 50px 25px 60px;} .index-plan .bottom-plan .more-7 img{padding-left: 30px;} .index-plan .bottom-plan .more-7:hover span{color: var(--public-color-p);} .index-plan .bottom-plan .more-7 .p{display: none;animation: bounceIn .4s;} .index-plan .bottom-plan .more-7:hover .p{display: inline-block;animation: bounceIn .4s;} .index-plan .bottom-plan .more-7:hover .w{display: none;animation: bounceIn .4s;} .index-plan .bottom-plan .more-7 .w{display: inline-block;animation: bounceIn .4s;} .index-plan .bottom-plan .cer .t2{font-size: 32px;line-height: 42px;font-family: 'Geogrotesque-Bold';color: #999999;margin-bottom: 25px;} .index-plan .bottom-plan .cer {margin-top: 65px;} .index-new{background:url(../../images/webp/i-new-back-3.webp) no-repeat;background-size: 100% 100%;padding-top: 88px;padding-bottom: 95px;} .index-new .top-head{display: flex; margin-left: -105px;margin-bottom: -10px;} .index-new .title .btn-w-2{color: var(--public-color-c);padding-left: 105px;padding-right: 115px;} .index-new .top-head .small-img{margin-left: 95px;} .index-new:hover .top-head .small-img{animation: bounceIn .6s;} .index-new .list .img{position: relative;box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);border-radius: 100%;} .index-new .list .img img{border-radius: 100%; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1/1;} .index-new .list .cicle{border-radius: 100%;overflow: hidden;} .index-new .list .img::before{border-radius: 100%;} .index-new .list:hover .img::before{background-color: rgba(0, 0, 0, 0);} .index-new .list .t1{font-family: 'Geogrotesque-Bold';font-size: 24px;line-height: 32px;color: #fff;margin-bottom: 20px;} .index-new .list .box{margin-top: 40px;} .index-new .list .text{font-size: 18px;color: #fff;} .index-new .list .text b{font-family: 'Geogrotesque-Bold';} .index-new .list {display: flex;flex-direction: column;align-items: center;text-align: center;} .index-new .content{position: relative;} .index-new .content .next-2::after{content: url(../../images/webp/next-2.webp);} .index-new .content .prev-2::after{content: url(../../images/webp/prev-2.webp);} .index-new .content .next-2{right: -115px;} .index-new .content .prev-2{left: -115px;} .index-new .content .all-hover{top: 25%;} .index-infor{padding-top: 145px;} .index-infor .content{display: flex;justify-content: space-between;} .index-infor .btn-g{padding-left:75px;padding-right: 75px;} .index-infor .title{margin-bottom: 65px;margin-left: -80px;} .index-infor .left{width: 64%;} .index-infor .right{width: 28%;} .index-infor .left .list{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;} .index-infor .left .list .big-box{width: 50%;} .index-infor .left .list .text-box{width: 44%;} .index-infor .left .list:last-child{margin-bottom: 0;} .index-infor .list .big-box{background-color: #e0edf2;padding: 20px;border-radius: 30px;} .index-infor .list img,.index-infor .list .img::before{border-radius: 30px;} .index-infor .list:hover .img::before{background-color: rgba(0, 0, 0, 0);} .index-infor .list:hover .dashed::after{animation: move2 .6s infinite linear;} .index-infor .list .dashed{position: relative;padding: 3px;display: block;} .index-infor .list .t1{font-size: 24px;line-height: 32px;color: #000000;font-family: 'Geogrotesque-Bold';text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 20px;transition: color .6s;} .index-infor .list .text{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 35px;} .index-infor .list .btn-cicle .blue{display: none;animation: bounceIn .6s;} .index-infor .list .btn-cicle:hover .blue{display: block;} .index-infor .list .btn-cicle:hover .orange{display: none;} .index-infor .list .btn-cicle .orange{display:block;animation: bounceIn .6s;} .index-infor .list .t1:hover{color: var(--public-color-c);} .index-infor .right .list .i-n{transition: all .6s;font-size: 20px;line-height: 32px;color: #666;text-decoration-line: underline;text-underline-offset: 5px;text-decoration-skip-ink: none;} .index-infor .right .list .text-box{padding-left: 20px;margin-top: 30px;width: 90%;} .index-infor .right .list .i-n:hover{color: var(--public-color-c)} .about-paper{padding-top: 130px;} .about-paper .title{font-size: 48px;display: block;font-size: 48px;line-height: 52px;} .about-us .container-xl{display: flex;justify-content: space-between;align-items: center;} .about-us .left{width: 49%;margin-left: -70px;} .about-us .right{width: 50%;} .about-us .right .title{margin-right: 65px;padding-left: 43px;margin-left: -42px;margin-bottom: 55px;} .about-us .right .text p{margin-bottom: 25px;} .about-us .right .text{margin-bottom: 55px;} .about-us .right .tu-biao{padding-left: 45px;padding-right: 45px;width: 500px;padding-bottom: 20px;} .about-us .right .t1{font-size: 36px;color: var(--public-color-p);font-family: 'Geogrotesque-SemiBold';margin-bottom: 35px;} .about-us{margin-bottom: 140px;} .about-cer .max-1450px{max-width: 1450px;} .about-cer .container-xl { background: url(../../images/webp/a-cer-1.webp) no-repeat; background-size: 100% 100%; display: flex; justify-content: space-between; padding: 130px 80px; }.about-cer .left{width: 45%;} .about-cer .right{width: 50%;} .about-cer .title{padding-left: 35px;margin-left: -38px;margin-bottom: 30px;} .about-cer .text{color: #333;margin-bottom: 65px;} .about-cer .right .more-8::after{z-index: inherit;} .about-cer .more-7{background: url(../../images/webp/btn-c-1.webp) no-repeat; background-size: 100% 100%;padding: 25px 50px 18px 45px;} .about-cer .more-7 span .orange{display: none;} .about-cer .more-7 span .white{display: inline-block;} .about-cer .more-7:hover .orange{display: inline-block;} .about-cer .more-7:hover .white{display: none;} .about-cer .more-7:hover span{color: var(--public-color-c);} .about-cer .more-7 span{font-size: 22px;} .about-cer .more-7 img{padding-left: 20px;} .about-cer .more-7::after{background-size: 100% 100%;} .about-cer .swiper-cert{padding-top: 30px;padding-bottom: 30px;} .about-cer .swiper-cert .swiper-slide.swiper-slide-active{transform: scale(1.3);z-index: 2;background-color: #ffffff; box-shadow: 0px 0px 50px 0px rgba(145, 209, 233, 0.2);} .about-cer .swiper-cert .swiper-slide{ /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /* transition: 300ms; */ transform: scale(1); } .about-cer {margin-bottom: 135px;} .about-stand .container-xl{display: flex;justify-content: space-between;align-items: center;} .about-stand .title{padding-left: 63px;padding-right: 70px;margin-left: -45px;margin-bottom: 65px;} .about-stand li{position: relative;padding-left: 45px;margin-bottom: 30px;} .about-stand li::before{content: url(../../images/webp/a-stand-1.webp);position: absolute;left: 0;top: 0;} .about-stand li:last-child{margin-bottom: 0;} .about-stand .right{margin-right: -45px;} .about-stand {margin-bottom: 110px;} .about-history {background: url(../../images/webp/a-his-back.webp) no-repeat;background-size: 100% 100%;padding-top: 90px;padding-bottom: 40px;} .about-history .container-xl{display: flex;justify-content: space-between;align-items: center;} .about-history .left{width:58%;margin-left: -190px;} .about-history .right{width: 53%;} .about-history .content{display: flex;justify-content: space-between;align-items: center;padding-left: 33px;color: #fff;margin-top: 115px;} /* .about-history .content .swiper-wrapper{flex-direction: column;} */ /* .about-history .swiper-slide{height: 100% !important;} */ .about-history .swiper-container{height: 100%;} .his-qh1 .swiper-slide{height: auto !important;} .about-history .title{padding-left: 73px;color: var(--public-color-c);margin-bottom: 115px;padding-bottom: 25px;} .his-qh1 .time{font-size: 28px;font-family: 'Geogrotesque-SemiBold';line-height: 42px;text-align: right;padding-right: 52px;} .his-qh1 .list.active .time::after{content: url(../../images/webp/a-history-2.webp);display: inline-block;position: absolute;right: 0;top: 0;} .his-qh1 .list.active .time{font-size: 42px;position: relative;} .his-qh1 .list{margin-bottom: 5px;cursor: pointer;} .his-qh1 .list.active{margin-bottom: 10px;} .his-qh .time{font-size: 24px;line-height: 32px;font-family: 'Geogrotesque-Bold';margin-bottom: 5px;} .his-qh .text{color: #fff;} .his-qh .list{margin-bottom: 25px;} .his-qh1{width: 40%;} .his-qh{width: 50%;} .his-qh .items{display: none;} .his-qh .items.active{display: block;} .about-patent .more-7{background: url(../../images/webp/btn-c-1.webp) no-repeat; background-size: 100% 100%;padding: 15px 50px 18px 45px;border-radius: 30px;} .about-patent .more-7 span .orange{display: none;} .about-patent .more-7 span .white{display: inline-block;} .about-patent .more-7:hover .orange{display: inline-block;} .about-patent .more-7:hover .white{display: none;} .about-patent .more-7:hover span{color: var(--public-color-c);} .about-patent .more-7 span{font-size: 22px;} .about-patent .more-7 img{padding-left: 20px;} .about-patent .more-7::after{background-size: 100% 100%;box-shadow: 0px 0px 50px 0px rgba(255, 149, 0, 0.5);border-radius: 30px;} .about-patent .container-xl{display: flex;justify-content: space-between;} .about-patent .title{margin-right: 3px;padding-left: 63px;padding-right: 185px;margin-left: -62px;margin-bottom: 85px;} .about-patent li{font-size: 36px;line-height: 42px;font-family: 'Geogrotesque-Bold';color: #999999;margin-bottom: 25px;display: flex;align-items: center;} .about-patent li::before{content: "|";color: #999999;padding-right: 45px;} .about-patent li span{color: var(--public-color-c);display: contents;} .about-patent li:last-child{margin-bottom: 0;} .about-patent ul{margin-bottom: 90px;} .about-patent .more-8{padding: 25px 58px 30px 45px;} .about-patent .more-8 img{padding-left: 20px;} .about-patent{padding-top: 165px;padding-bottom: 138px;} .about-patent .left{width: 45%;} .about-patent .right{width: 44%;} .about-still{background: url(../../images/webp/a-still-back.webp) no-repeat;background-size: cover;padding-top: 165px;padding-bottom: 220px;} .about-still .list .big-box{background-color: #e0edf2;padding: 20px;border-radius: 30px;margin-bottom: 40px;} .about-still .list img,.about-still .list .img::before{border-radius: 30px;} .about-still .list:hover .img::before{background-color: rgba(0, 0, 0, 0);} .about-still .list:hover .dashed::after{animation: move2 .6s infinite linear;} .about-still .list .dashed{position: relative;padding: 3px;display: block;} .about-still .list {height: 100%;} .about-still .h2{font-size: 48px;line-height: 42px;color: var(--public-color-p);font-family: 'Geogrotesque-Bold';margin-bottom: 25px;} .about-still .title{margin-left: -64px;margin-bottom: 80px;} .about-still .btn-g-1{padding-left: 65px;padding-right: 75px;} .about-still .text-box{padding-left: 25px;padding-right: 25px;height: 260px;display: flex;flex-direction: column;justify-content: space-between;} .about-still .t1{font-size: 24px;color: #000;font-family: 'Geogrotesque-Bold';margin-bottom: 25px;} .about-still .text{margin-bottom: 35px;} .about-still .more-8{background-image: url(../../images/webp/btn-b-2.webp);display: inline;padding: 25px 45px 25px 35px;} .about-still .more-8::after{background-image: url(../../images/webp/btn-g.webp);top: 0;} .about-still .row{margin-left: -12.5px;margin-right: -12.5px;} .about-still .col-md-4{padding-left: 12.5px;padding-right: 12.5px;} .service-paper {padding-top: 130px;padding-bottom:265px;} .service-paper .top-head{display: flex;justify-content: space-between;margin-bottom: 155px;} .service-paper .top-head .list{display:flex;flex-direction: column;align-items: center;text-align: center;width: 19%;} .service-paper .top-head .img{margin-bottom: 25px;} .service-paper .top-head span{color: var(--public-color-c);} .all-team .title{padding-left: 71px;margin-bottom: 25px;display: block;font-size: 48px;} .all-team .items { display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 90px; }.all-team .items .text span{color: var(--public-color-c);} .all-team .items .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .all-team .items .left{width: 52%;} .all-team .items .right{width: 46%;} .all-team .items:nth-child(odd) .right{margin-right: -115px;} .all-team .items:nth-child(odd) .left .title{margin-left: -20px;} .all-team .items:nth-child(odd) .small-img{right: 40%;} .all-team .items:nth-child(even) .right{margin-left: -115px;} .all-team .items:nth-child(even){flex-direction: row-reverse;} .all-team .items:nth-child(even) .small-img{left: 40%;} .all-team .items:nth-child(1) .small-img{ bottom:-9px;} .all-team .items:nth-child(2) .small-img{bottom: -55px;} .all-team .items:nth-child(3) .small-img{bottom: -45px;} .all-team .items .small-img{position: absolute;bottom: 0;z-index: -1;} .all-team .items:last-child{margin-bottom: 0;} .h1{font-size: 72px;line-height: 64px;font-family: 'Geogrotesque-Bold';margin-bottom: 15px;} .h1 span{color: var(--public-color);} .video-paper{padding-top: 80px;padding-bottom: 60px;} .video-paper .top-head{margin-bottom: 105px;} .video-paper .top-head .text{width: 73%;} .video-paper .row .cont { position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 25px 30px 30px 25px; } .video-paper .row .cont .t2{font-size: 20px;line-height: 28px;font-family: 'Geogrotesque-SemiBold';color: #fff;} .video-paper .row .img{height: 100%;border-radius: 20px;} .video-paper .row .img img{border-radius: 20px;} .video-paper .row .back::before{border-radius: 20px;background-color: rgba(0, 0, 0, 0.2);} .video-paper .row .an-box{display: flex;justify-content: flex-end;} .video-paper .row .an{text-align: right;display: inline-block;width: 60px;} .video-paper .row .an img{cursor: pointer;} .video-paper .row .box .green{display: none;animation:bounceIn .4s} .video-paper .row .box .white{display: inline-block;animation:bounceIn .4s} .video-paper .row .box .an:hover .green{display: inline-block;} .video-paper .row .box .an:hover .white{display: none;} .video-paper .row .back.active::before{ background-color: rgba(0, 0, 0, 0);} .video-paper .row .box{background: url(../../images/webp/video-back-1.webp) no-repeat;background-size: 100% 100%;padding: 25px;} .video-paper .row .box.activ{background-image: url(../../images/webp/video-back-2.webp);} .video-paper .row {margin-left: -30px;margin-right: -30px;} .video-paper .row .col-md-4{padding-left: 30px;padding-right: 30px;margin-bottom: 65px;} .contact-paper{padding-top: 75px;padding-bottom: 150px;} .contact-paper .top-head{font-family: 'Geogrotesque-Medium';margin-bottom: 160px;} .contact-paper .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 105px;} .contact-paper .right{width: 35%;} .contact-paper .right .d{display: flex;align-items: center;justify-content: space-between;margin-bottom: 65px;} .contact-paper .right .d:nth-child(2){margin-bottom: 60px;} .contact-paper .right .d:last-child{margin-bottom: 0;} .contact-paper .right .d .img{margin-right: 15px;width: 23%;} .contact-paper .right .d .box{width: 70%;} .contact-paper .right .t2{font-size: 20px;line-height: 32px;color: #999999;font-family: 'Geogrotesque-SemiBold';} .contact-paper .right .font-sty{font-size: 18px;line-height: 32px;font-family: 'Geogrotesque-Light';color: #999999;} .contact-paper .right .d a + a{margin-left: 10px;} .contact-paper .right a.font-sty:hover{color: var(--public-color);} .contact-paper .left{width: 60%;} .contact-paper .all-contact{padding: 110px 80px 125px 80px} .contact-paper .title{font-size: 48px;margin-left: -24px;padding-left: 50px;padding-right: 60px;margin-bottom: 28px;} .contact-paper .img-adv{margin-top: 35px;} .cust-paper{padding-bottom: 210px;position: relative;z-index: 2;margin-top: -240px;} .cust-paper .cust-top{background: url(../../images/webp/cust-back-1.webp) no-repeat;background-size: 100% 100%;display: flex;justify-content: space-between;align-items: center;padding: 90px 70px 105px 100px;margin-bottom: 120px;} .cust-paper .cust-top .left{font-size: 32px;line-height: 48px;font-family: 'Geogrotesque-SemiBold';width: 45%;} .cust-paper .cust-top .left .h5{color: #999999;margin-bottom: 35px;} .cust-paper .cust-top .left .h4{color: var(--public-color-p);} .cust-paper .cust-top .right{width: 50%;font-size: 32px;line-height: 56px;font-family: 'Geogrotesque-SemiBold';color: #999;padding: 35px 0 35px 103px;} .cust-paper .cust-top .d{display: flex;align-items: center;justify-content: space-between;} .cust-paper .cust-top .d .p1{width: 65%;} .cust-paper .cust-top .d .p2{width: 32%;} .cust-paper .cust-top>div + div{border-left: 4px solid rgba(142, 208, 233, .3);} .cust-paper .title{font-size: 48px;display: flex;flex-direction: column;align-items: center;line-height: inherit;} .cust-paper .title .p1{color: var(--public-color-p);text-align: center;margin-bottom: 40px;} .cust-paper .title .p2{padding: 20px 75px 30px 75px;} .cust-mater {margin-bottom: 130px;} .cust-mater .content{display: flex;justify-content: space-between;margin-top: 75px;} .cust-mater .left .box{display: flex;flex-wrap: wrap;width: 90%;margin-bottom: 20px;} .cust-mater .left .box .d { display: flex; align-items: center; background: url(../../images/webp/cust-back-3.webp) no-repeat; background-size:100% 100%; padding: 10px 25px 10px 20px; margin-bottom: 5px; font-size: 18px;line-height: 18px;font-family: 'Geogrotesque-SemiBold';color: var(--public-color-p); } .cust-mater .left .box .d.active{background-image: url(../../images/webp/cust-back-4.webp);color: #fff;} .cust-mater .left .box .d.active .orange{display: none;} .cust-mater .left .box .d.active .white{display: inline-block;} .cust-mater .left .box .d .orange{display: inline-block;} .cust-mater .left .box .d .white{display: none;} .cust-mater .left .box .d + .d{margin-left:-3px;} .cust-mater .left .box .d .img{margin-right: 10px;} .cust-mater .left .text p{margin-bottom: 25px;} .cust-mater .left{width: 50%;padding-top: 50px;padding-bottom: 80px;display: flex;flex-direction: column;justify-content: space-between;} .cust-mater .right{width: 45%;} .cust-mater .right .box-img{background: url(../../images/webp/cust-back-5.webp) no-repeat;background-size: 100% 100%;padding: 25px;} .cust-mater .right .box-img img{border-radius: 50px;} .cust-mater .right .box-img .img::after{content: "";background: url(../../images/webp/cust-back-6.webp) no-repeat; background-size: 100% 100% ;width:100%;height: 100%;position: absolute;left: 0;top: 0;} .cust-mater .right .box-img .img{position: relative;padding: 7px;} .cust-mater .items{display: none;animation: fadeIn 1s;} .cust-mater .items.active{display: block;animation: fadeIn 1s;} .cust-mater .right .items.active{animation: fadeIn 1s;} .cust-adv .h6{font-size: 24px;line-height: 32px;color: var(--public-color-p);font-family: 'Geogrotesque-Bold';margin-bottom: 25px;} .cust-adv .text{font-size: 18px;line-height: 28px;color: #666666;} .cust-adv .items + .items{margin-left: 60px;} .cust-adv .content{display: flex;justify-content: space-between;} .cust-adv .items{flex: 1;display: flex;flex-direction: column;align-items: center;text-align: center;background: url(../../images/webp/cust-back-7.webp) no-repeat;background-size: 100% 100%;padding: 60px 45px 75px;} .cust-adv .img{margin-bottom: 37px;} .cust-adv .title{margin-bottom: 80px;} .cust-adv{margin-bottom: 170px;} .cust-quality>.title{margin-bottom: 115px;} .cust-quality .content{position: relative;padding-top: 25px;padding-bottom: 147px;} .cust-quality .content::after{content: "";background: url(../../images/webp/cust-back-11.webp) no-repeat;;width: 10px;height: 100%;position: absolute;right: 49%;top: 0;} .cust-quality .items{display: flex;justify-content: space-between;margin-bottom: 60px;} .cust-quality .items:last-child{margin-bottom: 0;} .cust-quality .items .right{position: relative;width: 45%;} .cust-quality .items .right .img{position: absolute;left: 0;top: 0;margin: 30px;padding: 7px;} .cust-quality .items .right .img::after{content: "";width: 100%;height: 100%;background: url(../../images/webp/cust-back-6.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .cust-quality .items .right .img img{border-radius: 50px;} .cust-quality .items .left{width: 45%;position: relative;padding-top: 53px;} .cust-quality .items .title{font-size: 36px;line-height: 42px;align-items: flex-start;padding: 24px 0 27px 40px;margin-bottom: 40px;} .cust-quality .items .num{font-size: 200px;line-height: 200px;position: absolute;left: 93px;top:0px;color: rgba(60, 41, 123, .1);font-family: 'Geogrotesque-Bold';} .cust-quality .items .title span{position: relative;z-index: 2;} .cust-quality .items:nth-child(odd) .title{margin-left: -43px;} .cust-quality .items:nth-child(odd) .text{margin-right: 40px;} .cust-quality .items:nth-child(even) .text{margin-left: 50px;} .cust-quality .items:nth-child(even){flex-direction: row-reverse;} .cust-quality>.title .p2{padding-left: 115px;padding-right: 115px;} .cust-quality .items .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .cust-quality{margin-bottom: 170px;} .cust-faq>.title{margin-bottom: 75px;} .cust-faq>.title .p2{padding-left: 185px;padding-right: 180px;padding-bottom: 40px;padding-top: 30px;} .all-faq .items{padding-left: 60px;padding-top: 55px;padding-right: 40px;} .all-faq .items.active{background: url(../../images/webp/cust-back-1.webp) no-repeat;background-size:101% 101%;padding-bottom: 90px;margin-top: 60px;} .all-faq .items.active .quen-q{margin-bottom: 27px;} .all-faq .quen-q{font-size: 24px;line-height: 32px;color: #333;font-family: 'Geogrotesque-Bold';position: relative;padding-left: 52px;cursor: pointer;} .all-faq .quen-q::before{content: url(../../images/webp/a-stand-1.webp);display: inline-block;position: absolute;left: 0;top: 2px;} .all-faq .quen-a p{margin-bottom: 25px;} .all-faq .items.active .quen-a{display: block;} .all-faq .items .quen-a{display: none;} .product-center-paper{padding-bottom: 60px;overflow: hidden;} .product-center-paper .title{font-size: 48px;line-height: 52px;} .p-c-equip .title{position: relative;margin-left: -40px;margin-bottom: 35px;} .p-c-equip .title p{padding-left: 35px;} .p-c-equip .title .p1{position: absolute;left: 0;top: 0;padding-right: 118px;margin-right: -40px;} .p-c-equip .title .p2{margin-top: 50px;padding-right: 80px;} .p-c-equip .container-xl{display: flex;justify-content: space-between;align-items: center;} .p-c-equip .left{width: 56%;margin-left: -180px;} .p-c-equip .right{width: 50%;} .p-c-equip .right h6{font-size: 20px;line-height: 32px;margin-bottom: 30px;} .p-c-equip .right .text p::before{content: url(../../images/webp/gou.webp);display: inline-block;margin-right: 20px;} .p-c-equip .right .text p{margin-bottom: 30px;} .p-c-equip .right .text p:nth-last-of-type(){margin-bottom: 0;} .p-c-equip{margin-bottom: 30px;} .p-c-product .title p{padding-left: 155px;padding-right: 155px;margin-left: auto;margin-right: auto;} .p-c-product .title{display: flex;margin-bottom: 80px;} .p-c-product .col-md-6{padding-left: 42px;padding-right: 42px;margin-bottom: 80px;} .p-c-product .row{margin-left: -42px;margin-right: -42px;} .p-c-product .row .box{padding-left: 35px;padding-right: 60px;padding-top: 45px;} .p-c-product .big-img{background: url(../../images/webp/cust-back-10.webp) no-repeat;background-size: 100% 100%;padding: 33px;} .p-c-product .big-img img{border-radius: 50px;} .p-c-product .big-img .img::after{content: "";background: url(../../images/webp/cust-back-6.webp) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;z-index: 2;position: absolute;left: 0;top: 0;} .p-c-product .big-img .img{padding: 7px;position: relative;} .p-c-product .items .img{display: block;border-radius: 50px;} .p-c-product .items .t1{transition: all .6s;font-size: 36px;line-height: 42px;color: var(--public-color-p);font-family: 'Geogrotesque-Bold';margin-bottom: 35px;} .p-c-product .items .t1:hover{color: var(--public-color-c);} .p-c-product .items{height: 100%;} .p-c-product .items .text{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-c-app{background: url(../../images/webp/p-c-back-1.webp) no-repeat;background-size: cover;padding-top: 189px;padding-bottom: 115px;} .p-c-app .title{margin-bottom: 95px;} .p-c-app .title .btn-g-1{padding-left: 50px;padding-right: 165px;} .p-c-app .content-app{position: relative;z-index: 2;} .p-c-app .content-app .row .box{background-image: url(../../images/webp/p-c-back-3.webp);position: relative;padding: 15px;z-index: 2;} .p-c-app .content-app .list:hover .box{background-image: url(../../images/webp/p-c-back-2.webp);} .p-c-app .content-app .row .list::after{content: url(../../images/webp/p-c-back-4.webp);display: none;} .p-c-app .content-app .row .list:hover::after{display: block;z-index: 3;} .p-c-app .content-app .row .box .img{border: none;z-index: 1;} .p-c-app .content-app .row .big-img{position: relative;padding: 7px;} .p-c-app .content-app .row .big-img::after{content: "";background: url(../../images/webp/cust-back-6.webp) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;} .p-c-app .content-app .row .box img,.p-c-app .content-app .row .box .img::after{border-radius: 30px;} .case-paper{padding-top: 160px;overflow: hidden;} .case-paper .content-app .row {margin: 0 -30px;} .case-paper .content-app .row .col-md-4{padding: 0 30px;} .case-paper .p-c-app{padding-top: 0;padding-bottom: 115px;background: none;} .case-paper .p-c-app .content-app .row .box .img{z-index: 2;border-radius: 30px;} .case-paper .content-app .row .box{margin-bottom: 30px;} .case-paper .p-c-app .big-img{position: relative;} .case-paper .p-c-app .t1{margin-bottom: 30px;transition: all .4s;font-size: 26px;font-family: 'Geogrotesque-Bold';text-align: center;display: block;color: #1a1a1a;} .case-paper .p-c-app .t1:hover{color: var(--public-color);} .case-paper .p-c-app .text{font-size: 20px;line-height: 32px;color: #666666;} .case-paper .p-c-app .content-app .row .list::after{display: none;} .case-paper .p-c-app .content-app .row .list:hover .big-img::before{content: url(../../images/webp/p-c-back-4.webp);animation: bounceIn .4s;right: 0;bottom: -60px;left: auto;top: auto;position: absolute;z-index: 3;} .case-new .all-news .list{padding: 10px;} .case-new .list-xl{background-color: #fff;border-radius: 30px;padding: 20px;} /* .case-new .items-box{padding: 5px;position: relative;transition: all .6s;height: 100%;} .case-new .items-box::after{content: "";width: 100%;height: 100%;background: url(../../images/webp/case-back-1.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .case-new .items-box:hover::after{background-image: url(../../images/webp/case-back-2.webp);} .case-new .items{padding: 28px 20px;background-color: #fff;border-radius: 30px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;} .case-new .items .img{display: block;position: relative;z-index: 1;} .case-new .items .box{padding-left: 15px;padding-top: 30px;position: relative;z-index: 1;} .case-new .items .t1{font-size: 24px;color: var(--public-color-p);transition: all .6s;font-family: 'Geogrotesque-Bold';margin-bottom: 20px;} .case-new .items .t1:hover{color: var(--public-color);} .case-new .items .text{line-height: 32px;margin-bottom: 30px;} .case-new .items .cont{display: flex;flex-direction: column;justify-content: space-between;} .case-new .items .an{padding-left: 30px;position: relative;z-index: 1;} .case-new .items .green{display: none;} .case-new .items .an:hover .green{display: inline-block;} .case-new .items .an:hover .blue{display: none;} .case-new .items .an .blue{display: inline-block;} */ .case-new{padding-top: 160px;background: url(../../images/webp/p-c-back-1.webp) no-repeat;padding-bottom: 120px;} .case-new .btn-g-1{padding-left: 70px;padding-right: 50px;} .case-new .title{margin-bottom: 90px;} .case-new .col-md-4{padding-left: 29px;padding-right: 29px;margin-bottom: 60px;} .case-new .row{margin-left: -35px;margin-right: -35px;} .faq-paper{padding-top: 100px;padding-bottom: 180px;} .faq-paper .top-head{padding-left: 15px;width: 75%;} .cer-paper{padding-top: 80px;padding-bottom: 105px;} .cer-paper .top-head{margin-bottom: 125px;width: 75%;} .cer-paper .row{margin-left: -28px;margin-right: -28px;} .cer-paper .col-md-3{padding-left: 25px;padding-right: 25px;margin-bottom: 65px;} .cer-paper .col-md-3 .list .box{background: url(../../images/webp/cer-back-2.webp) no-repeat;background-size: 100% 100%;padding: 33px 36px 41px 29px;} .cer-paper .col-md-3 .list:hover .box{background-image: url(../../images/webp/cer-back.webp);animation: fadeIn .6s;} .cer-paper .col-md-3 .img{position: relative;z-index: 2;} .cer-paper .col-md-3 p{font-size: 20px;font-family: 'Geogrotesque-SemiBold';color: #666;text-align: center;margin-top: 60px;} .cer-paper .col-md-3 .list{position: relative;} .cer-paper .col-md-3 .list:hover::after{content: url(../../images/webp/cer-back-1.webp);position: absolute;right: -45px;bottom: 0;animation: bounceIn .6s;} .news-paper{padding-bottom: 150px;padding-top: 90px;} .news-paper .top-head{margin-bottom: 70px;padding-left: 10px;} .news-paper .all-nav{padding-left: 10px;} .all-news .list{background: url(../../images/webp/news-back-1.webp) no-repeat;background-size: 100% 100%;padding: 25px;height: 100%;} .all-news .list:hover{background-image: url(../../images/webp/news-back-2.webp);} .all-news .list .img{display: block;border-radius: 20px;} .all-news .list .img img{ border-radius: 20px;} .all-news .list .t1{font-size: 24px;color: #000;font-family: 'Geogrotesque-Bold';margin-bottom: 27px;transition: all .6s;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .all-news .list .t1:hover{color: var(--public-color-c);} .all-news .list .box{padding-left: 6px;padding-right: 14px;padding-top: 40px;} .all-news .list .text{margin-bottom: 32px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .all-news .list .an {margin-bottom: 25px;} .all-news .list .an .orange{display: none;} .all-news .list .an:hover .orange{display: inline-block;animation: bounceIn .6s;} .all-news .list .an .blue{display: inline-block;} .all-news .list .an:hover .blue{display:none;animation: bounceIn .6s;} .all-news .col-md-4{padding-left: 31px;padding-right: 31px;} .all-news .row{margin-left: -34px;margin-right: -34px;} .news-in-paper{padding-top: 75px;padding-bottom: 145px;overflow: hidden;} .news-in-paper .h1 span{color: var(--public-color-p);} .news-in-paper .h1{font-size: 42px;line-height: 42px;} .news-in-paper .type { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; padding-top: 20px; } .news-in-paper .type-box{display: flex;} .news-in-paper .share { display: flex; } .news-in-paper .share li:hover a,.news-in-paper .share li:hover span{color: #fff;} .news-in-paper .share li:hover{border-color: var(--public-color-c);} .news-in-paper .share a,.news-in-paper .share span{display: contents;color: #fff;transition: all .6s;} .news-in-paper .share .b-i{background-color: var(--public-color-c);} .news-in-paper .share li{transition: all .6s;cursor: pointer;width: 23px;height: 23px;background-color: var(--public-color-c);display: flex;justify-content: center;align-items: center;margin-right: 8px;font-size: 14px;} .news-in-paper .share li:last-child{margin-right: 0;} .news-in-paper .time { margin-right: 30px; display: flex; align-items: center; margin-bottom: 0; font-size: 18px;line-height: 26px;color: var(--public-color-p); font-family: 'Geogrotesque-Bold'; } .news-in-paper .publisher{font-size: 18px;line-height: 32px;color: #999;} .news-in-paper .article .content{border-top: 3px dashed #ddd;font-family: 'Geogrotesque-Medium';padding-top: 40px;padding-bottom: 90px;} .news-in-paper .article .content p{margin-bottom: 20px;} .news-in-paper .article .content p img{max-width: 100% !important;height: auto !important;} .news-in-paper .article h2{font-size: 18px;line-height:26px} .news-in-paper .tail-box{position: relative;display: flex;justify-content: space-between;padding-top: 70px;padding-left: 10px;} .news-in-paper .tail-box::before{content: "";background: url(../../images/webp/news-in-back-1.webp) no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 20px;position: absolute;top: 0;left: 0;} .news-in-paper .tail-box span{color: var(--public-color-c);font-family: 'Poppins';font-weight: bold;font-size: 20px;line-height: 35px;padding-right: 5px;display: inline-block;} .news-in-paper .tail-box a{display: contents;font-size: 20px;line-height: 35px;color: #666;} .news-in-paper .tail-box p a:hover{text-decoration-color: var(--public-color-c);text-decoration-line: underline;text-underline-offset: 5px;text-decoration-skip-ink: none;} .news-in-paper .tail-box p{margin-bottom: 25px;} .news-in-paper .tail-box p:last-child{margin-bottom: 0;} .news-in-paper .tail-box .btn-b{background: url(../../images/webp/btn-b.webp) no-repeat;background-size: 100% 100%;color: #fff;font-size: 22px;line-height: 22px;font-family: 'Geogrotesque-SemiBold';display: inline-flex;align-items: center;padding:17px 38px;} .news-in-paper .tail-box .btn-b img{padding-left: 10px;} .news-in-paper .tail-box .btn-b:hover{background-image: url(../../images/webp/btn-g-3.webp);} .news-in-paper .tail-box .box-left{width: 60%;} .news-in-paper .tail-box .box-right{width: 22%;} .news-in-paper .news-in-top{display: flex;justify-content: space-between;justify-content: space-between;} .news-in-top .article{width: 63%;} .news-in-top .aside{width: 30%;} .news-in-top .aside .h3 { font-size: 28px; line-height: 46px; color: #fff; font-family: 'Poppins'; font-weight: bold; background: url(../../images/webp/aside-back-1.webp) no-repeat; background-size: 100% 100%; padding-left: 48px; padding-top: 10px; padding-bottom: 10px; margin-left: -20px; margin-bottom: 60px; } .news-in-top .aside .t2{font-size: 18px;line-height: 26px;color: #666;font-family: 'Geogrotesque-SemiBold';transition: all .6s; 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-top .aside .t2:hover{color: var(--public-color-c);} .news-in-top .aside-box .time{font-size: 18px;line-height: 26px;font-family: 'Geogrotesque-Medium';color: #999;} .news-in-top .aside-box .an{width: 32px;height: 32px;} .news-in-top .aside-box .an .orange{display: none;} .news-in-top .aside-box .an .blue{display: inline-block;} .news-in-top .aside-box .an:hover .blue{display: none;animation: bounceIn .6s;} .news-in-top .aside-box .an:hover .orange{display: inline-block;animation: bounceIn .6s;} .news-in-top .aside-box .items{display: flex;justify-content: space-between;margin-bottom: 40px;} .news-in-top .aside-box .items:last-child{margin-bottom: 0;} .news-in-top .aside-box .img{border-radius: 14px;display: block;width: 43%;height: 130px;display: flex;justify-content: center;align-items: center;} .news-in-top .aside-box .img img{border-radius: 14px;height: 130px;width: 170px;} .news-in-top .aside-box .text{width: 50%;display: flex;flex-direction: column;justify-content: space-between;} .news-in-top .aside-box{margin-bottom: 80px;} .news-in-top .aside-box-1{position: relative;padding-top: 70px;padding-bottom: 75px;content: "";background: url(../../images/webp/aside-back-3.webp) no-repeat;background-size: 100% 100%;padding-left: 49px;padding-right: 48px;} .news-in-top .aside-box-1::after{position: absolute;left: -50px;top: -40px;width: 120%;height: 115%;z-index: -1;content: "";background: url(../../images/webp/aside-back-2.webp) no-repeat;background-size:contain;} .news-in-top .aside-box-1 .t1{font-size: 30px;line-height: 36px;font-family: 'Geogrotesque-Bold';color: #fff;margin-bottom: 30px;} .news-in-top .aside-box-1 .form-control{border-radius: 0;padding-left: 13px;padding-top: 15px;padding-bottom: 15px;} .news-in-top .aside-box-1 .form-control::placeholder{font-size: 16px;line-height: 36px;color: rgba(153, 153, 153, .6);} .news-in-top .aside-box-1 .form-control:focus::placeholder{color: #333;} .news-in-top .aside-box-1 .form-feedback .form-group + .form-group{padding-left: 5px;} .news-in-top .aside-box-1 .btn{width: 184px;height: 50px;background: url(../../images/webp/cust-back-4.webp) no-repeat;color: #fff;} .news-in-top .aside-box-1 .btn span{color: #fff;} .news-in-top .aside-box-1 .btn-box{justify-content: flex-start;} .news-in-top {margin-bottom: 160px;} .all-product .btn-g-1{font-size: 28px;line-height: 46px;color: #fff;font-family: 'Poppins';font-weight: bold;padding-left: 45px;padding-right: 58px;margin-left: -17px;margin-bottom: 90px;} .all-product .box{background: url(../../images/webp/cust-back-10.webp) no-repeat;background-size: 100% 100%;padding: 20px 25px;} .all-product .box img{border-radius: 30px;} .all-product .box .img{position: relative;padding: 5px;border-radius: 30px;display:flex;align-items: center;} .all-product .box .img::after{content: "";background: url(../../images/webp/cust-back-6.webp) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .all-product .list .t2{transition: all .6s;font-size: 36px;color: var(--public-color-p);font-family: 'Geogrotesque-Bold';padding-left: 23px;padding-top: 35px;} .all-product .list .t2:hover{color: var(--public-color-c);} .all-product .col-md-4{padding-left: 20px;padding-right: 20px;} .all-product .row{margin-left: -20px;margin-right: -20px;} .download-paper{padding-top: 80px;padding-bottom: 95px;} .download-paper .top-head{margin-bottom: 85px;width: 75%;} .download-paper .content{display: flex;justify-content: space-between;align-items: center;} .download-paper .content .left-img{margin-left: -22px;width:45% } .download-paper .content .right{width: 55%;margin-right: -28px;} .download-paper .content .right .more-7{background: url(../../images/webp/btn-g.webp) no-repeat;background-size: 100% 100%;} .download-paper .content .right .more-7:hover{background-image: none;} .p-l-model .aside{display: none;} .product-list-paper .index-new{background: rgba(199,211,0,.8);margin-bottom: 100px;} .index-new .title .btn-w-2{color: #c7d300;} .product-list-paper .title{font-size: 48px;line-height: 52px;} .product-list-paper{padding-top: 130px;padding-bottom: 60px;} .product-list-paper .all-nav a{/*width: 182px;*/font-size: 20px;line-height: 32px;height:54px;padding-left: 20px;padding-right: 20px;width: inherit;transition: all .4s ease-in-out;} .product-list-paper .all-nav a img{padding-left: 10px;display: none;} .product-list-paper .all-nav a.active img,.product-list-paper .all-nav a:hover img{display: inline-block;animation: bounceIn .6s;} .p-l-zhu{display: flex;justify-content: space-between;margin-bottom: 9px;} .p-l-zhu .h1 span{color: var(--public-color-c);} .p-l-zhu .h1{margin-bottom: 30px;} .p-l-zhu .text p{margin-bottom: 20px; -moz-hyphens: auto;font-size: 18px;color: #999; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .p-l-zhu .left{width: 50%;padding-top: 55px;} .p-l-zhu .left li{position: relative;padding-left: 52px;} .p-l-zhu .left li::before{content: url(../../images/webp/a-stand-1.webp);display: inline-block;position: absolute;left: 0;top: 2px;} .p-l-zhu .right{width: 46%;background: url(../../images/webp/p-l-back-5.webp) no-repeat;background-size: 100% 100%;padding: 30px 35px;} .p-l-zhu .right .img{position: relative;padding: 7px} .p-l-zhu .right .img::after{content: "";width: 100%;height: 100%;background: url(../../images/webp/p-l-back-6.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .p-l-zhu .right .img img{border-radius: 50px;} .p-l-cer .h2{font-size: 36px;line-height: 36px;color: #666666;font-family: 'Geogrotesque-SemiBold';margin-bottom: 35px;} .p-l-cer ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 80%;} .p-l-cer li{width: 50%;font-size: 20px;line-height: 56px;color: #666666;} .p-l-cer li span{color: var(--public-color-c);} .p-l-cer li img{padding-right: 20px;} .p-l-cer .img{margin-bottom: 45px;} .p-l-cer{margin-bottom: 135px;} .p-l-model{display: flex;justify-content: space-between;margin-bottom: 150px;} .p-l-model .content{width: 100%;} .p-l-model .aside{width: 25%;} .p-l-model .list .box{background-color: #f4f4f4;border-radius: 20px;} .p-l-model .model{background-color: #a4d8eb ;border-radius: 0px 0px 20px 20px;font-size: 18px;line-height: 32px;color: rgba(255, 255, 255, .8);font-family: 'Geogrotesque-Medium';padding: 10px 0 10px 20px;} .p-l-model .img{display: block;} .p-l-model .img img,.p-l-model .img{border-radius: 20px 20px 0 0 ;} .p-l-model .t1{transition: all .6s;font-size: 20px;line-height: 32px;margin-bottom: 10px;color: #333;font-family: 'Geogrotesque-SemiBold';} .p-l-model .t1:hover{color: #a4d8eb;} /* .p-l-model .text p:first-child::before{content: "Size(CM):";display: inline-block;} .p-l-model .text p:last-child::before{content: "Size(FT):";display: inline-block;} */ .p-l-model .text p{font-size: 18px;line-height: 32px;color: #666;font-family:'Geogrotesque-Medium';} .p-l-model .cont{padding-top: 20px;} .p-l-model .col-md-4{margin-bottom: 50px;padding-left: 13px;padding-right: 13px;} .p-l-model .row{margin-left: -13px;margin-right: -13px;} .p-l-model .aside .t2 { font-size: 20px; line-height: 32px; color: #211543; font-family: 'Geogrotesque-SemiBold'; display: flex; justify-content: space-between; align-items: center; padding-right: 10px; padding-top: 15px; padding-bottom: 10px; margin-bottom: 10px; } .p-l-model .aside .t2 img{cursor: pointer;} .p-l-model .aside .t2.active{padding-left: 20px;background: url(../../images/webp/p-l-back-7.webp) no-repeat;background-size: 100% 100%;margin-bottom: 20px;} .p-l-model .aside .t2.active .jia{display: none;} .p-l-model .aside .t2.active .jian{display: inline-block;} .p-l-model .aside .t2 .jia{display: inline-block} .p-l-model .aside .t2 .jian{display: none;} .p-l-model .aside .box{padding-left: 20px;margin-bottom: 10px;display: none;} .p-l-model .aside .box-a.active .box{display: block;} .p-l-model .aside .box-a.active {animation: fadeIn .4s;} .p-l-model .aside a{display: block;font-size: 20px;line-height: 48px;color: #666666;font-family: 'Geogrotesque-Medium';} .p-l-model .aside a.active,.p-l-model .aside a{color: var(--public-color-c);text-decoration-line: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;text-decoration-color: var(--public-color-c);} .p-l-model .aside::after{content: "";width: 100%;height: 8px;background:url(../../images/webp/p-l-back-4.webp) no-repeat;background-size: 100% 100%;display: block;} .p-l-safety{margin-bottom: 130px;display: flex;flex-direction: column;gap: 100px;} .p-l-safety .items{display: flex;justify-content: space-between;align-items: center;} .p-l-safety .items:nth-child(even){flex-direction: row-reverse;} .p-l-safety .items:nth-child(even) .right{background: url(../../images/webp/cust-back-10.webp) no-repeat;background-size: 100% 100%;} .p-l-safety .title{position: relative;} .p-l-safety .title .p1{position: absolute;left: 0;top: 0;padding-left: 49px;padding-right: 60px;} .p-l-safety .title .p2{margin-top: 48px;padding-left: 49px;padding-right: 80px;} .p-l-safety .title {font-size: 48px;line-height: 48px;margin-left: -50px;margin-bottom: 20px;} .p-l-safety .text p{margin-bottom: 20px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .p-l-safety .left{width: 50%;padding-top: 5px;} .p-l-safety .right{width:45%;background: url(../../images/webp/cust-back-8.webp) no-repeat;background-size: 100% 100%;padding: 20px 25px;} .p-l-safety .right .img{position: relative;padding: 7px} .p-l-safety .right .img::after{content: "";width: 100%;height: 100%;background: url(../../images/webp/p-l-back-6.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .p-l-safety .right .img img{border-radius: 50px;} .p-l-about{background: url(../../images/webp/p-l-back-8.webp) no-repeat ;background-size: contain;background-position: left 0 bottom 50px;margin-bottom: 120px;} .p-l-about .container-xl{display: flex;justify-content: space-between;} .p-l-about .left{width: 67%;margin-left: -190px;padding-top: 25px;} .p-l-about .right{width: 41%;padding-top: 105px;} .p-l-about .right .title{font-size: 48px;line-height: 52px;margin-left: -52px;margin-bottom: 30px;} .p-l-about .right .title .btn-c-3{padding-left: 50px;padding-right: 130px;} .p-l-about .right .text{margin-bottom: 70px;} .p-l-about .right .box-a{display: flex;} .p-l-about .right .box-a a + a{margin-left: 20px;} .p-l-about .right .more-8{display: inline-flex;padding: 23px 40px 23px 40px;} .p-l-about .right .more-8:hover::after{display: none;} .p-l-about .right .more-8:hover{background: url(../../images/webp/btn-b-2.webp) no-repeat;background-size: 100% 100%;} .p-l-about .right .box-a a:nth-child(2){background: url(../../images/webp/btn-g.webp) no-repeat;background-size: 100% 100%;} .p-l-about .right .box-a a:nth-child(2):hover{background: url(../../images/webp/btn-b-2.webp) no-repeat;background-size: 100% 100%;} .p-l-equip{margin-bottom: 140px;} .p-l-equip .top-head{width: 83%;margin-bottom: 75px;} .p-l-equip .top-head .title{font-size: 48px;margin-left: -57px;margin-bottom: 25px;} .p-l-equip .top-head .title .btn-b-1{padding-left: 55px;padding-right: 48px;} .p-l-equip .content .items .h4{font-size: 36px;line-height: 36px;color: #211543;font-family: 'Geogrotesque-SemiBold';margin-bottom: 35px;} .p-l-equip .content .text strong{font-size: 20px;line-height: 36px;color:#211543;font-family: 'Geogrotesque-SemiBold';padding-left: 50px;position: relative;} .p-l-equip .content .text strong::before{content: url(../../images/webp/p-l-back-16.webp);display: inline-block;position: absolute;left: 15px;top: -2px;} .p-l-equip .content .text p{line-height: 36px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-l-equip .content .items{display: none;} .p-l-equip .content .items.active{display: flex;justify-content: space-between;animation: fadeIn 1s;} .p-l-equip .content .items .left{width: 48%;} .p-l-equip .content .items .right{width:60%;background: url(../../images/webp/p-l-back-15.webp) no-repeat;background-size: 100% 100%;padding: 20px 25px;margin-right: -210px;} .p-l-equip .content .items .right .img{position: relative;padding: 7px} .p-l-equip .content .items .right .img::after{content: "";width: 100%;height: 100%;background: url(../../images/webp/p-l-back-6.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .p-l-equip .content .items .right .img img{border-radius: 50px;} .p-l-equip .content-1{display: flex;justify-content: space-between;margin-top: -75px;} .p-l-equip .content-1 .list{position: relative;width: calc(calc(100% - 30px * 3) / 4);} .p-l-equip .content-1 .list .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 62px;padding-left: 37px;padding-right: 30px;} .p-l-equip .content-1 .list .h6{font-size: 28px;line-height: 36px;color: #fff;font-family: 'Geogrotesque-SemiBold';} .p-l-equip .content-1 .list .img{margin-bottom: 30px;width: 86px;height: 73px;} .p-l-equip .content-1 .list .orange{display: none;} .p-l-equip .content-1 .list .blue{display: block;} .p-l-equip .content-1 .list.active .orange{display: block;} .p-l-equip .content-1 .list.active .blue{display: none;} .p-l-faq .title .btn-g-1{padding-left: 42px;padding-right: 77px;} .p-l-faq .title{margin-left: -41px;} .p-l-faq{margin-bottom: 205px;} .team-paper{padding-top: 160px;padding-bottom: 60px;} .team-paper .title{font-size: 48px;line-height: 52px;} .team-zhu{margin-bottom: 125px;} .team-zhu .title{margin-left: -54px;margin-bottom: 40px;} .team-zhu .title .btn-c-3{padding-left: 63px;padding-right: 64px;} .team-zhu .content .left{width: 47%;padding-bottom: 85px;padding-top: 32px;display: flex;flex-direction: column;justify-content: space-between;position: relative;} .team-zhu .content .left::after{content: url(../../images/webp/team-2.webp);position: absolute;bottom: 0;right: -55px;z-index: -1;} .team-zhu .content .right{width:45%;background: url(../../images/webp/team-back-1.webp) no-repeat;background-size: 100% 100%;padding: 35px 45px;} .team-zhu .content .right .img{position: relative;padding: 7px} .team-zhu .content .right .img::after{content: "";width: 100%;height: 100%;background: url(../../images/webp/team-back-2.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .team-zhu .content .right .img img{border-radius: 50px;} .team-zhu .content{display: flex;justify-content: space-between;} .team-zhu .content .text p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; margin-bottom: 25px;} .team-zhu .content .t2{font-size: 36px;line-height: 60px;font-family: 'Geogrotesque-SemiBold';color: var(--public-color-p);margin-bottom: 20px;} .team-zhu .content .t2 span{color: var(--public-color-c);padding-left: 15px;} .team-zhu .content li{font-size: 20px;line-height: 42px;color: #000033;font-family: 'Geogrotesque-Medium';padding-left: 32px;position: relative;} .team-zhu .content li::before{content: url(../../images/webp/team-1.webp);position: absolute;left: 0;top:2px;} .team-paper .all-team{margin-bottom: 180px;} .team-paper .all-team .items:nth-child(odd) .right{margin-left: -115px;} .team-paper .all-team .items:nth-child(odd) .small-img {right: 48%;bottom: 0;} .team-paper .all-team .items:nth-child(even) .right{margin-right: -115px;} .team-paper .all-team .items .left .title {margin-left: -29px;} .team-paper .all-team .items:nth-child(even) .small-img {left: 48%;bottom: 0;} .team-paper .all-team .items:last-child .title{position: relative;padding-left: 0;} .team-paper .all-team .items:last-child .title .p1{padding-left: 47px;padding-right: 170px;background-image: url(../../images/webp/team-back-4.webp);position: absolute;top: 0;} .team-paper .all-team .items:last-child .title .p2{margin-top: 55px;padding-left: 47px;padding-right: 90px;background-image: url(../../images/webp/team-back-3.webp);} .team-paper .all-team .items:last-child{align-items: flex-start;} .team-paper .all-team .items:last-child .left{padding-top: 20px;} .team-paper .all-team .items:first-child{align-items: flex-start;} .team-paper .all-team .items:first-child .left{padding-top: 60px;} .team-press{background: url(../../images/webp/team-back-5.webp) no-repeat;background-size: cover;padding-top: 190px;padding-bottom: 100px;} .team-press .title{padding-left: 70px;padding-right: 93px;margin-bottom: 100px;} .team-press .list{background: url(../../images/webp/team-back-8.webp) no-repeat;background-size: 100% 100%;padding: 20px;width: calc(calc(100% - 15px * 3) / 4);margin-bottom: 20px;} .team-press .list .img{position: relative;padding: 4px;border-radius: 30px;} .team-press .list .img img{border-radius: 30px;} .team-press .list .img::after{content: "";width: 100%;height: 100%;background: url(../../images/webp/team-back-6.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .team-press .content{display: flex;justify-content: space-between;flex-wrap: wrap;} .team-press .max-1920px{padding-left: 0;padding-right: 0;} @media(max-width:2506px){ .index-plan{background-size: cover;} } @media(max-width:1825px){ .index-plan{background-size: auto;} .p-l-equip .content .items .right {margin-right: -160px;} } @media(max-width:1800px){ .p-l-about .left{margin-left: 100px;} .about-history .left {width: 57%;margin-left: -140px;} } @media(max-width:1770px){ .p-c-equip .left {width: 53%;margin-left: -100px;} } @media(max-width:1720px){ .index-new .content .prev-2{left: -90px;} .index-new .content .next-2 {right: -90px;} .p-l-equip .content .items .right{margin-right: -100px;width: 56%;} } @media(max-width:1700px){ .dajianshi {width: 550px;height: 900px;} .index-paper .top-wind .img-1 {right: 115px;bottom: -720px;} .dajianshi2 {width: 135px;height: 610px;} .dajianshi2 {right: 30px;} .index-plan .top-plan::before{right: -100px;} } @media(max-width:1680px){ .about-history .left {margin-left: -70px;width: 55%;} } @media(max-width:1660px){ .index-new .content .mySwiper-2{max-width: 1200px;} .index-new .content .prev-2 {left: 10px;} .index-new .content .next-2 {right:20px} .team-paper .all-team .items:nth-child(odd) .right {margin-left: -55px;} .team-paper .all-team .items:nth-child(odd) .small-img {left: 43%;right: 0;} .team-paper .all-team .items:nth-child(even) .right {margin-right: -55px;} .team-paper .all-team .items:nth-child(even) .small-img {right: 43%;left: auto;} .service-paper .all-team .items:nth-child(odd) .right {margin-right: -50px;} .service-paper .all-team .items:nth-child(odd) .small-img {right: 44%;} .service-paper .all-team .items:nth-child(even) .right{margin-left: -50px;} .service-paper .all-team .items:nth-child(even) .small-img {left: 45%;} } @media(max-width:1600px){ .index-plan .top-plan .row{margin-left: -15px;margin-right: -15px;} .index-plan .top-plan::before{right: -65px;} .index-plan .top-plan .list {padding: 30px 15px 30px 15px;} .index-new .top-head{margin-left: -40px} .p-c-equip .left{width: 50%;margin-left: -40px;} .p-l-about .left {width: 59%;margin-left: -50px;} .p-l-equip .content .items .left {width: 45%;} .p-l-equip .content .items .right {width: 54%;margin-right: -40px;} .about-history .left{width: 45%;} } @media(max-width:1560px){ .index-plan .bottom-plan .left {width: 54%;margin-left: -45px;} .index-plan .bottom-plan .right{width: 46%;} .index-plan .top-plan::before{content: "";background:url(../../images/webp/i-plan-back-1.webp) no-repeat;width: 230px;height: 185px;right: 0;background-size: contain; } .about-history .left {margin-left: 0;} } @media(max-width:1550px){ .index-equip .top-head .title {margin-left: -40px;} .index-equip .top-head .title .btn-g{padding-left: 40px;} .index-infor .title{margin-left: -40px;} .index-infor .btn-g{padding-left: 50px;padding-right: 50px;} .about-us .left {margin-left: -25px;} } @media(max-width:1500px){ .p-c-equip .left {width: 46%;margin-left: 0;} .p-l-about .left {margin-left: 0px;} .p-l-equip .content .items .right {width: 54%;margin-right: 0px;} .p-l-equip .content .items .left {width: 40%;} .team-paper .all-team .items:nth-child(even) .right {margin-right: 0;} .team-paper .all-team .items:nth-child(odd) .right{margin-left: 0;} .all-team .items .left{width: 48%;} .all-team .items .right{width: 48%;} .team-paper .all-team .items:nth-child(odd) .small-img {left:48%;right: 0;bottom: -55px;} .team-paper .all-team .items:nth-child(even) .small-img {right:48%;left: auto;bottom: -55px;} .team-paper .all-team .items .left .title{font-size: 38px;line-height: 42px;} .all-team .title {padding-left: 30px;} .video-paper .row .col-md-4,.cer-paper .col-md-3,.news-paper .col-md-4,.all-product .col-md-4,.p-c-product .col-md-6{padding-left: 15px;padding-right: 15px;} .video-paper .row ,.cer-paper .row,.case-new .row,.news-paper .row,.all-product .row,.p-c-product .row{margin-left: -15px;margin-right: -15px;} .banner-cust .small-nav{margin-bottom: 30px;} .banner-cust .banner-text {padding-bottom: 150px;} .banner-cust.all-banner .h1 {font-size: 58px;} .content-app .row{margin-left: -13px;margin-right: -13px;} .service-paper .all-team .items:nth-child(odd) .right{margin-right: 0px;} .service-paper .all-team .items:nth-child(odd) .small-img {right: 50%;} .service-paper .all-team .items:nth-child(even) .right{margin-left: 0;} .service-paper .all-team .items:nth-child(even) .small-img {left: 50%;} .service-paper .all-team .title {font-size: 42px;} } @media(max-width:1460px){ .index-new .content .mySwiper-2 {max-width: 1060px;} .index-new .content .all-hover{width: 100px;} .index-new .content .prev-2{left: 65px;} .index-new .content .next-2 {right: 45px;} .index-new .content .next-2::after{content: "";background:url(../../images/webp/next-2.webp) no-repeat;background-size: contain;width: 100px;height: 60px;} .index-new .content .prev-2::after{content: "";background:url(../../images/webp/prev-2.webp) no-repeat;background-size: contain;width: 100px;height: 60px;} .cust-paper .cust-top{padding: 60px 45px 60px 65px;} } @media(max-width:1450px){ .index-plan .bottom-plan .right {width: 46%;} .index-plan .bottom-plan .left{width: 54%;margin-left: 0;} .index-plan .bottom-plan .title .p2 {padding-right: 140px;} .index-plan .bottom-plan .title .p1{padding-right: 140px;} .index-plan .bottom-plan .title{font-size: 50px;} .index-plan .small-box .l-box>p{font-size: 16px;line-height: 24px;} .index-plan .small-box .h3>div, .index-plan .small-box .h3 .s1{font-size: 32px;} .dajianshi {width: 450px;height: 850px;} .index-paper .top-wind .img-1 {right: 115px;bottom: -680px;} .dajianshi2 {width: 135px;height: 600px;} .dajianshi2 {right: 30px;} .small-nav {margin-bottom: 80px;} .about-us .left{margin-left: 0;} .cust-paper {margin-top: -130px;} .banner-cust .banner-text{padding-bottom: 30px;} } @media(max-width:1400px){ .index-new .content .all-hover{top: 60%;} .index-new .content .prev-2 {left: 0;} .index-new .content .next-2 {right: 0;} .p-c-equip .title .p1 {padding-right: 60px;} .p-c-equip .title .p2 {padding-right: 50px;} .product-center-paper .title {font-size: 42px;} .p-l-equip .content-1 .list .box {padding-top: 45px;} .p-l-equip .content-1 .list .h6 {font-size: 26px;line-height: 32px;} .about-history .content {margin-top: 60px;} .about-history .title {margin-bottom: 60px;} .his-qh1 {width: 45%;} .about-patent .left{width: 50%;} } @media(max-width:1380px){ .index-banner .h1{font-size: 62px;line-height: 62px;} .index-banner .text {font-size: 26px;line-height: 32px;} .index-plan .small-box .list + .list {margin-left: 15px;} .p-l-about .right {width: 44%;} .p-l-about .left{width: 55%;} .cust-paper .cust-top .right {padding-left: 60px;} } @media(max-width:1350px){ .all-banner .h1 {font-size: 56px;} .all-banner.banner-p-c .cont-box {width: 90%;} .team-zhu .content .left::after{content: "";background: url(../../images/webp/team-2.webp) no-repeat;background-size: contain;width: 175px;height: 140px;} } @media(max-width:1330px){ .index-plan .top-plan .list {padding: 15px 10px 15px 10px;} .news-in-paper .tail-box .box-right {width: 25%;} .news-in-paper .tail-box .box-left {width: 70%;} .p-l-equip .content-1 .list .h6 {font-size: 24px;} } @media(max-width:1300px){ .dajianshi{width: 392px;height: 867px;} .index-paper .top-wind .img-1{bottom: -647px;} .index-plan .top-plan .top-head{display: flex;flex-direction: column;align-items: center;} .index-plan .top-plan .top-head .title{font-size: 48px;} .index-plan .top-plan .btn-g {padding-left: 70px;padding-right: 70px;} .footer .list-2 {width: 38%;} .footer .list-3 {width: 28%;} .small-nav {margin-bottom: 30px;} .p-l-model .t1 {line-height: 32px;} .p-l-about .right .more-8{padding: 16px 20px 16px 20px;} .p-l-about .right .more-8 span{font-size: 20px;} .p-l-equip .top-head .title {margin-left: -40px;font-size: 42px;} .p-l-equip .top-head .title .btn-b-1{padding-top: 8px;padding-bottom: 8px;} .p-l-equip .content-1 .list .box{padding-top: 30px;padding-left: 30px;} .about-paper .title {font-size: 42px;padding-top: 8px;padding-bottom: 8px;} .team-zhu .content{align-items: center;} .cust-paper .cust-top .right{font-size: 28px;line-height: 50px;} .cust-paper .cust-top .left{font-size: 28px;} } @media(max-width:1260px){ .index-plan .small-box{align-items: flex-start;} .p-l-about .right .title .btn-c-3 {padding-top: 6px;padding-bottom: 6px;} .p-l-about .right .title{font-size: 42px;} .p-l-about .right .text{margin-bottom: 55px;} .about-history .right {width: 55%;} .all-nav{flex-wrap: wrap;} .all-nav a{margin-right: 0;margin-bottom: 10px;} } @media(max-width:1250px){ .index-banner .more-6 {width: 255px;height: 62px;} .index-banner .more-6 span {font-size: 20px;line-height: 20px;} .index-plan .bottom-plan .title{font-size: 42px;line-height: 42px;} .index-plan .bottom-plan .title .p2 {margin-top: 56px;} .index-plan .small-box {margin-top: 30px;margin-bottom: 50px;} .index-plan .bottom-plan .cer {margin-top: 40px;} .index-new .title .btn-w-2 {padding-left: 80px;padding-right: 80px;} .index-new .top-head{font-size: 48px;} .index-new .top-head .small-img{width: 160px;} .index-new .top-head .small-img img{max-width: 100%;height: auto;} .all-banner .h1 {font-size: 48px;line-height: 56px;} .banner .banner-text {height: 100% !important; } .p-l-equip .content-1 .list .img {margin-bottom: 15px;} .his-qh1 .time{padding-right: 35px;} .team-paper .all-team .items .small-img {width: 150px;} .cust-paper .title {font-size: 42px;} .cust-paper .title .p2 {padding: 20px 20px 30px 20px;} } @media(max-width:1130px){ .index-banner .text{margin-bottom: 50px;} .index-banner .container-xl {padding-top: 20px;} .product-center-paper .title {font-size: 38px;line-height: 42px;} } @media(max-width:1080px){ .footer .list-3 .box{height: auto;} .footer .list-3 {width: 20%;} .product-center-paper .title {font-size: 32px;line-height: 40px;} .p-c-equip .title .p1 {padding-top: 5px;padding-bottom: 5px;} .p-c-equip .title .p2 {margin-top: 38px;} .p-c-equip .title {margin-bottom: 20px;} .p-c-equip .right .text p {margin-bottom: 10px;} .p-c-equip .right h6 {margin-bottom: 15px;} } @media(max-width:768px){ .index-banner .h1{font-size: 20px;line-height: 32px;} .index-banner .h1 {margin-bottom: 10px;} .index-banner .text {margin-bottom: 15px;font-size: 14px;line-height: 20px;} .more-6{width: 180px !important;height: 42px!important;} .index-banner .more-6 span{font-size: 16px !important;line-height: 20px !important;} .index-banner.max-1920px{padding-left: 0;padding-right: 0;} .index-banner .container-xl {padding-top: 0;} .index-paper .top-wind .img-1{bottom:-337px;right: 10px;} .dajianshi{width: 170px;height: 490px;} .dajianshi2{width: 60px;height: 620px;} .title{font-size: 19px !important;line-height: 27px !important;} .btn-g{padding-top: 5px !important;padding-bottom: 5px !important;} .text{font-size: 14px !important;line-height: 20px !important;} .index-equip {padding-top: 0;margin-bottom: 30px;} .index-equip .top-head .title {margin-left: -20px;margin-bottom: 10px;} .index-equip .top-head .title .btn-g{padding-left: 20px;padding-right: 15px;} .index-equip .top-head {width: 70%;margin-bottom: 30px;} .index-equip .content {width: 100%;margin-bottom: 30px;} .index-equip .t1 {font-size: 18px;margin-bottom: 15px;} .index-equip .items.active {padding-top: 15px;padding-left:15px} .index-equip .items{padding-left: 15px;padding-right: 15px} .index-equip .content .box::after{left: 30px;} .index-equip .t2{font-size: 16px;line-height: 24px;margin-bottom: 10px;} .index-equip .items .list::before {font-size: 37px;} .index-equip .items .list .text-box {width: 86%;} .index-equip .items .list {padding-bottom: 20px;} .content-app .row .col-md-4{width: 50%;margin-bottom: 15px;} .col-md-4{padding-left: 7px !important;padding-right: 7px !important;} .row{margin-left: -7px;margin-right: -7px;} .content-app .row .box {padding: 8px;margin-bottom: 10px;} .content-app .row .box .img {border: 8px solid #fff;} .content-app .row .list::after{content: "";background: url(../../images/webp/i-e-back-1.webp) no-repeat;width: 50px;height: 50px;background-size: contain;width: 62px;height: 62px;} .content-app .row .list>a {font-size: 16px;} .index-equip .content-app .row .list .t1{font-size: 16px;margin-bottom: 24px;margin-bottom: 10px;} .index-equip .content-app .row .list .text p{line-height: 14px;line-height: 20px;} .content-app .row{gap: 30px 0;} .index-equip {padding-top: 40px;} .index-plan .top-plan .top-head {width: 100%;margin: 0 auto 25px;} .index-plan .top-plan .btn-g{padding-left: 25px;padding-right: 25px;} .index-plan .top-plan::before {width: 65px;height: 65px;} .index-plan .top-plan .t1 {font-size: 16px;line-height: 24px;margin-bottom: 10px;} .index-plan .top-plan .list .img {margin-bottom: 16px;} .index-plan .top-plan .list .text {padding-bottom: 0;} .index-plan .top-plan .col-md-3{margin-bottom: 25px;width: 50%;} .index-plan.max-1920px{padding-left: 0;padding-right: 0;} .index-plan .top-plan {margin-bottom: 30px;} .index-plan .bottom-plan .img-back{display: none;} .index-plan .bottom-plan .title .p1,.index-plan .bottom-plan .title .p2{padding-left: 25px;padding-right: 25px;} .index-plan .bottom-plan{flex-wrap: wrap;} .index-plan .bottom-plan .left{width: 100%;} .index-plan .bottom-plan .right{width: 100%;} .index-plan .bottom-plan .title {margin-left: 0;margin-left: -25px;} .index-plan .bottom-plan .title .p2 {margin-top: 29px;} .index-plan .small-box{margin-top: 14px;margin-bottom: 24px;} .index-plan .small-box .h3>div, .index-plan .small-box .h3 .s1 {font-size: 26px;line-height: 32px;} .index-plan .small-box .l-box>p {font-size: 14px;line-height: 20px;} .index-plan .small-box .h3 .s2 {font-size: 22px;line-height: 32px;} .more-7 span {font-size: 16px !important;} .more-7{padding: 15px 20px 15px 20px !important;} .left,.right{width: 100% !important;} .index-plan .bottom-plan .more-7 img {padding-left: 15px;} .index-plan .bottom-plan .cer {margin-top: 15px;} .index-plan .bottom-plan .cer .t2 {font-size: 20px;line-height: 32px;margin-bottom: 10px;} .index-plan {padding-bottom: 30px;padding-top: 40px;} .index-plan .bottom-plan .left{display: none;} .index-new{padding-top: 30px;padding-bottom: 30px;} .index-new .top-head {margin-left: -25px;margin-bottom: 20px;} .index-new .top-head .small-img {margin-left: 15px;} .index-new .title .btn-w-2 {padding-left: 25px;padding-right: 25px;} .index-new .top-head .small-img{width: 70px;} .index-new .list .t1 {font-size: 16px;line-height: 24px;} .index-new .content .all-hover {width: 40px;top: 55%;} .index-new .content .next-2::after,.index-new .content .prev-2::after {height: 33px;} .index-new .list .text{font-size: 12px !important;line-height: 15px !important;} .index-new .list .t1{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .index-infor {padding-top: 30px;} .index-infor .title{margin-left: -25px;} .index-infor .content{flex-wrap: wrap;} .index-infor .left{width: 100%;margin-bottom: 25px;} .index-infor .right{width: 100%;} .index-infor .list .t1 {font-size: 16px;line-height: 24px;margin-bottom: 10px;} .index-infor .list .text{margin-bottom: 10px;} .index-infor .list .text-box img{max-width: 100%;height: auto;} .index-infor .list .text-box .btn-cicle{width: 35px;} .index-infor .list .big-box {padding: 5px;} .index-infor .left .list .big-box{width: 54%;} .index-infor .left .list {margin-bottom: 15px;} .index-infor .title {margin-bottom: 25px;} .index-infor .right .list .i-n {font-size: 16px;line-height: 24px;} .footer{padding-top: 65px;} .footer .content .container-xl{flex-wrap: wrap;} .footer .list-1,.footer .list-2,.footer .list-3{width: 100%;} .footer .logo{margin-bottom: 25px;} .footer .list-1 .text {margin-bottom: 20px;} .footer .contact-box {padding: 7px 10px 7px 10px;} .footer .list-2 .font-sty {font-size: 14px;line-height: 20px;} .footer .list-2 .img {line-height: 20px;} .footer .list-2 .d1 {margin-bottom: 10px;} .footer .list-2 .d1:last-child{margin-bottom: 0;} .footer .t1 {margin-bottom: 20px;font-size: 20px;} .footer .list-3 .box{flex-direction: row;} .footer .list-3 a.font-sty{font-size: 14px;line-height: 20px;width: 100%;} .footer .list-3 a::before {line-height: 25px;} .footer .content {margin-bottom: 30px;} .footer .footer-tail .container-xl{flex-direction: column;align-items: normal;} .footer ul{margin-bottom: 15px;} .footer .footer-tail p {font-size: 16px;line-height: 24px;} .footer ul li .bor,.footer ul li .col {width: 30px;height: 30px;} .all-banner.max-1920px,.no-cont-banner.max-1920px{padding-left: 0;padding-right: 0;} .all-banner .h1 {font-size: 24px;line-height: 32px;margin-bottom: 10px;} .small-nav{margin-bottom: 20px;} .small-nav ul a {font-size: 14px;line-height: 20px;} .small-nav ul li::after {padding: 0 10px;line-height: 20px;} .small-nav ul::before {margin-right: 15px;} .small-nav ul{flex-wrap: wrap;} .all-banner .text{display: none;} .p-c-equip .container-xl{flex-wrap: wrap;} .p-c-equip .title{margin-left: -25px;} .p-c-equip .title .p2 {margin-top: 28px;padding-left: 25px;padding-right: 25px;} .p-c-equip .title .p1{padding-left: 25px;padding-right: 25px;} .p-c-equip .right h6 {font-size: 16px;line-height: 24px;} .p-c-equip .left{margin-bottom: 15px;} .p-c-product .title p{padding:5px 20px} .p-c-product .title {margin-bottom: 20px;} .p-c-product .col-md-6 {width: 50%;margin-bottom: 25px;} .p-c-product .big-img {padding: 6px;} .p-c-product .items .img,.p-c-product .big-img img{border-radius: 10px;} .p-c-product .row .box{padding-left: 10px;padding-right: 10px;padding-top: 15px;} .p-c-product .items .t1 {font-size: 16px !important;line-height: 24px !important;margin-bottom: 10px !important;} .product-center-paper .p-c-app .content-app .row .list::after{content: "";} .p-c-app {padding-top: 30px;padding-bottom: 0px;} .p-c-app .title {margin-bottom: 25px;} .p-c-app .title .btn-g-1 {padding-left: 25px;padding-right: 25px;} .p-c-app .content-app .row .box img, .p-c-app .content-app .row .box .img::after {border-radius: 5px;} .content-app .row .list p{font-size: 16px;} .p-c-app .content-app .row .list::after{content: "";} .all-nav{flex-direction: column;position: relative;margin-bottom: 30PX;} .all-nav a + a{margin-left: 0;} .product-list-paper .all-nav a{width: 100%;height: 42px;} .product-list-paper .all-nav .box{display: none;position: absolute;top: 42px;width: 100%;left: 0;background-color: #fff;z-index: 1;} .product-list-paper .all-nav .box.active{display: block;} .h2-all-nav {overflow: hidden;font-size: 20px;align-items: center;background-color: var(--public-color-c);width: 100%;height: 42px;color: #fff;display: flex;justify-content: space-between;border-radius: 20px 20px 0 0 ;padding-left: 20px;padding-right: 20px;} .product-list-paper {padding-top: 10px;padding-bottom: 20px;} .p-l-zhu{flex-wrap: wrap;margin-bottom: 30px;} .p-l-zhu .left {padding-top: 0;margin-bottom: 15px;} .p-l-zhu .h1 {font-size: 20px;line-height: 28px;margin-bottom: 10px;} .p-l-zhu .text p {margin-bottom: 10px;} .p-l-zhu .right {padding: 15px 15px;} .p-l-zhu .right .img img {border-radius: 29px;} .p-l-cer .h2 {font-size: 18px;line-height: 26px;margin-bottom: 15px;} .p-l-cer .img {margin-bottom: 30px;} .p-l-cer ul{width: 100%;} .p-l-cer li {font-size: 14px;line-height: 20px;position: relative;padding-left: 35px;margin-bottom: 10px;} .p-l-cer li img {margin-right: 10px;position: absolute;left: 0;top: 0;width: 45px;height: 27px;} .p-l-cer {margin-bottom: 30px;} .p-l-model{flex-wrap: wrap;flex-direction:column-reverse;margin-bottom: 0px;} .p-l-model .aside{width: 100%;margin-bottom: 30px;} .p-l-model .content{width: 100%;} .p-l-model .row{margin-left: -7px;margin-right: -7px;} .p-l-model .col-md-4 {width: 50%;margin-bottom: 25px;} .p-l-model .aside .t2 {font-size: 18px;line-height: 26px;padding-top: 10px;margin-bottom: 0;} .p-l-model .aside a {font-size: 15px;line-height: 23px;} .p-l-model .aside .t2.active {margin-bottom: 10px;} .p-l-model .model{padding: 5px 0 5px 10px;} .p-l-model .t1{font-size: 16px;line-height: 24px;margin-bottom: 10px;} .p-l-model .text p {font-size: 16px;line-height: 24px;} .p-l-safety{flex-wrap: wrap;flex-direction: column-reverse;margin-bottom: 30px;} .p-l-safety .title{margin-left: -25px;} .p-l-safety .text p{margin-bottom: 10px;} .p-l-safety .title .p1{padding:5px 25px;} .p-l-safety .title .p2{padding: 5px 25px;margin-top: 28px;} .p-l-safety .right{margin-bottom: 15px;padding: 15px 15px;} .p-l-safety .right .img img {border-radius: 30px;} .p-l-about .container-xl{flex-wrap: wrap;} .p-l-about .left{padding-top: 0;} .p-l-about .right {padding-top: 15px;} .p-l-about .right .title{margin-left: -25px;margin-bottom: 15px;} .p-l-about .right .text {margin-bottom: 25px;} .p-l-about .right .more-8 span {font-size: 14px;} .more-8 img{padding-left: 10px;} .p-l-about .right .box-a{flex-wrap: wrap;} .p-l-about .right .text {margin-bottom: 15px;} .p-l-about{margin-bottom: 30px;} .p-l-equip .top-head {width: 100%;} .p-l-equip .top-head .title{margin-left: -25px;margin-bottom: 15px;} .p-l-equip .top-head .title .btn-b-1 {padding-left: 20px;padding-right: 20px;} .p-l-equip .top-head {margin-bottom: 30px;} .p-l-equip .content-1{margin-top: 0;flex-wrap: wrap;} .p-l-equip .content{margin-bottom: 20px;} .p-l-equip .content .items .right {padding: 7px;margin-bottom: 15px;} .p-l-equip .content .items .right .img{padding: 5px;} .p-l-equip .content .items .right .img img{border-radius: 25px;} .p-l-equip .content-1 .list .img{width: 55px;height: 25px;} .p-l-equip .content-1 .list .img .img-fluid{max-width: 55%;} .p-l-equip .content-1 .list .h6{font-size: 10px;line-height: 10px;} .p-l-equip .content-1 .list{width: 24.5%;} .p-l-equip .content .items .h4{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .p-l-equip .content .text p{line-height: 20px;} .p-l-equip .content .items .right{display: flex;align-items: center;} .p-l-equip .content-1 .list .box{padding-top: 10px;padding-left: 0;padding-right: 0;} .p-l-equip .content .items.active{align-items: center;} .p-l-equip .content .items{flex-direction: column-reverse;} .p-l-equip .content .text strong {font-size: 14px;line-height: 20px;padding-left: 40px;} .p-l-equip{margin-bottom: 30px;} .p-l-faq .title{margin-left: -25px;} .all-faq .quen-q {font-size: 16px;line-height: 24px;padding-left: 27px;} .all-faq .items.active {margin-top: 20px;padding-bottom: 25px;background-size: 100% 100%;} .all-faq .items {padding-left: 20px;padding-top: 20px;padding-right: 25px;} .all-faq .quen-q::before{content: "";background: url(../../images/webp/a-stand-1.webp) no-repeat;background-size: contain;width: 20px;height: 20px;} .p-l-faq{margin-bottom: 0;} .about-paper{padding-top: 10px;} .about-us .right .title{margin-left: -25px;margin-right: 0;padding-left: 25px;padding-right: 25px;margin-bottom: 15px;} .about-us .right .text p{margin-bottom: 10px;} .about-us .right .text {margin-bottom: 20px;} .about-us .right .t1{font-size: 18px;margin-bottom: 20px;} .about-us .right .tu-biao{width: auto;padding-left: 25px;padding-right: 25px;padding-bottom: 10px;} .about-us .container-xl{flex-direction: column;} .about-us .container-xl .left{margin-bottom: 15px;} .about-us .right .btn-g-2 {padding-top: 0;} .about-us{margin-bottom: 30px;} .about-cer .container-xl{padding: 20px;flex-wrap: wrap;} .about-cer .title{margin-left: -25px;padding-left: 25px;margin-bottom: 15px;} .about-cer .left{margin-bottom: 15px;} .about-cer .text {margin-bottom: 25px;} .about-cer .more-8{padding: 12px 20px;} .about-cer .more-8 span {font-size: 16px;} .about-cer{margin-bottom: 30px;} .about-stand{margin-bottom: 0px;} .about-stand .container-xl{flex-wrap: wrap;flex-direction: column-reverse;} .about-stand .title{margin-left: -25px;margin-bottom: 20px;} .about-stand li {padding-left: 35px;margin-bottom: 20px;} .about-stand .right{margin-bottom: 15px;margin-right: 0;} .about-history .container-xl{flex-wrap: wrap;} .about-history {padding-top: 60px;padding-bottom: 20px;} .about-history .content{padding-left: 0;margin-top: 30px;} .about-history .title {margin-bottom: 0;} .his-qh1 .list.active .time {font-size: 22px;line-height: 26px;} .his-qh1 .time {font-size: 19px;line-height: 32px;} .about-patent{padding-top: 30px;padding-bottom: 30px;} .about-paper .title{margin-left: -25px;padding-left: 25px;padding-right: 0;display: block;margin-bottom: 20px;} .about-patent li {font-size: 16px;line-height: 24px;margin-bottom: 20px;} .about-patent li::before {padding-right: 20px;} .about-patent ul{margin-bottom: 20px;} .about-patent .more-8{padding: 12px 20px;} .more-8 span{font-size: 16px !important;} .about-patent .container-xl{flex-direction: column-reverse;} .about-patent .right{margin-bottom: 15px;} .about-still{padding-top: 30px;padding-bottom: 30px;} .about-still .h2{font-size: 19px;line-height: 27px;margin-bottom: 15px;} .about-still .btn-g-1 {padding-top: 12px;padding-bottom: 12px;} .about-still .col-md-4{width: 50%;margin-bottom: 25px;} .about-still .row{margin: 0 -7px;} .about-still .list .big-box {padding: 10px;margin-bottom: 18px;} .about-still .t1{font-size: 16px;margin-bottom: 10px;} .about-still .text-box{padding-left: 0px;padding-right: 0px;height: auto;} .about-still .more-8{padding: 12px 10px ;} .about-still .text {margin-bottom: 20px;} .team-paper{padding-top: 10px;padding-bottom: 10px;} .team-zhu .content{flex-wrap: wrap;flex-direction: column-reverse;} .all-team .items{flex-wrap: wrap;} .team-zhu .title{margin-left: -25px;margin-bottom: 15px;} .team-zhu .title .btn-c-3{padding-left: 25px;} .team-zhu .content .left {padding-top: 10px;} .team-zhu .content .text p{margin-bottom: 10px;} .team-zhu .content .text{margin-bottom: 15px;} .team-zhu .content .t2 {font-size: 20px;line-height: 28px;margin-bottom: 10px;} .team-zhu .content li{font-size: 15px;line-height: 23px;} .team-zhu .content .left::after {width: 130px;height: 100px;right: 0;} .team-zhu .content .right {padding: 20px 25px;} .team-zhu .content .right .img img {border-radius: 25px;} .team-zhu{margin-bottom: 30px;} .team-paper .all-team .items:first-child .left {padding-top: 25px;} .team-paper .all-team .items:nth-child(even) .right{margin-bottom: 25px;} .team-paper .all-team .items:last-child .title .p1{padding-right: 25px;} .team-paper .all-team .items:last-child .title .p2 {margin-top: 37px;padding-left: 25px;} .team-paper .all-team .items:last-child .title .p1{padding-left: 25px;} .team-paper .all-team {margin-bottom: 50px;} .team-press {padding-top: 30px;padding-bottom: 30px;} .team-press .title {margin-bottom: 20px;padding-left: 25px;padding-right: 25px;} .team-press .list {padding: 5px;width: 100%;} .team-press .list .img,.team-press .list .img img {border-radius: 7px;} .team-press .content{justify-content: flex-start;} .team-press .list + .list{margin-left: auto;} .team-press .col-md-4{width: 33%;} .team-paper .all-team .items .left .title {margin-left: -25px;} .team-press .container-xl.max-1920px{padding-left: 15px;padding-right: 15px;} .video-paper {padding-top: 10px;padding-bottom: 30px;} .h1{font-size: 20px;line-height: 28px;} .video-paper .top-head .text{width: 100%;} .video-paper .top-head {margin-bottom: 30px;} .video-paper .row, .cer-paper .row, .case-new .row, .news-paper .row, .all-product .row, .p-c-product .row {margin-left: -7px;margin-right: -7px;} .video-paper .row .col-md-4{width: 50%;margin-bottom: 25px;} .video-paper .row .box {padding: 8px;} .video-paper .row .img,.video-paper .row .img img ,.video-paper .row .back::before {border-radius: 9px;} .video-paper .row .cont .t2 {font-size: 14px;line-height: 20px;} .video-paper .row .cont{padding: 5px;} .video-paper .row .an-box img{max-width: 100%;height: auto;} .video-paper .row .an {width: 30px;} .video-paper .row .col-md-4, .cer-paper .col-md-3, .news-paper .col-md-4, .all-product .col-md-4, .p-c-product .col-md-6{padding-left: 7px;padding-right: 7px;} .cer-paper{padding-top: 10px;padding-bottom: 30px;} .cer-paper .top-head{width: 100%;margin-bottom: 30px;} .cer-paper .col-md-3{width: 50%;margin-bottom: 25px;} .cer-paper .col-md-3 p {font-size: 14px;margin-top: 15px;} .cer-paper .col-md-3 .list .box {padding: 10px;} .cer-paper .col-md-3 .list:hover::after {z-index: 3;} .faq-paper{padding-top: 10px;padding-bottom: 30px;} .faq-paper .top-head{width: 100%;} .cust-paper .cust-top {padding: 15px;flex-wrap: wrap;margin-bottom: 30px;} .cust-paper .cust-top .left {font-size: 18px;line-height: 26px;padding: 15px;} .cust-paper .cust-top .left .h5{margin-bottom: 20px;margin-bottom: 8px;} .cust-paper .cust-top>div + div {border-left: none;border-top: 4px solid rgba(142, 208, 233, .3);} .cust-paper .cust-top .right {padding-left: 0;font-size: 18px;line-height: 26px;padding: 15px;} .cust-paper {margin-top: 0;padding-bottom: 30px;} .banner-cust.all-banner .h1{font-size: 24px} .cust-paper .title .p1{margin-bottom: 15px;} .cust-paper .title .p2{padding: 5px 25px 5px 25px;text-align: center;} .cust-mater .content{margin-top: 25px;flex-wrap: wrap;} .cust-mater .left .box .d{font-size: 14px;} .cust-mater .left {padding-top: 0;} .cust-mater .right .box-img {padding: 15px;} .cust-mater .right .box-img img {border-radius: 25px;} .cust-mater .right{margin-bottom: 20px;} .cust-mater .left .text p {margin-bottom: 10px;} .cust-mater .left {padding-bottom: 0;} .cust-mater{margin-bottom: 30px;} .cust-adv .title{margin-bottom: 15px;} .cust-adv .content{flex-wrap: wrap;} .cust-adv .items{padding: 15px;flex: auto;margin-bottom: 20px;} .cust-adv .items:last-child{margin-bottom: 0;} .cust-adv .img {width: 40px;} .cust-adv .h6 {font-size: 16px;line-height: 24px;margin-bottom: 15px;} .cust-adv .items + .items {margin-left: 0;} .cust-adv .img {margin-bottom: 10px;} .cust-adv{margin-bottom: 30px;} .cust-quality>.title,.cust-faq>.title{margin-bottom: 15px;} .cust-quality .items{flex-wrap: wrap;margin-bottom: 20px;} .cust-quality .items:nth-child(odd) .title{margin-left: 0px;} .cust-quality .items .title{padding: 5px 0 5px 25px;margin-bottom: 15px;} .cust-quality .items .right .img {margin: 10px;} .cust-quality .items .right .img img {border-radius: 25px;} .cust-quality .items .left{margin-bottom: 15px;} .cust-quality .items .left{padding-top: 10px;} .cust-quality .content::after{display: none;} .cust-quality .content{padding-bottom: 30px;} .cust-quality{margin-bottom: 0;} .all-faq .items.active .quen-q {margin-bottom: 15px;} .case-paper{padding-top: 10px;} .case-new{padding-top: 20px;padding-bottom: 30px;} .case-new .title{margin-bottom: 15px;} /* .case-new .items {padding: 10px;} .case-new .items .box {padding-top: 15px;padding-left: 0;} .case-new .items .t1 {font-size: 16px;margin-bottom: 10px;} .case-new .items .cont .an{width: 30px;} .case-new .items .cont .an img{max-width: 100%;height: auto;} .case-new .col-md-4{margin-bottom: 25px;width: 50%;} .case-new .items .cont{flex-wrap: wrap;} */ .case-paper .p-c-app {padding-bottom: 60px;} /* .case-new .btn-g-1{padding-left: 25px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px;} */ .download-paper{padding-top: 10px;padding-bottom: 30px;} .download-paper .top-head{width: 100%;margin-bottom: 30px;} .download-paper .content{flex-wrap: wrap;} .download-paper .content .left-img{margin-left: 0;width: 100%;} .download-paper .content .right{margin-right: 0;padding: 15px;} .form-feedback .form-group + .form-group{padding-left: inherit;} .form-feedback .form-group{padding: 0;} .form-feedback .form-group {margin-bottom: 15px;} .service-paper{padding-top: 10px;padding-bottom: 30px;} .service-paper .top-head{flex-wrap: wrap;margin-bottom: 0px;} .service-paper .top-head .list {width: 49%;margin-bottom: 20px;} .service-paper .top-head .img {width: 50px;} .all-team .items .left{margin-bottom: 15px;} .all-team .items{margin-bottom: 25px;} .service-paper .all-team .items .small-img{display: none !important;} .service-paper .all-team .title{padding-top: 5px;padding-bottom: 5px;} .news-paper{padding-top: 10px;padding-bottom: 30px;} .news-paper .top-head{margin-bottom: 30px;} .all-nav a {font-size: 16px;line-height: 24px;height: 42px;width: 150px;} .news-paper .all-nav{flex-direction: row;justify-content: space-between;flex-wrap: wrap;} .news-paper .list .t1 {font-size: 16px;margin-bottom: 15px;} .news-paper .list .box {padding-top: 10px;} .news-paper .col-md-4{margin-bottom: 25px;} .news-in-top .aside-box-1 {padding: 20px 20px 20px 25px;} .news-in-paper{padding-top: 10px;padding-bottom: 30px;overflow: hidden;} .all-nav{flex-direction: row;justify-content: space-between;} .news-in-paper .news-in-top{flex-wrap: wrap;} .news-in-top .article,.news-in-top .aside{width: 100%;} .news-in-paper .h1{font-size: 22px;line-height: 32px;} .news-in-paper .time{font-size: 16px;line-height: 24px;} .news-in-paper .type {padding-top: 0;margin-bottom: 15px;flex-wrap: wrap;} .news-in-paper .type-box{margin-bottom: 10px;} .news-in-paper .article .content {padding-top: 15px;padding-bottom: 15px;} .news-in-paper .article .content p{margin-bottom: 10px;} .news-in-paper .tail-box{padding-top: 30px;flex-wrap: wrap;} .news-in-paper .tail-box .box-left{width: 100%;} .news-in-paper .tail-box a,.news-in-paper .tail-box span {font-size: 14px;line-height: 20px;} .news-in-paper .tail-box p {margin-bottom: 0px;} .news-in-paper .tail-box .box-right {width: 100%;} .news-in-paper .tail-box .btn-b{font-size: 16px;line-height: 24px;padding: 10px 30px;margin-top: 15px;} .news-in-paper .article{margin-bottom: 30px;} .news-in-top .aside .h3 {font-size: 19px;line-height: 27px;margin-bottom: 15px;} .news-in-top .aside .t2 {font-size: 16px;line-height: 24px;} .news-in-top .aside-box .time{font-size: 14px;line-height: 20px;} .news-in-top .aside-box .img{width: 48%;height: 110px;} .news-in-top{margin-bottom: 30px;} .all-product .btn-g-1 {font-size: 18px;line-height: 26px;padding-left: 25px;padding-right: 25px;margin-left: -25px;margin-bottom: 15px;text-align: center;} .all-product .col-md-4{width: 50%;margin-bottom: 25px;} .all-product .list .t2 {font-size: 16px;padding-left: 15px;padding-top: 20px;} .all-product .box .img,.all-product .box img{border-radius: 10px;} .all-product .box{padding: 10px;} .all-product .box .img{height: auto;} .contact-paper{padding-top: 10px;padding-bottom: 30px;} .contact-paper .top-head{margin-bottom: 30px;} .contact-paper .content{flex-wrap: wrap;margin-bottom: 30px;} .contact-paper .right .font-sty {font-size: 16px;line-height: 24px;} .contact-paper .right .t2 {font-size: 18px;line-height: 26px;} .contact-paper .right .d ,.contact-paper .right .d:nth-child(2){margin-bottom: 20px;} .contact-paper .right .d a + a{margin-left: 0;} .contact-paper .right{margin-bottom: 20px;} .contact-paper .all-contact{padding: 15px;} .p-l-safety{margin-top: 30px;gap: 40px;} .p-l-safety .items{flex-wrap: wrap;flex-direction: column-reverse !important;} .product-list-paper .index-new{margin-bottom: 30px;} .mySwiper-equip{overflow: hidden;position: relative;padding-bottom: 30px;} .mySwiper-equip .page-equip{left: 0;bottom: 0;} .mySwiper-equip .page-equip span{background-color: var(--public-color);opacity: .2;} .mySwiper-equip .page-equip span.swiper-pagination-bullet-active{opacity: 1;} .p-l-equip .content .items{display: flex;} .p-l-equip .content .text strong::before{content: "";background: url(../../images/webp/p-l-back-16.webp);width: 12px;height: 12px;background-size: 100% 100%;top: 3px;} .p-l-equip .content .text p{margin-bottom: 10px;} .p-l-equip .content .text p:last-child{margin-bottom: 0;} .cust-quality .items .text{margin-left: 0 !important;margin-right: 0 !important;} } .product-detail{margin-bottom: 230px;} .detail-top { margin-top: 70px; margin-bottom: 135px; } .detail-top{ display: flex; justify-content: space-between; } .detail-top .left{ width: 40%; } .detail-top .left h1{ font-size: 52px; line-height: 60px; font-weight: bold; color: var(--public-color-c); margin-top: 20px; margin-bottom: 30px; font-family: 'Geogrotesque-Bold'; } .detail-top .left .text{ color:#666666; font-size: 20px; line-height: 32px; margin-bottom: 20px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .detail-top .left .box{ margin-top: 50px; display: flex; align-items: center; } .detail-top .left .box .d1{ margin-right: 28px; } .detail-top .more-7{padding: 25px 0px 26px 0px;width: 290px;background:url(../../images/webp/btn-g-4.webp) no-repeat;background-size: 100% 100%;} .detail-top .more-7:after{background:url(../../images/webp/btn-b-2.webp) no-repeat;background-size: 100% 100%;} /* .detail-top .more-7:hover span{color: var(--public-color-c);} */ .detail-top .more-7 span{font-family: 'Geogrotesque-Bold';font-size: 22px;text-transform: uppercase;} .detail-top .more-7 span img{padding-left: 20px;} .detail-top .more-7:hover{background: none;} .detail-top .left .box .d2{ display: flex; } .detail-top .left .box .d2>a{ font-size: 16px; width:79px; height: 79px; border-radius: 100%; font-weight: bold; color: #fff; background:url(../../images/webp/btn-3.webp) no-repeat; display: flex; align-items: center; justify-content: center; transition: all .6s; padding: 10px 0; } .detail-top .left .box .d2>a:hover{ background:url(../../images/webp/btn-2.webp) no-repeat; background-size: 100%; color: #fff; } .detail-top .left .box .d2>a span{ font-size: 26px; margin-right: -6px; } .detail-top .left ul{ display: flex; align-items: center; margin-top: 32px; } .detail-top .left ul>p{ color:#666666; font-weight: 600; font-size: 24px; line-height: 36px; margin-right: 13px; } .detail-top .left ul li{ margin-right: 7px; text-align: center; } .detail-top .left ul a{ width: 23px; height: 24px; background:url(../../images/webp/detail-1.webp) no-repeat; border-radius: 2px; color:#fff; font-size: 14px; display: flex; align-items: center; justify-content: center; } .detail-top .right{ width: 57%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .detail-top .right-img img,.detail-top .right-img{border-radius: 20px;overflow: hidden;} .detail-top .right .thumb-selectors{ /* display: flex; */ width: 77%; margin-top: 20px;padding: 0; } .detail-top .right-img figure{background: #f5f5f5;mix-blend-mode: darken;} .detail-top .right-img figure>img{background: #f5f5f5;mix-blend-mode: darken;} .detail-top .right .swiper-slide{aspect-ratio: 1; overflow: hidden; display: flex; justify-content: center;} .detail-top .right .span{ /* margin-right: 9px; */ /* width: calc(calc(100% - 20px * 4) / 5); */ /* aspect-ratio: 1; */ overflow: hidden; display: flex; justify-content: center; position: relative; margin-right: 20px; } .detail-top .right .span::before{content: "";width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);position: absolute;left: 0;top: 0;} .detail-top .right .mz-thumb.mz-thumb-selected.span.span::before{background-color: rgba(0, 0, 0, 0);} .detail-top .right .mz-thumb.mz-thumb-selected.span::after{content: "";width: 100%;height: 100%;border: solid 8px var(--public-color-c);position: absolute;left: 0;top: 0;} .detail-top .right .mz-thumb.mz-thumb-selected {} .detail-top .right .span img{border: none;} .detail-top .right .thumb-selectors span:last-child{ margin-right: 0; } .detail-top .right .thumb-selectors a { border-radius: 10px; } .detail-top .right .thumb-selectors a img{width: auto !important;max-width: none;border-radius: 10px;} .detail-nav{ /* padding-top: 50px; */ padding-bottom: 130px; /* border-bottom: 1px solid rgba(1, 64, 153, .1); */ transition: all .6s ease-in-out; } .detail-nav.fadeInDown{ max-width: 1920px; background-color: #fff;z-index: 99;position: fixed; left: 0;right: 0; top: 67px; height: 70px; width: 100%; padding-top: 0; padding-bottom: 0; } .detail-nav-xl{display: flex;justify-content: space-between;height: 100%;width: 100%;gap: 10px;} .detail-nav-xl{ max-width:1400px; margin:0 auto; } /* .detail-nav-xl.fadeInDown li:not(.detail-nav li:last-child)::after{height: 100%;top: 0;} */ .detail-nav li{ position: relative; height: 100%; display: flex; align-items: center; justify-content: center; } .detail-nav li:last-child{margin-right: 0;} .detail-nav li a{ font-size: 20px; line-height: 32px; font-family: 'Geogrotesque-Bold'; color:#211543; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative;z-index: 99; overflow: hidden; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 5px; } .detail-nav li:hover a,.detail-nav li.active a{color: var(--public-color-c);} .p-i-content .title,.p-i-content .title-1{color: #fff;line-height: 62px;color: #fff;font-family: 'Geogrotesque-Bold';font-size: 42px;margin-bottom: 75px;text-align: center;background-color: var(--public-color-c);border-radius: 40px;height: 81px;display: flex;align-items: center;justify-content: center;} .p-i-content{font-size: 20px;line-height: 32px;color: #666;} .pro-detail .content{margin-bottom: 50px;} .pro-detail .text p{margin-bottom: 25px;} .pro-detail{margin-bottom: 75px;} .app-design h5::before{content: "✱";color: var(--public-color-c);padding-right: 25px;} .app-design h5{display: block;font-size: 28px;line-height: 32px;color: var(--public-color-c);font-family: 'Geogrotesque-Bold';margin-bottom: 15px;} .app-design .content p{margin-bottom: 50px ;} .app-design{margin-bottom: 110px;} .included h4{font-size: 48px;color: var(--public-color-c);font-family: 'Geogrotesque-Bold';margin-bottom: 45px;} .included h5{font-size: 24px;line-height: 32px;color: var(--public-color);font-family: 'Geogrotesque-Bold';margin-bottom: 30px;} .included h6{font-size: 20px;line-height: 32px;color: #8ed0e9;font-family: 'Geogrotesque-SemiBold';} .included h6::before{content: "✱";color: #8ed0e9;padding-right: 25px;} .included .content p{margin-bottom: 25px;} .included{margin-bottom: 100px;} .related-pro .p-l-model .content{width: 100%;} .related-pro .p-l-model .col-md-3{padding:0 13px;} .related-pro .p-l-model .row{margin: 0 -13px;} .pro-pack {margin-bottom: 110px;} .pro-pack .title{margin-bottom: 35px;} .pro-pack .h5{text-align: center;font-size: 28px;line-height: 32px;color: #666;font-family: 'Geogrotesque-Medium';margin-bottom: 55px;} .pro-pack .content{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;background-color: #efefef;} .pro-pack-img{flex: 0 0 58%;} .pro-pack-text{flex: 0 0 37%;font-size: 28px;line-height: 32px;color: #666;font-family: 'Geogrotesque-Medium';padding-right: 30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .pro-pack-text p{margin-bottom: 20px;} .pro-pack-text strong{font-family: 'Geogrotesque-Bold';color: var(--public-color-c);padding-right: 10px;} .pro-supplier .content{display: flex;flex-wrap: wrap;gap: 37px;} .pro-supplier .items{display: flex;justify-content: space-between;gap: 33px;} .pro-supplier .items:nth-child(even){flex-direction: row-reverse;} .pro-supplier .list{background:url(../../images/webp/tu-11.webp) no-repeat;background-size: 100% 100%;height: 270px;padding: 70px 60px 0 40px;position: relative;flex: 1;transition: background .6s ease-in-out;} .pro-supplier .list:hover{background-image: url(../../images/webp/tu-12.webp);} .pro-supplier .list:hover .num{color: var(--public-color-r);} .pro-supplier .items:first-child .list:last-child .img-2 img{transform: rotate(90deg);} .pro-supplier .items:last-child img{transform: rotate(180deg);} .pro-supplier .num { position: absolute; right: 15px; top: 18px; width: 61px; height: 61px; border-radius: 100%; background-color: #fff; color: #8ed0e9; font-family: 'Geogrotesque-SemiBold'; display: inline-flex; align-items: center; justify-content: center; font-size: 28px; line-height: 32px; transition: color .6s ease-in-out; } .pro-supplier .img{display: flex;justify-content: space-between;margin-bottom: 30px;align-items: center;} .pro-supplier .cont{font-family: 'Geogrotesque-SemiBold';color: #fff;font-size: 28px;line-height: 32px;} .pro-supplier {margin-bottom: 85px;} .pro-partner .img-1{margin-bottom: 55px;} .pro-partner {margin-bottom: 120px;} .pro-cer{margin-bottom: 100px;} @media(max-width:1530px){ .pro-supplier .items {width: 100%;} .pro-supplier .cont{font-size: 25px;} .pro-supplier .list{padding: 70px 25px 0 30px;} } @media(max-width:1500px){ .about-stand .right{margin-right: 0;} } @media (max-width: 1470px){ .related-news .all-news .col-md-4{padding: 0 15px;} .related-news .all-news .row{margin: 0 -15px;} } @media(max-width:1420px){ .detail-nav.fadeInDown {top: 57px;} .detail-top .left h1 {font-size: 48px;line-height: 58px;} } @media(max-width:1380px){ .p-l-equip .content-1 {margin-top: 30px;} .p-l-equip .content .items.active{align-items: center;} } @media(max-width:1300px){ .detail-top .left h1 {font-size: 42px;line-height: 54px;} } @media(max-width:1250px){ .pro-supplier .cont{font-size: 23px;} .p-l-safety .title {font-size: 43px;} .p-c-product .items .t1 {font-size: 34px;margin-bottom: 25px;} } @media(max-width:1200px){ .p-l-equip .content-1 .list .h6 {font-size: 20px;line-height: 28px;} } @media (max-width: 1190px){ .detail-nav{display: none;} .detail-top {margin-bottom: 100px;} } @media (max-width: 768px){ .detail-top{flex-direction: column-reverse;} .detail-top {padding-top: 0;margin-top: 0;margin-bottom: 30px;} .detail-top{flex-wrap: wrap;} .detail-top .left h1{font-size: 26px;line-height: 32px;margin-bottom: 15px;} .detail-top .left .box{margin-top: 0;} .detail-top .more-7{width: auto;} .detail-top .left ul{margin-top: 20px;} .detail-top .left{margin-bottom: 0px;} .p-i-content .title{width: auto;;margin-left: 0;margin-bottom: 15px;height: 54px;text-align: center;} .p-i-content .container-xl>div {margin-bottom: 35px !important;} .table-wrapper table th, .table-wrapper table td{font-size: 16px;} .app-design h5{font-size: 22px;} .app-design .content p{margin-bottom: 10px;} .p-i-content{font-size: 14px;line-height: 20px;} .included h4{font-size: 22px;margin-bottom: 10px;} .included h5{font-size: 18px;margin-bottom: 7px;} .included h6::before{padding-right: 5px;} .included h6{font-size: 16px;line-height: 26px;margin-bottom: 5px;} .included .content p{margin-bottom: 5px !important;} .detail-top .left .box .d2>a {width: 65px;height: 65px;background-size: 100% 100%;} .app-design h5::before{padding-right: 5px;} .related-pro .p-l-model .col-md-3{width: 50%;margin-bottom: 15px;} .mySwiper-new .news-pag{left: 0;bottom: 0;} .mySwiper-new{padding-bottom: 40px;} .mySwiper-new .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;} .mySwiper-new .swiper-pagination-bullet-active{opacity: 1;} .product-detail {margin-bottom: 0;} .detail-top .right .swiper-slide{aspect-ratio:inherit} .all-news .list .t1{font-size: 18px;margin-bottom: 10px;} .all-news .list .text{margin-bottom: 20px;} .all-news .list .an{margin-bottom: 15px;} .all-news .list{padding: 15px;} .index-banner .more-6{background-size: 100%;} .table-wrapper table tbody tr td p:first-child{margin-right: 0px;padding: 0 10px;} .table-wrapper table tr td{font-size: 14px;line-height: 20px;} .p-i-content .title-1 {font-size: 19px !important;line-height: 27px !important;margin-bottom: 15px;height: 54px;} .pro-pack .h5{font-size: 18px;line-height: 26px;margin-bottom: 20px;} .pro-pack-img,.pro-pack-text{flex: 0 0 100%;} .pro-pack-img{margin-bottom: 20px;} .pro-pack-text{font-size: 16px;line-height: 24px;padding-right: 0px;padding-left: 15px;} .pro-pack-text p{margin-bottom: 10px;} .pro-pack{margin-bottom: 20px;} .pro-supplier .items{flex-wrap:wrap;gap: 20px 0} .pro-supplier .list{padding: 20px !important;height: auto;flex: 0 0 47%;} .pro-supplier .cont{font-size: 16px;line-height: 24px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .pro-supplier .img .img-1{width: 40px;} .pro-supplier .img .img-2{display: none;} .pro-supplier .num{margin-bottom: 0px;width: 45px;height: 45px;font-size: 24px;} .pro-supplier .img{margin-bottom: 15px;} .pro-supplier .items:nth-child(even){flex-direction: row;} .pro-supplier .content{gap: 23px;} .pro-supplier{margin-bottom: 40px;} .pro-partner .img-1{margin-bottom: 40px;} .pro-partner{margin-bottom: 40px;} .pro-cer{margin-bottom: 40px;} .related-pro .p-l-model .row{gap: 30px;margin: 0;} .related-pro .p-l-model .col-md-3{width: 100%;} .case-paper .p-c-app .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .case-paper .content-app .row {margin: 0 -7px;gap: 30px 0;} .case-paper .content-app .row .col-md-4{width: 100%;} .case-new .btn-g-1{padding: 0 20px;height: 42px;display: inline-flex;align-items: center;justify-content: center;} .case-new .title{display: flex;justify-content: center;} .detail-top .left h1{font-size: 24px;line-height: 32px;} } .p-l-model .arrow{font-family:'Poppins';font-weight: bold;font-size: 16px;}