/*通用样式*/ :root{ --public-color:#1ea739; --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:#999;font-weight: 400;font-size:18px;line-height:32px;font-family: 'Roboto', sans-serif;} a:hover{color: var(--public-color);} a{display:inline-block;transition: all .6s;} .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-1660px{max-width: 1660px;} .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 .top-search-box{position: relative;} .home-header .header .top-search-box::after{content: "";width: 1px;height: 65%;background-color: #fff;position: absolute;right: -8px;top: 5px;} .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: 300px;width: 30%;padding:0;} .header .header-nav .top-logo a{display: inline-flex;align-items: center;gap: 25px;} .header .header-nav .top-logo span{font-size: 20px;color: #666;letter-spacing: -1px;} .header .header-top .toch a{border-radius: 20px;color: #fff;font-size: 14px;width: 140px;height: 40px;padding: 0;letter-spacing: -1px;font-weight: 500;display: flex;align-items: center;justify-content: center; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0d9125, #0d9125); background-blend-mode: normal, normal;} .header .header-top .toch a:hover{background-color: var(--public-color);color: #333333 !important;} .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;height: 100%;padding:0;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:20px;letter-spacing: -.8px;line-height:32px;padding: 0;font-weight: 500;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:1700px) { .header .header-nav .top-logo{width: 25%;min-width: 290px;} } @media(max-width:1550px) { } @media(max-width:1460px) { .navbar-custom .navbar-nav .nav-link {font-size: 18px;} } @media(max-width:1380px) { .navbar-custom .navbar-nav .nav-link {font-size: 17px;} .navbar-custom .navbar-nav .nav-item {margin: 0 5px;} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{padding: 0 5px;} .header .header-nav .top-logo span {font-size: 18px;} } @media(max-width:1200px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .header .header-top .toch{display: none;} } @media(max-width:1100px) { .navbar-custom .navbar-nav .nav-link {font-size: 14px;} } @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%;border-bottom:1px solid #b3190d;z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:30px;width:auto;} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff} .header-mb .top-mb .icon-bars{color:#fff} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%} .top-mb-search-box .search-group{width:100%;height:34px} .top-mb-feed i{font-size:16px;color:#fff} .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:var(--public-color);position:absolute;right:0px;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 th{background-color: #f0f0f0;color: #fff;padding: 10px 15px 10px 70px;font-weight: 500;font-size: 20px;text-align: left;border: 2px solid var(--public-color); background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #7ea73f, #7ea73f);} .table-wrapper table td {padding: 10px 15px 10px 70px; vertical-align: middle; font-size: 16px;color: #666;font-weight: 400;text-align: left;border: 2px solid var(--public-color);} .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 2px solid var(--public-color);position: relative;} .table-wrapper table::after{content: "";width: calc(100% + 2px);height: 10px;position: absolute;left: -1px;bottom: -8px; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #7ea73f, #7ea73f); background-blend-mode: normal, normal; } .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: #666666;font-size: 20px;} .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: 60px;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*/ .home-banner{background-color: #f0f0f0;} .home-banner .content{display: flex;justify-content: space-between;align-items: center;} .home-banner .home-cont{width: 610px;min-width: 610px;} .home-banner h1{font-size: 56px;line-height: 64px;color: #333;letter-spacing: -3px;font-weight: 400;margin-bottom: 20px;} .home-banner .all-img::before{margin-bottom: 20px;} .home-banner .text{font-size: 24px;color: #666;} .home-banner .img{width: 52%;} .footer{padding-top: 135px;font-family: 'Poppins';background-color: #f4f4f4;} .footer .logo{margin-bottom: 30px;} .footer .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 30px;margin-top: 10px;} .footer .font-sty,.footer a.font-sty{font-size: 16px;color: #666;font-family: 'Poppins';} .footer a.font-sty:hover{color: var(--public-color);} .footer a.font-sty:hover::after{filter: none} .footer .list-2 .box,.footer .list-3 .box{display: flex;flex-direction: column;gap: 0px;} .footer .list-2 .font-sty,.footer .list-3 .font-sty{display: flex;justify-content: space-between;gap: 30px ;} .footer .list-2 .font-sty::after,.footer .list-3 .font-sty::after{content: url(../../images/footer-7.jpg);display: inline-block;mix-blend-mode: darken;filter: grayscale(1);} .footer .list-1 .text{font-size: 16px;line-height: 36px;color: #666;opacity: 1;margin-bottom: 35px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .footer .list-1{width: 29%;} .footer .list-2{width:18%;} .footer .list-3{width: 25%;min-width: 350px;} .footer .list-4{width:18%;min-width: 300px;} .footer .list-4 .d1{display: grid;grid-template-columns: 18px auto;grid-gap: 0 25px;cursor: default;} .footer .list-4 .d1 a.font-sty:nth-last-of-type(2){margin-right: 10px;} .footer .list-4 .d1 .icon{display: inline-flex;align-items: center;justify-content: center;height: 32px;} .footer .social-all>.social{gap: 8px;} .footer .hover-1,.footer .hover-2{background-color: transparent !important;border: 1px solid #d9d9d9;color: #000 !important;width: 40px;height: 40px;font-size: 16px !important;display: inline-flex;justify-content: center;align-items: center;} .footer .hover-1:hover,.footer .hover-2:hover{background-color: var(--public-color) !important;color: #fff !important;} .footer .hover-1::before,.footer .hover-2::before{font-size: 16px;width: inherit;} .footer .footer-top{padding-bottom: 100px;} .footer .footer-bottom{font-size: 14px;line-height: 28px;color: #fff;padding: 6px 0;font-family:'Roboto'; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #1ea838, #1ea838); background-blend-mode: normal, normal; } .footer .footer-bottom .container-xl{display: flex;justify-content: space-between;gap: 10px 20px;} .footer .footer-bottom .d1{display: flex;} .footer .footer-bottom .copy{font-weight: 300;} @media(max-width:1450px){ .footer .list-1 {width: 25%;} .footer .list-1 .text{line-height: 28px;} } @media(max-width:1380px){ .footer .list-2{min-width: 250px;} } @media(max-width:1340px){ .footer .font-sty, .footer a.font-sty {font-size: 14px;} .footer .list-2{min-width: 220px;} .footer .list-3 {min-width: 310px;} .footer .list-4 {min-width: 260px;} } @media(max-width:1200px){ .footer .footer-top{flex-wrap: wrap;} .footer .list-1{width: 100%;margin-bottom: 40px;} .footer .list-4 {min-width: 330px;} } .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:#666666;} .small-nav ul li::before{content: "/";font-weight: 600;line-height: 28px;font-size: 12px;padding: 0 20px;color:var(--public-color);position: static;} .small-nav ul li:first-child::before{display: none;} .small-nav ul li:last-child a{color: #999;} .small-nav ul li{display: flex;align-items: center;padding-left: 0;} .small-nav-xl{position: absolute;top: 0;max-width: var(--max);margin: auto;width: 100%;} .in-banner{margin-bottom: 35px;padding-top: 30px;position: relative;margin-bottom: 100px;} .in-banner::after{content: "";width: 100%;height: 350px; background:linear-gradient(#f2f2f2, #fff);position: absolute;left: 0;top:0;z-index: -2;} .in-banner .small-nav{position: static;} .in-banner.sol-lunch-banner::after{content: "";background: url(../../images/banner-lunch.jpg) no-repeat;width: 100%;height: 350px;} /*共有的类名*/ .title{font-size:42px;line-height:42px;color: #333333;font-weight: 400;letter-spacing: -2px;} .title.title-c{text-align: center;} a.t1{color: #333333;} h1.h1{font-size: 48px;line-height: 64px;color: #333;font-weight: bold;} .h6{font-size: 18px;line-height: 28px;color: #0071b7;font-weight: bold;} .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);} ul li{padding-left: 35px;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-img.all-img-1::before{margin-bottom: 15px;} .all-img::before{content: "";background: url(../../images/sign-1.png) no-repeat;display: block;height: 30px;width: 30px;} .all-img.title-c::before,.all-img.top-head-c::before{margin:0 auto 15px;} .all-img.top-head-c::before{margin-bottom: 40px;} .all-style{position: relative;} .all-swiper{overflow: hidden;} .all-hover{width: 55px;height: 85px;color: #c6c6c6;transition: all .3s ease-in-out;} .all-hover-next{right: -90px;} .all-hover-next::after{content: "";background: url(../../images/sign-r.png) no-repeat;width: 24px;height: 36px;background-size: contain;} .all-hover-prev{left: -90px;} .all-hover-prev::after{content: "";background: url(../../images/sign-l.png) no-repeat;width: 24px;height: 36px;background-size: contain;} /* From Uiverse.io by nikk7007 */ .hongshuo{padding: 0 75px;height: 60px;font-size: 14px;font-weight: 500;color: #fff !important;font-weight: 500;background-size: 100%;display: inline-flex;align-items: center;justify-content: center; background-position: left center;transition: background 0.3s ease;border-radius: 30px; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0c9125, #0c9125); background-blend-mode: normal, normal;} .hongshuo:hover{background-size:200%;background-position: right center;} .hongshuo i,.hongshuo-1 i{font-weight: 600;font-family: 'Poppins';padding-left: 10px;transform: skew(10deg);} .hongshuo-1{font-weight: 500;display: inline-flex;align-items: center;justify-content: center;padding: 0 50px;font-size: 14px;transition: all 0.5s ease-in-out; height: 60px; background-color: #ffffff; background: url(../../images/sign-7.png) no-repeat;background-size: 100% 100%; border-radius: 30px; } .hongshuo-1 span{background-image: linear-gradient(to right, #0071b7 50%, #1ea838 10%);background-clip: text;-webkit-background-clip: text;color: transparent;} .hongshuo-1 i{color: var(--public-color);} .hongshuo-1:hover{background-position: left center;transition: background 0.3s ease;border-radius: 30px;animation: fadeIn 0.3s ease-in-out; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0c9125, #0c9125); background-blend-mode: normal, normal;} .hongshuo-1:hover span,.hongshuo-1:hover i{color: #fff;} .home-paper{padding-top: 195px;} .home-paper .title{font-size: 36px;} .home-sol{margin-bottom: 140px;} .home-sol .title{margin-bottom: 10px;} .home-sol .top-head{margin-bottom: 70px;color: #666;} .home-sol .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 50px;} .home-sol .list{box-shadow: 0px 0px 70px 0px rgba(99, 99, 99, 0.1);position: relative;transition: all .3s ease-in-out;overflow: hidden;} .home-sol .list>img{width:auto;height: 100%;max-width: none;} .home-sol .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 30px;} .home-sol .img{height: 210px;margin-bottom: 40px;} .home-sol .img img{height: 100%;width: auto;max-width: auto;mix-blend-mode: multiply;} .home-sol .t1{font-size: 26px;color: #333;letter-spacing: -2px;margin-bottom: 20px;} .home-sol .t1::after{content: url(../../images/sign-2.png);position: relative;left: 20px;opacity: 0;transition: all .3s ease-in-out;} .home-sol .t1:hover::after{opacity: 1;} .home-sol .t1:hover{color: var(--public-color);width: calc();} .home-sol .box {padding: 0 34px 60px;} .home-sol .box .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .home-sol .list:hover .t1{font-weight: 500;} .home-sol .list:hover {transform: translateY(-5px);cursor: default;} .all-border{border-style: solid;border-width: 6px;border-image-slice: 1;border-image-source:linear-gradient(0deg, transparent 0%, transparent 100%);transition: all .3s ease-in-out;} .all-border:hover{border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); animation: linearGradientMove 2s infinite linear;} .list .all-border-1{border-style: solid;border-width: 6px;border-image-slice: 6;border-image-source:linear-gradient(0deg, transparent 0%, transparent 100%);transition: all .3s ease-in-out;} .list:hover .all-border-1{border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); animation:fadeIn linearGradientMove 2s infinite linear;} @keyframes linearGradientMove { 100% { border-image-source: linear-gradient(30deg, #1ea838 0%, #0071b7 100%); } } .home-sector {margin-bottom: 210px;} .home-sector .top-head{width: 70%;margin:0 auto 50px;} .home-sector .content{display: flex;justify-content: center;gap: 26px;width:90%;margin: auto;} .home-sector .title{margin-bottom: 10px;} .home-sector .list{position: relative;width: calc(calc(100% - 26px * 2) / 3);} .home-sector .list>img{width: 100%;height: auto} .home-sector .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;} .home-sector .box{height: 210px;background-color: #fff;padding: 50px 0px 20px;position: relative;z-index: 1;margin-bottom: 4px;transition: all .3s ease-in-out;} .home-sector .t1{font-size: 22px;color: #333;letter-spacing: -1px;margin-bottom: 15px;} /* .home-sector .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} */ .home-sector .cont{font-size: 16px;line-height: 26px;} .home-sector .list.active .box{background-color: transparent;padding-left: 20px;padding-right: 10px;height: auto;} .home-sector .list.active .t1,.home-sector .list.active .cont{color: #fff;} .home-sector .list .list-xl::after{content: "";width: 100%;height: 4px;transition: height .3s ease-in-out; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0071b7, #0071b7); background-blend-mode: normal, normal; opacity: 0.8;position: absolute;bottom: 0;left: 0;} .home-sector .list.active .list-xl::after{height: 100%; background-image: linear-gradient(0deg, #0071b7 0%, #1ea838 100%), linear-gradient( #1ea838, #1ea838); background-blend-mode: normal, normal; } .home-sector .list .all-img::before{display: inline-block;} .home-sector .list .all-img::before{width: 14px;height: 15px;filter:brightness(0) invert(1);background-size: contain;display: none;margin-right: 19px;} .home-sector .list.active .all-img::before{display: inline-block;} .home-about{margin-bottom: 170px;} .home-about .content{display: flex;justify-content: space-between;align-items: center;gap: 95px;} .home-about .left{width: auto;} .home-about .right{width: 640px;min-width: 640px;} .home-about .title{width: 90%;margin-bottom: 35px;} .home-about .text{margin-bottom: 75px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .home-quality {margin-bottom: 75px;} .home-quality .top-head{margin-bottom: 80px;} .home-quality .h6{margin-bottom: 10px;} .all-quality .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 50px;} .all-quality .list{background-color: #f6f6f6;height: 100%;} .all-quality .box{background-color: #f6f6f6;padding: 40px 20px 20px;} .all-quality .t1{font-size: 24px;color: #333;letter-spacing: -1px;margin-bottom: 25px;} .all-quality .cont{font-size: 16px;line-height: 26px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-quality .list .all-img::before{width: 18px;height: 18px;background-size: contain;margin-right: 10px;display: none;} .all-quality .list:hover .all-img::before{display: inline-block;animation: fadeInLeft 0.3s ease-in-out;} .all-quality .list:hover .box{background-color: #fff;} .all-part{margin-bottom: 145px;} .all-part .content{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 27px;} .all-part .img{background-color: #ffffff;box-shadow: 0px 0px 10px 0px rgba(99, 99, 99, 0.1);display: flex;align-items: center;justify-content: center;height: 138px;} .home-service{background-color: #f4f4f4;} .home-service .content{display: flex;justify-content: space-between;align-items: center;} .home-service .left{width: 38%;} .home-service .right{display: grid;grid-template-columns: repeat(2,1fr);width: 54%;} .home-service .h2{font-size: 28px;color: #333;letter-spacing: -2px;margin-bottom: 40px;} .home-service li{margin-bottom: 10px;} .home-service .list:last-child{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;} .home-service .list p{letter-spacing: -1px;color: #666;} .home-service .list .hongshuo{margin-top: 35px;} .home-case{padding:150px 0;} .home-case .top-head{margin-bottom: 50px;} .home-case .title{margin-bottom: 20px;} /* .home-case .box{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 220px;width: 100%;;background-color: #f8f8f8;padding: 0 20px;} .home-case .t1{font-size: 20px;line-height: 32px;color: #333;letter-spacing: -1px;margin-bottom: 35px;text-align: center;} .home-case .add{background-color: #ffffff;border-radius: 25px;border: solid 2px #dddddd;color: #888;letter-spacing: -.8px;display: inline-flex;align-items: center;justify-content: center;height: 50px;padding: 0 25px;} .home-case .add img{padding-right: 20px;} .home-case .list:hover .box{background-color: #fff;} .home-case .list .all-border-1{border-image-slice:6px;border-style: solid;border-width: 6px;} */ .all-p-l-faq {padding: 140px 0;background-color: #f8f8f8;} .all-p-l-faq .title{margin-bottom: 70px;} .all-p-l-faq .text{font-size: 22px;line-height: 32px;color: #666;letter-spacing: -1px;} .all-p-l-faq .content{display: flex;justify-content: space-between;} .all-p-l-faq .aside{width: 35%;display: flex;flex-direction: column;gap: 30px;} .all-p-l-faq .article{max-width: 925px;width: 60%;min-width: 520px;} .all-faqs.active{animation: fadeIn .3s ease-in-out;} .all-faqs .items{margin-bottom: 40px;} .all-faqs .items:last-child{margin-bottom: 0;} .all-faqs .items:last-child{margin-bottom: 0;} .all-faqs .item{display: grid;grid-template-columns: auto 26px;grid-gap: 30px;cursor:default;} .all-faqs .quen-q{font-size: 20px;line-height: 32px;color: #333;font-weight: 500;opacity: .5;letter-spacing: -1px;position: relative;} .all-faqs .quen-a{font-size: 18px;line-height: 32px;color: #888;display: grid;grid-template-columns: 60px auto;grid-gap: 20px;align-items: start; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-faqs .quen-a span{background: url(../../images/sign-4.png) no-repeat;display: inline-flex;align-items: center;justify-content: center;height: 50px;font-size: 26px;line-height: 32px;color: #fff;font-weight: bold;padding-right: 10px;margin-top: 10px;} .all-faqs .items.active .quen-q{margin-bottom: 25px;color:#333;opacity: 1;} .all-faqs .items.active .quen-a{padding-bottom: 15px;} .all-faqs .items.active{margin-bottom: 60px;} .all-faqs .symbol{color: #333;font-size: 20px;font-weight: 500;} .all-faqs .minus{display: none;} .all-faqs .plus{display: inline-block;} .all-faqs .items.active .minus{display: inline-block;} .all-faqs .items.active .plus{display: none;} /* 表单样式 */ .all-from{padding: 60px 50px 40px 50px;background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #ffffff, #ffffff); background-blend-mode: normal, normal;} .all-from .form-control::placeholder{font-size: 16px;line-height: 32px;color: #999;letter-spacing: -1px;font-family: 'Poppins';} .all-from .form-control{padding: 15px 20px;} .all-from .form-row{margin-left:-10px;margin-right:-10px;} .all-from .col-md-6,.all-from .col-md-12,.all-from .col-md-8,.all-from .col-md-10{padding: 0 10px;} .all-from .hongshuo{border:2px solid #fff;color: #fff;font-size: 14px;font-weight: 600;font-family: 'Poppins';padding: 0 45px;height: 56px;} .all-from .form-row:nth-last-of-type(2){margin-bottom: 15px;} .all-from .form-row:last-child{margin-bottom: 0;} .all-from .col-md-8 .form-control{padding: 10px 0 10px 20px;} .form-group{position:relative;} .form-group:has(input[required])::before, .form-group:has(textarea[required])::before{content:'*';position: absolute;left: 20px;top: 12px;color:var(--public-color);z-index:1;font-family: 'Poppins';} .form-group:has(textarea[required])::before{top: 18px;} .form-group .form-control{padding: 15px 20px 12px 24px;} /* .form-group:has(input[required]) .form-control,.form-group:has(textarea[required]) .form-control{padding: 15px 20px 15px 35px;} */ .all-style-news {padding-top: 150px;padding-bottom: 160px;} .all-style-news .all-img::before{display: inline-block;margin-right: 20px;} .all-style-news .title{margin-bottom: 80px;} .all-style-news .a{display: flex;justify-content: center;margin-top: 90px;} .all-news .content{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 27px;} .all-news .list{position: relative;overflow: hidden;} .all-news .list>img{width: auto;height: 100%;} .all-news .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content:space-between;padding-top: 50px;} .all-news .box{height: 255px;background-color: #fff;padding: 35px 0px 20px;position: relative;z-index: 1;margin-bottom: 4px;transition: all .3s ease-in-out;padding-right: 20px;display: flex;flex-direction: column;justify-content: space-between;} .all-news .t1{font-size: 24px;line-height: 32px;color: #333;letter-spacing: -1px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .all-news .list:hover .box .t1{margin-bottom: 30px;} .all-news .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;} .all-news .cont{font-size: 16px;line-height: 30px;color: #666;margin-bottom: 30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; 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 .time{font-size: 16px;line-height: 20px;color: #aaa;letter-spacing: -.8px;} .all-news .list.active .box{background-color: transparent;padding-left: 20px;padding-bottom: 60px;padding-right: 10px;height: auto;} .all-news .list.active .cont{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .all-news .list.active .t1,.all-news .list.active .cont{color: #fff;} .all-news .list.active .time{color: #fff;} .all-news .list .list-xl::after{content: "";width: 100%;height: 4px;transition: height .3s ease-in-out; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0071b7, #0071b7); background-blend-mode: normal, normal; opacity: 0.8;position: absolute;bottom: 0;left: 0;} .all-news .list.active .list-xl::after{height: 100%; background-image: linear-gradient(0deg, #0071b7 0%, #1ea838 100%), linear-gradient( #1ea838, #1ea838); background-blend-mode: normal, normal; } .all-news .list.active .all-img::before{display: inline-block;} .all-news .list.active .arrow{opacity: 1;} .all-news .arrow{opacity: 0;padding-left: 20px;position: relative;z-index: 1;} /* 注意纸餐盒机和纸棒机的样式基本一致 */ .solution-list-paper .title.all-img::before{margin-bottom: 40px;} .sol-zhu{margin-bottom: 135px;} .sol-zhu .content{display: flex;justify-content: space-between;} .sol-zhu .left{width: 40%;} .sol-zhu .right{width: 56%;} /* .sol-zhu .right img{mix-blend-mode: darken;} */ .sol-zhu h1{font-size: 42px;line-height: 56px;color: #333;letter-spacing: -2px;font-weight: 400;margin-bottom: 30px;} .sol-zhu .text{margin-bottom: 40px;} .sol-products{margin-bottom: 160px;} .sol-products .title{margin-bottom: 70px;} .all-sol-products .items{display: flex;justify-content: space-between;align-items: center;padding-left: 40px;padding-bottom: 40px;padding-top: 80px;background-image: linear-gradient(to right, #f8f8f8, #ffffff);background-blend-mode: normal, normal;margin-bottom: 40px;} .all-sol-products .items:last-child{margin-bottom: 0;} .all-sol-products .left{width: 50%;position: relative;padding: 20px 0;} .all-sol-products .right{width: 46%;background-color: #ffffff;box-shadow: 0px 50px 50px 0px rgba(99, 99, 99, 0.08);padding: 30px 50px;} .all-sol-products .left::before{content: "";width: 8px;height: 100%;position: absolute;left: -40px;top: 0; background-image: linear-gradient(0deg, #0071b7 0%, #1ea838 100%), linear-gradient( #ffffff, #ffffff); background-blend-mode: normal, normal;} .all-sol-products .model{font-size: 18px;line-height: 28px;font-weight: 500; background-image: linear-gradient(to right, #0071b7 2%, #1ea838 10%);background-clip: text;-webkit-background-clip: text;color: transparent;margin-bottom: 10px;} .all-sol-products .t1{font-size: 36px;line-height: 42px;color: #333;letter-spacing: -2px;margin-bottom: 40px;} .all-sol-products .t1:hover{color: var(--public-color);} .all-sol-products .t1::after{content: "";background: url(../../images/sign-6.png) no-repeat;width: 40px;height: 25px;background-size: contain;position: relative;display: inline-block;left: 20px;} .all-sol-products h5{font-size: 18px;color: #666;font-weight: bold;margin-bottom: 15px;} .all-sol-products ul li{color: #999;} .sol-app{padding-bottom: 145px;} .sol-app .title{margin-bottom: 90px;font-size: 36px;} .sol-app-name{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 40px;} .sol-app-name p{flex: 1;background-color: #f8f8f8;height: 80px;display: flex;align-items: center;justify-content: center;letter-spacing: -1px;font-size: 16px;color: #666;cursor: default;} .sol-app-name p span{width: 40px;height: 45px;margin-right: 15px;display: flex;align-items: center;} .sol-app-name p.active{color: #fff; background-image: linear-gradient(90deg, #1ea838 0%, #0071b7 100%), linear-gradient( #1ea838, #1ea838); background-blend-mode: normal, normal;} .sol-app-name p.active span{filter: brightness(0) invert(1);} .sol-app-content{padding-bottom: 10px; background-image: linear-gradient(90deg, #1ea838 0%, #0071b7 100%), linear-gradient( #121e2c, #121e2c); background-blend-mode: normal, normal; } .sol-app .items{display: flex;justify-content: space-between;align-items: center;background-color: #fff;padding-bottom: 50px;} .sol-app .items .left{width: 45%;} .sol-app .items .right{width: 50%;} .sol-app .items .t1{font-size: 36px;line-height: 42px;color: #333;letter-spacing: -2px;margin-bottom: 20px;} .sol-app .items .text{color: #666;opacity: .6;margin-bottom: 55px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-cass{background-color: #f8f8f8;padding: 130px 0 150px;} .sol-cass .title{margin-bottom: 75px;font-size: 36px;} .all-case .swiper-slide{height: auto;} .all-case .img{background-color: #cccccc;display: grid;grid-template-columns: auto 70px;grid-gap: 10px;align-items: center;padding:25px 20px;} .all-case .img-1{opacity: 1;mix-blend-mode: multiply;} .all-case .small-img{display: flex;flex-direction: column;gap: 10px;} .all-case .img-2,.all-case .img-2 img{border-radius: 100%;} .all-case .t1{font-size: 20px;line-height: 32px;color: #333;letter-spacing: -1px;font-weight: 500;margin-bottom: 10px;position:relative;z-index: 9;} .all-case .t1:hover{color: var(--public-color);} .all-case .list{height: 100%;} .all-case .list .box{padding: 45px 45px 45px 35px;background-color: #fff;position: relative;height: 260px;} .all-case .list .text{letter-spacing: -1px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-case .list .box::after{content: "";height: 6px;width: 100%;position: absolute;left: 0;bottom: 0;animation: backInUp .3s ease-in-out; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;} .all-case .list:hover .box::after{ background:none; height: 100%; box-shadow: 0px 0px 70px 0px rgba(99, 99, 99, 0.1); border-style: solid; border-width: 6px; border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); border-image-slice: 6; animation: fadeIn 1s ease-in-out; } .all-needs{margin-top: 100px;} .all-needs .content{display: flex;justify-content: space-between;align-items: center;height: 260px;padding: 0 90px; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #f8f8f8, #f8f8f8); background-blend-mode: normal, normal; border-radius: 10px;} .all-needs .left{width: 65%;} .all-needs .a{width: 300px;min-width: 300px;cursor: pointer;} .all-needs .hongshuo-1{width: 100%;} .all-needs .h2 span{display: block;} .all-needs .h2{font-size: 32px;line-height: 42px;letter-spacing: -2px;color: #fff;margin-bottom: 10px;} .all-needs .text{color: #fff;opacity: .6;} .sol-quality{padding-top: 100px;margin-bottom: 70px;} .sol-quality .title{line-height: 56px;font-size: 36px;} .sol-quality .title span{display: block;} .sol-quality .top-head {margin-bottom: 65px;} .sol-quality .top-head .text{width: 95%;margin: auto;} .sol-quality .box{height: 270px;} .sol-technology {margin-bottom: 135px;} .sol-technology .title{font-size: 36px;margin-bottom: 15px;} .sol-technology .top-head{margin-bottom: 90px;} .sol-technology .content{display: flex;border: 2px solid #ddd;text-align: center;position: relative;} .sol-technology .content::after{content: "";width: calc(100% + 4px);height: 10px;position: absolute;left: -2px;bottom: -8px; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #dddddd, #dddddd); background-blend-mode: normal, normal;} .sol-technology .list{flex: 1;font-size: 16px;color: #666;font-weight: 400;} .sol-technology .list + .list{border-left: 2px solid #ddd;} .sol-technology .list div + div{border-top: 2px solid #ddd;} .sol-technology .name{font-size: 20px;color: #fff;font-weight: 500;} .sol-technology .list div{padding: 10px;} .sol-technology .list:first-child .name{background-color: #999999;} .sol-technology .list:last-child .name{ background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0071b7, #0071b7); background-blend-mode: normal, normal;} .sol-news .title.all-img::before{margin-bottom: 0;} .all-top-head{margin-bottom: 85px;} .all-top-head .all-img::before{margin-bottom: 25px;} .all-top-head h1{font-size: 48px;color: #333;letter-spacing: -3px;font-weight: 400;} .all-top-head .text{margin-top: 15px;margin-bottom: 65px;} .all-style-app {margin-bottom: 170px;} .all-style-app .items{display: flex;justify-content: space-between;align-items: center;} .all-style-app .d{display: flex;gap: 0 15px;margin-bottom: 30px;} .all-style-app .d span{display: inline-block;width: 82px;margin-top: -13px;} .all-style-app .t1{font-size: 36px;line-height: 42px;color: #333;letter-spacing: -2px;} .all-style-app .t1:hover{color: var(--public-color);} .all-style-app .cont{margin-bottom: 45px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-style-app .left{width: 45%;} .all-style-app .right{width: 50%;padding: 60px 90px;position: relative; background-image: linear-gradient(90deg, #fafafa8f, #f8f8f8); background-blend-mode: normal, normal; } .all-style-app .all-hover-next{right: 0;} .all-style-app .all-hover-prev{left: 0;} .app-in-paper .title{font-size: 36px;} .app-in-zhu {margin-bottom: 155px;} .app-in-zhu .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 65px;} .app-in-zhu .left{width: 45%;} .app-in-zhu .right{width: 50%;} .app-in-zhu h1{font-size: 48px;color: #333;letter-spacing: -3px;font-weight: 400;margin-bottom: 35px;} .app-in-zhu .text{margin-bottom: 50px;} .app-in-zhu .list{position: relative;overflow: hidden;cursor: default;} .app-in-zhu .all-t1{font-size: 24px;color: #333;letter-spacing: -1px;} .app-in-zhu .t1{background-color: #f8f8f8;height: 85px;width: 100%;;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;bottom: 0;transition: bottom .3s ease-in-out;} .app-in-zhu .box{position: absolute;left: 0;bottom: 0;width:100%;height: 100%;background: rgba(255,255,255,0.9);padding: 0px 20px 0px 55px;display: flex;flex-direction: column;justify-content: center;transition:opacity .3s ease-in-out;opacity: 0;} .app-in-zhu .cont{font-size: 16px;line-height: 26px;color: #666;} .app-in-zhu .t2.all-img::before{bottom: -30px;left: -30px;width: 20px;height: 23px;background-size: contain;position:relative;} .app-in-zhu .t2{margin-bottom: 10px;} .app-in-img .all-border-1{border-style: solid;border-width: 6px;border-image-slice: 6;border-image-source:linear-gradient(0deg, transparent 0%, transparent 100%);transition: all .3s ease-in-out;} .app-in-img .list:hover .all-border-1{border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); animation:fadeIn linearGradientMove 2s infinite linear;} .app-in-img .list:hover .box{opacity: 1;} .app-in-img .list:hover .t1{bottom: -100%;} .app-in-sol .all-img::before{margin-bottom: 30px;} .app-in-sol .top-head .title{margin-bottom: 15px;line-height: 56px;} .app-in-sol .top-head{margin-bottom: 110px;} .app-in-sol{margin-bottom: 140px;} .app-in-interested {padding-bottom: 110px;} .app-in-interested .title.all-img::before{display: inline-block;margin-right: 15px;} .app-in-interested .title{margin-bottom: 75px;} .app-in-interested .content{display: flex;justify-content: space-between;gap: 30px;} .app-in-interested .list {display: flex;align-items: center;width: calc(100% - 30px * 3);position: relative;} .app-in-interested .img-2{display: none;} .app-in-interested .img-1{display: inline-block;} .app-in-interested .list:hover .img-2{display: inline-block;animation: fadeIn .3s ease-in-out;} .app-in-interested .list:hover .img-1{display: none;animation: fadeIn .3s ease-in-out;} .app-in-interested .t1{background-color: #fff;padding: 5px 0;font-size: 22px;letter-spacing: -2px;color: #333;transition: left .3s ease-in-out;position: absolute;left: 37%;} .app-in-interested .t1:hover{color: var(--public-color);} .app-in-interested .t1::after{content: url(../../images/sign-9.png);display: block;} .app-in-interested .list:hover .t1{left: 50%;} .app-in-interested .img{width: 140px;height: 140px;border-radius: 100%;border:3px dotted var(--public-color) ;display: flex;justify-content: center;align-items: center;} .app-in-interested .list:hover .img{border-color: transparent;} .p-i-first{margin-bottom: 160px;} .p-i-first .content{display: flex;justify-content: space-between;margin-bottom: 60px;} .p-i-first .left{width: 50%;background-color: #fff;} .p-i-first .left .big-img{position: relative;padding: 100px 100px 70px;} .p-i-first .left .prev-pro{left: 0;} .p-i-first .left .next-pro{right: 0;} .p-i-first .left .img{background-color: #e4e4e4;padding: 20px 10px;} .p-i-first .left .img img{border: none;mix-blend-mode: multiply;} .p-i-first .left .img.mz-thumb.mz-thumb-selected{background-color: #999999;} .p-i-first .right{width: 45%;} .p-i-first .model{background-image: linear-gradient(to right, #0071b7 2%, #1ea838 10%);background-clip: text;-webkit-background-clip: text;color: transparent;line-height: 28px;font-weight: 500;margin-bottom: 10px;} .p-i-first h1.h1{font-size: 36px;line-height: 42px;color: #333;letter-spacing: -2px;font-weight: 400;margin-bottom: 35px;} .p-i-first h5{font-size: 18px;color: #666;font-weight: bold;margin-bottom: 15px;} .p-i-first ul{margin-bottom: 50px;} .p-i-first ul li{color: #999;padding-left: 0;margin-bottom: 10px;} .p-i-first ul li:last-child{margin-bottom: 0;} .p-i-first ul li::before{display: none;} .p-i-first ul li strong{color: var(--public-color);font-weight: 400;} .p-i-first .cer{margin-top: 50px;} .p-i-first .cer .name{color: var(--public-color);margin-bottom: 20px;} .detail-nav{margin-bottom: 135px;} .detail-box::after{content: "";width: 100%;height: 4px; display: block; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #e4e4e4, #e4e4e4); background-blend-mode: normal, normal; } .detail-nav-xl{display: flex;gap: 10px;} .detail-nav li{padding-left: 0;} .detail-nav li::before{display: none;} .detail-nav li a{background: #f8f8f8;width: 260px;height: 60px;font-size: 14px;font-weight: 600;color: #333;font-family: 'Poppins';display: flex;align-items: center;justify-content: center;animation: fadeIn .3s ease-in-out;} .detail-nav li.active a,.detail-nav li:hover a{color: #fff; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0c9125, #0c9125); background-blend-mode: normal, normal;} .detail-nav.fadeInDown{position: sticky;top: 70px;background-color: #fff;padding-top: 10px;z-index: 15;} .p-i-content .title-xl{font-size: 36px;line-height: 42px;color: #333;letter-spacing: -2px;margin-bottom: 65px;} .p-i-content .title-xl.all-img::before{display: inline-block;margin-right: 30px;} .p-i-content .container-xl>div{margin-bottom: 140px;} .p-i-app .t1{font-size: 24px;color: #333;background-color: #f8f8f8;letter-spacing: -1px;text-align: center;height: 80px;display: flex;justify-content: center;align-items: center;} .p-i-app .all-border-1,.p-i-details .all-border-1{border-style: solid;border-width: 6px;border-image-slice: 6;border-image-source:linear-gradient(0deg, transparent 0%, transparent 100%);transition: all .3s ease-in-out;} .p-i-app .list:hover.all-border-1,.p-i-details .list:hover.all-border-1{border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); animation:fadeIn linearGradientMove 2s infinite linear;} .p-i-app .list:hover .t1,.p-i-details .list:hover .t1{background-color: #fff;} .p-i-app .list .all-img-2::before,.p-i-details .list .all-img-2::before{opacity: 0;} .p-i-app .list:hover .all-img-2::before,.p-i-details .list:hover .all-img-2::before{opacity: 1;} .p-i-app .all-img-2::before,.p-i-details .all-img-2::before{margin-right: 10px;} .all-img-2::before{content:"";background: url(../../images/sign-10.jpg) no-repeat;display: inline-block;width: 18px;height: 18px;} .p-i-desc li{color: #999;margin-bottom: 10px;padding-left: 25px;} .p-i-desc li::before{content: "";width: 7px;height: 7px;background-color: var(--public-color);top: 12px;left: 0;} .p-i-details .content{display: grid;grid-template-columns:repeat(4,1fr);} .p-i-details .t1{font-size: 24px;color: #333;background-color: #f8f8f8;letter-spacing: -1px;text-align: center;height: 80px;padding-left: 0px;display: flex;align-items: center;} .p-i-details .list:hover .t1::before{margin-left: 20px;} .p-i-details .list .t1::before{transition: margin-left .3s ease-in-out;} .p-i-details{margin-bottom: 210px;} .all-service-support{background: url(../../images/service-1.jpg) no-repeat;background-size: 100% 100%;position: relative;margin-bottom: 215px;} .all-service-support .content{display: flex;justify-content: space-between;align-items: center;} .all-service-support .left{width: 45%;color: #fff;} .all-service-support .left .text{opacity: .6;} .all-service-support .title{font-size: 36px;line-height: 42px;letter-spacing: -2px;color: #fff;margin-bottom: 30px;} .all-service-support .right{width: 50%;position: relative;z-index: 1;margin-bottom: -65px;margin-top: 115px;} .all-service-support .all-from-1{background: #fff;box-shadow: 0px 30px 70px 0px rgba(99, 99, 99, 0.1);padding: 60px 50px 40px 50px} .all-service-support hr{margin: 45px 0 60px;} .all-service-support ul{margin-top:50px;} .all-service-support ul li{margin-bottom: 10px;color: #fff;letter-spacing: -1px;} .all-service-support ul li:last-child{margin-bottom: 0;} .all-service-support ul li::before{color: #fff;} .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-1.all-from .form-control{background-color: #f4f4f4;border: none;padding:16px 15px 16px 28px;position: relative;} .all-from-1.all-from .form-row{margin: 0 -10px 20px;} .all-from-1.all-from .col-md-12,.all-from-1.all-from .col-md-6,.all-from-1.all-from .col-md-8{margin-bottom: 0;padding: 0 10px;} */ /* .p-i-products{margin-bottom: 185px;} */ .all-products .title{font-size: 36px;line-height: 42px;letter-spacing: -2px;color: #333;margin-bottom: 110px;} .all-products .title::before{display: inline-block;margin-right: 30px;} .all-products .content{display: grid;grid-template-columns:repeat(3,1fr);gap: 50px;} .all-products .list{background-color: #ffffff;box-shadow: 0px 0px 70px 0px rgba(99, 99, 99, 0.1);} .all-products .img{padding:30px 35px 20px;} .all-products .box{padding: 40px 25px 40px 30px;height: 210px;} .all-products .model{color: #0071b7;font-weight: bold;} .all-products .t1{font-size: 26px;line-height: 42px;color: #333;letter-spacing: -2px;font-weight: 500; 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-products .t1::after{content: "";background: url(../../images/sign-2.png) no-repeat;background-size: 100% 100%;width: 25px;height: 20px;position: relative;left: 10px;display: inline-block;} .all-products .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} .all-products .list::after{content: "";width: 100%;height: 100%;} .service-top-head {width: 50%;margin:0 auto 35px;} .service-top-head .container-xl{display: flex;flex-direction: column;justify-content: center;align-items: center;} .service-top-head.all-top-head .all-img::before{margin: 0 auto 25px;} .service-content .items{padding: 135px 0 120px;} .service-content .items:nth-child(even){background-color: #f8f8f8} .service-content .items:nth-child(even) .items-xl{flex-direction: row-reverse;} .service-content .items-xl{display: flex;justify-content: space-between;align-items: center;} .service-content .left{width: 45%;;position: relative;display: flex;align-items: center;} .service-content .img-1{position: absolute;overflow: hidden;border-radius: 100%;} .service-content .right{width: 42%;} .service-content .title{font-size: 36px;line-height: 42px;color: #333;letter-spacing: -2px;margin-bottom: 30px;} .service-content li{color: #999;line-height: 28px;} .service-content .items:nth-child(odd) .img-1{right: 0;margin-right: -85px;} .service-content .items:nth-child(even) .img-1{left: 0;margin-left: -85px;} .service-down {background: url(../../images/service-2.jpg) no-repeat;background-size: 100% 100%;padding: 130px 0;} .service-down .content{display: flex;justify-content: space-between;align-items: center;} .service-down .left{width: 45%;} .service-down .right{width: 50%;} .service-down .title{color: #fff;font-size: 36px;margin-bottom: 20px;} .service-down .text{opacity: .6;color: #fff;margin-bottom: 55px;} .service-down .h5{color: #fff;margin-bottom: 35px;} .service-down .box{display: flex;gap: 38px;} .service-down .cont{background-color: #fff;height: 140px;padding-left: 20px;display: flex;flex-direction: column;justify-content: center;} .service-down .t1{color: #333;letter-spacing: -1px;margin-bottom: 25px;} .service-down .down{background-image: linear-gradient(to right, #0071b7 5%, #1ea838 12%);font-size: 14px; background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 10px;} .choose-top-head .all-img::before{margin: 0 auto 25px;} .choose-top-head.all-top-head .text{margin-bottom: 30px;} .choose-top-head .img-cer{margin-bottom: 40px;} .choose-content {padding-bottom: 185px;} .choose-content .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 150px;} .choose-content .items:last-child{margin-bottom: 0;} .choose-content .all-img::before{margin-bottom: 30px;} .choose-content .title{font-size: 36px;line-height: 42px;color: #333;margin-bottom: 40px;} .choose-content .text{margin-bottom: 55px;} .choose-content p strong{font-weight: 500;color: var(--public-color);} .choose-content .img-part{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px 15px;width: 80%;} .choose-content .img-part .img{height: 80px;box-shadow: 0px 0px 10px 0px rgba(99, 99, 99, 0.1);display: flex;justify-content: center;align-items: center;} .choose-content .left{width: 47%;} .choose-content .right{width: 50%;} .choose-content .items:nth-child(even){flex-direction: row-reverse;} .choose-case{background-color: #f8f8f8;padding: 150px 0 180px;} .choose-case .title{font-size: 36px;margin-bottom: 105px;} .choose-case .all-img::before{margin-bottom: 30px;} .choose-faq{padding: 200px 0 180px;} .choose-faq .content{display: flex;justify-content: space-between;gap: 0 60px;} .choose-faq .aside{width: 500px;min-width: 500px;margin-top: 20px;} .choose-faq .title{font-size: 36px;line-height: 42px;margin-bottom: 15px;} .choose-faq .all-img::before{margin-bottom: 30px;} .choose-faq .text p{margin-bottom: 0;} .choose-faq .text{margin-bottom: 50px;} .choose-faq .items{background-color: #ffffff;box-shadow: 0px 0px 60px 0px rgba(99, 99, 99, 0.08);margin-bottom: 0;padding: 25px 20px 20px 40px;margin-bottom: 20px;} .choose-faq .items.active{margin-bottom: 20px;} .choose-faq .all-faqs .quen-q{opacity: 1;} .choose-faq .all-faqs .quen-a{font-size: 16px;line-height: 28px;} .choose-faq .symbol{width: 26px;height: 26px;border-radius: 100%;display: flex;justify-content: center;align-items: baseline;color: #fff;background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0e1e40, #0e1e40);} .choose-faq .symbol .icon{line-height: 26px;} .choose-news{background:linear-gradient(to bottom, #f8f8f8, #fff);} .about-paper .title{font-size: 36px;line-height: 42px;} .about-paper .title.all-img::before{margin-bottom: 30px;} .about-zhu {margin-bottom: 125px;} .about-zhu .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 135px;} .about-zhu .left{width: 45%;} .about-zhu .right{width: 50%;} .about-zhu .h6{margin-bottom: 25px;} .about-zhu .title{margin-bottom: 25px;} .about-zhu .text{margin-bottom: 50px;} .about-zhu .about-cer-img{display: flex;align-items: center;gap: 30px;} .about-zhu .small-box{display: flex;justify-content: space-between;gap: 20px;} .about-zhu .small-box .list{display: flex;justify-content: space-between;position: relative;align-items: flex-end;} .about-zhu .small-box .h3{font-size: 42px;line-height: 48px;font-weight: 300;display: flex;background-image: linear-gradient(to right, #0071b7 20%, #1ea838 40%);background-clip: text;-webkit-background-clip: text;color: transparent;margin-bottom: 10px;} .about-zhu .small-box .cont p{font-size: 16px;line-height: 20px;letter-spacing: -1px;color: #666;} .about-zhu .small-box .cont{background-color: #fff;margin-bottom: 20px;margin-left: -30px;} .about-zhu .small-box .img{width: 140px;width: 140px;} .about-quality{background-color: #f8f8f8;padding: 120px 0;} .about-quality .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;} .about-quality .left{width: 50%;position: relative;display: flex;justify-content: center;align-items: center;} .about-quality .v-btn {position: absolute;width: 100px;height: 60px;background-color: #fff;border-radius: 6px;display: flex;justify-content: center;align-items: center;cursor: pointer;} .about-quality .v-btn:hover{animation: fadeIn .4s ease-in-out;background-image: linear-gradient(90deg, #1ea838 0%, #0071b7 100%), linear-gradient( #ffffff, #ffffff);} .about-quality .v-btn img{transition: all .4s ease-in-out;} .about-quality .v-btn:hover img{filter: brightness(0) invert(1);} .about-quality .right{width: 45%;} .about-quality .h6{margin-bottom: 15px;} .about-quality .title{margin-bottom: 30px;} .about-quality .all-img::before{margin-bottom: 30px;} .about-q-img{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 25px;} .about-sol {padding: 120px 0 185px;} .about-sol .top-head{margin-bottom: 110px;} .about-sol .all-img::before{margin: 0 auto 25px;} .about-sol .title{margin-bottom: 20px;margin-top: 15px;} .about-sol .content{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 60px 80px;} .about-sol .list{background-color: #f6f6f6;} .about-sol .box{padding: 50px 40px;} .about-sol .t1{font-size: 24px;color: #333;letter-spacing: -1px;margin-bottom: 25px;} .about-sol .cont{font-size: 16px;line-height: 26px;} .about-global{background-color: #f8f8f8;padding: 115px 0 140px;} .about-global .all-img::before{margin: 0 auto 25px;} .about-global .title{margin-bottom: 20px;} .about-global .top-head{margin-bottom: 95px;} .about-global .content{display: flex;justify-content: space-between;gap: 0px 30px;} .about-global .img {flex: 1;} .about-global .img .all-border-1{border-style: solid;border-width: 6px;border-image-slice: 6;border-image-source:linear-gradient(0deg, transparent 0%, transparent 100%);transition: all .3s ease-in-out;} .about-global .img:hover .all-border-1{border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); animation:fadeIn linearGradientMove 2s infinite linear;} .about-consult{padding: 80px 0 105px;} .about-consult .content{text-align: center;} .about-consult .title{margin-bottom: 20px;} .about-consult .text{font-size: 28px;line-height: 28px;margin-bottom: 75px;} .about-consult .all-img::before{margin: 0 auto 25px;} .case-top-head {width: 50%;margin:0 auto 85px;} .case-top-head .all-img::before{margin: 0 auto 25px;} .case-top-head .text{margin-bottom: 30px;} .case-paper .all-case .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:40px 30px} .case-paper {padding-bottom: 130px;} .case-paper .nav .all-nav a{width: auto;padding: 0 20px;} /*news-in-paper*/ .news-in-paper .article ol{list-style-type:disc;margin-left: 20px;} .news-in-paper .article li {list-style-type:disc;} .news-in-paper .article .content img{max-width: 100% !important;height: auto !important;} .case-in-paper .d{display: flex;gap: 10px;} .case-in-paper .d>div{height: 50px;padding: 0 30px;font-size: 16px;color: #333;font-weight: 500;display: flex;justify-content: center;align-items: center; box-shadow: 0px 0px 70px 0px rgba(99, 99, 99, 0.1); border-style: solid; border-width: 4px; border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); border-image-slice: 1; } .case-in-paper .article h5{font-size: 16px;line-height: 28px;color: var(--public-color);font-weight: 400;margin-bottom: 30px;} .case-other .title{margin-bottom: 80px;} .case-other .all-img::before{display: inline-block;margin-right: 18px;} .case-in-paper .other-pros {padding: 0 !important;} .case-in-paper .other-pros .h4{margin-bottom: 60px;} .case-in-paper .other-pros .h4::before,.news-in-paper .other-news .h4::before{content: "";background: url(../../images/tu-2.png) no-repeat;width: 21px;height: 22px;background-size: contain;margin-right: 13px;display: inline-block;} .case-in-paper .other-pros .content{display: flex;flex-direction: column;gap: 30px;} .case-in-paper .other-pros .img{padding: 20px 40px;} .case-in-paper .other-pros .box{padding: 30px 20px;} .case-in-paper .other-pros .model{font-size: 14px;} .case-in-paper .other-pros .t1{font-size: 18px;line-height: 32px;letter-spacing: -1px;font-weight: 600;} .case-in-paper .other-pros .t1::after{width: 177px;height: 14px;background-size: contain;left: 10px;} .case-in-paper .main-top{gap: 120px;} .case-in-paper .main-top .article{width: auto;margin-bottom: 180px;} .case-in-paper{padding-bottom: 205px;} .news-in-paper .h1{font-size:36px;line-height:48px;color:#333;font-weight:400;letter-spacing: -.8px;margin-bottom: 30px;} .news-in-paper .type-time{border-bottom:1px solid #e5e5e5;padding-bottom: 20px;font-size: 16px;font-weight: 500;display: flex;gap: 20px;} .news-in-paper .type-time .view{color: var(--public-color);} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .article{margin-bottom: 250px;} .news-in-paper .article .content{color:#999;line-height:28px;font-size:16px;padding-bottom:100px;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: 36px;color: #333;margin-bottom: 25px;font-weight: 400;letter-spacing: -.8px;} .news-in-paper .article h4{font-size: 24px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px;} .news-in-paper .box-tail{font-size:18px;line-height:32px;margin-top:20px;display:flex;justify-content:space-between;align-items: flex-start;gap: 30px;border-top:1px solid #e5e5e5;padding-top: 55px;} .news-in-paper .box-tail .left{width:75%} .news-in-paper .box-tail .right{width: auto;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:18px;line-height:32px;padding-left:16px} .news-in-paper .box-tail .left p a:hover{color:var(--public-color) !important;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;} .news-in-paper .box-tail .left p span{color:var(--public-color) !important;display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .box-tail .hongshuo{width: 200px;min-width: 200px;height: 50px;font-size: 18px;padding: 0;display: flex;align-items: center;justify-content: center;} .news-in-paper .aside{padding:0px;width: 330px;max-width: 330px;} .news-in-paper .aside>div{padding: 20px 30px;position: relative;} .news-in-paper .aside-con{margin-bottom: 80px; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #f8f8f8, #f8f8f8); background-blend-mode: normal, normal; } .news-in-paper .aside-con .h4{color: #fff;} .news-in-paper .h4{font-size: 28px;color: #333333;margin-bottom: 35px;font-weight: 500;letter-spacing: -.8px;} .news-in-paper .h4::before{content: "";background: url(../../images/tu-1.png) no-repeat;width: 21px;height: 22px;background-size: contain;margin-right: 13px;} .news-in-paper .aside .cont{height: 64px;border-radius: 4px;font-size: 18px;margin-bottom: 30px;border: solid 2px #fff;color: #fff;display: flex;justify-content: center;align-items: center;} .news-in-paper .aside .cont img{margin-left: 24px;filter: brightness(0) invert(1);} .news-in-paper .aside img.b{display: none;} .news-in-paper .aside img.g{display: inline-block;} .news-in-paper .aside .a-box{display: inline-flex;flex-direction: column;margin-top: 45px;} .news-in-paper .aside .a-box a{margin-bottom: 20px;font-size: 18px;line-height: 26px;font-weight: 500;color: #fff;} .news-in-paper .aside .a-box a:hover {color: #fff !important;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} .news-in-paper .aside .a-box a:hover img.b{display: inline-block;animation: fadeIn .3s ease-in-out;} .news-in-paper .aside .a-box a:hover img.g{display: none;animation: fadeIn .3s ease-in-out;} .news-in-paper span.img-small{width: 26px;text-align: center;margin-right: 10px;display: inline-block;} .news-in-paper .other-news .t1{font-size: 20px;line-height: 32px;color: var(--public-color);font-weight: 600;margin-top: 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;color: var(--public-color) !important;} .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;} @media(max-width:1320px){ .news-in-paper .aside-box-1{padding: 40px 35px 50px 35px} } .main-box{display: flex;gap:50px;} .main-box .main-top{max-width:1300px;margin-left: auto;} .main-box .aside{width:30%;border-radius:8px;} .main-box .article{width:65%;} @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:1260px){ .news-in-paper .article h2 {font-size: 28px;line-height: 36px;} .news-in-paper .article h3 {font-size: 20px;} } @media(max-width:768px){ .main-box .main-left{max-width: none;width: auto;min-width: auto;} .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-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;} .main-box .article{width: 100%;} .main-box .aside{width: 100%;} } .faq-paper h1{font-size: 56px;line-height: 64px;} .faq-content .content{display: flex;justify-content: space-between;border-left: 1px solid rgba(221,221,221,.4);padding-top: 20px;gap: 0 100px;} .faq-content .aside{width: 300px;max-width: 300px;padding-left: 50px;} .faq-content .aside a{width: 240px;min-width: 240px;} .faq-content .aside a i{margin-left: 10px;transform: skew(10deg);display: inline-block;} .faq-content .aside li{margin-bottom: 40px;position: relative;display: flex;align-items: center;} .faq-content .aside li::before{content: '';width: 9px;height: 9px;border-radius: 100%;background-color: #aaa;position: absolute;left: -55px;transition: none;animation: none;} .faq-content .aside li.active::before,.faq-content .aside li:hover::before{content: '';width: 20px;height: 20px;border-radius: 100%;background:url(../../images/sign-12.png) no-repeat;background-size: 100% 100%;position: absolute;left: -61px;transition: none;animation: none;} .faq-content .aside li:last-child{margin-bottom: 0;} .faq-content .article{width: calc(100% - 300px - 100px);margin-bottom: 165px;} .faq-content .all-faqs .items.active .quen-q{color: var(--public-color);} .faq-content .all-faqs .quen-q{opacity: 1;} .faq-content .all-faqs .items.active .symbol{color: var(--public-color);} .faq-content .all-faqs .symbol{color: #666666;} .all-nav a{background: #f4f4f4;border-radius: 28px;font-size: 14px;height: 57px;font-weight: 600;font-family: 'Poppins';color: #333333;display: flex;justify-content:center;align-items: center;} .all-nav a:hover,.all-nav a.active{color:#fff; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0d9125, #0d9125); background-blend-mode: normal, normal;} .all-nav a:hover i,.all-nav a.active i{color: #fff;} .all-nav a i{color: #333333;transition: all 0.3s ease-in-out;} h1.h1{font-size: 56px;line-height: 64px;letter-spacing: -3px;} .nav{position: relative;margin-bottom: 130px;} .nav .all-nav a{width: 280px;} .nav::after{content: "";width: 100%;height: 1px;position: absolute;left: 0;top: 23px;z-index: -1; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0d9125, #0d9125); background-blend-mode: normal, normal; } .nav .all-nav{display: flex;justify-content: center;gap: 20px;} .news-paper .all-news .content{gap: 50px 25px;} .news-paper {padding-bottom: 200px;} .download-paper{padding-bottom: 145px;} .download-paper .content{display: flex;justify-content: space-between;} .download-paper .left{width: 45%;} .download-paper .right{width: 55%;} .download-paper .text{font-size: 16px;color: #666;margin-bottom: 30px;} .all-from-1 .form-control{background-color: #f8f8f8;border: 2px solid #f8f8f8;} .all-from-1 .form-control::placeholder{font-size: 16px;color: #999;} .all-from-1 .form-control:focus{ background-color: #ffffff; border-style: solid; border-width: 2px; border-image-source: linear-gradient(90deg, #0071b7 0%, #1ea838 100%); border-image-slice: 2; } .all-from-1 .btn-box{padding-top: 15px;} .contact-paper{padding-bottom: 195px;} .contact-box{display: flex;justify-content: space-between;padding: 45px 0;color: #fff;margin-bottom: 130px; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #e4e4e4, #e4e4e4); background-blend-mode: normal, normal; } .contact-box .list{display: grid;grid-template-columns: 41px auto;grid-gap:25px ;flex: 1;padding: 0 45px;} .contact-box .list + .list{border-left: 2px solid rgba(228,228,228,.2);} .contact-box .name{font-size: 20px;margin-bottom: 20px;color: #fff;} .contact-box .font-sty{color: #fff !important; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .contact-box a.font-sty:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} .contact-box .a-box{display: flex;flex-wrap: wrap;gap:0 15px;} .contact-paper .cont-text{font-size: 18px;line-height: 36px;color: #666;margin-bottom: 75px;} .contact-paper .content{display: flex;justify-content: space-between;} .contact-paper .d{display: grid;grid-template-columns: 50px auto;grid-gap: 50px;margin-bottom: 35px;} .contact-paper .d:last-child{margin-bottom: 0;} .contact-paper .h5{font-size: 24px;line-height: 36px;color: #333;font-weight: 500;letter-spacing: -1px;margin-bottom: 5px;} .contact-paper .cont{font-size: 18px;line-height: 36px;color: #666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .contact-paper .h3{font-size: 32px;line-height: 48px;color: #333;letter-spacing: -1px;margin-top: 70px;} .contact-paper .left{width: 45%;} .contact-paper .right{width: 48%;} .certificates-paper{padding-bottom: 180px;} .certificates-paper .row{margin: 0 -12px;gap: 50px 0;} .certificates-paper .col-md-3{padding: 0 12px;} .certificates-paper .img,.certificates-paper .t1{position: relative;z-index: 1;} .certificates-paper .img{background-color: #f4f4f4;padding: 25px;margin-bottom: 25px;transition: all .6s ease-in-out;} .certificates-paper .t1{font-size: 24px;line-height: 32px;color: #333;letter-spacing: -1px;font-weight: 400;transition: all .3s ease-in-out;} .certificates-paper .list{position: relative;padding-bottom: 40px;height: 100%;} .certificates-paper .list::after{content: "";width: 100%;height: 4px;transition: height .3s ease-in-out; background-image: linear-gradient(90deg, #0071b7 0%, #1ea838 100%), linear-gradient( #0071b7, #0071b7); background-blend-mode: normal, normal; opacity: 0.8;position: absolute;bottom: 0;left: 0;} .certificates-paper .list:hover::after{height: 100%; background-image: linear-gradient(0deg, #0071b7 0%, #1ea838 100%), linear-gradient( #1ea838, #1ea838); background-blend-mode: normal, normal; } .certificates-paper .list:hover .img{background-color: transparent;} .certificates-paper .list:hover .t1{padding: 0 15px 0 25px;} .factory-paper {padding-bottom: 160px;} .factory-paper .row{gap: 50px 0px;margin: -25px;} .factory-paper .col-md-4{padding: 0 25px;} .factory-paper .t1{font-size: 26px;color: #333;letter-spacing: -2px;padding: 35px 0 35px 10px;} .factory-paper .list{background-color: #ffffff;box-shadow: 0px 0px 70px 0px rgba(99, 99, 99, 0.1);padding: 20px;border-style: solid;border-width: 6px;border-image-slice: 6;border-image-source:linear-gradient(0deg, transparent 0%, transparent 100%);transition: all .3s ease-in-out;} .factory-paper .list:hover{border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); animation:fadeIn linearGradientMove 2s infinite linear;} .factory-paper .list:hover .t1{font-weight: 500;} .p-i-content p img{max-width: 100%;} @media(max-width:1680px){ .home-service .max-1660px{margin: auto;padding: 0 15px;} } @media(max-width:1565px){ .home-about .content{gap: 60px;} .home-about .right{min-width: 650px;} .home-about .title {width: 100%;} .home-about .text p{margin-bottom: 20px;} .home-about .text{margin-bottom: 50px;} .home-service .left {width: 45%;} .home-service .list:last-child{padding: 0 15px;text-align: center;} .home-service .list .hongshuo {margin-top: 15px;padding: 0 55px;height: 42px;} .all-style{padding: 0 40px;} .all-hover-next {right: -15px;} .all-hover-prev {left: -15px;} } @media(max-width:1530px){ .all-products .img{padding: 30px 20px 10px;} .all-products .box{padding: 26px 20px 28px 20px;} .all-products .box{height: auto;} .service-top-head {width: 70%;} } @media(max-width:1450px){ .factory-paper .row{margin: 0 -15px;} .factory-paper .col-md-4 {padding: 0 15px;} .factory-paper .t1 {font-size: 24px;padding: 20px 0 20px 10px;} } @media(max-width:1430px){ .home-banner h1{font-size: 50px;} .home-about .text p{margin-bottom: 10px;} .home-about .right{min-width: 580px;} .home-about .title {margin-bottom: 25px;} .home-sol .img{height: auto;} .home-sol .img img{width: 100%;height: auto;} .home-sol .box {padding: 0 30px 40px;} .home-service .h2 {margin-bottom: 30px;} .home-service .left .text{margin-bottom: 10px;} .home-service li {margin-bottom: 5px;} .all-p-l-faq .content {gap: 60px;} .all-p-l-faq .aside{min-width: 480px;} .all-news .t1{font-size: 20px;} .all-news .cont {line-height: 26px;margin-bottom: 15px;} .all-news .box {height: 235px;} .sol-zhu h1 {font-size: 38px;line-height: 52px;} .sol-zhu .left {width: 46%;} .sol-zhu .right {width: 50%;} .all-products .t1 {font-size: 22px;line-height: 32px;letter-spacing: -1px;} .detail-nav li a{width: auto;padding: 0 30px;} .certificates-paper .t1 {font-size: 20px;} .app-in-zhu .t1{height: 70px;} .app-in-zhu .all-t1{font-size: 22px;} .contact-box .list{padding: 0 30px;} .contact-paper .cont {font-size: 16px;line-height: 28px;} } @media(max-width:1380px){ .home-sol .content {grid-gap: 30px;} .home-paper {padding-top: 165px;} .home-sector{margin-bottom: 180px;} .all-case .list .box{padding: 45px 25px 45px 20px;} .all-news .list.active .cont{-webkit-line-clamp: 3;line-clamp: 3;} .home-banner h1{font-size: 46px;line-height: 56px;} .all-sol-products .t1{font-size: 32px;} .all-part .img{height: 100px;padding: 0 20px;} .p-i-first .left{width: 45%;} .p-i-first .left .big-img {padding: 100px 55px 70px;} .p-i-first .right{width: 50%;} .all-products .content{gap: 30px;} .all-products .box{padding: 40px 20px 40px 25px;} } @media(max-width:1340px){ .home-sol .box .text {font-size: 17px;line-height: 28px;} .home-service .list:last-child{font-size: 16px;line-height: 26px;} .all-news .list:hover .box .t1{margin-bottom: 15px;} .about-zhu .small-box .img {width: 115px;} .about-zhu .small-box .h3 {font-size: 34px;} .certificates-paper .list {padding-bottom: 20px;} .app-in-zhu .box {padding: 0px 20px 0px 40px;} .all-style-app .items{margin-bottom: 30px;} .all-style-app .items:last-child{margin-bottom: 0;} } @media(max-width:1250px){ .contact-box .list {grid-gap: 15px;} } @media(max-width:1200px){ .home-service .left{width:48%;padding: 30px 0;} .home-service .right {width: 50%;} .all-news .box{height: auto;} .all-news .t1{margin-bottom: 15px;} .about-zhu .small-box{display: grid;grid-template-columns: repeat(4, 1fr);} .service-top-head {width: 100%;} } @media(max-width:1100px){ .all-p-l-faq .content{flex-wrap: wrap;} .all-p-l-faq .content>div{width: 100%;min-width: 100%;} .home-sector .box,.sol-quality .box{height: auto;} .all-news .list-xl{padding-top: 0;} .choose-faq .content{flex-wrap: wrap;gap: 60px;} .all-style-app .items{flex-direction: column-reverse;} .all-style-app .left{width: 100%;} .all-style-app .right{width: 100%;} } @media(max-width:768px){ .head-aside{width: calc(100% - 78%);height: 100%;position: absolute;left: -22%;top: 0;} .text p{margin-bottom: 10px;} .title span{display: inline;} .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 10px !important;letter-spacing: -1px !important;} .dfrsb,.dfrsbc{flex-wrap: wrap !important;} .left,.right{width: 100% !important;} .text{font-size: 14px !important;line-height: 20px !important;text-align: left !important;letter-spacing: 0 !important;} .top-head{margin-bottom: 25px !important;width: 100% !important;} .top-head .text{text-align: center !important; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .h6{font-size: 16px !important;line-height: 24px !important;} .all-hover {width: 35px;height: 35px;} .all-hover .iconfont {font-size: 16px;} .ul p{padding-left: 25px;} .ul p::before {font-size: 16px !important;line-height:20px !important;} ul li{font-size: 16px !important;line-height: 24px !important;} .h1{font-size: 24px !important;line-height: 32px !important;letter-spacing: 0px !important;margin-bottom: 15px !important;} .text p{margin-bottom: 10px !important;} .text p:last-child{margin-bottom: 0 !important;} .all-more{height: 42px !important;padding: 0 25px;font-size: 16px;line-height: 24px;display: inline-flex;justify-content: center;align-items: center;} .row{margin-left: -7px !important;margin-right: -7px !important;gap: 0 !important;} .all-img{margin-bottom: 15px !important;} .hongshuo,.hongshuo-1{font-size: 16px;height: 42px;padding: 0 20px;} .all-img.top-head-c::before{margin-bottom: 10px;} .all-img::before{height: 20px;width: 20px;background-size: cover;} ul li::before{font-size: 16px;} ul li{padding-left: 25px;} ul.head_nav li::before{display: none;} .small-nav ul li::before{padding: 0 5px;line-height: 20px;} .small-nav ul a{font-size: 14px;line-height: 20px;} .menu-collapse ul li::before,ul.pagination li::before{display: none;} .menu-collapse ul li,ul.pagination li{padding-left: 0;} .in-banner{margin-bottom: 30px;} .home-banner{padding: 20px 0;} .home-banner .home-cont{min-width: 100%;width: 100%;} .home-banner h1{font-size: 22px;line-height: 32px;letter-spacing: -1px;} .home-paper{padding-top: 30px;} .home-sol .content{ grid-template-columns: repeat(1, 1fr)} .home-sol .img{margin-bottom: 25px;} .home-sol .box{padding: 0 15px 0px;} .home-sol .list>img{width: 100%;height: auto;} .home-sol .list-xl{padding: 15px 0 20px;} .home-sol .t1{font-size: 22px;letter-spacing: -1px;margin-bottom: 15px;} .home-sol{margin-bottom: 40px;} .home-sector{margin-bottom: 50px;} .home-sector .top-head{margin-bottom: 25px;} .home-sector .content{flex-wrap: wrap;width: 100%;} .home-sector .list{width: 100%;} .home-sector .t1{font-size: 20px;} .home-sector .box{padding: 35px 15px 20px;height: auto;} .home-about .content{flex-wrap: wrap;gap: 25px} .home-about .right{min-width: 100%;} .home-about .text{margin-bottom: 25px;} .home-about{margin-bottom: 40px;} .all-quality .content{grid-template-columns: repeat(1, 1fr);grid-gap: 25px;} .all-quality .box{padding: 25px 15px 20px;} .all-quality .t1{font-size: 20px;} .all-quality .cont{font-size: 15px;line-height: 24px;} .home-quality{margin-bottom: 40px;} .all-part{margin-bottom: 30px;} .all-part .content{grid-template-columns: repeat(3, 1fr);grid-gap: 20px 25px;} .all-part .img{height: 42px;padding: 0 15px;} .home-service .content{flex-wrap: wrap;} .home-service .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;letter-spacing: -1px;} .home-service .list:last-child {font-size: 14px;line-height: 20px;} .home-service .list .hongshuo{padding: 0 15px;margin-top: 10px;height: 32px;font-size: 12px !important;} .home-service .list:last-child{font-size: 12px;line-height: 16px;} .home-service .list:last-child div:first-child p{display: inline;letter-spacing: 0px;} .home-case{padding: 30px 0;} .all-case .list .box{padding: 20px 15px;height: auto;} .all-p-l-faq{padding: 30px 0;} .all-p-l-faq .article{min-width: auto;width: 100%;} .all-p-l-faq .content{flex-wrap: wrap;gap: 35px;} .all-p-l-faq .aside{min-width: 100%;} .all-faqs .quen-a{grid-template-columns: 40px auto;grid-gap: 10px;font-size: 16px;line-height: 24px;} .all-faqs .quen-a span{height: 40px;font-size: 22px;background-size: contain;margin-top: 5px;} .all-faqs .items.active .quen-q {margin-bottom: 15px;} .all-faqs .items.active{margin-bottom: 30px;} .all-faqs .items{margin-bottom: 20px;} .all-from{padding: 35px 25px 25px 25px;} .all-style-news{padding: 30px 0;} .all-news .content {grid-template-columns: repeat(1, 1fr);grid-gap: 30px;} .all-news .box{padding-top: 25px;} .all-style-news .a{margin-top: 30px;} .footer{padding-top: 30px;} .footer .footer-top{padding-bottom: 0px;} .footer .list-1 .text{margin-bottom: 25px;} .footer .list-2,.footer .list-3,.footer .list-4{min-width: 100%;width: 100%;margin-bottom: 30px;} .footer .t1{margin-bottom: 15px;} .footer .list-4 .d1 {grid-gap: 0 10px;margin-bottom: 10px;} .footer .list-4 .d1 .icon {height: 22px;} .footer .footer-bottom .container-xl{flex-wrap: wrap;} .footer .footer-bottom .d1 {display: grid;grid-template-columns: 20px auto;} .footer .footer-bottom .d1 .icon{margin-right: auto !important;} .sol-zhu .content{flex-direction: column-reverse;gap: 25px 0;} .sol-zhu h1{font-size: 22px;line-height: 32px;letter-spacing: -1px;} .sol-zhu .text{margin-bottom: 20px;} .sol-zhu{margin-bottom: 30px;} .all-sol-products .items{flex-direction: column-reverse;padding: 15px;} .all-sol-products .right{padding: 0;} .all-sol-products .t1 {font-size: 20px;line-height: 28px;letter-spacing: -1px;margin-bottom: 25px;} .all-sol-products .t1::after {width: 24px;height: 11px;left: 12px;} .all-sol-products h5 {margin-bottom: 10px;} .all-sol-products .left::before{left: 0;} .all-sol-products .left{padding-left: 30px;margin-top: 25px;} .all-sol-products ul li{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .sol-products{margin-bottom: 30px;} .sol-app .items{flex-direction: column-reverse;gap: 25px;padding-bottom: 30px;} .sol-app .items .t1{font-size: 20px;line-height: 28px;} .sol-app .items .text{margin-bottom: 20px;} .sol-app{padding-bottom: 30px;} .sol-cass{padding: 30px 0;} .solution-list-paper .title.all-img::before{margin-bottom: 10px;} .all-needs .content{height: auto;flex-wrap: wrap;padding: 20px;} .all-needs .h2{font-size: 22px;line-height: 32px;letter-spacing: -1px;} .all-needs .left{margin-bottom: 20px;} .all-needs .hongshuo-1{width: auto;} .all-needs .a{width: 100%;min-width: 100%;display: flex;} .all-needs{margin-top: 30px;} .sol-quality{padding-top: 40px;margin-bottom: 40px;} .sol-quality .title span{display: inline;} .sol-quality .box{height: auto;} .sol-technology{margin-bottom: 30px;} .all-p-l-faq .article{max-width: 100%;} .sol-technology .list{display: grid;grid-template-rows: repeat(5,1fr);} .sol-technology .name {font-size: 16px;} .sol-technology .list div{display: flex;align-items: center;justify-content: center; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-i-first .content{flex-direction: column;} .p-i-first{margin-bottom: 30px;} .p-i-first .left .big-img{padding: 30px 35px 30px;} .product-thumbs{padding: 0px;} .p-i-first ul{margin-bottom: 25px;} .detail-nav{display: none;} .p-i-content .title-xl{font-size: 20px;line-height: 28px;letter-spacing: 0;} .p-i-app .t1{height: 42px;} .p-i-content .container-xl>div{margin-bottom: 30px;} .p-i-first .cer{margin-top: 20px;} .p-i-first .cer .name{margin-bottom: 10px;} .p-i-content .title-xl.all-img::before{margin-right: 14px;height: 15px;width: 15px;} .table-wrapper table th{padding: 10px 5px;font-size: 16px;} .table-wrapper table td{padding: 10px 5px;font-size: 14px;} .p-i-details .content{grid-template-columns: repeat(2, 1fr);} .p-i-details .t1 {font-size: 16px;line-height: 24px;height: auto;padding: 10px;letter-spacing: 0;} .p-i-details .list .t1::before{display: none;} .p-i-details .content{gap: 25px 20px;} .p-i-app .list .all-img-2::before, .p-i-details .list .all-img-2::before{opacity: 1;} .all-service-support .content{flex-wrap: wrap;padding: 30px 0;} .all-service-support ul{margin-top: 25px;} .all-service-support ul li{letter-spacing: 0;} .all-service-support .left .text{opacity: .8;} .all-service-support .right{margin-bottom: 0;margin-top: 30px;} .all-service-support .all-from-1{padding: 20px 15px;} .all-service-support{margin-bottom: 30px;} .all-products .content{grid-template-columns: repeat(1, 1fr);} .all-products .img{padding: 15px 0px 10px;} .all-products .box{padding: 15px;} .all-products .t1{font-size: 18px;line-height: 26px;} .all-products .t1::after{width: 13px;height: 11px;} .form-group:has(input[required])::before, .form-group:has(textarea[required])::before{top: 20px;} .all-top-head h1{font-size: 22px;line-height: 32px;letter-spacing: -1px;} .all-top-head{margin-bottom: 30px;} .all-top-head .all-img::before{margin-bottom: 10px;} .about-zhu .content{flex-direction: column-reverse;gap: 25px;margin-bottom: 40px;} .about-zhu .h6{margin-bottom: 10px;} .about-zhu .text{margin-bottom: 25px;} .about-zhu .small-box{gap: 10px;} .about-zhu .small-box .list{display: block;} .about-zhu .small-box .img {width: 100px;} .about-zhu .small-box .cont{margin-left: 10px;} .about-zhu .small-box .h3 {font-size: 20px;line-height: 28px;flex-wrap: wrap;} .about-zhu{margin-bottom: 0px;} .about-quality{padding: 30px 0;} .about-quality .content{flex-wrap: wrap;gap: 25px;} .about-quality .h6{margin-bottom: 10px;} .about-quality .all-img::before{margin-bottom: 10px;} .about-quality .content{margin-bottom: 20px;} .about-quality .v-btn {width: 56px;height: 42px;} .about-quality .v-btn p{width: 15px;} .about-q-img{grid-template-columns: repeat(2, 1fr);grid-gap: 15px;} .about-quality{padding: 30px 0;} .about-sol{padding: 30px 0;} .about-sol .h6{margin-bottom: 10px !important;} .about-sol .content{grid-template-columns: repeat(1, 1fr);grid-gap: 26px;} .about-sol .box {padding: 20px 10px} .about-sol .t1{font-size: 20px;margin-bottom: 15px;} .about-sol .cont{font-size: 15px;line-height: 24px;} .about-global{padding: 30px 0;} .about-global .content{display: grid;grid-template-columns: repeat(2, 1fr);gap: 0px 0px;} .about-consult {padding: 30px 0;} .about-consult .text {margin-bottom: 25px;} .about-paper .title.all-img::before{margin-bottom: 10px;} .choose-content .items{flex-direction: column-reverse !important;gap: 25px;margin-bottom: 40px;} .choose-content .all-img::before{margin-bottom: 10px;} .choose-content .text{margin-bottom: 25px;} .choose-content .img-part .img{height: 42px;padding: 0 20px;} .choose-content{padding-bottom: 0px;} .choose-case{padding: 30px 0;} .all-style {padding: 0 25px;} .all-case .img {padding: 20px 10px;grid-template-columns: auto 60px;} .choose-faq{padding: 30px 0;} .choose-faq .all-img::before{margin-bottom: 10px;} .choose-faq .text{margin-bottom: 20px;} .choose-faq .content{gap: 30px;flex-wrap: wrap;} .choose-faq .items{padding: 20px 15px;} .all-faqs .quen-q{line-height: 28px;} .choose-faq .aside{width: 100%;min-width: 100%;} .case-top-head{width: 100%;margin-bottom: 25px;} .nav{margin-bottom: 25px;} .case-paper .all-case .content{grid-template-columns: repeat(1, 1fr);grid-gap: 30px 30px;} .case-paper{padding-bottom: 0;} .news-in-paper .article h2{margin-bottom: 15px;} .case-in-paper .main-top .article{margin-bottom: 30px;} .news-in-paper .box-tail{padding-top: 30px;gap: 20px;} .case-in-paper .main-top {gap: 0;} .news-in-paper .aside .a-box{margin-top: 10px;} .case-in-paper .aside{min-width: 100%;} .case-in-paper{padding-bottom: 30px;} .certificates-paper .t1 {font-size: 14px;line-height: 20px;letter-spacing: 0;} .certificates-paper .img{padding: 10px;margin-bottom: 15px;} .certificates-paper .row{gap: 30px 0 !important;} .certificates-paper .col-md-3{width: 50%;} .certificates-paper{padding-bottom: 30px;} .down-list{margin-top: 30px !important;} .factory-paper{padding-bottom: 30px;} .factory-paper .row{gap: 30px 0 !important;margin-left: -7px !important;margin-right: -7px !important;} .factory-paper .col-md-4{width: 50%;padding-right: 7px;padding-left: 7px} .factory-paper .list{padding: 10px 5px;} .factory-paper .t1{letter-spacing: 0;padding: 10px 0;font-size: 14px;padding: 10px 0 0;} .all-top-head .text{margin-bottom: 30px;} .all-style-app .items{flex-direction: column-reverse;gap: 15px;margin-bottom: 30px;} .all-style-app .right{padding: 25px 40px;} .all-style-app .t1{font-size: 20px;line-height: 28px;letter-spacing: -1px;} .all-style-app .d{margin-bottom: 15px;} .all-style-app .d span{width: 38px;margin-top: 0;} .all-style-app .cont{margin-bottom: 20px;} .all-style-app .left{display: flex;flex-direction: column;align-items: center;text-align: center;} .all-style-app{margin-bottom: 30px;} .app-in-zhu .content{flex-wrap: wrap;margin-bottom: 40px;gap: 25px;} .app-in-zhu h1{font-size: 22px;line-height: 32px;letter-spacing: -1px;} .app-in-zhu .text{margin-bottom: 25px;} .app-in-zhu .cont{font-size: 14px;line-height: 20px;} .app-in-zhu .t2.all-img::before {bottom: -24px;width: 17px;height: 21px;} .app-in-zhu .all-t1{font-size: 18px;} .app-in-img .list .box{opacity: .9 !important;} .app-in-img .list .box{border-image-source: linear-gradient(0deg, #0071b7 0%, #1ea838 100%); animation: fadeIn linearGradientMove 2s infinite linear;} .app-in-zhu .t1{display: none;} .app-in-zhu{margin-bottom: 30px;} .app-in-sol .all-img::before{margin-bottom: 10px;} .app-in-sol{margin-bottom: 30px;} .app-in-interested .content{display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px;} .app-in-interested .list{display: block;width: 100%;} .app-in-interested .t1{position: static;font-size: 18px;letter-spacing: 0px;} .app-in-interested .img{border: none;} .app-in-interested .list .img-1{display: none;} .app-in-interested .list .img-2{display: block;} .app-in-interested{padding-bottom: 30px;} .service-content .items{padding: 30px 0;} .service-content .items-xl{flex-wrap: wrap;gap: 25px;} .service-content .img-1 {width: 70px;right: 10px;left: auto !important;top: 10px;margin-right: 0 !important;margin-left: 0 !important;} .service-down{padding: 30px 0;} .service-down .content{flex-wrap: wrap;gap: 25px 0;} .service-down .text{margin-bottom: 25px;} .service-down .cont {height: 95px;padding-left: 10px;} .service-down .t1{letter-spacing: 0;margin-bottom: 10px;} .service-down .down{margin-bottom: 0;} .faq-content .content{flex-wrap: wrap;gap: 30px;} .faq-content .aside{width: 100%;max-width: 100%;padding-left: 0;} .faq-content .article{width: 100%;} .faq-content .content{border-left: 0;} .faq-content .article{margin-bottom: 30px;} .faq-content .aside li{margin-bottom: 0;} .faq-content .aside a{width: 100%;min-width: 100%;} .download-paper .content{flex-direction: column-reverse;gap: 20px;} .download-paper{padding-bottom: 30px;} .news-paper{padding-bottom: 30px;} .news-in-paper .article{margin-bottom: 30px;} .contact-paper{padding-bottom: 30px;} .contact-box{flex-wrap: wrap;gap: 30px;margin-bottom: 30px;} .contact-box .list{grid-template-columns: 28px auto;} .contact-paper .cont-text{font-size: 16px;line-height: 24px;margin-bottom: 30px;} .contact-paper .content{flex-wrap: wrap;} .contact-paper .d {grid-template-columns: 35px auto;grid-gap: 15px;margin-bottom: 25px;} .contact-paper .h5{font-size: 20px;line-height: 28px;letter-spacing: 0px;} .contact-paper .h3{margin-top: 30px;font-size: 22px;line-height: 32px;margin-bottom: 15px;} .search-group .form-control {height: 35px;line-height: 35px;} .search-group i {font-size: 20px;} #mb-feedback .form-group .form-control{padding: 10px 10px 10px 15px;} #mb-feedback .form-group:has(input[required])::before, #mb-feedback .form-group:has(textarea[required])::before {top: 15px;left: 13px;} #mb-feedback .form-group{margin-bottom: 10px;} } /*cookies板式三*/ .google-cookies{position:fixed;z-index:99;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px 0;bottom:0;left:0;right:0;} .google-cookies.off{display:none;} .google-cookies .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .google-cookies .left{width:70%;} .google-cookies .right{text-align:center;} .google-cookies .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-bottom:5px;} .google-cookies .p1{font-size:14px;line-height:22px;margin-top: 0;} .google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;} .google-cookies .cookies-btn{border:1px solid var(--public-color);color:var(--public-color);display:block;font-size:16px;padding:8px 25px;margin-top:8px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;} .google-cookies .cookies-btn:hover{text-decoration:underline;} .google-cookies .cookies-btn:first-child{background:var(--public-color);color:#fff;margin-top:0} @media(max-width:768px) { .google-cookies{padding:10px 0;} .google-cookies .left{width:100%;} .google-cookies .t1{font-size:16px;line-height:24px;} .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;} .google-cookies .right{width:100%;text-align:left;} .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;} }