/*通用样式*/ :root{ --public-color:#88b938; --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:#999999;font-weight: 400;font-size:16px;line-height:28px;font-family: 'Poppins', sans-serif;} a{display:inline-block;transition: all .6s;} a:hover{color: var(--public-color) !important;} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid {max-width: 100%;height: auto;} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max)} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px} .container-xl.m-right{margin:0 auto;padding:0 15px} .container-xl.m-left{margin:0 auto;padding:0 15px} } .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;} .max-1830px{max-width: 1830px;} .max-1800px{max-width: 1800px;} .max-1790px{max-width: 1790px;} .max-1750px{max-width: 1750px;} .max-1740px{max-width: 1740px;} .max-1690px{max-width: 1690px;} .max-1680px{max-width: 1680px;} .max-1650px{max-width: 1650px;} .max-1640px{max-width: 1640px;} .max-1630px{max-width: 1630px;} .max-1610px{max-width: 1610px;} .max-1600px{max-width: 1600px;} .max-1590px{max-width: 1590px;} .max-1560px{max-width: 1560px;} .max-1540px{max-width: 1540px;} .max-1530px{max-width: 1530px;} .max-1480px{max-width: 1480px;} .max-1440px{max-width: 1440px;} .max-1430px{max-width: 1430px;} /*header*/ .home-header .header{position: fixed;top: 0;left: 0;width: 100%;} .home-header .header .navbar-custom .navbar-nav .nav-link{color: #fff;} .home-header .header .top-search-box i{color: #fff;} .home-header .header .navbar-custom .navbar-nav .nav-item.active .nav-link{color: var(--public-color);} .home-header .header .top-lang .dropdown.lang .dropdown-toggle,.home-header .header .dropdown.lang .dropdown-toggle:after{color: #fff;} .home-header .header.fadeInDown .top-search-box i{color: #333;} .dropdown-item.active, .dropdown-item:active{color: var(--public-color);} .dropdown-item{font-size: 17px;color: #666;font-weight: 400;} .in-header .header{position: relative;} .header{position: relative;left: 0;top: 0;width: 100%;z-index: 99;padding: 0;} .header .max-1830px{max-width: 1830px;} .header .row-nav{display: flex;align-items: center;} .header .header-nav{display: flex;align-items: center;justify-content: space-between;} .header .header-nav .top-logo{min-width: 200px;width: 10%;;padding:0;} .header .header-top .toch a{background-color: var(--public-color);color: #fff;font-size: 18px;width: auto;height: 42px;padding: 0 20px;letter-spacing: -1px;font-weight: 500;display: flex;align-items: center;justify-content: center;} .header .header-top .toch a:hover{background-color: #fff;} .header .header-top .toch a:hover::before,.header .header-top .toch a:hover::after{background-color: #fff;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: relative;} .header-desc{background:#f1f1f1; padding: 8px 0;} .header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;} .header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;} .top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;} .top-tel a{color: #666666;} .top-tel a:hover{color: #2455bf; transition: all 0.3s;} .top-lang{text-transform:uppercase;margin-left: 15px;} .dropdown.lang .dropdown-toggle:after{color: #333333;} .dropdown.lang .dropdown-menu {right: -40px;left: inherit;} .top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: 400;color:#333333;font-size: 18px;} .public-social span,.public-social a{border-radius:5px;} .navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;} .navbar .dropdown.pc:hover>.dropdown-menu{left: -15px;} .header .topcontact{display: flex;justify-content: flex-end;align-items: center} .header .topcontact li::after{content: "";width: 1px;height: 17px;background-color: rgba(255,255,255,.2);display: inline-block;margin-left: 20px;margin-right: 20px;} .header .topcontact li:nth-last-of-type(1)::after,.header .topcontact li:nth-last-of-type(2)::after{display: none;} .header .topcontact a.font-sty,.header .topcontact .icon{color: #fff;font-size: 16px;} .header .topcontact .cmsfont{padding-right: 15px;} .header .head-top-a{background-color: #333333;height: 40px;display: flex;align-items: center;} .header .header-top{padding-top: 0px;padding-bottom: 0px;} .header .social>span{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;} .header .social .hover-2{color: #fff !important;} .header .social .hover-2::before,.header .icon-instagram:before{font-size: 21px !important;} .header .social>a.social-pinterest{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;} .header .social-all .social{width: 18px;height: 18px;} .header .social>a{font-size: 21px;} .header .social-all{margin-left:36px} .header .social-all .social + .social{margin-left: 20px;} /*默认pc头部样式*/ .header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;animation: fadeInDown .4s;border-bottom: 1px solid var(--public-color);} .header.fadeInDown .navbar-custom .navbar-nav .nav-item {height: 75px;} .header.fadeInDown .ul-box{top: 75px;} .header.fadeInDown .header-top {background-color: #fff;} /* .header.fadeInDown .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #000;} */ .header.fadeInDown .navbar-custom .navbar-nav .nav-link, .header.fadeInDown .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after, .header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle, .header.fadeInDown .dropdown.lang .dropdown-toggle:after{color: #333;} .header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle, .header.fadeInDown .navbar-custom .navbar-nav .active .nav-link, .header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after, .header.fadeInDown .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);} .dropdown-toggle::after{margin-left: 0;} .all-font{font-family: 'Archivo';} /*默认导航样式*/ .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav .nav-item{margin: 0 10px;height: 90px;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle,.navbar-custom .navbar-nav .active .nav-link,.navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;height: 100%;padding:0;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:20px;line-height:32px;padding: 0;font-weight: 400;color: #333;} .navbar-custom .navbar-nav .nav-link:before {content:"";width:0px;height:5px;margin-left:0!important;background:var(--public-color);position:absolute;bottom: 0;border-radius: 2px;transition: all .6s;} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .active .nav-link:before{width:100%;transition:all .6s} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{padding:0 5px 0 10px;} .dropright .dropdown-toggle::after{margin-top:0;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out;transform: none !important;} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropdown-toggle{color: #16181b !important;display: flex;align-items: center;justify-content: space-between;} .navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropright:hover .dropdown-toggle{color: var(--public-color) !important;} /* @media(max-width:1480px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } } */ @media(max-width:1330px) { .navbar-custom .navbar-nav .nav-link {font-size: 18px;} } @media(max-width:1280px) { .navbar-custom .navbar-nav .nav-link {font-size: 17px;} .navbar-custom .navbar-nav .nav-item { margin: 0 5px; } } @media(max-width:1200px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item {margin: 0 10px} .header .header-top .toch{display: none;} } @media(max-width:1100px) { .navbar-custom .navbar-nav .nav-link {font-size: 14px;} .navbar-custom .navbar-nav .nav-item{margin: 0;} } @media(max-width:768px) { body { padding-top: 50px; } } /*移动端头部样式*/ @media(max-width:768px){ body{padding-top:50px;font-size:14px;} .header-mb{background:#000;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:30px;width:auto;} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff} .header-mb .top-mb .icon-bars{color:#fff} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%} .top-mb-search-box .search-group{width:100%;height:34px} .top-mb-feed i{font-size:16px;color:#fff} .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:var(--public-color);position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:#fff} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } /*#endregion*/ /*#region 移动端栏目列表*/ .menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; } .menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; } .menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; } .menu-collapse .collapse-title .navbar-toggler { color: #fff; } .menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 } .menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; } .menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 } /* 浮窗 */ #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap} #float .ico:hover>.img{display:block} #float .ico:hover p{right:56px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color:var(--public-color);transition:none} #float.hide{transform:translateX(56px)} #float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent} #float .ico#scroll-top{display:block!important;} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide{transform:translateX(40px)} #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 0rem; } .content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper ol { margin-left: 1em; padding-left: 1em; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; } .content-wrapper table p{margin-bottom: 0;} /* .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dcdcdc; text-align: center; } */ .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} /*#表格*/ /* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */ .table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;} .table-wrapper table thead{background-color: var(--public-color);} .table-wrapper table tr:nth-child(odd){background-color:#ffffff;} .table-wrapper table tr:nth-child(even){background-color: #f3f7fa} .table-wrapper table th{background-color: #f0f0f0;color: #333333;padding:10px 15px;font-weight: 600;font-size: 20px;border: solid 1px #cccccc;;text-align: left;} .table-wrapper table td {padding: 10px 15px; vertical-align: middle; font-size: 16px;color: #666;font-weight: 400;text-align: left;border: solid 1px #cccccc;} .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: solid 1px #fff;} .p-i-p-i-parameters .table-wrapper table td,.p-i-p-i-parameters .table-wrapper table th {padding-left: 110px;} .p-i-optional .table-wrapper table td,.p-i-optional .table-wrapper table th {padding-left: 25px;} @media (max-width: 575.98px) { .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media(max-width:768px) { .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1500.98px) { .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } /*#弹出框*/ .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} .reveal-modal .close-reveal-modal:hover{color: var(--public-color);} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } /*#留言表单*/ .form-feedback .btn { font-size: 18px; line-height: 23px; color: #2f3d5b; font-family: 'Archivo'; width: 188px; height: 48px; border-radius: 8px; background-color: #00f5b3; transition: ease-in-out .4s; } .form-feedback .btn:hover { background-color: #2f3d5b; color: #00f5b3; } @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s} .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} /*#搜索*/ .search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:rgba(0,0,0,0.5);height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.5)} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#333;font-size:1.5rem} .top-search-box li .top-search {border-radius:10px;} .top-search-box{cursor:pointer;z-index: 10;border-radius:5px;margin-right: 5px;width: 30px;height: 30px;display: flex;justify-content: center;} .top-search-box i{color: var(--public-color);font-size: 16px;} .top-search-box i.icon-1{color: #ffffff;} .top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0} .top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -7px;top: 30px;z-index: 99;padding:0;background-color: #fff;display: block;animation: fadeIn 0.5s ease-in-out;} .top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;} /*banner*/ .banner .banner-text{text-align: left;} .index-banner h1{text-align: center;color: #fff;font-size: 64px;line-height: 80px;letter-spacing: -2px;} .index-banner h1 span{display: block;} .all-banner{background-color: #ecf0f5;position: relative;overflow: hidden;padding-top: 35px;padding-bottom: 50px;border-bottom: 8px solid var(--public-color);height: 300px;} .all-banner h1 span{display: block;} .all-banner h1{margin-top: 40px;position: relative;z-index: 1;} .all-banner .container-xl{display: flex;flex-direction: column;justify-content: space-between;height: 100%;} .all-banner .h-s-img{z-index: 0;top: -40px;} .banner .all-small-nav{position: absolute;top: 35px;width: auto;max-width: 1430px;} .banner-esg .cont-box{width: 37%;text-align: left;margin-top: 50px;} .banner-esg hr{margin: 35px 0 30px;} .banner-esg .text{font-size: 16px;line-height: 28px;color: #666;} .banner-esg{overflow: hidden;} .banner-service .cont-box{width: 100%;text-align: center;} .banner-service .cont-box .all-down::after{margin-top: -25px;} .banner-pro{overflow: hidden;} .banner-pro .cont-box{width: 38%;color:#666} .banner-pro hr{margin:30px 0 40px;} .about-banner .all-banner h1::before{top: 60px;} .quality-banner .all-banner h1{margin-top: 65px;} .quality-banner .all-banner h1.all-right::before{top: calc(50% - 30px);} .footer{padding-top: 150px;background-color: #19284f;margin-top: -90px;} .footer-top{display: flex;justify-content: space-between;padding-bottom: 50px;} .footer-top .t1{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 25px;} .footer-top a.font-sty{font-size: 16px;color: #fff;opacity: .6;font-weight: 300;} .footer-top a.font-sty:hover{opacity: 1;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} .footer-top .list-1 {width: 51%;} .footer-top .list-1 .t1{margin-bottom: 45px;} .footer-top .list-1 .box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -20px;} .footer-top .list-1 a.font-sty{position: relative;padding-left: 15px;flex: 0 0 49%;margin-bottom: 20px;} .footer-top .list-1 a.font-sty::before{content: "\f105";font-family: 'cmsfont';position: absolute;left: 0;top: 0;} .footer-top .list-2{width: 20%;display: flex;flex-direction: column;justify-content: space-between;gap: 20px;} .footer-top .list-2 .a-box{display: inline-flex;flex-direction: column;align-items: flex-start;} .footer-top .t1 .icon{margin-right: 10px;} .footer-top .list-3{width: 22%;display: flex;flex-direction: column;justify-content: space-between;} .footer-top .list-3 .t1 img{margin-right: 10px;} .footer-top .list-3 .img-1{display: grid;grid-template-columns: repeat(2,86px);gap: 40px;} .footer-top .list-3 .img-2{padding: 7px;background-color: #ffffff;} .footer-bottom{border-top: 1px solid #737a8e;font-size: 16px;line-height: 29px;color: #ecf0f5;opacity: .6;padding: 25px 0 40px;display: flex;justify-content: space-between;align-items: center;} .all-social{display: flex;gap: 12px;} .all-social .hover-1,.all-social .hover-2{background-color: #8990a4 !important;border: none;color: #19284f !important;width: 40px;height: 40px;font-size: 18px !important;display: inline-flex;justify-content: center;align-items: center;border-radius: 100%;} .all-social .hover-1::before,.all-social .hover-2::before{font-size: 20px;width: inherit;} .all-social .hover-1:hover,.all-social .hover-2:hover{background-color: var(--public-color) !important;color: #fff !important;} .all-social .hover-1:hover img{filter: brightness(0) invert(1);} @media(max-width:1410px){ .footer-top .list-1 {width: 42%;} .footer-top .list-3 {width: 25%;min-width: 344px;} } @media(max-width:900px){ .footer-top{flex-wrap: wrap;} .footer-top .list-1 {width: 70%;} .footer-top .list-2 {width: 25%;} .footer-top .list-3{flex-direction: row;gap: 100px;margin-top: 60px;} } .small-nav{display: flex;align-items: center;} .small-nav ul{display: flex;align-items:center;flex-wrap: wrap;position: relative;} .small-nav ul a{font-size: 16px;line-height: 28px;font-weight: 400;color:#8f9194;} .small-nav ul li::before{content: ">";font-family: 'Poppins';font-weight: 600;line-height: 28px;font-size: 16px;padding: 0 10px;color:#999999;position: static;} .small-nav ul li:first-child::before{display: none;} .small-nav ul li:last-child a{font-weight: 500;} .small-nav ul li{display: flex;align-items: center;padding-left: 0;} .all-white .small-nav ul a{color: #fff;} .all-white .small-nav ul li::before{color: #fff;} .small-nav-xl{position: absolute;top: 0;max-width: var(--max);margin: auto;width: 100%;} .in-banner{margin-bottom: 35px;padding-top: 30px;} .in-banner .small-nav{position: static;} /* .in-banner .small-nav ul a{color:#999;} .in-banner .small-nav ul li:last-child a{color: var(--public-color-p);} */ /*共有的类名*/ .title,h1{font-size:42px;line-height:56px;color: #18284e;font-weight: 600;letter-spacing: -1px;} .title.title-c{text-align: center;} a.t1{color: #18284e;} h1.h1{font-size: 48px;line-height: 64px;color: #333;font-weight: bold;} .h6{font-size: 20px;line-height: 28px;color: var(--public-color);margin-bottom: 15px;} .text p{margin-bottom: 25px;} .text p:last-child{margin-bottom: 0;} .dfrsb{display: flex;justify-content: space-between;} .dfrsbc{display: flex;justify-content: space-between;align-items: center;} .dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;} .dfcsbc{display: flex;flex-direction: column;justify-content: space-between;} .dfrcc{display:flex;justify-content: center;align-items: center;} /* ul li{position: relative;padding-left: 35px;margin-bottom: 0px;} */ /* ul li::before{content: "\f00c";font-family: 'cmsfont';font-size: 24px;line-height: 32px;position: absolute;left: 0;top: 0px;color: var(--public-color);} */ .top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;} .img img.block{display: block;animation: bounceIn 1s;} .img img.red{display: none;animation: bounceIn 1s;} .row-line{position: relative;} .row-line::before{content: "";width: 45px;height: 6px;background-color: var(--public-color);display: block;margin-bottom: 15px;} .top-head-c{text-align: center;} span.g{color: var(--public-color);font-weight: 500;} hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);} .all-right{position: relative;padding-left:30px;} .all-right::before{position: absolute;left: -16px;top: 0;margin-right: 0;} ul li{padding-left: 45px;position: relative;font-size: 18px;color: #666666;} ul li:last-child{margin-bottom: 0;} ul li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color);font-weight: bold;position: absolute;left: 0;top: 0;font-size: 18px;} .header ul li{padding-left: 0;position:relative;} .header ul li::before{display: none;} .all-style{position: relative;padding: 0 115px;} .all-down::after{content: url(../../images/sign-7.webp);display: block;margin:10px auto 0;mix-blend-mode: multiply;} .all-right::before{content: url(../../images/sign-7.webp);display: inline-block;transform: rotate(-90deg);mix-blend-mode: multiply;margin-right: 15px;} .all-swiper{overflow: hidden;} .all-hover{background-color: #fff;width: 55px;height: 85px;color: #c6c6c6;transition: all .3s ease-in-out;} .all-hover:hover{background-color: var(--public-color);color: #fff;} /* From Uiverse.io by nikk7007 */ .shengzhi { color: #fff; height: 57px; padding: 0px 40px; display: inline-flex; align-items: center; background-color: var(--public-color); border-radius: 28px; border: .3px solid var(--public-color); transition: .5s; position: relative; overflow: hidden; cursor: pointer; z-index: 1; font-weight: 500; font-size: 18px; } .shengzhi::after, .shengzhi::before { content: ''; display: block; height: 100%; width: 100%; transform: skew(90deg) translate(-50%, -50%); position: absolute; inset: 50%; left: 25%; z-index: -1; transition: .5s ease-out; background-color:#ecf0f5; } .shengzhi::before { top: -50%; left: -25%; transform: skew(90deg) rotate(180deg) translate(-50%, -50%); } .shengzhi:hover::before { transform: skew(45deg) rotate(180deg) translate(-50%, -50%); background-color:#ecf0f5; } .shengzhi:hover::after { transform: skew(45deg) translate(-50%, -50%); background-color:#ecf0f5; } .shengzhi:hover { color: var(--public-color); } .shengzhi:active { filter: brightness(.7); transform: scale(.98); } .home{padding-top: 110px;} .home-pro {margin-bottom: 100px;} .home-pro .top-head{margin-bottom: 65px;} .home-pro .title{margin-bottom: 25px;} .home-pro .items{display: flex;justify-content: space-between;gap: 65px;margin-bottom: 55px;} .home-pro .list{flex: 1;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);padding: 10px 40px 40px;} .home-pro .list .img{margin-bottom: 20px;} .home-pro .list .t1{margin-bottom: 20px;} .home-pro .t1{font-size: 28px;line-height: 32px;font-weight: 500;letter-spacing: -1px;} .home-pro .list .text{color: #666;} .home-pro .content{display: flex;justify-content: space-between;align-items: center;gap: 60px;padding: 55px 36px 55px 65px;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);} .home-pro .content .left{width: 546px;min-width: 546px;} .home-pro .content .t1{margin-bottom: 50px;} .home-pro .content img,.home-pro .content .img{border-radius: 8px;} .home-pro ul li{font-size: 18px;line-height: 32px;color: #666;position: relative;padding-left: 45px;margin-bottom: 15px;} .home-pro ul li:last-child{margin-bottom: 0;} .home-pro ul li::before{content: "\f00c";font-family: 'cmsfont';font-weight: bold;color: var(--public-color);font-size: 18px;position: absolute;left: 0;top: 0;} .home-series{background-color: #ecf0f5;padding-top: 70px;padding-bottom: 40px;margin-bottom: 105px;} .home-series .title{margin-bottom: 60px;} .all-series .swiper-home-series{padding-bottom: 40px;} .all-series .swiper-slide{height: auto;} .all-series .list:hover::after{content: "";width: 66px;height: 8px;background-color: var(--public-color);position: absolute;bottom: 0;left: calc(50% - 33px);animation: fadeIn 1s;} .all-series .list:hover{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);position: relative;} .all-series .list{background-color: #fff;height: 100%;padding: 15px 15px 30px 15px;transition: all .3s ease-in-out;} .all-series .img{margin-bottom: 25px;} .all-series .cont{text-align: center;} .all-series .t1{font-size: 20px;line-height: 32px;color: #00215b;font-weight: 500;margin-bottom: 15px;} .all-series .list .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .home-sol {position: relative;overflow: hidden;padding-bottom: 65px;margin-bottom: 100px;} .h-s-img{position: absolute;right: -170px;top: 0;z-index: -1;display: flex;align-items: center;justify-content: center;width: 711px;height: 711px;animation: circle 10s linear infinite;} .h-s-img-1{position: absolute;transform: translate(-20px,27px);width: 600px;height: 600px;} @keyframes circle{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } .home-sol .top-head{width: 95%;margin-bottom: 90px;} .home-sol .title{font-weight: 600;width: 70%;position: relative;padding-left:35px} .home-sol hr{margin: 30px auto 40px;} .home-sol .top-head .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .home-sol .content{display: grid;grid-gap: 66px;grid-template-columns: repeat(3, 1fr);} .home-sol .list{padding: 65px 15px 20px;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);position: relative;display: inline-flex;flex-direction: column;align-items: center;justify-content: space-between;} .home-sol .list-1{display: inline-flex;flex-direction: column;align-items: center;} .home-sol .list .img,.home-sol .list .img img{border-radius: 8px;} .home-sol .video{background-color: var(--public-color);border-radius: 28px;color: #fff;display: inline-flex;align-items: center;padding-left: 20px;padding-right: 30px;height: 57px;font-size: 18px;font-weight: 500;position: absolute;top: -25px;} .home-sol .video img{display: block;margin-right: 12px;} .home-sol .img{margin-bottom: 30px;} .home-sol .t1{font-size: 20px;line-height: 37px;font-weight: 500;margin-bottom: 15px;color: #18284e;} .home-sol .box {text-align: center;padding: 0 15px 0;margin-bottom: 50px;} .home-sol .box .text{color: #999; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .home-sol .cont-img{display: flex;justify-content: space-between;gap: 25px;text-align: center;} .home-sol .img-1 .h5{font-size: 14px;line-height: 18px;color: #666;margin-top: 10px;height: 35px;} .home-sol .list:nth-child(1) .h5{margin-top: 10px;} .home-sol .list:nth-child(1) .cont-img{position: relative;width: 65%;margin: 0 auto 0;} .home-sol .list:nth-child(1) .cont-img::after{content: url(../../images/sign-3.webp);position: absolute;left: calc(50% - 12px);top: 30px;} .home-sol .list:nth-child(2) .cont-img{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2px;margin: 0 auto;} .home-about{background-color: #ecf0f5;padding-bottom: 95px;padding-top: 30px;margin-bottom: 120px;} .home-about .content{display: flex;justify-content: space-between;align-items: flex-end;} .home-about .left{width:56%;} .home-about .left img{display: block;margin-top: -70px;border-radius: 0px 180px 0px 0px;} .home-about .right{width: 38.5%;color: #666;padding-top: 0px;} .home-about .title{font-weight: 600;} .home-about .right .text{margin-bottom: 70px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .home-about hr{margin: 50px 0 40px;} .home-about .small-box{display: flex;justify-content: space-between;width: 73%;gap: 30px;margin-bottom: 55px;} .home-about .num{font-size: 28px;color: #18284e;letter-spacing: -1px;margin-bottom: 10px;} .home-about .num span{display: inline-block;margin-right: 5px;} .home-about .d{display: flex;justify-content: space-between;align-items: center;width: 82%;gap: 30px;} .home-about .d .shengzhi{min-width: 163px;} .home-about .img-1{mix-blend-mode: multiply;} .home-sust{margin-bottom: 215px;} .home-sust .title{margin-bottom: 55px;} .home-sust .all-down::after {margin-top: 0;} .home-sust .content{display: flex;justify-content: space-between;gap: 25px;} .home-sust .h4{font-size: 28px;color: #fff;font-weight: 500;letter-spacing: -1px;margin-bottom: 20px;} .home-sust .h5{font-size: 20px;line-height: 24px;color: #fff;font-weight: 500;} .home-sust .cont{color: #fff;} .home-sust .list{position: relative;} .home-sust .list-xl{position: absolute;left: 0;bottom: 0;padding: 0 30px 18px 45px;} .home-sust .left{width: 50%;} .home-sust .left .list{height: 100%;} .home-sust .left .list>img{border-radius: 0px 0px 0px 180px;height: 100%;} .home-sust .left .list-xl{padding: 0 80px 45px 105px;} .home-sust .left .img-1{margin-bottom: 105px;} .home-sust .right{width: auto;display: flex;flex-direction: column;justify-content: space-between;gap: 25px;} .home-sust .box:last-child{display: flex;justify-content: space-between;gap: 25px;} .home-sust .box .list-xl{padding-bottom: 25px;} .all-service-support{background-color: #ecf0f5;position: relative;margin-bottom: 125px;} .all-service-support::after{content: "";background-color: #fff;box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.2);border-radius: 180px 0px 0px 0px;position: absolute;right: 0;bottom: 0;width: 49.3%;height: 112%;} .all-service-support .content{display: flex;justify-content: space-between;align-items: center;} .all-service-support .left{padding: 65px 0 75px;width: 50%;} .all-service-support .right{width: 42%;background-color: #fff;position: relative;z-index: 1;} .all-service-support hr{margin: 45px 0 60px;} .all-service-support ul{margin-bottom: 70px;} .all-service-support ul li{margin-bottom: 20px;} .all-service-support ul li:last-child{margin-bottom: 0;} .all-service-support .d{display: flex;gap: 20px;} .all-service-support .shengzhi {gap: 10px;} .all-service-support .shengzhi:hover img{filter: none;animation: fadeIn 0.5s;} .all-service-support .shengzhi img{filter: brightness(0) invert(1);} .all-from .img-1{margin-bottom: 40px;margin-top: -50px;} .all-from .shengzhi{display: flex;width: 100%;justify-content: center;border-radius: 0;font-size: 20px;font-weight: 400;} .all-from .shengzhi:hover{color: var(--public-color);} .all-from .form-control{background-color: #ecf0f5;border: none;padding:16px 15px 16px 28px;position: relative;} .all-from .cicle-style::before{content: "";width: 6px;height: 27px;background-color: var(--public-color);position: absolute;left: 13px;top: 13px;display: block;z-index: 1;} .all-from .form-control::placeholder{font-size: 16px;color: #999;font-weight: 400;} .all-from .form-row{margin: 0 -13px 25px;} .all-from .form-group,.all-from .btn-box{margin-bottom: 0;padding: 0 13px;} .all-news {margin-bottom: 80px;} .all-news .all-down{margin-bottom: 60px;} .all-news .all-down::after{margin-top: 0;} .all-news .content{position: relative;padding: 0 105px;} .all-news .all-hover{background-color: #ecf0f5;top: 45%;} .all-news .all-hover:hover{background-color: var(--public-color);} .all-news .swiper-all-news{padding: 0 0 30px;} .all-news .swiper-slide{padding: 0 30px;height: auto;} .all-news .list{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;height: 100%;} .all-news .list .img,.all-news .list .img img{border-radius: 8px 8px 0 0;} .all-news .all-prev{left: 0px;} .all-news .all-next{right: 0px;} .all-news .box{padding: 30px 20px 30px 25px;position: relative;} .all-news .list:hover .box::after{content: "";width: 71px;height: 8px;background-color: var(--public-color);position: absolute;left: 25px;bottom: 0;animation: fadeIn 0.3s;} .all-news .t1{font-size: 20px;line-height: 28px;letter-spacing: -1px;font-weight: 500;margin-bottom: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .all-news .cont{margin-bottom: 20px;} .all-news .time{color: var(--public-color);} .max-1460px{max-width: 1460px;} .all-cust{position: relative;} .all-cust-xl{background: url(../../images/every-1.webp) no-repeat;width: 100%;background-size: 100% 100%;border-radius: 0px 180px 0px 0px;height: 260px;display: flex;justify-content: space-between;align-items: center;gap: 88px;padding: 0 60px 0 100px;} .all-cust .img-logo{width: 268px;min-width: 268px;} .all-cust .title{font-size: 36px;line-height: 37px;letter-spacing: -1px;font-weight: 600;margin-bottom: 15px;} .all-cust .text{margin-bottom: 30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-cust .jieheng-2{width: 205px;padding-left: 0;padding-right: 0;display: flex;justify-content: center;align-items: center;} .about-index{padding-top: 150px;} .about-zhu{margin-bottom: 170px;} .about-zhu .content{display: flex;justify-content: space-between;align-items: flex-end;} .about-zhu .left{width:56%;} .about-zhu .left img{border-radius: 0px 180px 0px 0px;} .about-zhu .right{width: 38.5%;color: #666;padding-top: 0px;} .about-zhu .h6{font-size: 20px;margin-bottom: 10px;} .about-zhu .title{font-weight: 600;line-height: 48px;} .about-zhu .right .text{margin-bottom: 70px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .about-zhu hr{margin: 35px 0 30px;} .about-zhu .small-box{display: flex;justify-content: space-between;width: 73%;gap: 30px;} .about-zhu .num{font-size: 28px;color: #18284e;letter-spacing: -1px;margin-bottom: 10px;} .about-zhu .num span{display: inline-block;margin-right: 5px;} .about-trans {background-color: #ecf0f5;padding: 85px 0 100px;margin-bottom: 90px;} .about-trans .content{display: flex;justify-content: space-between;} .about-trans .left{width: 50%;padding-top: 20px;} .about-trans .right{width: 44%;} .about-trans .h6{margin-bottom: 5px;} .about-trans .title{margin-bottom: 40px;} .about-trans .text{color: #666666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .about-items{margin-bottom: 155px;} .about-items .content{display: flex;justify-content: space-between;gap: 67px;} .about-items .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);flex: 1;color: #666;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;} .about-items .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;padding: 70px 30px 20px 65px;} .about-items .list>img{opacity: 0;transition: all .3s ease-in-out;width: auto;height: 100%;max-width: none;} .about-items .img-1{margin-bottom: 25px;height: 100px;} .about-items .h5{font-size: 28px;color: #18284e;font-weight: 500;letter-spacing: -1px;margin-bottom: 25px;} .about-items .cont{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .about-items .list.active>img{opacity: 1;} .about-items .list.active .h5{color: #fff;} .about-items .list.active .cont{color: #fff;} .about-items .list.active::after{content: "";width: 100%;height: 7px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;animation: fadeIn 0.3s;} .about-tech{margin-bottom: 150px;} .about-tech .top-head{width: 72%;margin:0 auto 60px;} .about-tech .top-head .title{width: 90%;margin:0 auto 20px;} .about-tech .top-head .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .about-tech .content{display: flex;justify-content: space-between;gap: 66px;} .about-tech .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);padding: 30px 35px 10px;display: flex;flex-direction: column;justify-content: center;transition: all .3s ease-in-out;flex: 1;} .about-tech .img img,.about-tech .img{border-radius: 8px;} .about-tech .img>img{opacity: .5;width: 100%;height: auto;} .about-tech .img{position: relative;display: flex;align-items: center;justify-content: center;background-color: #000;margin-bottom: 25px;} .about-tech .img-btn{position: absolute;cursor: pointer;} .about-tech .img-btn img{border-radius: 100%;transition: all .3s ease-in-out;} .about-tech .img-btn:hover img{transform: scale(1.05);} .about-tech .t1{font-size: 20px;font-weight: 500;text-align: center;} .about-tech .list:hover{transform: translateY(-5px);} .about-quality{background-color: #ecf0f5;padding-bottom: 75px;margin-bottom: 150px;} .about-quality .content{display: flex;justify-content: space-between;align-items: flex-end;position: relative;} .about-quality .title::after{content: "";width: 100%;height: 1px;background-color: var(--public-color);position: absolute;bottom: -85%;right: 0;} .about-quality .left{width: 45%;margin-top: -38px;position: relative;z-index: 1;} .about-quality .right{width: 48%;color: #666;padding-bottom: 45px;} .about-quality .title{margin-bottom: 95px;position: relative;} .about-quality img{border-radius: 0px 180px 0px 0px;} .about-esg{margin-bottom: 175px;} .about-esg .content{display: flex;justify-content: space-between;} .about-esg .left{margin-top: 50px;width: 38%;} .about-esg hr{margin: 40px 0;} .about-esg .text{margin-bottom: 90px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .about-esg .right {width: 55%;position: relative;display: flex;align-items: center;justify-content: center;} .about-esg .mixed-img{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 13px;border-radius: 120px 0px 120px 0px;overflow: hidden;} .about-esg .mixed-circle{position: absolute;transform: translate(0px,0px);width: 200px;height: 200px;animation: circle 6s ease-in-out infinite;} .about-esg .mixed-circle img{border-radius: 100%;} .about-esg .img{background-color: #000;position: relative;display: flex;align-items: center;justify-content: center;} .about-esg .img span{position: absolute;font-size: 20px;color: #fff;font-weight: 500;text-align: center;} .about-esg .img img{opacity: .5;transition: all .5s ease-in-out;} .about-esg .img:hover img{opacity: 1;} .about-esg .font{position: absolute;font-size: 20px;line-height: 28px;color: #333;font-weight: 500;text-align: center;} @keyframes circle{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } .all-service{position: relative;z-index: 1;} .all-service .content{display: flex;justify-content: space-between;align-items: flex-end;border-radius: 0px 180px 0px 0px;background-color: #ecf0f5;padding: 30px 75px 25px 40px;height: 350px;} .all-service .left{width: 35%;} .all-service .right{width: 60%;} .all-service .left,.all-service .left img{border-radius: 8px;} .all-service .title{margin-bottom: 40px;} .all-service .text{margin-bottom: 40px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .esg-index{padding-top: 100px;} .esg-rehoboth {margin-bottom: 95px;} .esg-rehoboth .top-head{width: 85%;margin-bottom: 55px;} .esg-rehoboth .h6{margin-bottom: 10px;} .esg-rehoboth .title{width: 90%;} .esg-rehoboth hr{margin: 30px 0 55px;} .esg-rehoboth .top-head .text{color: #666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .max-1660px{max-width: 1660px;} .esg-items {margin-bottom: 120px;} .esg-items .content{display: flex;justify-content: space-between;gap: 66px;} .esg-items .list{flex: 1;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: #666;padding: 30px 30px 0;height: 500px;transition: all .3s ease-in-out;} .esg-items .list:hover{transform: translateY(-5px);} .esg-items .list .img-1{height: 86px;margin-bottom: 40px;} .esg-items .list .h5{font-size: 20px;color: #18284e;letter-spacing: -1px;font-weight: 500;margin-bottom: 20px;} .esg-items .list .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-top-head{background-color: #ffffff;box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.2);border-radius: 0px 135px 0px 0px;width: 900px;min-width: 900px;height: 325px;display: flex;flex-direction: column;justify-content: center;color: #666;padding-left: 60px;margin-top: -175px;position: relative;z-index: 1;margin-bottom: 120px;} .all-top-head .content{width: 89%;} .all-top-head strong{color: var(--public-color);font-weight: 500;} .all-top-head hr{margin: 40px 0 30px;} .all-top-head .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .series-crusher {margin-bottom: 120px;} .series-crusher .title{margin-bottom: 75px;} .series-crusher .all-down::after{margin-top: 0;} .series-crusher .row{margin: 0 -36px;} .series-crusher .col-md-4{padding: 0 36px;} .series-crusher .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;height: 100%;} .series-crusher .img{background-color: #ecf0f5;border-radius: 8px 8px 0px 0px;} .series-crusher .img img{mix-blend-mode: darken;} .series-crusher .box{display: flex;justify-content: space-between;align-items: flex-end;padding: 30px 35px 35px 25px;gap: 30px;} .series-crusher .t1{font-size: 20px;line-height: 28px;font-weight: 500;margin-bottom: 15px;} .series-crusher .img-1,.series-crusher .img-1 img{border-radius: 100%;} .series-crusher .img-1{width: 94px;min-width: 94px;position: relative;} .series-crusher .img-1::before{content: url(../../images/sign-3.webp);position: absolute;left: -30px;bottom: 27px;} .series-crusher .row{gap: 90px 0;} .series-adv{margin-bottom: 205px;} .series-adv .title{margin-bottom: 95px;} .all-adv .content{display: grid;grid-gap: 75px 65px;grid-template-columns: repeat(2,1fr);} .all-adv .list{position: relative;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);transition: all .3s ease-in-out;} .all-adv .list>img{opacity: 0;transition: all .3s ease-in-out;} .all-adv .list-xl{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 70px 50px 40px 60px;} .all-adv .h5{font-size: 28px;font-weight: 500;letter-spacing: -1px;color: #18284e;margin-bottom: 25px;} .all-adv .img-1{height: 123px;margin-bottom: 30px;} .all-adv .text{color: #666;opacity: .9; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-adv .list.active{box-shadow: none;transform: translateY(-5px);} .all-adv .list.active>img{opacity: 1;} .all-adv .list.active .img-1 img{filter: brightness(0) invert(1);} .all-adv .list.active .h5{color: #fff;} .all-adv .list.active .text{color: #fff;} .all-adv .list.active::after{content: "";width: 100%;height: 7px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;} .quality-paper .items:nth-child(odd){padding: 160px 0 210px;} .quality-paper .items .content{display: flex;justify-content: space-between;align-items: center;} .quality-paper .items:nth-child(even){background-color: #ecf0f5;} .quality-paper .items:nth-child(even) .content{flex-direction: row-reverse;} .quality-paper .items .left{width: 40%;} .quality-paper .items .right{width: 58%;} .quality-paper .items hr{margin: 30px 0 50px;} .quality-paper .items {color: #666;} .quality-paper .items .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .quality-paper .items .text p{margin-bottom: 15px;} .quality-paper .items .text p:last-child{margin-bottom: 0;} .quality-paper .items img{border-radius: 8px;} .quality-paper .items:nth-child(2){padding-bottom: 45px;} .quality-paper .items:nth-child(2) .left{margin-top: -70px;width: 36%;} .quality-paper .items:nth-child(2) .right{width: 61%;} .quality-paper .items:last-child{padding: 80px 0 90px;} .quality-paper .items:last-child .left{width: 54%;} .quality-paper .items:last-child .right{width: 39%;} .quality-news{padding-top: 215px;} .service-paper{padding-top: 80px;} .service-top,.service-bottom {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 40px;margin-bottom: 50px;} .service-paper .all-list{flex: 0 0 calc(50% - 30px);background-color: #ffffff;padding: 35px 70px 55px 60px;transition: all .3s ease-in-out;} .service-paper .service-top .all-list:last-child,.service-paper .service-bottom .all-list:first-child{flex: 0 0 65%;margin: auto;text-align: center;} .service-paper .all-list .num{font-size: 80px;line-height: 82px;color: var(--public-color);letter-spacing: -2px;font-weight: 400;opacity: .2;margin-bottom: 10px;} .service-paper .all-list .h5{font-size: 28px;line-height: 32px;font-weight: 600;letter-spacing: -2px;color: #18284e;} .service-paper .all-list hr{margin:40px 0 45px} .service-paper .all-list .text{color: #666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .service-paper .all-list.active{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);} .max-1550px{max-width: 1550px;} .service-together{position: relative;margin-bottom: 80px;} .service-together-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;} .service-together .title{color: #fff;} .service-together .title span{display: block;} .service-together .all-down::after{content: url(../../images/sign-7.webp);mix-blend-mode: normal;} .plastic-top-head.all-top-head{height: auto;padding-top: 30px;padding-bottom: 30px;} .plastic-series .title{margin-bottom: 65px;} .plastic-series .title::after{margin-top: -10px;} .plastic-method{border-radius: 40px;border: solid 2px #cccccc;overflow: hidden;margin-bottom: 85px;} .plastic-method .list{display: grid;grid-template-columns: 335px auto;grid-gap: 30px;} .plastic-method .name{background-color: #ecf0f5;border-right: solid 2px #cccccc;text-align: center;font-weight: 600;color: #18284e;} .plastic-method .list + .list{border-top: solid 2px #cccccc;} .plastic-method .list>div{padding: 40px 0 30px;} .plastic-method ul{display: grid;grid-template-columns: repeat(3,1fr);} .plastic-method input[type="checkbox"]{appearance: none;-webkit-appearance: none;-moz-appearance: none;} .plastic-method .attr-item{position: relative;padding-left: 40px;cursor: pointer;font-size: 16px;color: #333;} .plastic-method .attr-item::before{content: "";width: 29px;height: 29px;border-radius: 4px;background-color: #eee;position: absolute;left: 0;top: 0px;} .plastic-method .attr-item::after{content: "\f00c";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 0;top: 0;font-size: 26px;opacity: 0;transition: all .3s ease-in-out;} .plastic-method .attr-item.active::after{opacity: 1;} .plastic-method .a-box{padding-left: 40px !important;} .plastic-pro{margin-bottom: 145px;} .plastic-pro .items{display: flex;justify-content: space-between;align-items: center;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);padding: 60px 20px 50px 20px ;position: relative;margin-bottom: 70px;transition: all.3s ease-in-out;} .plastic-pro .items::after{content: "";width: 100%;height: 6px;background-color: var(--public-color);position: absolute;bottom: 0;left: 0;transition: all.3s ease-in-out;opacity: 0;} .plastic-pro .items:hover::after{opacity: 1;} .plastic-pro .items:hover{transform: translateY(-10px);} .plastic-pro .t1{font-size: 28px;font-weight: 500;margin-bottom: 20px;letter-spacing: -1px;line-height: 32px;} .plastic-pro .text{color: #666;margin-bottom: 40px;} .plastic-pro .text strong{color: var(--public-color);font-weight: 400;} .plastic-pro .small-img{display: flex;gap: 70px;} .plastic-pro .d{display: flex;flex-direction: column;align-items: center;max-width: 105px;} .plastic-pro .d .img-1{margin-bottom: 15px;} .plastic-pro .t2{font-size: 14px;line-height: 18px;color: #666;text-align: center;} .plastic-pro a.img{width: 50%;} .plastic-pro .box{width: 47%;} .plastic-work{background-color: #ecf0f5;margin-bottom: 85px;} .plastic-work .content{display: flex;justify-content: space-between;} .plastic-work .left{width: 53%;padding-top: 55px;padding-bottom: 40px;} .plastic-work .right{width: 47%;} .plastic-work .img{position: relative;display: flex;justify-content: center;align-items: center;margin-top: -45px;} .plastic-work .img,.plastic-work .img>img{border-radius: 180px 0px 0px 0px} .plastic-work .img-btn{position: absolute;} .plastic-work .img-btn,.plastic-work .img-btn img{border-radius: 100%;} .plastic-work .img-btn img{transition: all .3s ease-in-out;cursor: pointer;} .plastic-work .img-btn:hover img{transform: scale(1.05);} .plastic-work hr{margin: 40px 0 25px;} .plastic-work h4{font-size: 20px;line-height: 28px;color: #666;font-weight: 500;margin: 40px 0 20px;} .plastic-work .title,.plastic-work .text{width: 87%;} .plastic-work .text strong{color: var(--public-color);font-weight: 500;} .plastic-film{margin-bottom: 70px;} .plastic-film .all-hover{background-color: #ecf0f5;} .plastic-film .swiper-slide{padding: 0 22px;height: auto;} .plastic-film .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);height: 100%;} .plastic-film .t1{font-size: 20px;line-height: 28px;font-weight: 500;color: #00215b;text-align: center;padding: 20px 5px 30px;} .swiper-plastic-film{padding-bottom: 30px;} .plastic-adv{margin-bottom: 145px;} .plastic-adv .title{width: 60%;margin:0 auto 95px;} .plastic-adv .title::after{margin-top: -10px;} .plastic-adv .all-adv .h5{margin-bottom: 25px;} .plastic-sol{background-color: #ecf0f5;position: relative;display: flex;align-items: center;padding: 80px 0;margin-bottom: 100px;} .plastic-sol .content{display: flex;gap: 125px;} .plastic-sol hr{margin: 45px 0 40px;} .plastic-sol .left {width: auto;} .plastic-sol .left .text {margin-bottom: 55px;} .plastic-sol .left .text p{margin-bottom: 15px;} .plastic-sol .left .text p:last-child{margin-bottom: 0;} .plastic-sol .right{width: 825px;min-width: 825px;height: 392px;background-color: #ffffff;border-radius: 180px 0px 0px 0px;overflow: hidden;position: relative;right: 0;display: flex;align-items: center;padding-left: 70px;} .plastic-sol .right .box{display: flex;flex-direction: column;align-items: center;text-align: center;width: 60%;position: relative;z-index: 1;} .plastic-sol .h4{font-size: 28px;color: #18284e;letter-spacing: -1px;font-weight: 500;margin-bottom: 30px;} .plastic-sol .cont{color: #666;margin-bottom: 65px;} .plastic-sol .h-s-img{z-index: 0;top: -40%;right: -48%;} .plastic-items{margin-bottom: 140px;} .plastic-items .content{display: flex;justify-content: space-between;gap: 54px;} .plastic-items .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;justify-content: space-between;align-items: center;text-align: center;flex: 1;padding:85px 40px 40px;transition: all .3s;} .plastic-items .img-1{margin-bottom: 25px;} .plastic-items .img-1 img.w{display: none;} .plastic-items .img-1 img.g{display: inline-block;} .plastic-items .h4{font-size: 28px;line-height: 38px;letter-spacing: -1px;color: #18284e;font-weight: 500;height: 72px;margin-bottom: 30px;transition: all .3s;} .plastic-items .text{color: #666;transition: all .3s; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .plastic-items .list-top{margin-bottom: 45px;} .plastic-items .list:hover{background-color: var(--public-color);} .plastic-items .list:hover .img-1 img.g{display: none;animation: fadeIn .3s ;} .plastic-items .list:hover .img-1 img.w{display: inline-block;animation: fadeIn .3s ;} .plastic-items .list:hover .h4{color: #fff;} .plastic-items .list:hover .text{color: #fff;} .plastic-items .list:hover .row-line::before{background-color: #fff;} .plastic-factory .all-factory .content{gap:30px 55px} .plastic-factory .v{position:relative;display: flex;justify-content: center;align-items: center;} .plastic-factory .v-img{border-radius:100%;position: absolute;} .plastic-factory .v-img img{border-radius:100%;transition: all .3s ease-in-out;} .plastic-factory .v-img img:hover{transform: scale(1.03);} .all-factory{background-color: #ecf0f5;padding: 90px 0 120px;} .all-factory .title{margin-bottom: 75px;} .all-factory .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:0 55px;} .all-factory .list{flex: 1;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);transition: all .3s ease-in-out;} .all-factory .t1{font-size: 28px;line-height: 28px;font-weight: 500;color: #00215b;text-align: center;padding: 35px 0 40px;} .all-factory .list:hover{transform: translateY(-5px);} .plastic-faqs {padding-top: 135px;padding-bottom: 200px;} .plastic-faqs .content{display: flex;justify-content: space-between;gap: 120px;} .plastic-faqs .aside{width: 370px;min-width: 370px;} .plastic-faqs .aside .title{font-size: 32px;line-height: 40px;} .plastic-faqs hr{margin: 30px 0 35px;} .plastic-faqs .text{margin-bottom: 30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .plastic-faqs .shengzhi{margin-bottom: 50px;} .plastic-faqs .article{width: auto;} .all-faq.active{animation: fadeIn .3s ease-in-out;} .all-faq .items{padding-top: 30px;border-bottom: solid 1px #e0e0e0;padding-bottom: 30px;} .all-faq .items:last-child{margin-bottom: 0;} .all-faq .quen-q{font-size: 20px;color:#18284e;font-weight: 500;position: relative;padding-left: 100px;width: 95%;} .all-faq .quen-q::before{content: "\f078";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 40px;font-size: 22px;font-weight: bold;} .all-faq .items.active .quen-q::before{content: "\f077";} .all-faq .quen-a{padding-left: 100px;width: 95%; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-faq .items.active .quen-q{margin-bottom: 20px;} .all-faq .items.active{background-color: #ecf0f5;border-radius: 24px;border-bottom: none;} .all-faq .items.show{border:none;} .product-index{padding-top: 125px;} .product-index .title-xl{font-size: 28px;line-height: 38px;font-weight: 500;letter-spacing: -1px;color: #18284e;} .pro-top-head {width: 75%;margin-bottom: 45px;} .pro-top-head .title{margin-bottom: 35px;} .pro-content {margin-bottom: 70px;} .pro-content .top-head{display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 40px;border-bottom: 1px solid var(--public-color);} .pro-content .all-button{position: relative;display: flex;flex-direction: row-reverse;gap: 55px;} .pro-content .all-button .all-hover{position: static;background-color: #ecf0f5;} .pro-content .all-button .all-hover:hover{background-color: var(--public-color);} .pro-content .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);} .pro-content .t1::before{content: "";width: 45px;height: 6px;background-color: var(--public-color);position: absolute;left: 65px;top: 0;transition: all .4s ease-in-out;} .pro-content .t1{font-size: 28px;letter-spacing: -1px;font-weight: 500;color: #18284e;padding-left: 65px;position: relative;padding-top: 40px;display: block;height: 120px;} .pro-content .list:hover .t1::before,.pro-content .list.active .t1::before{content: "";width: 100%;left: 0;padding-left: 0;} .swiper-pro-content {overflow: hidden;padding: 55px 0 30px 30px;padding-bottom: 30px;} .pro-content .list:hover .img{background-image: linear-gradient(0deg, #d5e2f1 0%, #34557a 100%);} .pro-content .list .img{padding: 30px 20px;transition: all .4s ease-in-out;} .product-auxiliary{background-color: #ecf0f5;padding: 75px 0 40px;margin-bottom: 170px;} .product-auxiliary .top-head{margin-bottom: 80px;} .product-auxiliary .title{margin-bottom: 35px;} .product-equip{margin-bottom: 110px;} .product-equip .title-xl{margin-bottom: 80px;} .product-equip .content{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 66px;} .product-equip .list{flex: 1;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);} .product-equip .list .img{padding: 30px 20px 0;} .product-equip .cont{padding:0 20px 40px 65px;position: relative;padding-top: 20px;color: #666666;transition: all .4s ease-in-out;} .product-equip .cont::before{content: "";width: 45px;height: 6px;background-color: var(--public-color);position: absolute;left: 65px;top: 0;transition: all .4s ease-in-out;} .product-equip .t1{font-size: 28px;letter-spacing: -1px;font-weight: 500;color: #18284e;margin-bottom: 20px;} .product-equip .list:hover .cont::before{padding-left: 0;width: 100%;left: 0;} .product-equip .list:hover .img{background-image: linear-gradient(0deg, #d5e2f1 0%, #34557a 100%);animation: fadeIn .3s;} .plastic-series #page .layui-laypage a, .plastic-series #page .layui-laypage span{width: 62px;height: 62px;border-radius: 0px;padding: 0;display: inline-flex;justify-content: center;align-items: center;font-size: 20px;line-height: 24px;color: #999999;background-color: #ecf0f5;border: none;} .plastic-series #page .layui-laypage>a:last-child, .plastic-series #page .layui-laypage>a:last-child em,.plastic-series #page .layui-laypage>a:first-child, .plastic-series #page .layui-laypage>a:first-child em,.plastic-series #page .layui-laypage-em{border-radius: 0px;} .plastic-series .layui-laypage{display: flex;gap: 13px;} .plastic-series #page .layui-laypage>a:last-child,.plastic-series #page .layui-laypage>a:first-child{position: relative;display: inline-flex;justify-content: center;align-items: center;font-size: 32px;} .plastic-series #page .layui-laypage>a:first-child::before{content: "\f053";font-family: 'cmsfont';position: absolute;} .plastic-series #page .layui-laypage>a:last-child::before{content: "\f054";font-family: 'cmsfont';position: absolute;} .plastic-series .layui-laypage-curr .layui-laypage-em{background-color: #ecf0f5 !important;} .plastic-series .layui-laypage-curr em{color: var(--public-color) !important;} .pro-banner{padding-bottom: 70px;background-image: linear-gradient(0deg, #ecf0f5 0%, #f6f6f6 100%);} .pro-banner .small-nav{padding-top: 35px;} .pro-banner .banner-text{position: static;} .pro-banner hr{margin: 20px 0 25px;} /* .pro-banner .pro-small-nav{position: absolute;max-width: 1430px;top: 30px;} .pro-banner .pro-small-nav .small-nav a{color: #fff;} .pro-banner .pro-small-nav .small-nav li::before{color: #fff;} */ .pro-banner .pro-in-content{display: flex;justify-content: space-between;align-items: center;margin-top: 45px;gap: 45px;} .pro-banner .left{width: 35%;min-width: 480px;text-align: left;} .pro-banner .left p{max-width: 100%;} .pro-banner .right{width: 63%;} .pro-banner h1{font-weight: 600;font-size: 42px;color: #18284e;font-weight: 600;letter-spacing: -1px;} .pro-banner .text{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .pro-banner .left .model{display: none;} .pro-banner .text strong{color: var(--public-color);font-weight: 500;} .pro-banner .left ul{border: 2px solid #cdcdcd;cursor: default;} .pro-banner .left li::before{content: "";} .pro-banner .left li + li{border-top: 2px solid #cdcdcd;} .pro-banner .left li{display: grid;grid-template-columns: 200px auto;font-size: 14px;line-height: 19px;padding-left: 0;margin-bottom: 0;text-align: center;} .pro-banner .left li h5{font-size: 14px;line-height: 19px;font-weight: 500;color: #666;padding: 10px 0;display: flex;align-items: center;justify-content: center;} .pro-banner .left li p{border-left: 2px solid #cdcdcd;text-align: center;padding: 10px 0;color: #333333;display: flex;align-items: center;justify-content: center;} .pro-banner .left li:nth-child(even){background-color: rgba(135,184,54,.1);} .product-in-paper{padding-top: 65px;} .pro-in-case {margin-bottom: 85px;} .pro-in-case .content{display: flex;justify-content: space-between;gap: 50px;} .pro-in-case .list{flex: 1;} .pro-in-case .img,.pro-in-case .img img{border-radius: 8px;} .pro-in-case .img{margin-bottom: 30px;} .pro-in-case .t1{font-size: 20px;color: #333;font-weight: 600;text-align: center;} .detail-nav{margin-bottom: 75px;} .detail-nav-xl{display: flex;background-color: #ecf0f5;} .detail-nav-xl a{font-size: 20px;line-height: 24px;color: #666;height: 60px;font-weight: 500;letter-spacing: -1px;display: flex;align-items: center;justify-content: center;padding: 0 45px;} .detail-nav-xl li.active a{color: #fff !important;background-color: var(--public-color);} .detail-nav-xl li{position: relative;} .detail-nav-xl li.active::after,.detail-nav-xl li:hover::after{width: 100%;} .detail-nav.fadeInDown{position: sticky;top: 70px;background-color: #fff;padding-top: 0px;z-index: 15;} .p-series-adv .content{display: flex;justify-content: space-between;align-items: center;} .p-series-adv .img{width: 42%;border-radius: 20px;overflow: hidden;} .p-series-adv .items{width: 55%;display: grid;grid-template-columns: repeat(2,1fr);gap:40px 25px;} .p-series-adv .items .d{font-size: 22px;line-height: 30px;color: #18284e;letter-spacing: -1px;margin-bottom: 10px;display: flex;align-items: flex-start;gap: 20px;} .p-series-adv .items .num{position: relative;font-weight: 500;} .p-series-adv .items .num::after{content: "";width: 6px;height: 6px;background-color: var(--public-color);border-radius: 100%;position: absolute;right: -8px;bottom: 8px;} .p-series-adv .list{border-bottom: 2px solid #ecf0f5;padding-bottom: 20px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-series-adv .cont{line-height: 24px;} .p-series-img .content{display: grid;grid-template-columns: repeat(4,1fr);gap:60px 30px;} .p-series-img .img,.p-series-img .img img{border-radius: 20px 20px 0 0;} .p-series-img .t1{background-color: var(--public-color);color: #fff;height: 40px;display: flex;justify-content: center;align-items: center;margin-top: 15px;} .p-series-video .content{display: grid;grid-template-columns: repeat(3,1fr);gap:60px 30px;} .p-series-video .v iframe{border-radius: 20px;} .p-series-video .t1{text-align: center;margin-top: 15px;font-size: 20px;line-height: 32px;color: #333;font-weight: 500;} .p-i-content .title-xl{font-size: 42px; line-height: 56px; color: #18284e; font-weight: 600; letter-spacing: -1px;} .p-i-content{margin-bottom: 185px;} .p-i-content>div{margin-bottom: 95px;} .p-i-content>div:last-child{margin-bottom: 0;} .p-i-content hr{margin: 35px 0 55px;} .p-i-introduct .content{display: flex;justify-content: space-between;align-items: center;} .p-i-introduct .pro-v{border-radius: 8px;overflow: hidden;} .p-i-introduct h5{font-size: 28px;line-height: 37px;color: #18284e;font-weight: 600;letter-spacing: -1px;margin-bottom: 35px;} .p-i-introduct .cont-box{font-weight: 16px;line-height: 28px;color: #999;} .p-i-introduct .cont-box p strong{font-weight: 500;} .p-i-introduct ul{margin-top: 80px;} .p-i-introduct li{font-size: 18px;line-height: 28px;color: #666;margin-bottom: 15px;padding-left: 30px;} .p-i-introduct li:last-child{margin-bottom: 0;} .p-i-introduct li::before{font-size: 22px;} .p-i-introduct .pro-v{width: 49%;} .p-i-introduct .cont-box{width: 45%; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-i-technical .content{display: grid;grid-template-columns: 320px auto;gap: 120px;} .p-i-technical .aside{position: sticky;top: 150px;height: fit-content;border-left: 2px solid #ccc;padding-left: 20px;} .p-i-technical .aside p{font-size: 20px;color: #666;font-weight: 500;letter-spacing: -1px;height: 70px;display: flex;align-items: center;width: 290px;padding-left: 35px;transition: all .3s ease-in-out;margin-bottom: 15px;position: relative;} .p-i-technical .aside p::before{content: "";width: 1px;height: 100%;background-color: var(--public-color);position: absolute;left: -22px;top: 0;opacity: 0;} .p-i-technical .aside p:hover::before,.p-i-technical .aside p.active::before{opacity: 1;} .p-i-technical .aside p:hover,.p-i-technical .aside p.active{background-color: var(--public-color);color: #fff;} .p-i-technical .aside p:last-child{margin-bottom: 0;} .p-i-technical .d-name{margin-bottom: 40px;position: relative;} .p-i-technical .title-xl{font-size: 28px;line-height: 37px;color: #18284e;font-weight: 600;letter-spacing: -1px;padding-left: 20px;} .p-i-technical .num{font-size: 60px;line-height: 60px;color: var(--public-color);opacity: .2;position: absolute;left: 0;bottom: 5px;} .p-i-technical .items{display: flex;justify-content: space-between;align-items: center;} .p-i-technical .items .img{width: 38%;border-radius: 20px;position: relative;} .p-i-technical .items .img::before{content: "";background: url(../../images/logo.webp) no-repeat;width: 130px;height: 24px;background-size: contain;position: absolute;left: 20px;top: 15px;z-index: 1;} .p-i-technical .text{width: 57%;font-size: 16px;line-height: 28px;color: #666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .technical-xl{margin-bottom: 80px;} .p-i-optional .part{margin-bottom: 40px;} .p-i-optional .part:last-child{margin-bottom: 0;} .p-i-optional .quen-q{background-color: rgba(135,184,54,.2);font-size: 28px;line-height: 32px;color: #333;font-weight: 600;padding: 25px 55px 25px 40px;position: relative;} .p-i-optional .quen-q::after{content: "";background: url(../../images/sign-7.webp) no-repeat;transform: none;width: 19px;height: 9px;background-size: contain;position: absolute;right: 40px;top: 50%;margin-top: 0px;} .p-i-optional .quen-a{padding: 25px 50px 25px 40px;} .p-i-optional .quen-a strong{font-weight: 500;color: var(--public-color);} .p-i-optional .part.active .quen-q::after{transform: rotate(-180deg);} .p-i-products{margin-bottom: 130px;} .p-i-products .title{margin-bottom: 80px;} .all-products .content{display: grid;grid-template-columns: repeat(2,1fr);gap: 66px;} .all-products .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);overflow: hidden;flex-direction: column;justify-content: space-between;} .all-products .list .img{padding: 30px 20px 0;height: 100%;max-height: 315px;display: flex;align-items: center;justify-content: center;} .all-products .list .img img{width: auto;height: 100%;max-width: none;} .all-products .cont::before{content: "";width: 45px;height: 6px;background-color: var(--public-color);position: absolute;left: 65px;top: 0;transition: all .4s ease-in-out;} .all-products .cont{padding: 40px 20px 20px 65px;position: relative;} .all-products .list:hover .cont::before{width: 100%;left: 0;} .all-products .t1{font-size: 28px;letter-spacing: -1px;font-weight: 500;color: #18284e;position: relative;display: block;margin-bottom: 10px;} .all-products .list:hover .t1::before,.all-products .list.active .t1::before{content: "";width: 100%;left: 0;padding-left: 0;} .all-products .list:hover .img{background-image: linear-gradient(0deg, #d5e2f1 0%, #34557a 100%);animation: fadeIn .3s;} .banner-sol{background-color: #000;} .banner-sol>img{opacity: .6;} .banner-sol .all-white{opacity: .5;} .banner-sol .content{text-align: center;margin: auto;width: 78%;} .banner-sol h1{color: #fff;} .banner-sol hr{width: 65%;margin-bottom: 30px;} .solution-paper{padding-top: 140px;} .sol-mixed {margin-bottom: 80px;} .sol-mixed .content{display: flex;justify-content: space-between;} .sol-mixed hr{margin: 30px 0 40px;} .sol-mixed .text{margin-bottom: 75px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-mixed .cont-img{display: inline-flex;gap: 50px;position: relative;} .sol-mixed .cont-img::after{content: url(../../images/sign-3.webp);position: absolute;left: calc(50% - 12px);top: 43px;} .sol-mixed .img-1{display: flex;flex-direction: column;align-items: center;} .sol-mixed .img-1 img{border-radius: 100%;width: 100px;} .sol-mixed .h5{font-size: 14px;margin-top: 15px;color: #666666;} .sol-mixed .left{width: 39%;} .sol-mixed .right{width: 57%;position: relative;display: flex;align-items: center;justify-content: center;} .sol-mixed .mixed-img{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 13px;border-radius: 120px 0px 120px 0px;overflow: hidden;} .sol-mixed .mixed-circle{position: absolute;transform: translate(0px,0px);width: 200px;height: 200px;animation: circle 6s ease-in-out infinite;} .sol-mixed .mixed-circle img{border-radius: 100%;} .sol-mixed .img{background-color: #000;} .sol-mixed .img img{opacity: .5;transition: all .5s ease-in-out;} .sol-mixed .img:hover img{opacity: 1;} @keyframes circle{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } .sol-series{margin-bottom: 175px;} .sol-series .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;align-items: center;overflow: hidden;} .sol-series .all-hover{background-color: #ecf0f5;} .sol-series .all-hover:hover{background-color: var(--public-color);} .sol-series .swiper-home-series{padding-top: 30px;padding-bottom: 30px;} .sol-series .t1{text-align: center;} .sol-series .swiper-slide{padding: 0 22px;} .sol-series .content{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px 40px;} .sol-plastic{background-color: #ecf0f5;padding-bottom: 80px;margin-bottom: 70px;} .sol-plastic .content{display: flex;justify-content: space-between;} .sol-plastic .left{margin-top: -85px;width: 56%;} .sol-plastic .right{width: 37%;padding-top: 50px;} .sol-plastic .left img{border-radius: 0 180px 0 0;} .sol-plastic hr{margin:30px 0 25px} .sol-plastic .text{margin-bottom: 50px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-plastic-name{display: flex;flex-wrap: wrap;grid-gap: 20px 28px;} .sol-plastic-name p{font-size: 20px;color: #666;letter-spacing: -1px;font-weight: 500;background-color: rgba(136,185,56,.2);height: 57px;padding: 0 24px;display: flex;align-items: center;justify-content: center;border-radius: 12px;} .sol-products{margin-bottom: 95px;} .sol-products .all-products .cont{position: relative;padding: 40px 20px 40px 65px;display: block;} .sol-products .all-products .t1{padding-left: 0;position: static;height: auto;padding-top: 0;margin-bottom: 25px;line-height: 32px;} .sol-materials {position: relative;overflow-x: clip;margin-bottom: 80px;} .sol-materials .h-s-img{position: absolute;right: -95px;top: -105px;opacity: .3;} .sol-materials-xl{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 0px 180px 0px 0px;padding: 55px 0 55px 65px;width: 90%;} .sol-materials-xl ol{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0 80px;} .sol-materials .title{margin-bottom: 20px;} .sol-materials .top-head .text{padding-left: 35px;} .sol-materials hr{margin: 30px 0 75px;} .sol-materials .content{position: relative;padding-right: 70px;margin-bottom: 38px;} .sol-materials .content::after{content: "";width: 1px;height: 100%;background-color: #e1e6df;position: absolute;left: 45%;top: 0;} .sol-materials li{display: flex;margin-bottom: 20px;} .sol-materials li::before{content: "\f054";font-family: 'cmsfont';font-size: 16px;color: #999999;font-weight: bold;margin-right: 18px;} .sol-materials li:hover::before{color: var(--public-color);} .sol-materials li a{font-size: 18px;line-height: 28px;color: #666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-materials .h6{font-size: 18px;line-height: 28px;color: var(--public-color);padding-right: 45px;} .sol-infor {margin-bottom: 200px;} .sol-infor .content{display: flex;justify-content: space-between;gap: 55px;margin-bottom: 70px;} .sol-infor .list{flex: 1;position: relative;background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);} .sol-infor .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 80px 20px 0 65px;} .sol-infor .list>img{opacity: 0;transition: all 0.3s ease-in-out;} .sol-infor .img-1{height: 90px;margin-bottom: 25px;} .sol-infor .h5{font-size: 28px;font-weight: 500;letter-spacing: -1px;color: #18284e;margin-bottom: 50px;} .sol-infor li{font-size: 18px;color: #666;margin-bottom: 25px;padding-left: 40px;} .sol-infor li:last-child{margin-bottom: 0;} .sol-infor li::before{font-size: 22px;} .sol-infor .list:hover>img{opacity: 1;} .sol-infor .list:hover .img-1{filter: brightness(0) invert(1);} .sol-infor .list:hover .h5,.sol-infor .list:hover li,.sol-infor .list:hover li::before{color: #fff;} .sol-infor .list:hover{box-shadow: none;} .sol-infor .a{display: flex;justify-content: center;} .sol-infor .a .shengzhi{width: 340px;height: 82px;text-align: center;border-radius: 41px;} .sol-quality-box{height: 500px;margin-bottom: 100px;overflow: hidden;} .sol-quality{position: relative;margin-top: 100px;} .sol-quality>img{height: 407px;width: auto;} .sol-quality-xl::after{content: "";width: 48%;height: 108%;background-color: #fff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 180px 0px 0px 0px;position: absolute;top: -95px;right: 0;} .sol-quality-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-bottom: 60px;} .sol-quality-xl .container-xl{width: 100%;height: 100%;} .sol-quality .sol-qua-box{width: 40%;height: 100%;float: right;position: relative;z-index: 1;} .sol-quality hr{margin: 40px 0 45px;} .sol-quality .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-provide {margin-bottom: 115px;} .sol-provide .content{display: flex;justify-content: space-between;gap: 55px;} .sol-provide .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);flex: 1;} .sol-provide .img{position: relative;display: flex;justify-content: center;} .sol-provide .img::after{content: "";width: 100%;height: 100%;border: 6px solid var(--public-color);position: absolute;left: 0;top: 0;border-bottom: none;} .sol-provide .img::before{content: "";width: 0;height: 6px;background-color: var(--public-color);position:absolute;bottom: 0;transition: width .5s ease-in-out;z-index: 1;} .sol-provide .img:hover::before{width: 100%;} .sol-provide .img,.sol-provide .img img{border-radius: 8px 8px 0 0;} .sol-provide .box{padding: 30px 15px 40px 40px;} .sol-provide .h5{font-size: 20px;font-weight: 500;color: #00215b;margin-bottom: 25px;} .sol-provide ol li{margin-bottom: 10px;position: relative;display: flex;} .sol-provide ol li::before{content: "\f054";font-family: 'cmsfont';color: #999999;font-weight: bold;font-size: 16px;margin-right: 12px;} .sol-provide ol li:last-child{margin-bottom: 0;} .sol-provide ol span{font-size: 18px;color: #333;font-weight: 300;cursor: default;transition: all .3s ease-in-out;} .sol-provide ol span:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;color: var(--public-color);} .sol-list-banner .container-xl{height: 100%;display: flex;align-items: flex-end;} .sol-list-banner h1::before{top: 0 !important;} .solution-in-paper{padding-top: 115px;} .solution-in-paper .row{gap: 80px 0;margin: 0 -27px 245px;} .solution-in-paper .col-md-4{padding: 0 27px;} .solution-in-paper .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);flex: 1;height: 100%;} .solution-in-paper .img{position: relative;display: flex;justify-content: center;} .solution-in-paper .img::after{content: "";width: 100%;height: 100%;border: 6px solid var(--public-color);position: absolute;left: 0;top: 0;border-bottom: none;} .solution-in-paper .img::before{content: "";width: 0;height: 6px;background-color: var(--public-color);position:absolute;bottom: 0;transition: width .5s ease-in-out;z-index: 1;} .solution-in-paper .img:hover::before{width: 100%;} .solution-in-paper .img,solution-in-paper .img img{border-radius: 8px 8px 0 0;} .solution-in-paper .box{padding: 30px 25px 40px 40px;} .solution-in-paper .h5{font-size: 20px;font-weight: 500;color: #00215b;margin-bottom: 10px;height: 85px;display: flex;align-items: center;} .solution-in-paper .list .text{color: #666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .faq-paper{padding-top: 90px;} .faq-paper h1{margin-bottom: 145px;} .faq-paper .content{display: flex;justify-content: space-between;gap: 130px;margin-bottom: 130px;} .faq-paper .aside{min-width: 290px;width: 290px;position: sticky;top: 100px;height: fit-content;} .faq-paper .aside ol{margin-bottom: 50px;} .faq-paper .aside li{width: 100%;padding-left: 50px;border-bottom: dashed 1px #cccccc;font-size: 20px;color: #666;font-weight: 500;padding-bottom: 40px;margin-bottom: 40px;position: relative;cursor: default;} .faq-paper .aside li::before{content: url(../../images/sign-7.webp);transform: rotate(-90deg);position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.3s ease-in-out;} .faq-paper .aside li:last-child{margin-bottom: 0;} .faq-paper .aside li.active::before{opacity: 1;} .faq-paper .aside li.active{border-bottom-color: var(--public-color);} .faq-paper .aside .dexiang{width: 100%;display: flex;justify-content: center;padding: 0;} .faq-paper .article{width: 65%;} .faq-paper .article .items{cursor: default;} .download-paper {padding-top: 85px;} .download-paper .content{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 155px;} .download-paper .all-from {margin-bottom: -40px;} .download-paper .all-from .img-1{margin-top: 0;} .download-paper .content .left{width: 49%;} .download-paper .content .right{width: 42%;} .download-paper .content .shengzhi{height: 73px;} .contact-index{padding-top: 90px;} .contact-index .cont-box{display: flex;justify-content: space-between;gap: 50px;margin-bottom: 140px;} .contact-index .cont-box .list{background-color: #ecf0f5;border-radius: 4px;flex: 1;position: relative;height: 170px;padding: 30px 50px 0 50px;} .contact-index .list .name{font-size: 20px;font-weight: 500;color: #01215c;margin-bottom: 10px;} .contact-index .list .font-sty{font-size: 16px;color: #333;} .contact-index .list .img-1{position: absolute;right:45px;top: 20px;} .contact-index .list .box-a{display: grid;grid-template-columns: repeat(2,1fr);gap: 0 20px;} .contact-content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 120px;} .contact-content .left{width: 52%;} .contact-content .right{width: 41%;} .contact-content .title-xl{font-size: 28px;line-height: 36px;color: #01215c;font-weight: 600;margin-bottom: 40px;} .contact-content .text{line-height: 24px;margin-bottom: 80px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .contact-content .text p{margin-bottom: 15px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .contact-content .text p:last-child{margin-bottom: 0;} .contact-content h5{font-size: 20px;font-weight: 600;color: #01215c;margin-bottom: 35px;} .contact-content hr{margin: 35px 0 20px;} .contact-content li{font-size: 16px;line-height: 24px;color: #666;padding-left: 35px;position: relative;margin-bottom: 25px;} .contact-content li:last-child{margin-bottom: 0;} .contact-content li::before{content: "\f00c";font-family: 'cmsfont';font-size: 22px;color: var(--public-color);position: absolute;left: 0;top: 0;} .contact-content .h6{font-size: 16px;line-height: 24px;font-weight: 400;} .contact-content .btn-box{display: flex;flex-direction: column;} .contact-content .all-from .shengzhi{height: 73px;} .contact-index .all-social{margin-bottom: 45px;} .contact-index .tel-img{display: flex;gap: 40px;margin-bottom: 30px;} .contact-index .tel-img .img{background-color: #ecf0f5;padding: 15px;} .contact-index .all-social .hover-1, .contact-index .all-social .hover-2{background-color: #ecf0f5 !important;color: #19284f !important;} .contact-index .all-social .hover-1:hover, .contact-index .all-social .hover-2:hover{background-color: var(--public-color) !important;} .all-nav{margin-bottom: 70px;} .all-nav a.shengzhi{border-radius: 0;background-color: #ecf0f5;color: #666;border: none;padding: 0 95px;font-size: 20px;letter-spacing: -1px;} .all-nav .shengzhi::after, .all-nav .shengzhi::before {background-color: var(--public-color);} .all-nav a.shengzhi:hover,.all-nav li.active a.shengzhi{color: #fff !important;} .all-nav li.active a.shengzhi,.all-nav li:hover a.shengzhi{background-color: var(--public-color);} .video-paper {padding-top: 70px ;} .video-paper .list{background-color: #ffffff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);padding: 20px 25px;transition: all 0.3s ease-in-out;height: 100%;} .video-paper .list .v{margin-bottom: 10px;} .video-paper .list .h5{font-size: 20px;color: #01215c;font-weight: 600;margin-bottom: 10px;} .video-paper .list .time{font-size: 15px;} .video-paper .row{margin: 0px -29px 144px;gap: 85px 0} .video-paper .col-md-4{padding: 0 29px;} .video-paper .list:hover{transform: translateY(-5px);} .video-nr{position:relative;padding:30px;;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;margin-bottom: 95px;} .video-nr .v-content{width:76%;height:100%;overflow:auto;margin-top: 30px;} .video-nr .v-content::-webkit-scrollbar{display:none;} .video-nr .v-content .v-title{font-size:34px;line-height:36px;font-weight:600;color: #666;margin-top:15px;margin-bottom:15px;} .video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-content .v-desc .left{font-size:16px;color:#9a9a9a;font-weight: 500;width: 40%;display: flex;justify-content: space-between;} .video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;} .video-nr .v-content .v-desc .left i:first-child{margin-left:0;} .video-nr .v-content .v-desc .right .v-ly{background:var(--public-color);border:1px solid var(--public-color);display: inline-flex;padding:5px 20px;align-items:center;color:#fff;} .video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);} .video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display: inline-flex;margin-left:15px;padding:5px 20px;align-items:center;color:#333;} .video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-fx:hover{background:var(--public-color);border-color:var(--public-color);color:#fff !important;} .video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;} .video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;} .video-nr .v-content .v-nr ul li{margin-left:20px;} .video-nr .v-content .v-nr ul li:first-child{margin-left:0;} .video-nr .v-content .v-nr a{color:var(--public-color);} .video-nr .v-content .v-nr a:hover{text-decoration:underline;} .video-nr .v-content .v-title2{border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;padding-top: 40px;} .video-nr .v-content .v-title2 .left{font-size: 34px;color: #666;font-weight: 500;position: relative;} .video-nr .v-content .v-title2 .left::before{content: url(../../images/video-in-1.webp);display: inline-block;margin-right: 15px;} .video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:var(--public-color);cursor:pointer;font-weight:initial;} .video-nr .v-content .v-title2 .right:hover{color:var(--public-color);} .video-nr .v-content .v-massage{font-size:16px;line-height:24px;} .video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;} .video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;} .video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;} .video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage strong{margin-right:0px;} .video-nr .v-side{width:22%;height:100%;overflow:auto;} .video-nr .v-side::-webkit-scrollbar{display:none;} .video-nr .v-side .v-pro{background:#fff;box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding:15px;margin-bottom:20px;} .video-nr .v-side .v-pro .box{display: flex;justify-content: space-between;margin-bottom: 20px;} .video-nr .v-side .v-pro .img{width:30%;} .video-nr .v-side .v-pro .t1{font-size:16px;line-height:24px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .video-nr .v-side .v-pro .text{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 20px;} .video-nr .v-side .v-pro .d-flex{margin-top:20px;} .video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 15px;border:1px solid var(--public-color);border-radius:50px;font-size:14px;line-height:20px;} .video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;} .video-nr .v-side .v-pro .d-flex a:hover{background:var(--public-color);color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child{background:var(--public-color);color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);} .video-nr .v-side .v-rel{background:#fff;padding:15px;border-radius:20px;} .video-nr .v-side .v-rel .big-t1{font-size:20px;line-height:28px;font-weight:500;margin-bottom:15px;color: #333;} .video-nr .v-side .v-rel .big-t1::before{content: url(../../images/video-in-2.webp);display: inline-block;margin-right: 15px;} .video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-side .v-rel .v-video-item .left{width:54%;} .video-nr .v-side .v-rel .v-video-item .right{width:42%;} .video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;} .video-nr .v-side .v-rel .v-video-item .t1 a{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px;} .v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap;} .v-feed-box .pro{width:30%;} .v-feed-box .pro a{transition:none;} .v-feed-box .right{width:68%;} .v-feed-box .right .title{text-align:left;} .v-feed-box .pro .text p{font-size: 15px;line-height: 22px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} .v-feed-box .pro .text p::before{content: url(../../images/sign-2.webp);font-family: 'cmsfont';line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;} .v-feed-box .pro h5{font-size: 15px;line-height: 22px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-top:15px; margin-bottom: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .v-share_bot{margin-top: 30px;border: 1px solid var(--public-color);border-radius: 30px;padding: 6px;display: flex;justify-content: space-between;overflow: hidden;} .v-share_bot input{border: 0; color: #666; font-size: 14px; padding-left: 10px; width: 100%; box-sizing: border-box; outline: 0; overflow: hidden; text-overflow: ellipsis;} .v-share_bot button{width: 114px; height: 42px; line-height: 42px; color: #fff; border: 0; background: var(--public-color); border-radius: 20px; flex-shrink: 0; cursor: pointer;} @media(max-width:768px) { .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;} .v-feed-box .pro{display:none;} .v-feed-box .right{width:100%;} .video-nr{height:auto;padding:15px;} .video-nr .v-content{width:100%;} .video-nr .v-side{width:100%;} .video-nr .v-content .v-desc .right{width:100%;} .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;} .video-nr .v-content .v-massage ul{padding-left:17px;} .video-nr .v-content .v-massage p{display:block;} .video-nr .v-content .v-massage ul li{display:block;} } .reveal-modal#mb-share{left: 60%; margin-left: -30%; width: 40%;} .v-share-box .share{display: flex; margin-top:30px; font-size: 0; transition: all .3s ease-in-out; justify-content: space-between;} .v-share-box .share_cell{font-size:16px;color:#333;text-align:center;} .v-share-box .share_cell p{margin-bottom:0;} .v-share-box .share_cell .icon.wa { background-position: -3px -180px; } .v-share-box .share_cell .icon.fb { background-position: -185px -235px; } .v-share-box .share_cell .icon.tw { background-position: -124px -177px; } .v-share-box .share_cell .icon.em { background-position: -64px -237px; } .v-share-box .share_cell .icon.li { background-position: -241px -204px; } .v-share-box .share_cell .icon:hover{box-shadow: 0 2px 6px rgb(0 0 0 / 25%);} .v-share-box .share_cell .icon{width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 6px; background: url(../../images/vc-sprite.webp) no-repeat -3px -180px; background-size: 300px; border-radius: 50%;} @media(max-width:768px) { .reveal-modal#mb-share{left: 10%; margin-left: -5%; width: 90%;} .p-d-first .text h5,.p-l-best .left .text h5{line-height:24px;} } .news-paper{padding-top: 105px;} .news-paper .row{margin: 0 -42px 120px;gap: 98px 0;} .news-paper .col-md-4{padding: 0 42px;} /*news-in-paper*/ .news-in-paper{margin-top:45px;margin-bottom:100px} .news-in-paper .h1{font-size:38px;line-height:56px;color:#333;font-weight:bold;margin-bottom: 50px;} .news-in-paper .type-time{border-bottom:1px solid #e5e5e5;color: #999;padding-bottom: 30px;} .news-in-paper .time img{display:inline-block;margin-right:10px} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .article{margin-bottom: 250px;} .news-in-paper .article .content{color:#666666;line-height:30px;font-size:16px;border-bottom:1px solid #e5e5e5;padding-bottom:70px;padding-top:40px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .news-in-paper .article img{max-width:100% !important;height:auto !important} .news-in-paper .article .content p{margin-bottom:20px} .news-in-paper .article h2{font-size: 28px;line-height: 32px;color: #18284e;margin-bottom: 25px;font-weight: 600;} .news-in-paper .article h4{font-size: 24px;line-height: 32px;color: #18284e;font-weight: 600;margin-bottom: 15px;} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between;align-items: flex-start;} .news-in-paper .box-tail .left{width:75%} .news-in-paper .box-tail .right{width:20%;display:flex;justify-content:flex-end} .news-in-paper .box-tail .left p{display:flex} .news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;line-height:30px;padding-left:16px} .news-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;} .news-in-paper .box-tail .left p span{color:var(--public-color);display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .box-tail .more-7{height: 51px;font-size: 18px;} .news-in-paper .aside{padding:0px;} .news-in-paper .aside>div{background-color: #f8f8f8;padding: 20px 30px;} .news-in-paper .aside-con{margin-bottom: 40px;} .news-in-paper .h4{font-size: 28px;color: #333;margin-bottom: 50px;font-weight: 500;} .news-in-paper .h4::before{content: url(../../images/new-5.webp);width: 14px;height: 22px;display: inline-block;margin-right: 10px;} .news-in-paper .aside .more-7{height: 51px;font-size: 18px;margin-bottom: 30px;} .news-in-paper .aside img.b{display: none;} .news-in-paper .aside img.g{display: inline-block;} .news-in-paper .aside .a-box{display: inline-flex;flex-direction: column;} .news-in-paper .aside .a-box a{margin-bottom: 20px;font-size: 18px;line-height: 26px;} .news-in-paper .aside .a-box a:hover img.b{display: inline-block;} .news-in-paper .aside .a-box a:hover img.g{display: none;} .news-in-paper span.img-small{width: 24px;text-align: center;margin-right: 10px;} .news-in-paper .other-news .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news-in-paper .other-news .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;} .news-in-paper .other-news .time{font-size: 16px;line-height: 30px;} .news-in-paper .a-news{height: 15px;display: inline-flex;align-items: center;line-height: 0;} .news-in-paper .a-news .line{display: block;} .news-in-paper .other-news .list:hover .line{display: none;animation: bounceIn .6s ease-in-out;} .news-in-paper .a-news .arrow{display: none;} .news-in-paper .other-news .list:hover .arrow{display: block;animation: bounceIn .6s ease-in-out;} .news-in-paper .other-news .list + .list{border-top: 1px solid #e5e5e5;padding-top: 30px;} .news-in-paper .other-news .list{padding-bottom: 30px;} .new-in-pro {margin-bottom: 125px;} .new-in-pro .content{margin-top: 90px;} .new-in-pro .all-products .cont{position: relative;padding: 40px 20px 40px 65px;display: block;} .new-in-pro .all-products .t1{padding-left: 0;position: static;height: auto;padding-top: 0;margin-bottom: 25px;line-height: 32px;} @media(max-width:1320px){ .news-in-paper .aside-box-1{padding: 40px 35px 50px 35px} } .news-in-paper .all-nav .more:first-child:before{width: 15em;} .news-in-paper .all-nav .more::before{width: 20em;} .news-in-paper .all-nav-hr hr{width: 100%;} .main-box{display: flex;gap:50px;} .main-box .main-left{position:sticky;top:90px;height: fit-content;min-width: 330px;margin-bottom: 80px;} .main-box .main-top{max-width:1300px;margin-left: auto;} .main-box .aside{width:30%;border-radius:8px;} .main-box .article{width:65%;} .main-box .main-left-box .table-title{font-size: 28px;line-height: 32px;color: #333;font-weight: 500;padding: 20px 20px 20px 30px;background-color: #f8f8f8;margin-bottom: 40px;} .main-box .main-left-box .table-title::before{content: url(../../images/new-5.webp);width: 14px;height: 22px;display: inline-block;margin-right: 10px;} .main-box .main-left-box .h2 a{font-size: 18px;line-height: 26px;color: #333;font-weight: 600;} .main-box .main-left-box .h2{/*border-bottom: 1px solid #e5e5e5;*/padding-bottom: 15px;} .main-box .name-box {padding-bottom: 10px;} .main-box .name-box + .name-box{border-top: 4px solid #e5e5e5;padding-top: 20px;} .main-box .name-box ul{margin-left: 0px;padding-top: 10px;border-top: 1px solid #e5e5e5;} .main-box .name-box li{position: relative;margin-bottom: 5px;padding-left: 0;} .main-box .name-box li a{color: #666666;font-size: 18px;line-height: 26px;} .main-box .name-box li::before{display: none;} .main-box .name-box li a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} /* .main-box .aside .t4{font-size: 22px;line-height: 32px;margin-bottom:15px;font-weight: bold;} */ /* .main-box .aside .cont{font-size: 18px;line-height: 22px;} */ .main-box .aside .more-6{background-color: var(--public-color-red);border-color: var(--public-color-red);border-radius: 8px;margin-left: auto;margin-right: auto;margin-top:30px;height:auto;padding:7px 20px;} @media(max-width:1530px){ .news-in-paper .box-tail{flex-direction: column;} .news-in-paper .box-tail .left{margin-bottom: 20px;} .news-in-paper .box-tail .right{width: 100%;justify-content: flex-start;} } @media(max-width:1460px){ .news-in-paper .other-news .t1 {font-size: 20px;} .news-in-paper .h1{font-size: 32px;line-height: 46px;} } @media(max-width:1340px){ .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;} .news-in-paper .article h2{font-size: 24px;line-height: 32px;} .news-in-paper .article h4{font-size: 20px;line-height: 28px;} .main-box .main-left-box .table-title {font-size: 26px;} .news-in-paper .h4{font-size: 26px;margin-bottom: 30px;} } @media(max-width:1260px){ .news-in-paper .article h3 {font-size: 20px;} .news-in-paper .aside-con .shengzhi{padding: 0 20px;height: 48px;} } @media(max-width:1100px){ .news-in-paper .article h2{font-size: 22px;} .news-in-paper .article h3 {font-size: 18px;line-height: 26px;} } @media(max-width:1000px){ .news-in-paper .main-top{flex-direction: column;margin-bottom: 120px;} .main-box .article {width: 100%;} .news-in-paper .aside .a-box{margin-right: 60px;} .main-box .main-top{margin-bottom: 60px;} } @media(max-width:768px){ .main-box .main-left{max-width: none;width: auto;min-width: auto !important;} .news-in-paper .h1{margin-bottom: 15px;} .news-in-paper .type-time {padding-bottom: 15px;} .news-in-paper .article h2{font-size: 19px;line-height: 28px;} .news-in-paper .article h3{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p a{line-height: 24px;} .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 0px;} .news-in-paper .main-top {flex-wrap: wrap;} .news-in-paper .article{width: 100%;} .news-in-paper .aside{width: 100%;margin-top: 0;} .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;padding-bottom: 15px;} .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;} .news-in-paper .article .content p{margin-bottom: 10px;} .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;} .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;} .news-in-paper .box-tail .right{margin-bottom: 20px;} .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;} .news-in-paper .aside .aside-box {padding-bottom: 30px;} .news-in-paper .aside-box-1{padding: 15px;} .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;} .news-in-paper .main-top{margin-bottom: 30px;} .news-in-paper .h4 {font-size: 20px;line-height: 28px;margin-bottom: 20px;} .news-in-paper .aside-con{margin-bottom: 20px;} .news-in-paper .aside>div{padding: 20px 10px;} .news-in-paper .aside .a-box{margin-right: 0;} .p-d-rec .title{margin-bottom: 15px !important;} .p-d-rec .all-param{display: block;opacity: 1;} .p-d-rec{margin-bottom: 30px;} .main-box .main-left-box .table-title{font-size: 20px;line-height: 28px;padding: 15px 10px;margin-bottom: 15px;background-color: var(--public-color);color: #fff;} .main-box .main-left-box .table-title::before {height: 15px;position: absolute;top: 17px;left: 0;background-color: #fff;} .main-box .main-left-box .h2 a {font-size: 18px;line-height: 26px;} .main-box .main-left-box .h2{margin-bottom: 15px;padding-bottom: 0px;} .main-box .name-box ul {padding-top: 0;} .main-box .name-box li{margin-bottom: 10px;} .main-box .name-box li a {font-size: 16px;line-height: 24px;} .main-box .name-box li::before {top: 8px;} .main-box .name-box + .name-box{padding-top: 10px;} .main-box .main-left{margin-bottom: 30px;position: relative;} .main-box .article{width: 100%;} .main-box .aside{width: 100%;} .main-box .news-name{display: none;} .main-box .main-left .main-left-box{position: fixed;left: -17px;top: 50px;z-index: 3;background-color: #fff;border-bottom: 2px solid var(--public-color);} .main-box .main-left .main-left-box.active{left: 0;} .main-box .main-left .main-left-box.active .news-name{padding-left: 10px;padding-top: 20px;} .main-box .table-title .s1{display: none;color: #fff;} .main-box .table-title .s2{display: flex;color:#fff;} .main-box .table-title {background-color: var(--public-color-red);} .main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;} .main-box .table-title.active .s1 strong{color: var(--public-color-red);} .main-box .table-title.active .s2{display: none;} .main-box .main-left-box{border: none;} .main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0 !important;} .main-box .main-left-box .table-title.active{left: 0;} .main-box .main-left{width: 0;} .main-box{gap: 0;} .main-box .main-top{width: 100%;} .main-box .main-left-box .table-title::before{display: none;} } .header.fadeInDown .pro-ul-box{top: 76px;} .pro-ul-box{position: fixed;top: 90px;left: 0;width: 100%;height: 0;overflow: hidden;background-color: #fff;transition: all .5s;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);} .pro-ul-box .container-xl{display: block;} .nav-item:hover .pro-ul-box{height: auto;padding: 60px 0px 60px 0px;transition: all .5s;} .pro-ul-box-xl{display: flex;justify-content: space-between;gap: 40px;} .pro-ul-box .title{margin-bottom: 45px;} .pro-ul-box .pro-t1{font-size: 20px;line-height: 24px;color: #666;font-weight: 600;margin-bottom: 30px;height: 45px;} .pro-box-a .t1{font-size: 16px;color: #666;font-weight: 400;position: relative;margin-bottom: 5px;} .pro-box-a .t1::before{content: "\f105";font-family: 'cmsfont';color: #666666;font-weight: 500;margin-right: 7px;display: inline-block;} .pro-box-a .t1:hover{color: var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} .pro-box-a .t1:hover::before{color: var(--public-color);} .all-ul-box .t1:last-child{margin-bottom: 0;} .all-ul-box .pro-box-a{display: inline-flex;flex-direction: column;align-items: flex-start;} .all-ul-box:nth-child(1){width: 30%;} .all-ul-box:nth-child(2){width: 30%;} .all-ul-box:nth-child(3) {width: 25%;} .all-ul-box a.pro-t1{position: relative;} .all-ul-box a.pro-t1::before{content: "";background: url(../../images/sign-7.webp) no-repeat;width: 20px;height: 13px;background-size: contain;transform: rotate(-90deg);mix-blend-mode: multiply;position: absolute;left: -22px;top: 5px;} .all-ul-box div.pro-t1{display: flex;align-items: center;} .contact-risk{padding-top: 80px;padding-bottom: 80px;overflow: hidden;} .contact-risk .top-head{display: grid;grid-template-columns: 59px auto;grid-gap: 18px;align-items: flex-end;width: 65%;} .contact-risk .top-head .text{font-size: 20px;line-height: 24px;color: #666;} .contact-risk-box{margin-bottom: 140px;} .contact-risk-box .required{position: relative;} .contact-risk-box .required::before{content: "*";color: var(--public-color);position: absolute;left: -20px;} .contact-risk-box .title{height: 106px;background-color: #f8f8f8;display: flex;align-items: center;padding-left: 30px;margin-bottom: 50px;} .contact-risk-box .hr{margin: 50px 0 50px 80px;width: 95%;} .contact-risk-box .radioGroup span{color: #333;cursor: pointer;} .contact-us .col-md-12 .btn-box{display: flex;align-items: center;gap: 30px;} .contact-us .col-md-12 .feedback-result{display: inline-block;} .contact-risk-box .validation-error .columnTitle{color: red !important;} .contact-risk-box .cf-1 {width: 100%;} .contact-risk-box .cf-1 .radioGroup{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 15px;justify-content: space-between;} .contact-risk-box .list{border: 1px solid #ccc;border-radius: 8px;padding: 20px;background-color: #fff;transition: all 0.3s ease-in-out;} .contact-risk-box .cf-1 .radio_label{display: block;} .contact-risk-box .list .img{margin-bottom: 30px;} .contact-risk-box .list:hover{background-color: #dbd8d8ec;} .contact-risk-box .columnTitle{font-size: 20px;line-height: 28px;color: #333;font-weight: 400;margin-bottom: 15px;} .contact-risk-box .columnTitle span{color: #858585;margin-top: 10px;font-size: 18px;letter-spacing:0px;} .contact-risk-box .input-span{display: flex;gap: 10px;} .contact-risk-box .checkBoxGroup,.contact-risk-box .radioGroup{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 0 20px;width: 70%;} .contact-risk-box .checkBoxGroup span{color: #333;cursor: pointer;} .contact-risk-box input[type="checkbox"]{min-width: 19px;height: 19px;background-color: #fff;border: 1px solid #a59b9b;border-radius: 4px;cursor: pointer;outline: none;position: relative;top: 5px;display: flex;align-items: center;justify-content: center;appearance: none;-webkit-appearance: none;-moz-appearance: none;} .contact-risk-box input[type="checkbox"]:checked {background-color: var(--public-color) !important;border-color: var(--public-color) !important;} .contact-risk-box input[type="checkbox"]:checked::after {content: "\f00c";font-family: 'cmsfont';color: #fff;font-size: 14px;font-weight: bold;} /* .contact-risk-box input[type="checkbox"]:checked::after{content: "\f00c";font-family: 'cmsfont';color: #fff;background-color: var(--public-color);font-size: 16px;position: absolute;} */ .contact-risk-box input[type="radio"]{appearance: none;min-width: 19px;height: 19px;background-color: #fff;border: 1px solid #a59b9b;border-radius: 100%;cursor: pointer;outline: none;position: relative;top: 5px;display: flex;align-items: center;justify-content: center;} .contact-risk-box input[type="radio"]:checked{border: 5px solid var(--public-color) !important;background-color: #fff;transition: all 0.3s ease-in-out;} .contact-risk-box input[type="radio"]:checked::after{content: "";width: 7px;height: 7px;background-color: #fff;border-radius: 100%;position: absolute;} /* 文本框 */ .contact-risk-box .input-other{border: solid 1px #cccccc;border-radius: 0px;padding:5px 10px;width: 40%;} .contact-risk-box .input-other:focus{border-color: var(--public-color);} .contact-risk-box .input-other::placeholder{color: #999;opacity: 1;} .contact-risk-box .input-other:focus{border-color: var(--public-color);outline: none;} .contact-risk-box .checkbox_label,.contact-risk-box .radio_label{display:flex;align-items: flex-start;gap: 10px;padding: 5px;} .contact-risk-box .checkbox_label:hover,.contact-risk-box .radio_label:hover{background-color: #F8F8F8;} .contact-us{background: url(../../images/contact.webp) no-repeat center;width: 100%;background-size:100% 100%;display: flex;align-items: center;} .contact-us .title{margin-bottom: 30px;} .contact-us .text{margin-bottom: 35px;} .contact-us .form-feedback p{font-size: 16px;line-height: 28px;color: #333;} .contact-us .form-control{border: 1px solid #ccc;background-color: #fff;border-radius: 8px;} .contact-us label{width: 100%;} .contact-us .col-md-3,.contact-us .col-md-12{padding:0 32px;} .contact-us .form-row{margin: 0 -32px;} .contact-us .form-row p{margin-bottom: 10px;color: #333;} .contact-us .form-row p span.y{display: inline-block;width: 8px;height: 8px;background-color: var(--public-color);margin-right: 15px;} .contact-us .form-control:focus{border-color: var(--public-color);} .contact-us .all-more{width: 193px;font-size: 20px;padding: 0;margin-top: 20px;} .contact-us .all-more:focus{outline: none;} @media(max-width:1200px){ .contact-risk-box .checkBoxGroup, .contact-risk-box .radioGroup{width: auto;} } @media(max-width:768px){ .contact-risk{padding: 30px 0;} .contact-risk-box .cf-1 .radioGroup{grid-template-columns: repeat(2, 1fr);} .contact-risk-box .list{padding: 20px 10px;} .contact-risk-box input[type="radio"] {top: 1px;width: 16px;min-width: 16px;height: 16px;} .contact-risk-box .checkBoxGroup, .contact-risk-box .radioGroup{grid-template-columns: repeat(2, 1fr);} .contact-risk-box .hr{width: 100%;margin: 30px 0;} .contact-risk-box input[type="checkbox"]{width: 16px;min-width: 16px;height: 16px;top: 2px;} .contact-risk-box .checkbox_label, .contact-risk-box .radio_label{gap: 10px 5px;} .contact-risk-box{margin-bottom: 30px;} } .down-list ul li::before{display: none;} .down-list ul li{padding-left: 0;} @media(max-width:1650px){ .plastic-sol .max-1630px{padding-left: 15px;} .plastic-sol .content{gap: 80px;} .sol-plastic .content{gap: 80px;} .sol-plastic .left{width: auto;} .sol-plastic .right{min-width: 610px;} } @media(max-width:1630px){ .all-top-head{margin-top: -100px;} } @media(max-width:1600px){ .home-about .content{align-items: flex-start;} .home-about .left{width: 50%;} .home-about .right{width: 45%;} .sol-plastic .left{margin-top: -30px;} } @media(max-width:1550px){ .about-zhu .content {gap: 0 60px;} .about-zhu .right{min-width: 596px;} .sol-quality .sol-qua-box {width: 43%;} .sol-quality-xl::after{height: 100%;} } @media(max-width:1500px){ .plastic-sol .right{min-width: 720px;padding-left: 45px;} .sol-infor{margin-bottom: 130px;} .news-paper .all-news{overflow: hidden;} .news-paper .row,.series-crusher .row{margin-left: -20px;margin-right: -20px;} .news-paper .col-md-4,.series-crusher .col-md-4{padding: 0 20px;} .series-crusher .row{gap: 55px 0;} } @media(max-width:1455px){ .solution-in-paper .row{margin-left: -20px;margin-right: -20px;} .solution-in-paper .col-md-4{padding: 0 20px;} } @media(max-width:1440px){ .solution-in-paper .row,.series-crusher .row{margin-left: -15px;margin-right: -15px;} .solution-in-paper .col-md-4,.series-crusher .col-md-4{padding: 0 15px;} .solution-in-paper .row {gap: 60px 0;} } @media(max-width:1430px){ .title, h1{font-size: 38px;line-height: 52px;} .index-banner h1 {font-size: 56px;line-height: 72px;} .about-zhu .content{align-items: center;} .about-tech .content{gap: 35px;} .all-style{padding: 0 80px;} .plastic-film .t1{font-size: 18px;line-height: 26px;} .plastic-film .swiper-slide {padding: 0 15px;} .plastic-items .content{gap: 30px;} .plastic-faqs .content {gap: 90px} .sol-plastic{padding-top: 60px;} .sol-plastic .left{margin-top: 0px;} .sol-plastic .content{align-items: center;} .sol-infor .list-xl{padding: 60px 20px 0 45px;} .sol-infor .h5{margin-bottom: 30px;font-size: 26px;} .sol-infor li{margin-bottom: 20px;} } @media(max-width:1400px){ .index-banner h1{font-size: 52px;line-height: 60px;} .home-about {padding: 60px 0;} .home-about .content{align-items: center;gap: 40px 0;} .home-about .right .text{margin-bottom: 40px;} .home-about .small-box{margin-bottom: 25px;} .home-sust .list-xl {padding: 0 30px 18px 30px;} .home-sust .left .list-xl {padding: 0 60px 45px 80px;} .all-news .content {padding: 0 80px;} .all-news .swiper-slide{padding: 0 20px 0 15px;} .p-i-technical .content{gap: 80px;} } @media(max-width:1380px){ .about-quality .right{padding-bottom: 0;} .download-paper .content{gap: 60px;align-items: center;} .download-paper .content .right{width: calc(100% - 60px - 49%);} .about-zhu .content {gap: 0 60px;} .about-zhu .right{min-width: 596px;} .plastic-sol .right{min-width: 670px;height: 350px;} .plastic-sol .cont {margin-bottom: 30px;} .contact-index .cont-box .list{padding: 20px 15px;} } @media(max-width:1370px){ .about-items .list-xl,.all-adv .list-xl{padding: 30px 30px 20px 30px} .banner-esg .cont-box {width: 47%;} .banner-esg hr,.banner-pro hr{margin: 13px 0 12px;} .banner-pro .cont-box{width: 45%;} .home-sol .content{grid-gap: 35px;} } @media(max-width:1340px){ .faq-paper .content{gap: 90px;} .faq-paper .article{width: calc(100% - 90px - 290px);} .all-adv .img-1{height: 90px;margin-bottom: 20px;} .sol-quality .sol-qua-box {width: 45%;} .sol-quality-xl::after {width: 52%;} .sol-quality>img{height: 385px;} .sol-quality-box{height: 460px;} .service-paper .all-list{padding: 35px 50px 55px 45px;} .news-in-paper .h1 {font-size: 24px;line-height: 32px;margin-bottom: 35px;} .main-box .main-left{min-width: 250px;} .main-box .main-left-box .table-title {padding: 15px 10px;font-size: 22px;margin-bottom: 20px;} .main-box .main-left-box .h2 {padding-bottom: 10px;} .main-box .name-box + .name-box{padding-top: 10px;} } @media(max-width:1320px){ .home-sol .list:nth-child(2) .cont-img {grid-template-columns: repeat(2, 1fr);} .home-sol .content {align-items: start;} .all-service .title {margin-bottom: 20px} .all-service .text {margin-bottom: 30px;} .title, h1{font-size: 36px;line-height: 48px;} .all-products .list .img{max-height: 250px;height: auto;} .all-products .list .img img{width: auto;height: auto;max-width: 100%;} .all-products .cont {padding: 40px 20px 20px 30px;} .all-products .cont::before{left: 30px;} .all-products .content{gap: 50px 30px;} .all-products .t1{font-size: 24px;} } @media(max-width:1300px){ .about-quality{padding-top: 60px;margin-bottom: 80px;} .about-quality .content{gap: 0 60px;align-items: center;} .about-quality .right{min-width: 600px;} .home-about .content{gap: 50px;} .home-about .right{min-width: 574px} .home-about .left{width: auto;} .home-sust .h5{font-size: 18px;} .title, h1 {font-size: 32px;line-height: 46px;} .sol-infor .content {gap: 40px;} .sol-infor .list-xl{padding: 30px 20px 0 30px;} .sol-infor li {padding-left: 30px;margin-bottom: 15px;} .quality-paper .items:nth-child(odd){padding-bottom: 100px;} .quality-news{padding-top: 100px;} .esg-items .content{gap: 35px;} } @media(max-width:1280px){ .plastic-work .content{align-items: center;} .plastic-work .img{margin-top: 0;} .plastic-sol .h-s-img {right: -65%;} .plastic-sol .right{min-width: 640px;} .plastic-sol .content {gap: 60px;} .all-adv .list .img-1 img{height: 100%;max-width: fit-content;} .plastic-items .list{padding: 50px 30px 40px;} .plastic-items .h4{font-size: 26px;line-height: 35px;margin-bottom: 15px;} .p-i-technical .content{gap: 60px;} .sol-provide ol span {font-size: 17px;} } @media(max-width:1260px){ .home-sust .left .list-xl{padding: 0 40px 45px 80px} .faq-paper .content{gap: 60px;} .faq-paper .article{width: calc(100% - 60px - 290px);} .plastic-work hr{margin: 20px 0 10px} .plastic-work h4{margin: 20px 0 10px;} .plastic-work .img-btn {width: 100px;height: 100px;} .plastic-faqs .content {gap: 60px} .service-top, .service-bottom {gap: 40px 25px;} .service-paper .all-list{padding: 35px 40px 50px 45px;} .all-adv .content{grid-gap: 75px 35px;} .all-adv .list{overflow: hidden;} .all-adv .list>img{width: auto;height: 100%;} .plastic-adv .title {width: 85%;} .plastic-faqs{padding-bottom: 135px;} .series-crusher .t1{font-size: 18px;line-height: 26px;} .series-crusher .text{font-size: 14px;line-height: 20px;} .series-crusher .box{flex-direction: column;padding: 30px 25px;align-items: center;gap: 40px;} .series-crusher .img-1{position: relative;display: flex;justify-content: center;height: 94px;} .series-crusher .img-1::before{left: auto;bottom: auto;top: -30px;margin-left: -10px;transform: rotate(90deg);text-align: center;} } @media(max-width:1200px){ .all-news .cont{font-size: 14px;line-height: 24px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-cust-xl{padding: 15px 60px 15px 100px;height: auto;} .all-adv .h5{font-size: 26px;} .plastic-adv .all-adv .h5{margin-bottom: 15px;} .banner-esg .cont-box {width: 57%;} .plastic-pro {margin-bottom: 0;} .plastic-sol .right{min-width: 530px;} .plastic-sol .right .box{width: 95%;} .plastic-items .h4 {font-size: 24px;line-height: 32px;} .sol-infor .h5{font-size: 24px;line-height: 32px;} .sol-infor .list{overflow: hidden;} .sol-infor .list>img{max-width: none;height: 100%;} .sol-infor .list-xl{padding: 30px 20px 0 20px;} .sol-infor li::before{font-size: 16px;} .sol-infor li {font-size: 16px;line-height: 28px;padding-left: 25px;margin-bottom: 10px;} .sol-quality-xl::after{display: none;} .sol-quality .sol-qua-box{width: 98%;background-color: rgba(255,255,255,.9);display: flex;flex-direction: column;justify-content: center;padding: 0 15px;} .sol-quality-xl{display: flex;align-items: center;padding: 60px 0;} .sol-quality hr {margin: 20px 0 35px;} .sol-provide .content{gap: 55px 30px;} .sol-provide .box {padding: 20px 15px;} .sol-provide ol span{font-size: 16px;line-height: 24px;} .sol-quality{margin-top: 0;} .banner-sol .content{width: 100%;} .banner-sol hr {margin-bottom: 10px;} .contact-index .cont-box{gap: 30px 20px;} } @media(max-width:1100px){ .home-about .max-1680px{margin:0 auto;padding: 0 15px;} .home-about .content{flex-wrap: wrap !important;gap: 20px !important;} .home-about .left img{margin-top: 0;} .home-about .left,.home-about .right{width: 100% !important;} .home-sust .left .list-xl{padding: 0 30px 45px 40px;} .home-sust .left .list>img {border-radius: 0px 0px 0px 130px;} .home-sust .left .img-1 {margin-bottom: 80px;} .all-cust-xl{padding: 15px 30px 15px 50px;gap: 45px;background-size: cover;} .all-cust .img-logo {width: 268px;min-width: 220px;} .banner-esg .cont-box {width: 60%;} .plastic-sol .right{min-width: 490px;height: 300px;} .pro-in-case .content{gap: 30px 25px;} .pro-in-case .img {margin-bottom: 15px;} .pro-in-case .t1{font-size: 18px;line-height: 26px;} .detail-nav-xl a{font-size: 18px;padding: 0 25px;} .p-series-adv .img{width: 33%;} .p-series-adv .items{width: 65%;} .sol-series .content{gap: 30px 25px;} .sol-series .t1{font-size: 18px;line-height: 26px;margin-bottom: 0;} .sol-series{margin-bottom: 120px;} .sol-plastic .content {gap: 40px;} .contact-index .list .box-a{grid-template-columns: repeat(1, 1fr)} } @media(max-width:1020px){ .contact-content{gap: 40px;} .contact-content .left{width: 100%;} .contact-content .right{min-width: 425px;width: 425px;} } @media(max-width:1000px){ .all-service-support .content{flex-wrap: wrap;gap: 30px ;} .all-service-support .left{width: 100%;} .all-service-support .right{width: 100%;background-color: #fff;box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.2);border-radius: 20px;padding: 20px 15px;} .all-service-support::after{display: none;} .all-from .img-1{margin-top: 0;} .banner .all-small-nav {top: 10px;} .plastic-top-head.all-top-head,.all-top-head{margin-top: 30px;} .all-top-head{width: 100%;min-width: 100%;} .plastic-pro .items{flex-direction: column;} .plastic-pro a.img{width: 100%;} .plastic-pro .box{width: 100%;} .plastic-pro .d{max-width: none;} .plastic-sol .content{flex-direction: column;} .plastic-sol .right {min-width: 100%;} .plastic-items .h4 {height: auto;} .plastic-faqs .content{flex-direction: column;} .plastic-faqs .aside {width: 100%;min-width: 100%;} .detail-nav.fadeInDown,.detail-nav{display: none;} .plastic-work{padding: 30px 0;} .plastic-work .content{flex-direction: column-reverse;} .plastic-work .left{width: 100%;} .plastic-work .right{width: 100%;} .sol-series .t1{font-size: 16px;line-height: 24px;margin-bottom: 0;} .sol-plastic .content{flex-direction: column;} .sol-plastic .right{min-width: 100%;width: 100%;padding: 0 15px;} .sol-materials-xl {padding: 55px 0 55px 30px;width: 100%;} .sol-materials .content {padding-right: 40px;} .sol-materials .content::after {left: 47%;} .service-together .title {font-size: 28px;line-height: 32px;} .all-factory .content{grid-gap: 0 25px} } @media(max-width:900px){ .home-sust .content{flex-wrap: wrap;} .home-sust .left {width: 100%;} .home-sust .right{width: 100%;} .home-sust .list {width: 100%;} .home-sust .left .list>img{height: auto;width: 100%;} .home-sust .left .list:first-child .list-xl{height: auto;bottom: auto;} .home-sust .left .list:first-child{display: flex;align-items: center;} .home-sust .left .list img{height: 300px;width: 100%;} .home-sust .right .list img{width: 100%;height: auto;} .quality-paper .items .content{flex-direction: column;gap: 30px;} .quality-paper .items .left{width: 100% !important;} .quality-paper .items .right{width: 100% !important;} .quality-paper .items .content{flex-direction: column !important;} .pro-banner .pro-in-content{flex-direction: column;} .pro-banner .right{width: 100%;} .pro-banner .left{width: 100%;} .plastic-factory .all-factory .content{gap: 30px 25px;} .sol-series .content{grid-template-columns: repeat(2, 1fr);} .sol-infor .content{display: grid;grid-template-columns: repeat(2, 1fr);} .service-paper .all-list {padding: 25px 15px;} .service-paper .all-list .h5 {font-size: 26px;} .service-paper .all-list hr {margin: 25px 0 30px;} .service-paper .service-top .all-list:last-child, .service-paper .service-bottom .all-list:first-child {flex: 0 0 85%;} .contact-content{flex-direction: column;} .contact-content .right{width: 100%;min-width: 100%;} .contact-index .cont-box{margin-bottom: 100px;} } @media(max-width:768px){ .all-more{height: 42px;font-size: 16px !important;padding: 0 20px;} .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;} .left,.right{width: 100% !important;} .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;} .text p{margin-bottom: 10px;} ul li{padding-left: 25px;font-size: 16px;} .small-nav {top: 10px;} /* .all-banner .small-nav ul a{color: #333;} .all-banner .small-nav ul li::after{background-color: #333;} */ .small-nav ul a {font-size: 12px;line-height: 20px;} .small-nav ul li::before {padding: 0 5px;line-height: 20px;} .header-mb ul li::before{display: none;} .header-mb ul li{padding-left: 0;} .shengzhi{height: 42px;padding: 0 20px;font-size: 16px;} .search-group i{font-size: 18px;} .search-group .form-control{height: 33px;line-height: 33px;} .search-box .form-control::placeholder{color: #fff;} .top-mb-search-box .search-group{height: 33px;} .all-banner {height: 180px;} .all-banner{padding-top: 10px;} .all-banner h1,.banner h1{font-size: 24px;line-height: 32px;letter-spacing: -1px;} .h-s-img{width: 400px;height: 400px;} .h-s-img-1{width: 250px;height: 250px;transform: translate(-5px, 7px);} .index-banner h1 span{display: inline;} .contact-index{padding-top: 30px;} .contact-index .cont-box{flex-wrap: wrap;gap:20px 30px;margin-bottom: 30px;} .contact-index .tel-img{gap: 20px;} .contact-index .all-social{margin-bottom: 30px;} .contact-content li{padding-left: 25px;} .home{padding-top: 30px;} .home-pro .items{flex-direction: column;gap: 30px;margin-bottom: 0;} .home-pro .list{padding: 20px 10px;} .home-pro .t1{font-size: 20px;line-height: 28px;} .home-pro .list .t1{margin-bottom: 15px;} .home-pro{margin-bottom: 30px;} .home-pro .top-head{margin-bottom: 25px;} .home-series{padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;} .all-series .all-style{padding: 0 35px;} .all-series .t1 {font-size: 18px;line-height: 26px;} .all-series .img {margin-bottom: 10px;} .all-hover {width: 30px;height: 50px;} .all-hover::after{font-size: 20px;} .swiper-button-prev {left: 0;} .swiper-button-next {right: 0;} .all-pagination{left: 0 !important;bottom: 0 !important;} .all-pagination span{background-color: var(--public-color);opacity: .2;} .all-pagination span.swiper-pagination-bullet-active{opacity: 1;} .all-swiper{padding-bottom: 30px;} .home-sol .title {padding-left: 25px;width: 100%;} hr{margin: 15px auto 25px !important;} .home-sol .top-head{width: 100%;margin-bottom: 45px;} .home-sol .content {grid-template-columns: repeat(1, 1fr);grid-gap: 45px;} .home-sol .img{margin-bottom: 15px;} .home-sol .t1{font-size: 18px;line-height: 28px;margin-bottom: 10px;} .home-sol .box{padding: 0 ;margin-bottom: 20px;} .home-sol .video{height: 42px;top: -21px;font-size: 16px;} .home-sol .list:last-child{paint-order: 20px;} .home-sol{padding-bottom: 30px;margin-bottom: 0px;} .all-right{padding-left: 25px;} .all-right::before {left: -6px;} .home-about{padding: 30px 0;margin-bottom: 0px;background-color: #ecf0f5;} .home-about .left img{border-radius: 0px 60px 0px 0px;} .home-about .right{min-width: 100%;} .home-about .small-box{width: 100%;gap: 10px;} .home-about .d .shengzhi{min-width: fit-content;} .home-sust{margin-bottom: 0px;padding: 30px 0;} .home-sust .content{gap: 0px;} .home-sust .list-xl,.home-sust .left .list-xl{position: static;padding: 20px 15px;} .home-sust .left .list img{max-width: 100%;height: auto;} .home-sust .left .img-1 {margin-bottom: 40px;} .home-sust .h4{font-size: 20px;margin-bottom: 15px;} .home-sust .content .list>img{display: none;} .home-sust .content .list-xl{padding: 10px 15px !important;} .home-sust .h4,.home-sust .h5{color: #666;} .home-sust .cont{color: #999;} .home-sust .box:last-child{flex-direction: column;} .home-sust .right,.home-sust .box:last-child{gap: 0;} .all-service-support .content {gap: 10px;} .all-service-support .left{padding: 30px 0;} .all-service-support ul{margin-bottom: 25px;} .all-service-support ul li {margin-bottom: 10px;} .all-service-support .shengzhi {padding: 0 10px;} .all-from .form-row {gap: 10px 0;margin-bottom: 10px;} .all-from .img-1{margin-bottom: 20px;} .all-service-support{margin-bottom: 30px;padding-bottom: 30px;} .all-news{margin-bottom: 30px;} .all-news .content{padding: 0px;} .all-news .t1{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .all-news .list .img{display: none;} .all-news .box{padding: 20px 15px;} .all-news .cont{margin-bottom: 10px;} .all-cust{background-color: #ecf0f5;} .all-cust-xl{flex-wrap: wrap;background-size: 100% auto;padding: 30px 15px;gap: 25px;} .footer{margin-top: 0px;padding-top: 30px;} .footer-top{flex-wrap: wrap;gap: 25px;padding-bottom: 25px;} .footer-top>div{width: 100% !important;} .footer-top .t1{margin-bottom: 15px !important;} .footer-top .list-1 .box{flex-direction: column;margin-bottom: 0;} .footer-top .list-1 a.font-sty{margin-bottom: 10px;} .footer-top .list-2 a.font-sty{line-height: 32px;} .footer-top .list-2{width: 47% !important;flex-direction: row ;gap: 25px;} .footer-top .list-3{min-width: 310px;gap: 25px;flex-direction: column;width: 40% !important;margin-top: 0 !important;} .footer-top .list-3 .box-1 .t1{min-width: 165px;} .footer-bottom{line-height: 24px;padding: 15px 0;flex-direction: column;align-items: flex-start;gap: 20px;} .about-banner .all-banner h1::before{top: auto;} .about-index{padding-top: 30px;} .about-zhu{margin-bottom: 30px;} .about-zhu .content{flex-wrap: wrap;gap: 20px;} .about-zhu .left img {border-radius: 0px 70px 0px 0px;} .about-zhu .h6{margin-bottom: 0;} .about-zhu .right{min-width: 100%;} .about-zhu .right .text{margin-bottom: 25px;} .about-zhu .small-box {width: 100%;gap: 10px} .about-trans{padding: 30px 0;margin-bottom: 30px;} .about-trans .content{flex-direction: column-reverse;} .about-items{margin-bottom: 30px;} .about-items .content{flex-direction: column;gap: 30px;} .about-items .list {flex: none;width: 100%;} .about-items .img-1 {width: 70px;height: auto;} .about-items .h5{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .about-items .list-xl{padding: 20px 15px;justify-content: center} .about-items .list>img{opacity: 1;} .about-items .list .h5{color: #fff;} .about-items .list .cont{color: #fff;} .about-items .list::after{content: "";width: 100%;height: 7px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;animation: fadeIn 0.3s;} .about-tech{margin-bottom: 30px;} .about-tech .top-head{width: 100%;margin-bottom: 25px;} .about-tech .content{display: grid;grid-template-columns: repeat(2,1fr);gap: 25px 20px;} .about-tech .list{padding: 15px 10px;} .about-tech .img{margin-bottom: 15px;} .about-tech .t1{font-size: 16px;line-height: 24px;} .about-tech .img-btn{width: 45px;} .about-quality{padding: 30px 0px;margin-bottom: 30px;} .about-quality .content{flex-wrap: wrap;gap: 20px;} .about-quality .left{margin-top: 0;} .about-quality .right{min-width: 100%;} .about-quality img{border-radius: 0 100px 0 0;} .about-quality .title::after{position: static;display: block;margin: 15px auto 25px;} .about-esg{margin-bottom: 30px;} .about-esg .content{flex-direction: column-reverse;} .about-esg .mixed-img{border-radius: 50px 0px 50px 0px;} .about-esg .img{text-align: center;} .about-esg .mixed-circle{width: 100px;height: 100px;} .about-esg .font{font-size: 12px;line-height: 16px;} .about-esg .img span {font-size: 14px;line-height: 20px;padding: 10px 15px;} .about-esg .left{margin-top: 25px;} .about-esg .text{margin-bottom: 25px;} .all-service .content{flex-direction: column;height: auto;padding: 20px 15px;border-radius: 20px;gap: 20px;} .quality-paper .items{padding: 30px 0 !important;} .quality-paper .items .content{flex-direction: column !important;gap: 20px;} .quality-paper .items:nth-child(2) .left{margin-top: 0;} .quality-news{padding-top: 30px;} .banner .all-small-nav{top: 10px;} .banner-esg{display: flex;justify-content: flex-end;} .banner-esg .text{display: none;} .banner-esg .cont-box{width: 100%;margin-top: 0;} .banner-esg>img{height: 150px;width: auto;margin-right: -100px;} .banner-esg hr, .banner-pro hr{display: none;} .esg-index{padding-top: 30px;} .esg-rehoboth .top-head{width: 100%;margin-bottom: 0px;} .esg-rehoboth .title{width: 100%;} .esg-rehoboth{margin-bottom: 25px;display: flex;flex-direction: column-reverse;gap: 20px;} .esg-items{margin-bottom: 30px;} .esg-items .content{flex-direction: column;gap: 30px;} .esg-items .list {height: auto;padding: 25px 15px;} .esg-rehoboth .h6{margin-bottom: 0;} .product-index{padding-top: 30px;} .pro-top-head{width: 100%;margin-bottom: 25px;} .product-auxiliary {padding-inline: 30px 0;margin-bottom: 30px;} .product-auxiliary .top-head{margin-bottom: 25px;} .banner-pro{display: flex;justify-content: flex-end;} .banner-pro .text{display: none;} .banner-pro .cont-box {width: 100%;} .banner-pro>img{width: auto;height: 150px;margin-right: -100px;} .all-top-head{width: 100%;min-width: 100%;padding: 20px 10px;margin-top: 30px;margin-bottom: 30px;border-radius: 0px 35px 0px 0px;} .plastic-pro .items{flex-direction: column;padding: 25px 15px;margin-bottom: 30px;} .plastic-pro a.img{width: 100%;} .plastic-pro .box{width: 100%;} .plastic-pro .t1{font-size: 20px;line-height: 28px;} .all-top-head .content{width: 95%;} .plastic-pro{margin-bottom: 30px;} .down-list{margin-top: 30px !important;margin-bottom: 30px !important;} .down-list ul li::before{display: none;} .banner-plastic {overflow: hidden;} .banner-plastic>img{width: auto;height: 200px;} .banner-plastic .all-right{margin-top: 50px;} .plastic-work .content{flex-direction: column-reverse;gap: 25px;} .plastic-work .title, .plastic-work .text{width: 100%;} .plastic-work .title, .plastic-work .text{width: 100%;} .plastic-work h4{font-size: 18px;line-height: 26px;} .plastic-work{margin-bottom: 30px;padding-top: 30px} .plastic-work .left{padding-top: 0;} .plastic-pro .small-img{gap: 25px;justify-content: center;} .plastic-pro .d{max-width: none;} .plastic-work .img-btn{width: 70px;height: 70px;} .all-style{padding: 0 35px;} .plastic-film .swiper-slide {padding: 0 15px;} .plastic-film .t1 {font-size: 16px;line-height: 24px;padding: 10px 5px;} .plastic-film .list{height: auto;} .plastic-film{margin-bottom: 30px;} .swiper-plastic-film{padding-bottom: 0;} .plastic-adv .title{width: 100%;margin-bottom: 25px;} .plastic-adv{margin-bottom: 30px;} .all-adv .content{grid-gap: 20px 25px;grid-template-columns: repeat(2, 1fr);} .all-adv .list{overflow: hidden;} .all-adv .list-xl{padding: 15px;} .all-adv .img-1{height: 45px;margin-bottom: 15px;} .all-adv .h5{font-size: 18px;line-height: 26px;margin-bottom: 10px;} .all-adv .list>img{width: auto;height: 260px;opacity: 1;} .all-adv .list{box-shadow: none;transform: translateY(-5px);} .all-adv .list .img-1 img{filter: brightness(0) invert(1);} .all-adv .list .h5{color: #fff;} .all-adv .list .text{color: #fff;} .all-adv .list::after{content: "";width: 100%;height: 7px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;} .plastic-sol{padding: 30px 0;margin-bottom: 30px;} .plastic-sol .content{flex-direction: column-reverse;gap: 25px;} .plastic-sol .right{min-width: 100%;height: auto;padding: 20px 15px;} .plastic-sol .right .box{width: 95%;} .plastic-sol .h4{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .plastic-sol .cont{margin-bottom: 25px;} .plastic-sol .left .text p{margin-bottom: 10px;} .plastic-sol .left .text{margin-bottom: 25px;} .plastic-sol .right{border-top-left-radius: 95px;} .plastic-items{margin-bottom: 30px;} .plastic-items .content{flex-direction: column;} .plastic-items .list{padding: 20px 10px;flex: none;} .plastic-items .h4{font-size: 18px;line-height: 26px;margin-bottom: 15px;height: auto;} .plastic-items .img-1{margin-bottom: 10px;} .plastic-items .img-1 img{max-width: 15%;} .plastic-items .list-top{margin-bottom: 25px;} .all-factory{padding: 30px 0;} .plastic-faqs{padding: 30px 0;} .plastic-faqs .content{flex-wrap: wrap;gap: 25px;} .plastic-faqs .aside{width: 100%;min-width: 100%;} .plastic-faqs .shengzhi {margin-bottom: 30px;} .all-faq .quen-q::before{left: 15px;font-size: 16px;} .all-faq .quen-q{padding-left: 40px;font-size: 16px;} .all-faq .items.active .quen-q{margin-bottom: 20px;} .all-faq .quen-a{padding-left: 40px;} .all-faq .items{padding: 20px 10px 20px 0;} .pro-banner{padding-bottom: 30px;} .pro-banner .small-nav{padding-top: 15px;} .pro-banner .pro-in-content{gap: 20px;margin-top: 30px;} .pro-banner h1{font-size: 22px;} .pro-banner .left{min-height: auto;min-width: 100%;} .product-in-paper{padding-top: 30px;} .pro-in-case .content{gap:25px 20px;display: grid;grid-template-columns: repeat(2, 1fr);} .pro-in-case .list{flex: none;} .pro-in-case .img{margin-bottom: 15px;} .pro-in-case .t1{font-size: 16px;line-height: 24px;} .pro-in-case{margin-bottom: 30px;} .p-i-equipment .tabnav .tab-item {width: 150px;padding-bottom: 0px;} .p-i-equipment .tabnav .tab-item .tt{margin-top: 10px;font-size: 14px;line-height: 20px;} .detail-nav,.detail-nav.fadeInDown{display: none;} .p-i-content .title-xl{font-size: 22px;line-height: 32px;} .p-i-content>div{margin-bottom: 30px;} .p-series-adv .content{flex-direction: column;gap: 30px;} .p-series-adv .img{width: 100%;} .p-series-adv .items{width: 100%;grid-template-columns: repeat(1, 1fr);gap: 20px 25px;} .p-series-adv .list:last-child{padding-bottom: 0;border-bottom: 0;} .p-series-img .content{grid-template-columns: repeat(2, 1fr);gap: 30px 20px;} .p-i-introduct .content{flex-direction: column;gap: 20px;} .p-series-video .content{grid-template-columns: repeat(1, 1fr);gap: 30px 25px;} .p-i-introduct .pro-v{width: 100%;} .p-i-introduct .pro-v iframe{height: auto !important;} .p-i-introduct .cont-box{width: 100%;line-height: 20px;} .table-wrapper table td{padding: 10px 5px;font-size: 14px;line-height: 20px;} .p-i-technical .content{display: block;} .p-i-technical .aside{display: none;} .technical-xl{margin-bottom: 30px;} .p-i-technical .items{flex-direction: column;gap: 20px;} .p-i-technical .items .img{width: 100%;} .p-i-technical .d-name{margin-bottom: 20px;} .p-i-technical .text{width: 100%;font-size: 14px;line-height: 20px;} .p-i-technical .num {font-size:22px;line-height: 28px;bottom: 0px;} .p-i-technical .title-xl{font-size: 20px;line-height: 28px;padding-left: 30px;} .p-i-optional .quen-q{font-size: 18px;line-height: 26px;padding: 15px 10px;} .p-i-optional .quen-a{padding: 15px 10px;} .p-i-content{margin-bottom: 30px;} .p-i-products{margin-bottom: 30px;} .all-products .content{display: grid;grid-template-columns: repeat(1 , 1fr);gap: 30px 15px;} .all-products .list .img{padding: 10px;} .all-products .t1{font-size: 16px;line-height: 24px;height: auto;} .all-products .cont{padding: 20px 15px 20px 10px ;} .all-products .cont::before{width: 30px;} .banner-sol .content{width: 100%;} .solution-paper{padding-top: 30px;} .sol-mixed{margin-bottom: 30px;} .sol-mixed .content{flex-direction: column-reverse;gap: 20px;} .sol-mixed .mixed-circle{width: 100px;height: 100px;} .sol-mixed .mixed-img{border-radius: 60px 0px 60px 0px;} .sol-mixed .text{margin-bottom: 25px;} .sol-series{margin-bottom: 30px;} .sol-series .content{gap: 30px 15px;} .all-series .list{padding: 20px 0;} .sol-plastic .text{margin-bottom: 20px;} .sol-plastic{padding: 30px 0;margin-bottom: 30px;} .sol-plastic .content{gap: 20px;flex-wrap: wrap;} .sol-plastic .right {min-width: 100%;padding-top: 0;} .sol-plastic .left img{border-radius: 0 95px 0 0px} .sol-plastic-name{grid-gap: 10px;} .sol-plastic-name p{font-size: 16px;height: 42px;padding: 0 20px;} .sol-products{margin-bottom: 30px;} .sol-materials{margin-bottom: 30px;} .sol-materials li::before{font-size: 12px;margin-right: 10px;} .sol-materials .top-head .text {padding-left: 25px;} .sol-materials .content::after{display: none;} .sol-materials-xl{width: 100%;padding: 20px 10px;border-top-right-radius: 85px;} .sol-materials-xl ol{grid-template-columns: repeat(1, 1fr);grid-gap: 0 10px;padding-left: 25px;} .sol-materials li{margin-bottom: 10px;} .sol-materials li a{font-size: 16px;line-height: 24px;} .sol-materials .content{padding-right: 20px;margin-bottom: 10px;} .sol-materials .h6{padding-right: 0;} .sol-infor{margin-bottom: 30px;} .sol-infor .content{gap: 25px 20px;margin-bottom: 30px;flex-direction: column;} .sol-infor .list{flex: none;} .sol-infor .a .shengzhi{width: auto;padding: 0 20px;height: 42px;} .sol-quality-box{margin-bottom: 30px;height: auto;} .sol-infor .list-xl{padding: 25px 15px;} .sol-infor .img-1 {height: auto;margin-bottom: 15px;} .sol-infor .img-1 img{height: 50px;} .sol-infor .h5{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .sol-infor li{margin-bottom: 5px;font-size: 14px;line-height: 20px;padding-left: 25px;margin-bottom: 5px;} .sol-infor li::before{font-size: 16px;line-height: 24px;} .sol-infor .list>img{opacity: 1;width:100%;height: 300px;} .sol-infor .list .h5, .sol-infor .list li, .sol-infor .list li::before{color: #fff;} .sol-quality{margin-top: 30px;} .sol-quality-xl::after{width: 100%;top: 0;} .sol-quality .sol-qua-box{width: 100%;} .sol-provide{margin-bottom: 30px;} .sol-provide .content{flex-wrap: wrap;gap: 20px 25px;display: grid;grid-template-columns: repeat(2, 1fr);} .sol-provide ol span{font-size: 14px;line-height: 20px;} .sol-provide .box{padding: 20px 10px;} .sol-provide .list{flex: none;width: 100%;} .sol-quality{display: flex;align-items: center;} .sol-quality .sol-qua-box{background-color: #fff;border: 20px;padding: 25px 15px;} .sol-quality-xl::after{display: none;} .sol-quality-xl .container-xl{height: auto;} .sol-quality-xl {padding-bottom: 0;display: flex;align-items: center;} .sol-quality hr{margin: 0px 0 10px !important;} .banner-sol{overflow: hidden;} .banner-sol h1{font-size: 22px !important;} .banner-sol>img{height: 300px;width: auto;} .banner-sol hr {width: 100%;margin:10px 0 15px !important;} .solution-in-paper{padding-top: 30px;} .solution-in-paper .box{padding: 25px 15px;} .solution-in-paper .h5{height: auto;font-size: 18px;line-height: 26px;} .solution-in-paper .row{gap: 30px 0;margin-bottom: 30px;} .video-nr .v-content iframe{height: auto;} .video-nr .v-content .v-title{font-size: 22px;line-height: 32px;} .video-nr .v-content .v-desc{gap: 20px;} .video-nr .v-content .v-desc .left{flex-direction: column;gap: 10px;} .video-nr .v-content .v-title2 .left{font-size: 20px;line-height: 28px;} .video-nr .v-content .v-title2{padding-top: 20px;flex-wrap: wrap;} .video-nr{margin-bottom: 30px;} .video-nr .v-content .v-title2 .left::before{display: none;} .service-paper{padding: 30px 0;} .service-top, .service-bottom{gap: 20px 25px;margin-bottom: 30px;} .service-paper .all-list .num{font-size: 32px;line-height: 32px;} .service-paper .all-list .h5{font-size: 20px;line-height: 28px; letter-spacing: -1px;} .service-paper .all-list{padding: 25px 15px;flex: none;width: 100%;overflow: hidden;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);} .service-paper .service-top .all-list:last-child, .service-paper .service-bottom .all-list:first-child{flex: none;} .service-together{margin-bottom: 30px;} .service-together>img{width: auto;height: 200px;} .service-together .title span{display: inline;} .service-together .title {font-size: 20px !important;line-height: 28px !important;} .new-in-pro{margin-bottom: 30px;} .news-paper{padding-top: 30px;} .news-paper .menu-collapse{margin-bottom: 20px;} .news-paper .row{gap: 25px 0;margin-bottom: 30px !important;} .news-in-paper .h1{font-size: 24px;line-height: 32px;} .news-in-paper .article h2{font-size: 18px;line-height: 26px;} .news-in-paper .article h4{font-size: 16px;line-height: 24px;margin-bottom: 10px;} .main-box .article{margin-bottom: 30px;} .new-in-pro .content{margin-top: 30px;display: grid;grid-template-columns: repeat(1, 1fr);} .new-in-pro .all-products .cont{padding: 15px 10px;} .new-in-pro .all-products .t1{line-height: 24px;margin-bottom: 0px;} .contact-index .cont-box .list{height: auto;padding: 25px 15px;} .contact-index .list .img-1 {width: 70px;right: 20px;} .contact-index .list .box-a{gap: 10px;} .contact-content{flex-direction: column;margin-bottom: 30px;gap: 20px;} .contact-content .title-xl{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .contact-content .text p{margin-bottom: 10px;} .contact-content .text{line-height: 20px;margin-bottom: 30px;} .contact-content h5{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .contact-content li::before{font-size: 16px;} .contact-content li{margin-bottom: 20px;margin-bottom: 10px;} .series-crusher{margin-bottom: 40px;} .all-products .cont::before {left: 10px;} .all-service {margin-bottom: 30px;} .faq-paper .content{flex-direction: column-reverse;margin-bottom: 30px;gap: 20px;} .faq-paper .article {width: 100%;} .faq-paper .aside{min-width: 100%;width: 100%;top: 50px;} .faq-paper{padding-top: 30px;} .faq-paper .shengzhi{display: none;} .menu-collapse ul li{padding-left: 0;} .menu-collapse ul li::before{display: none;} .download-paper{padding-top: 30px;} .download-paper .content{flex-direction: column;gap: 25px;margin-bottom: 30px;} .download-paper .content .shengzhi{height: 42px;font-size: 16px;width: auto;} .series-adv{margin-bottom: 30px;} } @media(max-width:728px){ .footer-top .list-2{flex-direction: column;} } @media(max-width:560px){ .sol-provide .content{grid-template-columns: repeat(1, 1fr);} .sol-infor .content{display: grid;grid-template-columns: repeat(1, 1fr);} .sol-infor .list>img{width: 100%;height: 300px;} .sol-infor .a .shengzhi{width: auto;padding: 0 20px;height: 42px;} } @media(max-width:412px){ .all-adv .content{grid-template-columns: repeat(1, 1fr);} .all-adv .list-xl{display: flex;flex-direction: column;justify-content: center;} .all-adv .list>img{height: 350px;} .sol-series .t1 {font-size: 16px;line-height: 24px;margin-bottom: 0} } @media(max-width:390px){ .plastic-work .img, .plastic-work .img>img{border-radius: 110px 0px 0px 0px;} .all-adv .content{grid-template-columns: repeat(1, 1fr);} } .pro-in-content .left .mt-1{color: #333;} .pro-in-content .left .childpro{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 20px;margin-bottom: 20px;margin-top: 15px;} .pro-in-content .left .childpro a{font-size: 14px;line-height: 20px;text-align: center; border: 1px solid #999999;color: #999999;padding: 5px 10px;} .pro-in-content .left .childpro a:hover{color: #fff !important;background: var(--public-color);} .p-i-equipment .nav-controls{display: none;} .p-i-equipment .tabnavs{position: relative;} .p-i-equipment .tabnav.scrolling {cursor: grabbing;} .p-i-equipment .scroll-indicator { width: 100%; height: 4px; background: #d7d7d7; border-radius: 2px; margin-top: 15px; overflow: hidden; position: relative; margin-bottom: 40px; } .p-i-equipment .scroll-progress { height: 100%; background: var(--public-color); border-radius: 2px; width: 0%; transition: width 0.3s ease; } .p-i-equipment .tabnav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior: smooth;cursor: grab} .p-i-equipment .tabnav .tab-item{text-align: center; flex: 0 0 auto;width:280px;margin:0 2.5%;padding-bottom:30px;cursor: pointer;} .p-i-equipment .tabnav .tab-item .tt{margin-top: 15px;font-size: 16px;line-height: 24px;} .p-i-equipment .tabnav .tab-item:hover .tt,.p-i-equipment .tabnav .tab-item.active .tt{color: var(--public-color);} .p-i-equipment .tab-table{display: none;} .p-i-equipment .tab-table.active{display: block;} .p-i-equipment .table-wrapper table{border-top: 0;}