/*通用样式*/ :root{ --public-color:#1e1f89; --public-color-o:#f0870c; --max:1430px; } h1,h2{font-weight: 600;} h1{} h2{} body{color:#333333;font-size:18px;line-height:28px;font-weight: 300;font-family:'Roboto','Outfit',Arial,Helvetica,sans-serif;letter-spacing: 0px !important;} a{color:#333;display:inline-block;transition: all .4s ease-in-out;} a:hover{color:var(--public-color-o) !important} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid {max-width: 100%;height: auto;} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max)} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px;} .container-xl.m-right{margin:0 auto;padding:0 15px} .container-xl.m-left{margin:0 auto;padding:0 15px} } .x3-title{font-size:16px;line-height:24px;margin-top:15px;display:block;text-align:center;} .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;overflow-x: clip;} .max-1860px{max-width: 1860px;} .max-1830px{max-width: 1830px;} .max-1800px{max-width: 1800px;} .max-1790px{max-width: 1790px;} .max-1750px{max-width: 1750px;} .max-1740px{max-width: 1740px;} .max-1690px{max-width: 1690px;} .max-1680px{max-width: 1680px;} .max-1650px{max-width: 1650px;} .max-1640px{max-width: 1640px;} .max-1630px{max-width: 1630px;} .max-1610px{max-width: 1610px;} .max-1600px{max-width: 1600px;} .max-1590px{max-width: 1590px;} .max-1560px{max-width: 1560px;} .max-1540px{max-width: 1540px;} .max-1530px{max-width: 1530px;} .max-1480px{max-width: 1480px;} .max-1440px{max-width: 1440px;} .max-1430px{max-width: 1430px;} /* 自己写的 */ .header .a-pc-1 {padding: 0 0px;height: 40px;width: 170px;} .header .a-pc-1 span{display: inline-block;margin-left: 10px;} .header.fadeInDown{box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);position: fixed;top: 0;left: 0;right: 0;} .header.fadeInDown .header-top{background-color: #ffffff;transition: all .3s ease-in-out;} .dropdown-item.active, .dropdown-item:active{color: var(--public-color);} .fixed-header .header{position: fixed;top: 0;left: 0;right: 0;} .header{position: relative;width: 100%;z-index: 99;} .header .row-nav{display: flex;align-items: center;} .header .header-nav{display: flex;align-items: center;justify-content: space-between;} .header .header-top{padding:20px 0;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 75%;position: inherit;} .header-top .navbar-custom{position: inherit;} .dropdown-item.active, .dropdown-item:active { color: var(--public-color); } .contact-search{display: flex;align-items: center;gap: 10px;} /*默认pc头部样式*/ /* .header{z-index:999;width:100%;position:absolute;left:0;background-color:white;} .header.fadeInDown .header-desc .logo img{height:70px;width:auto;} .header.fadeInDown .header-top .nav-item{margin:0;padding:10px 8px;cursor:pointer;font-size:18px} */ /*默认导航样式*/ .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 20px} .navbar-custom .navbar-nav .active > .nav-link{color: var(--public-color);} /* .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after,.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{content: url(../../images/nav-down-1.webp);} */ .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;padding:0;height:55px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;line-height:28px;letter-spacing: -1px;text-transform: capitalize;} /* .navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:10px} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0} */ .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg);} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color) !important;transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} @media(max-width:1470px) { .navbar-custom .navbar-nav .nav-link {font-size: 18px;} .navbar-custom .navbar-nav .nav-item {margin: 0 15px;} .header .a-pc-1{font-size: 16px;width: 140px;} } @media(max-width:1380px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item {margin: 0 5px;} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {padding: 0 5px;} .header .header-top{padding: 10px 0;} } @media(max-width:1270px) { .top-search-box{margin-right: -3px !important;} } @media(max-width:1100px) { .header .a-pc-1{display: none;} } /*移动端头部样式*/ @media(max-width:768px){ body{padding-top:50px;font-size:14px;letter-spacing: -.3px !important;} .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid var(--public-color-o);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:#000} .header-mb .top-mb .icon-bars{color:#000} .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:#000} .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-o);position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:var(--public-color-o)} .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-o); 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-o) } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 } /* 浮窗 */ #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap} #float .ico:hover>.img{display:block} #float .ico:hover p{right:56px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color:var(--public-color);transition:none} #float.hide{transform:translateX(56px)} #float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent} #float .ico#scroll-top{display:block!important;} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide{transform:translateX(40px)} #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 1.5rem; } .content-wrapper h2 { font-size: 26px; font-weight: 600; margin-bottom: 10px; } .content-wrapper h3 { font-size: 24px; font-weight: 600; margin-bottom: 10px; } .content-wrapper h4 { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper ul{padding-left: 20px;} .content-wrapper ul li{list-style-type: initial;} .content-wrapper ol{padding-left: 20px;} .content-wrapper ol li{list-style-type: initial;} .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 #dee2e6; text-align: center; } .content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; } .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} .content-wrapper tbody th{color:#2980c7} /*#表格*/ .table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;} .table-wrapper table thead{background-color: #eff5fc;} .table-wrapper table th{background-color: #eff5fc;color: #fff;padding: 20px 15px 20px 60px;font-weight: 400;font-size: 16px;border: solid 1px #ffffff;text-align:left;} .table-wrapper table td {padding: 10px 5px; vertical-align: middle; font-size: 18px;line-height: 28px;color: #333333;font-weight: 300;text-align:left;border: solid 1px #ffffff;padding-left: 40px;letter-spacing: -1px;} .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: solid 1px #ffffff;} .table-wrapper table tr:first-child{background-color: var(--public-color) !important} .table-wrapper table tr:first-child td{font-size: 18px;font-weight: bold;color: #fff;letter-spacing: -1px;} .table-wrapper table tr:nth-child(even){background-color: #fff;} .table-wrapper table tr:nth-child(odd){background-color: #f5f5f5;;} .table-wrapper table tr td:first-child{font-weight: bold;letter-spacing: -1px;} .table-wrapper table tr:hover{background-color: rgba(28, 29, 132, .05);} @media (max-width: 575.98px) { .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media(max-width:768px) { .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1500.98px) { .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } /*#弹出框*/ .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } /*#留言表单*/ .form-row.form-btn-box{position: relative;} .form-row .btn-box{position: static;} .form-row .pos-btn{position: absolute;top:100%;left:0;padding:0 10px;width: 100%;font-size: 14px;line-height: 24px;font-weight: 400;} .form-group .form-control::placeholder{font-size:16px;line-height:32px;color:#999999;letter-spacing:-.8px;opacity:1} .form-group .form-control{padding:15px 20px 12px 30px;border:none;border-radius:0px;background-color:#ffffff;border:solid 1px #cccccc} .form-group .form-control:focus{border-color: var(--public-color-o);box-shadow: inset 0 0 0 1px var(--public-color-o);} .form-group textarea.form-control{padding-top:10px} .form-row{margin:0 -10px 20px !important} .form-group{position:relative;padding:0 10px !important;margin-bottom: 0;} .form-group:has(input[required])::before,.form-group:has(textarea[required])::before{content:"*";color: var(--public-color-o);border-radius: 100%;position:absolute;left:30px;top:20px;line-height:18px;z-index:1} .form-group:has(textarea[required])::before{top:20px} .form-row .a-dy-1{display:flex;justify-content:center;align-items:center;width:100%;height:56px;font-size:20px;font-weight:500;letter-spacing:0;min-width: 255px;} .form-cap .input-group{border:solid 1px #cccccc;border-radius: 8px;overflow: hidden;} .form-cap .form-group .form-control{border:none} .form-cap .input-group-append{width:115px;background-color:#f3fbfe;margin:0;border:none} .input-group-append img{width:100%;height:auto;background-color:#f3fbfe;mix-blend-mode:darken} .input-group-img{padding:0 !important} .input-group-text{border:none} @media(max-width:1340px){ .form-cap .input-group-append{width: 100px;} } @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} .was-validated .form-control:invalid,.form-control.is-invalid { border-color: #f5543f; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } /*#搜索*/ .search-group{width:200px;height:40px;overflow:hidden;border:1px solid #f7f7f7;border-radius:5px;} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:#5c5352} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#fff;font-size:1rem} .top-search-box li .top-search {border-radius:10px;} .top-search-box{cursor:pointer;z-index: 10;border-radius:5px;margin-right: 15px;margin-left: 5px;width: 30px;height: auto;display: flex;justify-content: center;position: relative;} .top-search-box .search-tb i{color: #666666;font-size: 20px;font-weight: 500;} .top-search-box i.icon-1{color: #ffffff;} .top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0} .top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -7px;top: 30px;z-index: 99;padding:0;background-color: #fff;display: block;animation: fadeIn 0.5s ease-in-out;} .top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;} /* .search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} */ /*#展会信息*/ .zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;} .zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;} .zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;} .zhbg .box .zh-t1{display:flex;margin-bottom:25px;} .zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;} .zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);} .zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;} .zhbg .box .place{font-size:16px;line-height:24px;} .zhbg .box .place p{margin-bottom:10px;} .zhbg .box .place p i{color:var(--public-color);min-width:22px;} .zhbg .box .place p strong{color:var(--public-color);} .zhbg.on{display:flex;} .zhkz.on{display: block;} .zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;cursor:pointer;z-index:99; } @media(max-width:768px) { .zhbg .box{width:80%;padding:15px;} .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; } } .all-banner .header-height{height: 90px;} .all-banner .banner-text{display: flex;flex-direction: column;justify-content: space-between;} .all-banner .container-xl{height: 100%;display: flex;flex-direction: column;justify-content: space-between;} .all-banner {display: flex;align-items: center;overflow: hidden;position: relative;} .all-banner .content{height: 100%;display: flex;align-items: center;justify-content: flex-start;text-align: left;} .all-banner h1{font-size: 46px;line-height: 52px;color: #333333;font-weight: 700;letter-spacing: -1px;margin-top: -30px;} /* .all-banner .cont{font-size: 16px;line-height: 24px;color: #999999;font-weight: 400;margin-top: 25px;letter-spacing: -.6px;} */ /* .all-banner .cont-box{width: 60%;} */ .banner-every .small-nav{position: absolute;top: 0;} .banner-every .small-nav ul a{color: #333333 !important;} .banner-every .small-nav ul li::before{color: #999999 !important;opacity: 1;} .banner-every .small-nav ul li::before{color: #333333 !important;} .banner-every .small-nav ul li:last-child::before{color: #999999 !important;} .banner-every .small-nav ul li:last-child a{color: #999999 !important;} .banner-every .banner-text{text-align: left;} .banner-every .content{width: 65%;} .banner-every h1{font-size: 48px;line-height: 64px;letter-spacing: -2px;font-weight: 700;color: #333333;} .banner-every .cont{color: #333333;margin-top: 20px;} .banner-every .small-box{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;margin-top: 50px;} .banner-every .d{display: grid;grid-template-columns: 50px auto;gap: 20px;align-items: center;font-weight: 400;padding-bottom: 20px;border-bottom: 2px solid transparent;transition: all .3s ease-out;} .banner-every .d.active{border-color: var(--public-color-o);} .banner-every ol{display: flex;gap: 30px;margin-top: 25px;margin-bottom: 45px;width: 80%;} .banner-every ol li{position: relative;padding-left: 35px;max-width: calc(calc(100% - 60px) / 3);display: flex;align-items: center;} .banner-every ol li::before{content: url(../../images/sign-9.webp);position: absolute;left: 0;} .banner-pro .small-nav{position: absolute;top: 0;} .banner-pro .small-nav ul a{color: #ffffff !important;} .banner-pro .small-nav ul li::before{color: #ffffff !important;opacity: 1;} .banner-pro .h6{color: var(--public-color-o);font-size: 18px;line-height: 28px;font-weight: 500;} .banner-pro h1{font-size: 48px;line-height: 64px;letter-spacing: -2px;font-weight: 700;} .banner-child .banner-every{display: flex;justify-content: flex-end;align-items: center;} /* .banner-child .banner-every .small-nav{position: static;} */ .banner-child .banner-every>img{width: auto;height: 100%;max-width: none;} .small-nav{width: 100%;padding-top: 25px;padding-bottom: 35px;} .small-nav ul::before{content: url(../../images/sign-1-1.webp);position: absolute;left: 0;} .small-nav ul{display: flex;align-items:center;flex-wrap: wrap;position: relative;padding-left: 40px;} .small-nav ul a{font-size: 18px;line-height: 24px;color:#999999;font-weight: 500;letter-spacing: 0;letter-spacing: -1px;} .small-nav ul li::before{content: ">";line-height: 28px;font-size: 18px;font-weight: 400;padding: 0 8px;color:#999999;position: static;} .small-nav ul li:first-child::before{display: none;} /* .small-nav ul li:first-child a{color: #333333;} */ .small-nav ul li:last-child a{color: var(--public-color-o);} .small-nav ul li{display: flex;align-items: center;padding-left: 0;} .a-wz:focus, .a-wz-1:focus{ outline: none; box-shadow: none; } /* From Uiverse.io by nikk7007 */ .a-pc{height: 60px;padding:0px 25px;background:var(--public-color);color:#fff;border:2px solid var(--public-color);font-size:18px;font-weight:500;cursor:pointer;position:relative;z-index:1;overflow:hidden;letter-spacing:-.4px;display: inline-flex;justify-content: center;align-items: center;} .a-pc:hover{color:var(--public-color) !important} .a-pc:after{content:"";background:#fff;position:absolute;z-index:-1;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(-45deg) scale(0,1);transition:all 0.5s} .a-pc:hover:after{transform:skewX(-45deg) scale(1,1);-webkit-transition:all 0.5s;transition:all 0.5s} .a-pc span{display: inline-block;filter: brightness(0) invert(1);margin-left: 10px;} .a-pc:hover span{filter: none;} .a-pc-1{height: 60px;padding:0px 25px;background:var(--public-color-o);color:#fff;border:2px solid var(--public-color-o);font-size:18px;font-weight:500;cursor:pointer;position:relative;z-index:1;overflow:hidden;letter-spacing:-.4px;display: inline-flex;justify-content: center;align-items: center;} .a-pc-1:hover{color:var(--public-color-o) !important} .a-pc-1:after{content:"";background:#fff;position:absolute;z-index:-1;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(-45deg) scale(0,1);transition:all 0.5s} .a-pc-1:hover:after{transform:skewX(-45deg) scale(1,1);-webkit-transition:all 0.5s;transition:all 0.5s} .a-pc-1 span{display: inline-block;filter: brightness(0) invert(1);margin-left: 10px;} .a-pc-1:hover span{filter: none;} /*共有的类名*/ .text,.cont{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .title{font-size:48px;line-height:56px;color: #333333;font-weight: 700;letter-spacing: -2px;} .title.title-c{text-align: center;} .title-r{color: var(--public-color);} .title-img,.title-img-left{position: relative;display: inline-block;} .title-img::before{content:url(../../images/sign-1.webp);position: absolute;right: -30px;top: -40px;} .title-img-left::before{content:url(../../images/sign-1-2.webp);position: absolute;left: -30px;top: -40px;} h1.h1{font-size: 36px;line-height: 48px;font-weight: bold;color: #333;letter-spacing: -1px;} .t1{color: #333;} .h6,h6{font-size: 18px;line-height: 24px;color: var(--public-color);font-weight: 400;letter-spacing: -.6px;} .dfrsb{display: flex;justify-content: space-between;} .dfrsbc{display: flex;justify-content: space-between;align-items: center;} .dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;} .dfcsbc{display: flex;flex-direction: column;justify-content: space-between;} .dfrcc{display:flex;justify-content: center;align-items: center;} .ul li{position: relative;padding-left: 35px;margin-bottom: 0px;} .ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color-o);} .top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;} .img img.block{display: block;animation: bounceIn 1s;} .img img.red{display: none;animation: bounceIn 1s;} .top-head-c{text-align: center;margin: auto;} .line-left,.line-right{position: relative;} .line-left::before{content: "";width: 1px;height: 100%;border-left: 2px dashed var(--public-color-o);position: absolute;left: -40px;top: 0;opacity: .7;} .line-right::before{content: "";width: 1px;height: 100%;border-right: 2px dashed var(--public-color-o);position: absolute;right: -40px;top: 0;opacity: .7;} span.o{color: var(--public-color-o);} hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);} .all-back-right::before{content: "";background: url(../../images/all-back-right.webp) no-repeat right;width: 563px;height: 425px;background-size: 100% 100%;position: absolute;right: 0;z-index: -1;} .all-back-left::before{content: "";background: url(../../images/all-back-left.webp) no-repeat left;width: 563px;height: 425px;background-size: 100% 100%;position: absolute;left: 0;z-index: -1;} .all-style{position: relative;padding:0px;} .all-swiper{overflow: hidden;} .all-hover { width: 60px; height: 60px; border-radius: 100%; border: solid 1px #ffffff; color: #ffffff; background-color: rgba(30, 31, 137, .2); transition: all .3s ease-in-out; font-weight: bold; z-index: 2; margin-top: -20px; } .all-hover::after{font-size: 30px;transition: all .3s ease-in-out;font-weight: 300;font-family: 'cmsfont';;} .all-hover:hover::after{color: #ffffff !important;} .all-hover:hover{background-color: var(--public-color-o);} .all-hover-next{right: -110px;} .all-hover-prev{left: -110px;} .all-hover-next::after{content:'\f105';} .all-hover-prev::after{content: '\f104';} .all-hover-1:hover::after{color: var(--public-color-o);} .all-hover-1::after{color: #333333;font-size:70px;font-weight: 400;font-family: 'cmsfont';transition: all .3s ease-in-out;} .all-hover-next-1{right: -80px;} .all-hover-prev-1{left: -80px;} .all-hover-next-1::after{content:url(../../images/right-1.webp);} .all-hover-prev-1::after{content:url(../../images/left-1.webp);} /*#视频详情*/ .video-nr{position:relative;background:#f4f6f9;padding:30px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;} .video-nr .v-content{width:76%;} .video-nr .v-content::-webkit-scrollbar{display:none;} .video-nr .v-content .v-title{font-size:22px;line-height:28px;font-weight:bold;margin-top:15px;margin-bottom:15px;} .video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-content .v-desc .left{font-size:14px;color:#777;} .video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;} .video-nr .v-content .v-desc .left i:first-child{margin-left:0;} .video-nr .v-content .v-desc .right .v-ly{background:#4bcd65;border:1px solid #4bcd65; display: inline-flex;padding:5px 20px;border-radius:50px;align-items:center;color:#fff;} .video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);} .video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display: inline-flex;margin-left:15px; padding:5px 20px;border-radius:50px;align-items:center;color:#333;} .video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-fx:hover{background:#527dff;border-color:#527dff;color:#fff;} .video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;} .video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;} .video-nr .v-content .v-nr ul li{margin-left:20px;} .video-nr .v-content .v-nr ul li:first-child{margin-left:0;} .video-nr .v-content .v-nr a{color:#527dff;} .video-nr .v-content .v-nr a:hover{text-decoration:underline;} .video-nr .v-content .v-title2{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;} .video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:#4bcd65;cursor:pointer;font-weight:initial;} .video-nr .v-content .v-title2 .right:hover{color:#527dff;} .video-nr .v-content .v-massage{font-size:16px;line-height:24px;} .video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;} .video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;} .video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;} .video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage strong{margin-right:0px;} .video-nr .v-side{width:22%;height:100%;overflow:auto;} .video-nr .v-side::-webkit-scrollbar{display:none;} .video-nr .v-side .v-pro{background:#fff;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-side .v-pro .img{width:30%;} .video-nr .v-side .v-pro .text{width:67%;} .video-nr .v-side .v-pro .text .t1{font-size:16px;line-height:24px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .video-nr .v-side .v-pro .d-flex{margin-top:20px;} .video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 10px;border:1px solid #4bcd65;border-radius:50px;font-size:14px;line-height:20px;} .video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;} .video-nr .v-side .v-pro .d-flex a:hover{background:#4bcd65;color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child{background:#4bcd65;color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);} .video-nr .v-side .v-rel{background:#fff;padding:15px;border-radius:20px;} .video-nr .v-side .v-rel .big-t1{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:15px;} .video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-side .v-rel .v-video-item .left{width:54%;position:relative;} .video-nr .v-side .v-rel .v-video-item .left a{position:absolute;left:0;right:0;bottom:0;top:0;z-index:99;} .video-nr .v-side .v-rel .v-video-item .right{width:42%;} .video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;} .video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px;} .v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap;} .v-feed-box .pro{width:30%;} .v-feed-box .pro a{transition:none;} .v-feed-box .right{width:68%;} .v-feed-box .right .title{text-align:left;} .v-feed-box .pro .text p{font-size: 15px;line-height: 22px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} .v-feed-box .pro .text p::before{content: url(../../images/sign-2.webp);font-family: 'cmsfont';line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;} .v-feed-box .pro h5{font-size: 15px;line-height: 22px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-top:15px; margin-bottom: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .v-share_bot{margin-top: 30px;border: 1px solid #527dff;border-radius: 30px;padding: 6px;display: flex;justify-content: space-between;overflow: hidden;} .v-share_bot input{border: 0; color: #666; font-size: 14px; padding-left: 10px; width: 100%; box-sizing: border-box; outline: 0; overflow: hidden; text-overflow: ellipsis;} .v-share_bot button{width: 114px; height: 42px; line-height: 42px; color: #fff; border: 0; background: #527dff; border-radius: 20px; flex-shrink: 0; cursor: pointer;} @media(max-width:768px) { .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;} .v-feed-box .pro{display:none;} .v-feed-box .right{width:100%;} .video-nr{height:auto;padding:15px;} .video-nr .v-content{width:100%;} .video-nr .v-side{width:100%;} .video-nr .v-content .v-desc .right{width:100%;} .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;} .video-nr .v-content .v-massage ul{padding-left:17px;} .video-nr .v-content .v-massage p{display:block;} .video-nr .v-content .v-massage ul li{display:block;} } .reveal-modal#mb-share{left: 60%; margin-left: -30%; width: 40%;} .v-share-box .share{display: flex; margin-top:30px; font-size: 0; transition: all .3s ease-in-out; justify-content: space-between;} .v-share-box .share_cell{font-size:16px;color:#333;text-align:center;} .v-share-box .share_cell p{margin-bottom:0;} .v-share-box .share_cell .icon.wa { background-position: -3px -180px; } .v-share-box .share_cell .icon.fb { background-position: -185px -235px; } .v-share-box .share_cell .icon.tw { background-position: -124px -177px; } .v-share-box .share_cell .icon.em { background-position: -64px -237px; } .v-share-box .share_cell .icon.li { background-position: -241px -204px; } .v-share-box .share_cell .icon:hover{box-shadow: 0 2px 6px rgb(0 0 0 / 25%);} .v-share-box .share_cell .icon{width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 6px; background: url(../../images/vc-sprite.webp) no-repeat -3px -180px; background-size: 300px; border-radius: 50%;} @media(max-width:768px) { .reveal-modal#mb-share{left: 10%; margin-left: -5%; width: 90%;} } /*news-in-paper*/ .news-in-paper .aside .all-news{margin: 0;} .news-in-paper {margin-bottom: 240px;margin-top: 90px;} .news-in-paper .h1{font-size:36px;line-height:48px;color:#333;font-weight:bold;margin-bottom: 30px;letter-spacing: -1px;} .news-in-paper .type{color: #999;padding-bottom: 30px;display: flex;gap: 20px;font-size: 16px;font-weight: 500;} .news-in-paper .type-time img{display:inline-block;margin-right:10px} .news-in-paper .type-view{color: var(--public-color-o);} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .article .content{line-height:28px;font-size:16px;font-weight: 400;color: #999999;border-bottom:1px solid #bbbbbb;padding-bottom:55px;padding-top:30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .news-in-paper .article .content strong{color: var(--public-color);font-weight: 500;} .news-in-paper .article img{max-width:100% !important;height:auto !important} .news-in-paper .article .content p{margin-bottom:20px} .news-in-paper .article h2{font-size: 28px;line-height: 36px;color: #333333;font-weight: 500;margin-bottom: 25px;} .news-in-paper .article h4{font-size: 22px;line-height: 32px;color: #333333;font-weight: 500;margin-bottom: 15px;letter-spacing: -1px;} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:60px;display:flex;justify-content:space-between;align-items: flex-start;gap: 50px;} .news-in-paper .box-tail .left{width:100%} .news-in-paper .box-tail .right{min-width: 200px;width: 200px;;display:flex;justify-content:flex-end} .news-in-paper .box-tail .right .a-pc{width: 100%;height: 50px;padding: 0;} .news-in-paper .box-tail .left p{display:flex} .news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;line-height:30px;padding-left:16px} .news-in-paper .box-tail .left p a:hover{color:var(--public-color-o);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;} .news-in-paper .box-tail .left p span{color:var(--public-color-o);display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .aside{padding:0px;} .news-in-paper .aside>div{background-color: rgba(29, 32, 137, .05);padding: 50px 30px 40px 30px;position: relative;} .news-in-paper .aside .img-1{margin-bottom: 15px;display: inline-block;width: 20px;} .news-in-paper .aside .h5{position: relative;font-size: 24px;line-height: 32px;color: #333333;font-weight: 500;letter-spacing: -1px;margin-bottom: 30px;} .news-in-paper .aside .aside-con{margin-bottom: 30px;display: flex;flex-direction: column;} .news-in-paper .aside .h4{font-size: 28px;color: var(--public-color-o);margin-bottom: 30px;font-weight: bold;letter-spacing: -1px;} .news-in-paper .other-news .t1{font-size: 18px;line-height: 28px;color: #333333;font-weight:700;margin-bottom: 15px;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; } .news-in-paper .other-news .row-line{gap: 12px;} .news-in-paper .other-news .arrow{width: 26px;min-width: 26px;} .news-in-paper .other-news .arrow img{width: 12px;} .news-in-paper .other-news .time img{filter:grayscale();transition: all .3s ease-in-out;} .news-in-paper .other-news .box:hover .time img{filter: none;} .news-in-paper .other-news .box{margin-bottom: 30px;} .new-in-pro{padding-top: 190px;} .new-in-pro .title{margin-bottom: 65px;font-size: 36px;line-height: 48px;letter-spacing: -1.4px;} .new-in-pro .title-img::before{content: url(../../images/sign-1-1.webp);left: -30px;right: auto;} .new-in-pro .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 45px;} .all-products .list{background-color: #ffffff;box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.1);text-align: center;padding: 45px 45px 85px;display: flex;flex-direction: column;align-items: center;position: relative;} .all-products .list::after{content: "";width: 150px;height: 4px;background-color: var(--public-color-o);opacity: .2;position: absolute;bottom: 55px;transition: all .3s ease-in-out;} .all-products .t1{font-size: 18px;font-weight: 700;color: #333333;letter-spacing: -1px;} .all-products .list:hover::after{opacity: 1;} .main-box .aside{width:330px;min-width: 330px;position: sticky;top: 30px;height: min-content;} .main-box .article{width:calc(100% - 330px - 60px)} .news-name-box{min-width: 300px;border-radius: 6px;border: solid 1px #bbbbbb;padding: 15px 15px 20px;display: inline-flex;flex-direction: column;margin-top: 20px;} .news-name-box .table-title{display: flex;justify-content: space-between;font-size: 28px;line-height: 36px;color: #999999;font-weight: 400;} .news-name-box .table-title span{width: 35px;height: 32px;background-color: #ffffff;border-radius: 4px;border: solid 1px #999191;display: inline-flex;justify-content: center;align-items: center;cursor: pointer;} .news-name-box .h2 a{font-size: 18px;line-height: 36px;color: #333;font-weight: 400;} .news-name-box ul{padding-left: 30px;} .news-name-box li a{font-size: 16px;line-height: 26px;color: #666;font-weight: 400;} @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;} .news-in-paper .box-tail .right .a-pc{width: auto;padding: 0 25px;} } @media(max-width:1460px){ .news-in-paper .other-news .t1 {font-size: 20px;} .news-in-paper .h1{font-size: 32px;line-height: 46px;} } @media(max-width:1340px){ .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;} .news-in-paper .article h2{font-size: 24px;line-height: 32px;} .news-in-paper .article h4{font-size: 20px;line-height: 28px;} .news-in-paper .h4{font-size: 26px;margin-bottom: 30px;} } @media(max-width:1260px){ .news-in-paper .article h2 {font-size: 28px;line-height: 36px;} .news-in-paper .article h4 {font-size: 20px;} .news-in-paper .aside-con .a-pc{padding: 0 20px;height: 48px;} } @media(max-width:1000px){ .news-in-paper .main-top{flex-direction: column;} .main-box .article{width: 100%;margin-bottom: 60px;} .main-box .aside{width: 100%;display: flex;gap: 30px;align-items: flex-start;} .news-in-paper .aside .aside-con{position: sticky;top: 100px;height: fit-content;} /* .news-in-paper .aside .all-news{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;} */ .new-in-pro .content{gap: 20px 25px;} .new-in-pro .all-products .list{padding: 30px 15px 50px;} .new-in-pro .all-products .list::after {bottom: 30px;} } @media(max-width:768px){ .main-box{margin-top: 0;} .news-in-paper .h1{margin-bottom: 15px;font-size: 20px;line-height: 28px;} .news-in-paper .article h2{font-size: 19px;line-height: 28px;margin-bottom: 10px;} .news-in-paper .article h4{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p a{line-height: 24px;} .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 20px;} .news-in-paper .main-top {flex-wrap: wrap;} .news-in-paper .article{width: 100%;margin-bottom: 30px;} .news-in-paper .aside{width: 100%;margin-top: 0;} .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;padding-bottom: 15px;} .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;} .news-in-paper .article .content p{margin-bottom: 10px;} .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;gap: 20px;} .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;} .news-in-paper .box-tail .right{margin-bottom: 0px;} .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;} .news-in-paper .aside .aside-box {padding-bottom: 30px;} .news-in-paper .aside-box-1{padding: 15px;} .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;} .news-in-paper .main-top{margin-bottom: 30px;} .news-in-paper .h4 ,.news-in-paper .aside .h4{font-size: 20px;line-height: 28px;margin-bottom: 20px;} .news-in-paper .aside-con{margin-bottom: 20px;} .news-in-paper .aside>div{padding: 20px 10px;} .p-d-rec .title{margin-bottom: 15px !important;} .p-d-rec .all-param{display: block;opacity: 1;} .p-d-rec{margin-bottom: 30px;} .news-in-paper .other-news .list{margin-bottom: 15px;} .main-box .main-left-box .table-title{font-size: 20px;line-height: 28px;padding: 15px 10px;margin-bottom: 15px;background-color: var(--public-color);color: #fff;} .main-box .main-left-box .table-title::before {height: 15px;position: absolute;top: 17px;left: 0;background-color: #fff;} .main-box .main-left-box .h2 a {font-size: 18px;line-height: 26px;} .main-box .main-left-box .h2{margin-bottom: 15px;padding-bottom: 0px;} .main-box .name-box ul {padding-top: 0;} .main-box .name-box li{margin-bottom: 10px;} .main-box .name-box li a {font-size: 16px;line-height: 24px;} .main-box .name-box li::before {top: 8px;} .main-box .name-box + .name-box{padding-top: 10px;} .main-box .main-left{margin-bottom: 30px;position: relative;} .main-box .article{width: 100%;} .main-box .aside{width: 100%;} .main-box .news-name{display: none;} .main-box .main-left .main-left-box{position: fixed;left: -17px;top: 50px;z-index: 3;background-color: #fff;border-bottom: 2px solid var(--public-color);} .main-box .main-left .main-left-box.active{left: 0;} .main-box .main-left .main-left-box.active .news-name{padding-left: 10px;padding-top: 20px;} .main-box .table-title .s1{display: none;color: #fff;} .main-box .table-title .s2{display: flex;color:#fff;} .main-box .table-title {background-color: var(--public-color-red);} .main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;} .main-box .table-title.active .s1 strong{color: var(--public-color-red);} .main-box .table-title.active .s2{display: none;} .main-box .main-left-box{border: none;} .main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0;} .main-box .main-left-box .table-title.active{left: 0;} .main-box .main-left{width: 0;} .main-box{gap: 0;} .main-box .main-top{width: 100%;} .news-in-paper .box-tail .left{margin-bottom: 0;} .news-in-paper .box-tail .right .a-jd{width: auto;padding: 0 30px !important;} .news-in-paper .aside-con .a-jd{margin-bottom: 20px;} .news-in-paper span.img-small{width: 20px;margin-right: 10px;} .news-in-paper .aside .aside-con{margin-bottom: 30px;position: static;width: 100%;align-items: center;padding: 20px 15px;margin-bottom: 0;} .news-in-paper .aside .a-box a{margin-bottom: 10px;} .news-name-box{padding: 10px 15px;} .main-box .aside{flex-direction: column;min-width: auto;position: static;} .news-in-paper .other-news .box:nth-last-of-type(1){margin-bottom: 0;} .new-in-pro .content{grid-template-columns: repeat(2, 1fr);} .news-name-box .table-title{font-size: 24px;line-height: 32px;} .news-name-box .h2 a{font-size: 16px;line-height: 24px;} .main-box .name-box + .name-box{padding-top: 5px;} .main-box .news-name{margin-top: 15px;} .new-in-pro{padding-top: 30px;} .new-in-pro .all-pag{width: 100%;display: flex;justify-content: center;gap: 10px;bottom: -20px;} .new-in-pro .all-pag span{background-color: var(--public-color);opacity: .2;} .new-in-pro .all-pag span.swiper-pagination-bullet-active{opacity: 1;} } .footer-img{padding-top: 150px;} .footer-img .img-box{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-bottom: 95px;position: relative;z-index: 1;} .banner-contact h1{margin-top: 50px;} .contact-paper .small-box{display: grid;grid-template-columns: repeat(3,1fr);margin-top: -1px;margin-bottom: 80px;} .contact-paper .small-box .box{min-height: 170px;padding-left: 20px;padding-top: 40px;padding-right: 20px;overflow: hidden;position: relative;transition: all .3s ease-in-out;} .contact-paper .small-box .box:nth-child(odd){background-color: var(--public-color-o);} .contact-paper .small-box .box:nth-child(even){background-color: var(--public-color);} .contact-paper .small-box .font-sty{color: #ffffff;} .contact-paper .small-box a.font-sty{font-size: 28px;line-height: 32px;font-weight: 600;letter-spacing: -.4px;margin-bottom: 10px;} .contact-paper .small-box a.font-sty:hover{text-decoration: underline;color: #fff !important;} .contact-paper .small-box span.font-sty{font-weight: 300;letter-spacing: 0;font-size: 16px;margin-bottom: 20px;display: block;} .contact-paper .small-box .name{font-size: 22px;line-height: 32px;font-weight: 600;color: #ffffff;} .contact-paper .small-box .img-1{position: absolute;right: -10px;bottom: -20px;} .contact-paper .small-box .box:hover{transform: translateY(-25px);} .contact-content{display: flex;justify-content: space-between;margin-bottom: 120px;} .contact-content .left{width: 44%;padding-top: 60px;} .contact-content .title{margin-bottom: 20px;} .contact-content .h4{font-size: 28px;line-height: 37px;color: #cccccc;font-weight: bold;margin-bottom: 50px;} .contact-content .text li{font-size: 18px;line-height: 34px;color: #666666;letter-spacing: -.8px;margin-bottom: 15px;padding-left: 25px;} .contact-content .text li:last-child{margin-bottom: 0;} .contact-content .right{width: 53%;padding: 50px 65px 30px;background-color: #ffffff;box-shadow: -1px 20px 51px 0px rgba(127, 193, 40, 0.4);border-radius: 40px;border: solid 8px #7fc128;} .contact-content .form-control{background-color: rgba(127,193,40,.2);border-color: transparent;} .contact-content .form-row{margin-bottom: 25px !important;} .contact-content .form-cap{gap: 25px;} .contact-content .a-wz-1{height: 65px;background-color: var(--public-color-o);color: #ffffff;font-weight: 600;border-color: var(--public-color-o);border-radius: 8px;font-size: 20px;letter-spacing: -.6px;padding: 0;width: 100%;} .contact-content .a-wz-1 img{filter: brightness(0) invert(1);display: inline-block;margin-left: 25px;} .contact-content .a-wz-1::before{border-radius: 8px;} .contact-content .a-wz-1:hover img{filter: none;} .contact-content .form-cap .input-group{border-color: transparent;gap:15px} .contact-content .form-cap .form-group .form-control{border-radius: 8px;} .contact-content .form-cap .input-group-append{width: 120px;height: 49px;border: 0;border-radius: 8px;overflow: hidden;} .contact-more{background: url(../../images/contact-back-1.webp) no-repeat;background-size: auto 100%;height: 295px;display: flex;align-items: center;text-align: center;} .contact-more span.o{color: var(--public-color-o);display: block;margin-top: 30px;} .contact-more .title{color: #ffffff;font-size: 46px;margin-bottom: 0 !important;} /*#标签样式*/ .tag{margin-bottom: 30px;font-size: 17px;line-height: 30px;} .tag span{color: var(--public-color);} .tag i{color: var(--public-color);} .tag a{font-size: 17px;line-height: 30px;color: #333;} .tag a:hover{text-decoration: underline;color: var(--public-color);} .tag a:after{content: ",";display: inline-block;margin-left: 3px;margin-right: 4px;} .tag a:last-child:after{display: none;} @media(max-width:768px) { .tag{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} } /* all-'名称' 设置为共有样式 */ .banner-home{display: flex;align-items: center;justify-content: flex-end;overflow: hidden;max-width: 1920px;margin: auto;} .banner-home .banner-text{text-align: left;} .banner-home .cont-box{width: 50%;} .banner-home .title{font-size: 48px;line-height: 64px;font-weight: bold;color: #ffffff;letter-spacing: -1.4px;margin-bottom: 20px;} /* .banner-home .title span{display: block;} */ .banner-home .swiper-slide {flex-shrink:0;overflow: hidden;} .banner-home .swiper-slide .slide-inner{position: relative;overflow: hidden;width: 100%;height: 100%;display: flex;justify-content: center;} .banner-home .swiper-slide .slide-inner .cont-box{position: absolute;z-index: 3;top: 50%;transform: translateY(-50%);max-width: 1430px;width: 100%;} .banner-home .swiper-slide .slide-inner .img{width: 100%;height: 100%;} .banner-home .swiper-slide .slide-inner .title{width: 35.875vw;min-width:600px;padding-left: 15px;} .banner-home .home-btn{width: 100%;position: absolute;bottom: 80px;display: flex;justify-content: center;} .banner-home .home-btn .container-xl{display: flex;align-items: center;gap: 65px;} .banner-home .home-btn .container-xl>*{position: static;} .banner-home .home-btn .home-pag {display: flex;gap: 30px;width: auto;} .banner-home .home-btn .home-pag span{display: inline-block;width: 15px;height: 15px;background-color: rgba(255,255,255,.2);border-radius: 0;line-height: 0;margin: 0 !important;} .banner-home .home-btn .home-pag span.swiper-pagination-bullet-active{background-color: var(--public-color-o);} .banner-home .home-btn .all-hover-1{margin: 0;width: auto;height: auto;} .banner-home .home-btn .all-hover-1::after{filter: brightness(0) invert(1);line-height: 0;font-size: inherit;} .banner-home .home-btn .all-hover-1:hover::after{filter: none;} .footer-margin .footer{padding-top:260px;margin-top: -150px;} .footer{background:url(../../images/footer-back.webp) no-repeat;background-size: 100% 100%;} .footer .top{display:grid;grid-template-columns:370px auto;align-items:center;margin-bottom:35px;gap: 95px;} .footer .logo{position:relative} .footer .cont{font-size: 16px;line-height: 26px;color: #666666;font-weight: 400;} .footer .footer-top{padding-bottom:85px} .footer .footer-top .content{display:flex;justify-content:space-between} .footer .list-1{min-width:370px;width:370px;display: grid;grid-template-columns: repeat(2,1fr);gap: 37px;} .footer .list-2{min-width:300px;width:300px} .footer .list-3{width:39%;} .footer .t1{font-size:20px;line-height:32px;color:#333;font-weight:bold;margin-bottom:20px;letter-spacing: -1px;} .footer .font-sty{font-size:16px;line-height:28px;color:#666666;font-weight:400;} .footer .font-sty:last-child{margin-bottom:0} .footer a.font-sty{margin-bottom:10px} .footer a.font-sty:hover{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px;color:var(--public-color-o) !important} .footer .list-1 .w-p{display: flex;align-items: center;} .footer .list-1 .d{margin-bottom:20px;display:flex} .footer .list-1 .d:last-child{margin-bottom:0} .footer .list-1 .font-sty{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .footer .list-2 .box{display: flex;flex-direction: column;} .footer .list-2 .font-sty{position: relative;padding-right: 25px;letter-spacing: -1px;} .footer .list-2 .font-sty::before{content: url(../../images/sign-5.webp);position: absolute;right: 0;top: -2px;filter:grayscale();} .footer .list-2 i{font-family:'cmsfont';font-style:normal;font-size:20px;line-height:20px;position:relative;top:2px} .footer .list-3 .d{display: grid;grid-template-columns: 40px auto;} .footer .list-3 .icon{line-height: 0;display: inline-block;margin-top: 11px;} .footer .list-3 .font-sty{line-height: 36px;} .footer .list-3 .font-sty:first-of-type(1){margin-left: 0;} .footer-bottom{background-color: var(--public-color);height: 60px;display: flex;align-items: center;} .footer-bottom .container-xl{display: flex;justify-content: space-between;} .footer-bottom .copy{font-size: 16px;line-height: 25px;color: #ffffff;display: flex;align-items: center} .footer .all-social{display: flex;gap: 8px;width: 37%;} .footer .hover-1,.footer .hover-2{background-color: transparent !important;border:1px solid rgba(255,255,255,.2);color: #fff !important;width: 40px;height: 40px;font-size:14px !important;display: inline-flex;justify-content: center;align-items: center;border-radius: 100%;margin: 0 !important;font-weight: 300;} .footer .hover-1::before,.footer .hover-2::before{font-size: 14px;width: inherit;font-weight: 300;} .footer .hover-1:hover,.footer .hover-2:hover{background-color: var(--public-color-o) !important;color: #fff !important;border-color: var(--public-color);} @media (max-width: 1400px) { .footer .h2 {font-size: 24px;margin-right: 100px;} } @media (max-width: 1330px) { .footer .h2 {margin-right: 65px;} } @media(max-width:1280px){ .footer .h2 {margin-right: 35px;} } @media(max-width:1240px){ .footer .h2{font-size: 22px;} } @media(max-width:1200px){ .footer .footer-top .content{flex-wrap: wrap;gap: 60px 100px;justify-content: normal} .footer .list-3{width: 100%;} } @media(max-width:768px){ .footer-margin .footer{padding-top: 30px;margin-top: 30px;} .footer .logo {width: 70%;margin-bottom: 15px;} .footer{padding-top: 30px;background: #eaebf5;} .footer .footer-top{padding-bottom: 30px;} .footer .footer-top .content{gap: 30px;} .footer .top{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 25px;gap: 15px;} .footer .h2{font-size: 18px;line-height: 26px;margin-right: 0;padding-left: 0;text-align: left;} .footer .h2::after{display: none;} .footer .header-btn{display: none;} .footer .t1{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .footer .list-1 .d{margin-bottom: 10px;} .footer .font-sty{font-size: 14px;line-height: 20px;} .footer .list-2,.footer .list-3{min-width: auto;width: 100%;} .footer a.font-sty {margin-bottom: 10px;} .footer-bottom {height: auto;} .footer-bottom .container-xl{flex-direction: column;gap: 10px;} .footer .list-1 {width: 75%;gap: 20px;} .footer .list-2 .font-sty{letter-spacing: -.3px;} .footer .list-3 .d{grid-template-columns: 25px auto;} .footer .list-3 .font-sty{margin-left: 0;line-height: 24px;} .footer .list-3 .icon{margin-top: 5px;} .footer-bottom{padding: 15px 0;} } .all-nav{display: flex;justify-content: center;gap: 2px;margin-top: 130px;margin-bottom: 90px;width: 100%;} .all-nav li a{min-width: 130px;height: 50px;font-size: 18px;line-height: 28px;font-weight: 700;color: #333333;letter-spacing: -1px;width: 300px;border-bottom: 5px solid var(--public-color);text-align: center;} .all-nav li a.active,.all-nav li a:hover{border-color: var(--public-color-o);} .all-nav li a img{transform: rotate(90deg);display: inline-block;margin-left: 10px;opacity: 0;transition: opacity .3s ease-in-out;} .all-nav li a:hover img,.all-nav li a.active img{opacity: 1;} span.arrow{font-family: 'Poppins';font-weight: bold;letter-spacing: -5px;} .home-product{position: relative;padding-top: 130px;margin-bottom: 265px;} .home-product::before{content: "";background: url(../../images/back-1.webp) no-repeat;width: 590px;height: 100%;background-size: 100% auto;position: absolute;left: 0;top: -155px;z-index: -1;} .home-product .top-head{width: 90%;margin-bottom: 150px;} .home-product .title{margin-bottom: 35px;} .home-product .items{position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 280px;} .home-product .items:last-child{margin-bottom: 0;} .home-product .items:nth-child(odd) .img-back{right: 0;} .home-product .items:nth-child(odd) .left{width: 47%;} .home-product .items:nth-child(odd) .right{width: 47%;} .home-product .items:nth-child(even) .items-xl{flex-direction: row-reverse;} .home-product .items:nth-child(even) .img-back{left: 0;} .home-product .items:nth-child(even) .left{width: 41%;} .home-product .items:nth-child(even) .right{width: 52%;} .home-product .items .right img{mix-blend-mode: darken;} .home-product .items .right{overflow: visible;} .home-product .items-xl{display: flex;justify-content: space-between;align-items: center;} .home-product .cont{margin-bottom: 25px;} .home-product ul{display: flex;flex-wrap: wrap;gap: 25px;margin-top: 30px;} .home-product li{position: relative;padding-left: 30px;font-weight: 400;} .home-product li::before{content: "\f00c";font-family: 'cmsfont';font-weight: 600;color: var(--public-color-o);position: absolute;left: 0;} .home-product .t1{font-size: 32px;line-height: 48px;color: #333333;font-weight: 700;margin-bottom: 25px;letter-spacing: -1.6px;} .home-product .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 10px;text-decoration-thickness: 4px;text-decoration-color: var(--public-color-o);} .home-product .img-back{position: absolute;z-index: -1;width: 55%;} .home-solution {margin-bottom: 210px;} .home-solution .content{display: flex;justify-content: space-between;} .home-solution .left{width: 36%;} .home-solution .right{width: 58%;display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;align-items: center;position: relative;} .home-solution .title{margin-bottom: 30px;} .home-solution .text{margin-bottom: 60px;} .home-solution .img{position: relative;} .home-solution .t1{font-size: 18px;line-height: 24px;font-weight: 500;color: #ffffff;letter-spacing: -.4px;text-align: center;position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.6);padding: 10px 0px;} .home-solution .img-1{position: absolute;background-color: var(--public-color);width: 180px;aspect-ratio: 1;border: 20px solid #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;left: 50%;transform: translateX(-90px);} .home-about{position: relative;margin-bottom: 180px;} .home-about::before{content: "";background: url(../../images/back-1.webp) no-repeat;width: 590px;height: 100%;position: absolute;left: 0;top: -75%;z-index: -1;background-size: 100% auto;} .home-about .content{display: flex;justify-content: space-between;position: relative;background: linear-gradient(to right, #f2f2f2 90%, #ffffff 100%);} .home-about .content::before{content: "";width: 32%;height: 40px;background-color: var(--public-color-o);position: absolute;left: 0;top: -40px;} .home-about .left{width: 50%;} .home-about .right{width: 44%;display: flex;flex-direction: column;justify-content: center;} .home-about .title{letter-spacing: -2px;margin-bottom: 20px;} .home-about .title span{display: inline-block;} .home-about .text{text-align: justify;margin-bottom: 45px;} .home-about .text p{margin-bottom: 20px;} .home-about .text p:last-child{margin-bottom: 0;} .home-about .box{display: flex;align-items: center;justify-content: space-between;} .home-about .img-1{mix-blend-mode: darken;} .home-capabily::after{content: "";background: url(../../images/home-back-2.webp) no-repeat;width: 40%;height: 100%;background-size: auto;position: absolute;right: -80px;top: -135px;z-index: -1;} .home-capabily{margin-bottom: 190px;position: relative;} .home-capabily .title{margin-bottom: 70px;} /* .home-capabily .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;} */ .home-capabily .list{position: relative;} .home-capabily .list::after{content: "";width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom,transparent 20% , #333333);} .home-capabily .box{position: absolute;left:0;bottom: 0;width: 100%;z-index: 1;color: #ffffff;padding-right: 50px;padding-left: 40px;} .home-capabily .t1{font-size: 20px;line-height: 28px;font-weight: 700;color: #ffffff;margin-bottom: 50px;} .home-capabily .cont{font-size: 16px;line-height: 24px;position: relative;opacity: 0;overflow: hidden;padding-bottom: 0px;transition: all .3s ease-in-out;} .home-capabily .cont::before{content: "";width: 60px;height: 2px;background-color: #ffffff;position: absolute;left: 0;top: -25px;} .home-capabily .cont-opacity{height: 0;transition: all .3s ease-in-out;} .home-capabily ul{margin-top: 20px;} .home-capabily li{position: relative;font-weight: 400;padding-left: 30px;margin-bottom: 5px;} .home-capabily li:last-child{margin-bottom: 0;} .home-capabily li::before{content: "\f00c";font-family: 'cmsfont';color: #ffffff;position: absolute;left: 0;} .home-capabily .list.active {background-color: var(--public-color-o);} .home-capabily .list.active>img{opacity: .3;} .home-capabily .list.active::after{height: 100%;background: linear-gradient(to bottom,transparent 20% , var(--public-color-o) 85%);} .home-capabily .list.active .cont{opacity: 1;overflow: visible;padding-bottom: 60px;} .home-capabily .list.active .cont-opacity{height: 100%;} .home-service{position: relative;} .home-service-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;} .home-service .content{display: flex;justify-content: space-between;align-items: flex-end;} .home-service .left{width: 55%;color: #ffffff;} .home-service .right{width: 42%;} .home-service .title{color: #ffffff;margin-bottom: 20px;} .home-service .title-img::before{left: -35px;right: auto;} .home-service .cont{line-height: 32px;margin-bottom: 70px;} .home-service .box{display: grid;grid-template-columns: 155px auto;} .home-service .img-1{border-right:2px solid rgba(255,255,255,.2)} .home-service ul{display: flex;flex-direction: column;justify-content: space-between;padding-left: 45px;} .home-service li{font-size: 22px;} .home-service li::before{color: #ffffff;} .home-service .all-hover{margin-top: -30px;} .home-service .img{overflow: hidden;} .home-service .img img{transform: scale(1.01);} .home-news{padding: 135px 0 145px;position: relative;} .home-news-xl{display: flex;justify-content: space-between;} .home-news .all-news{width: 60%;padding: 0;margin: 0;} .home-news .all-news::after{display: none;} .home-news .all-exh{width: 35%;} .home-news .all-news .content{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 45px;} .home-news .all-news .list{height: 495px;} .home-news .all-line::before {top: 0;} .home-news .t1{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-exh .title{margin-bottom: 70px;} .all-exh .content{display: grid;grid-template-rows: repeat(3,1fr);height: 100%;max-height: 470px;} .all-exh .list{display: grid;grid-template-columns: 160px auto;align-items: center;grid-gap: 30px;background-color: #ffffff;} .all-exh .list + .list{border-top: 1px dashed #cccccc;margin-top: 15px;padding-top: 15px;} .all-exh .img{padding: 10px;background-color: #ffffff;box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.1);display: flex;max-width: 160px;max-height: 126px;} .all-exh .cont{font-size: 14px;line-height: 20px;font-weight: 400;display: flex;flex-direction: column;justify-content: center;} .all-exh .t1{margin-bottom: 8px;font-size: 16px;line-height: 24px;font-weight: 600;} .all-exh .img-1:hover{opacity: .2;} .all-news::after{content: "";background: url(../../images/pro-back-2.webp) no-repeat right;background-size:auto;width: 575px;height: 485px;top:-20%;position: absolute;right: 0;z-index: -1;} .all-news{margin: 170px 0 135px;position: relative;} .all-news .title{margin-bottom: 70px;} .all-news .title::before{left: -35px;right: auto;} .all-news .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;} .all-news .list{padding: 20px;border: solid 1px #dddddd;transition: all .3s ease-in-out;background-color: #ffffff;} .all-news .img{margin-bottom: 25px;} .all-news .t1{font-size: 20px;line-height: 28px;color: #333333;font-weight: 700;letter-spacing: -1px;margin-bottom: 5px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .all-news .cont{font-size: 16px;line-height: 24px;color: #666666;} .all-news .row-line{display: flex;align-items: center;gap: 60px;} .all-news .line{width: 100%;height: 2px;background-color: #dddddd;opacity: .6;} .all-news .arrow{width: 40px;min-width: 40px;aspect-ratio: 1;border-radius: 100%;background-color: var(--public-color);display: inline-flex;justify-content: center;align-items: center;} .all-news .time{display: flex;align-items: center;gap: 10px;font-size: 16px;line-height: 28px;color: #999999;font-weight: 500;} .all-news .list:hover{border-color: var(--public-color-o);box-shadow: inset 0 0 0 1px var(--public-color-o);} .all-news .list:hover .line{background-color: var(--public-color-o);opacity: .2;} .all-news .list:hover .time img{filter: none;} .all-news .list .time img{filter: grayscale(1);} .all-news .arrow:hover{background-color: var(--public-color-o);} /* .all-contact{margin-bottom: 20px;} */ .all-contact-xl{height: 320px;background: url(../../images/all-contact.webp) no-repeat 100% 100%;position: relative;display: flex;align-items: center;padding-left: 70px;} .all-contact-xl::after{content: "";background: url(../../images/all-contact-2.webp) no-repeat;background-size: 100% 100%;width: 50%;height: 385px;position: absolute;right: -121px;} .all-contact .a-pc-1{width: 200px;height: 50px;} .all-contact .box{width: 50%;} .all-contact .title{font-size: 36px;line-height: 48px;font-weight: 700;color: #ffffff;letter-spacing: -1.6px;} .all-contact .cont{color: #ffffff;font-size: 18px;line-height: 32px;font-weight: 400;letter-spacing: -.4px;margin: 15px 0 35px;} .all-big-faq .pro-aside .title{margin-bottom: 60px;} .all-big-faq .all-aside{min-width: 430px;width: 430px;position: sticky;top: 150px;height:fit-content;} .all-big-faq .content{display: flex;justify-content: space-between;align-items: flex-start;gap:100px;} .all-big-faq .title{font-size: 36px;line-height: 42px;letter-spacing: -1.4px;margin-bottom: 30px;} .all-big-faq .cont{margin-bottom: 55px;} .all-big-faq .article{width: 100%;} .all-big-faq .pro-aside{padding: 80px 50px 30px 45px;box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;color: #fff;position: sticky;top: 100px;height: fit-content;min-width: 500px;width: 500px;} .all-big-faq .all-aside .cont{color: #333333;margin-bottom: 55px;} .all-big-faq .h3{font-size:22px;line-height: 32px;font-weight: 500;color: #333333;letter-spacing: -1px;margin-bottom: 40px;width: 80%;} .all-big-faq .form-row{margin-bottom: 20px !important;margin-left: -10px !important;margin-right: -10px !important;} .all-big-faq .form-control::placeholder{font-size: 16px;color: #999999;opacity: 1;} .all-big-faq .form-cap .input-group{border-radius: 0;} .all-big-faq .form-cap .form-group:has(input[required])::before{top: 15px;} .all-big-faq .form-cap .form-control {padding: 9px 20px 9px 30px;} .all-big-faq .a-pc-1{width: 100%;height: 40px;border-radius: 4px;font-size: 14px;padding: 0;} .all-big-faq .all-faqs .items{padding:20px 15px 20px 0;} .all-big-faq .all-faqs .item{justify-content: space-between;} .all-big-faq .all-faqs .symbol{border: 3px solid var(--public-color);border-radius: 100%;font-size: 14px;} .all-big-faq .all-faqs .items.active{padding-top: 20px;} .all-big-faq .form-cap .input-group-append{width: 100px;} .all-faqs {border-top: 1px solid #dddddd;width: 100%;} .all-faqs .items.active {padding-top: 50px;padding-bottom: 30px;} .all-faqs .items{padding:30px 50px 30px 0px;position: relative;} .all-faqs .items:last-child{margin-bottom: 0;} .all-faqs .items::after{content: "";width: 100%;height: 1px;background-color: #dddddd;position: absolute;right: 0;bottom: 0;} .all-faqs .item{display: flex;gap:30px;cursor:default;position: relative;} .all-faqs .quen-q{letter-spacing: -1px;font-size: 22px;line-height: 31px;color: #333333;font-weight: 500;} .all-faqs .quen-a{font-size: 18px;line-height: 28px;font-weight: 400;position: relative;margin-top: 15px;margin-left: 0px;color: #666666;width: 90%; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-faqs .quen-a p{margin-bottom: 10px;} .all-faqs .quen-a p:last-child{margin-bottom: 0;} .all-faqs .symbol{width: 30px;min-width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background-color:transparent;color: var(--public-color);font-size: 24px;position: relative;top:0px;} .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-top-first{margin-bottom: 165px;} .all-top-first .container-xl{position: relative;} .all-top-first .img-back-1{position: absolute;width: 76%;height: 100%;z-index: -1;display: flex;justify-content: center;align-items: center;} .all-top-first .img-back-1 img{width: 100%;height: 100%;} .all-top-first .content{display: flex;justify-content: space-between;align-items: center;padding: 40px 0;} .all-top-first .left{width: 45%;padding-left: 70px;} .all-top-first .right{width: 49%;min-height: 360px;background-color: #ffffff;box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.08);padding: 30px 60px;position: relative;display: flex;flex-direction: column;justify-content: center;} .all-top-first .right::after{content: "";width: 200px;height: 200px;background-color: var(--public-color-o);position: absolute;right: -40px;top: -40px;z-index: -1;} .all-top-first .title{font-size: 36px;line-height: 48px;letter-spacing: -1.4px;margin-bottom: 15px;} .news-paper.all-news::after{display: none;} .news-paper .big-content{margin-bottom: 120px;} .news-paper .top-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;} .news-paper .title{font-weight: 400;margin-bottom: 0;} .news-paper .a-pc{width: 220px;height: 50px;} .news-paper .content{gap: 60px 40px;} .news-list.all-news::after{display: none;} .news-list .content{gap: 60px 40px;} .faq-paper{padding-top: 195px;padding-bottom: 230px;} .faq-paper .content{display: flex;justify-content: space-between;align-items: flex-start;gap: 100px;} .faq-paper .aside{width: 200px;min-width: 200px;position: sticky;top: 80px;} .faq-paper .aside .t1.active{color: var(--public-color-o);} .faq-paper .aside .t1.active::before{background-color: var(--public-color-o);z-index: 1;} .faq-paper .aside .t1.active::after{background-color: var(--public-color-o);z-index: 1;} .faq-paper .aside .t1::before{content: "";width: 100%;height: 5px;background-color: var(--public-color);position: absolute;left: 0;top: 0;z-index: 0;} .faq-paper .aside .t1::after{content: "";width: 100%;height: 5px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;z-index: 0;} .faq-paper .aside .t1{font-size: 18px;font-weight: bold;height: 90px;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;} .faq-paper .aside .t1 span{display: inline-block;margin-left: 10px;opacity: 0;transition: all .3s ease-in-out;} .faq-paper .aside .t1.active span{opacity: 1;} .faq-paper .article{width: calc(100% - 200px - 200px);border-top: 1px solid #dddddd;;} .faq-paper .all-faqs{border-top: none;} .faq-paper .all-faqs .item{flex-direction: row-reverse;justify-content: space-between;} .faq-paper .all-faqs .items{padding-right: 15px;padding-top: 20px;} .faq-paper .all-faqs .symbol{color: var(--public-color);font-size: 16px;width: 30px;height: 30px;border-radius: 100%;border: 3px solid var(--public-color);} .faq-paper .aside ol li:nth-child(n + 2){margin-top: -5px;} @media(max-width:768px){ .faq-paper{padding: 30px 0;} .faq-paper .content{flex-direction: column;gap: 0px;} .faq-paper .menu-collapse{width: 100%;} .faq-paper .article{width: 100%;} } .download-paper{padding-top: 135px;padding-bottom: 160px;} .download-paper .content{display: flex;justify-content: space-between;align-items: center;} .download-paper .left{margin-left: 0px;width: 40%;} .download-paper .right{width: 55%;} .download-paper .right p{font-size: 16px;line-height: 30px;font-weight: 400;color: #666;margin-bottom: 30px;letter-spacing: 0;} .download-paper .form-cap{margin-top: 20px;} .download-paper .a-pc{width:100%;height: 50px;} .download-paper .form-group .form-control{background-color: #f8f8f8;border-color: #f8f8f8;border-radius: 8px;} .download-paper .form-group .form-control:focus{background-color: #ffffff;} .factory-paper {padding-top: 160px;padding-bottom: 280px;} .fact-content {display: grid;grid-template-columns: repeat(3,1fr);gap: 60px 40px;} .fact-content .list{box-shadow: inset 0 0 0 1px #dddddd;transition: all .3s ease-in-out;overflow: hidden;} .fact-content .list .box{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;height: 100px;position: relative;} .fact-content .list .t1{font-size: 18px;line-height: 26px;color: #333333;} .fact-content .enlarge{font-size: 16px;font-weight: bold;color: var(--public-color-o);margin-top: 5px;position:absolute;bottom: -100%;opacity: 1;transition: bottom .3s ease-in-out;} .fact-content .list:hover{box-shadow: inset 0 0 0 3px var(--public-color-o);} .fact-content .list:hover .t1{font-weight: 500;} .fact-content .list:hover .enlarge{opacity: 1;position: relative;bottom: 0;} .certificates{padding-top: 170px;margin-bottom: 270px;} .cer-content .list-xl{box-shadow: inset 0 0 0 1px #dddddd;padding: 35px 30px 75px;position: relative;display: flex !important;flex-direction: column;align-items: center;transition: all .3s ease-in-out;margin-bottom: 35px;} .cer-content .list-xl::after{content: "";width: 64px;height: 4px;background-color: var(--public-color-o);border-radius: 2px;opacity: .2;position: absolute;bottom: 30px;transition: all .3s ease-in-out;z-index: -1;} .cer-content .list .t1{font-size: 18px;line-height: 28px;color: #333333;letter-spacing: -1px;text-align: center;transition: all .3s ease-in-out;padding: 0 15px;} .cer-content .list .enlarge{font-size: 16px;font-weight: bold;color: var(--public-color-o);position: absolute;bottom: 25px;display: flex;justify-content: center;opacity: 0;transition: all .4s ease-in-out;} .cer-content .list:hover .list-xl{box-shadow: inset 0 0 0 3px var(--public-color-o);} .cer-content .list:hover .list-xl::after{opacity: 0;} .cer-content .list:hover .enlarge{opacity: 1;} .cer-content .list:hover .t1{font-weight: 500;} .cer-content .all-hover-1::after{filter: grayscale(1);} .cer-content .all-hover-1:hover::after{filter: none;} .cer-content .next-cer::after{content: url(../../images/right-2.webp);} .cer-content .prev-cer::after{content: url(../../images/left-2.webp);} .pro-top-head{transform: translateY(-95px);} .pro-top-head .content{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;} .pro-top-head .list{height: 280px;background-color: #ffffff;box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;transition: transform .3s ease-in-out;} .pro-top-head .list:hover{transform: translateY(-3px);} .pro-content{padding-bottom: 150px;} .pro-content .items:nth-child(1){padding: 0 !important;} .pro-content .items:nth-child(odd){position: relative;padding: 80px 0;display: flex;align-items: center;} .pro-content .items:nth-child(odd)::before{content: "";background: url(../../images/pro-back-1.webp) no-repeat left;width: 575px;height: 490px;background-size: ;position: absolute;left: 0;z-index: -2;} .pro-content .items-xl{display: flex;justify-content: space-between;align-items: center;font-size: 18px;line-height: 28px;color: #333333;letter-spacing: -.2px;} .pro-content .left{width: 40%;} .pro-content .right{width: 47%;} .pro-content .h6{font-weight: 500;color: var(--public-color-o);margin-bottom: 5px;} .pro-content .t1{font-size: 32px;line-height: 48px;color: #333333;font-weight: bold;margin-bottom: 20px;} .pro-content .t1 span{color: var(--public-color-o);} .pro-content .list{display: flex;flex-direction: column;justify-content: center;} .pro-content .t2{font-size: 18px;line-height: 28px;color: #333333;font-weight: 500;letter-spacing: -.6px;text-align: center;} .pro-content .cont{font-weight: 300;} .pro-content .a-pc{width: 260px;height: 60px;margin-top: 35px;} .pro-content .items:nth-of-type(3n)::before{background: url(../../images/pro-back-2.webp) no-repeat;left: auto;right: 0;width: 30%;} .pro-content .items:nth-of-type(3n) .items-xl{flex-direction: row-reverse;} .pro-content .items:nth-of-type(3n) .left{width: 36%;} .pro-content .items:nth-of-type(3n) .right{width: 50%;} .pro-content .items-2{height: 310px;position: relative;display: flex;align-items: center;} .pro-content .items-2::after{content: "";width: 100%;height: 310px;background-color: rgba(239,130,1,.1);position: absolute;left: 0;z-index: -1;} .pro-content .items-2 .left{width: 45%;letter-spacing: -.6px;} .pro-content .items-2 .right{width: 48%;} .pro-content .items-2 .items-xl{align-items: center;} .pro-content .items-2:nth-of-type(4n) .items-xl{flex-direction: row-reverse;} .pro-content .items-2:nth-of-type(4n) .left{width: 35%;} .pro-content .items-2:nth-of-type(4n) .right{width: 55%;text-align: center;} .pro-content .items-2:nth-last-of-type(1){height: auto;} .pro-content .items-2:nth-last-of-type(1)::after{top: 0;} .pro-content .all-hover{background-color: #ffffff;width: 50px;height: 50px;} .pro-content .all-hover::after{color: rgba(239, 130, 1, .5);font-size: 24px;} .pro-content .all-hover-next{right: -40px;} .pro-content .all-hover-prev{left: -40px;} .pro-content .all-hover:hover{background-color: var(--public-color-o);} .pro-content .all-hover:hover::after{color: #ffffff;} .pro-content .right .list-two{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;width: 70%;margin: auto;} .pro-solution{background-color: var(--public-color);position: relative;color: #fff;padding: 165px 0 120px;} .pro-solution::after{content: "";background: url(../../images/pro-back-2.webp) no-repeat right top;width: 575px;height: 490px;;position: absolute;right: 0;top: -30%;} .pro-solution::before{content: "";background: url(../../images/pro-back-1.webp) no-repeat left bottom;width: 575px;height: 490px;position: absolute;left: 0;bottom: -30%;} .pro-solution .content{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;} .pro-solution .left{width: 42%;} .pro-solution .right{width: 51%;display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;align-items: center;position: relative;padding-right: 35px;} .pro-solution .title{margin-bottom: 20px;color: #ffffff;font-size: 36px;line-height: 48px;font-weight: 700;letter-spacing: -1.4px;} .pro-solution .title-img::before{content: url(../../images/sign-1-2.webp);right: auto;left: -35px;} .pro-solution .text{margin-bottom: 35px;} .pro-solution .small-box{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px 0;text-align: center;margin-bottom: 50px;} .pro-solution .small-box .list{position: relative;border-right: 2px dashed #ffffff} .pro-solution .small-box .list:nth-child(1){border-left: 2px dashed #ffffff} .pro-solution .small-box .list:nth-child(3){border-right-color: transparent;} .pro-solution .t1{font-size: 16px;color: #ffffff;margin-top: 10px;} .pro-solution a{font-size: 18px;line-height: 28px;color: var(--public-color-o);font-weight: 700;display: inline-flex;justify-content: center;position: relative;} .pro-solution a::after{content: "";width: 0;height: 1px;background-color: var(--public-color-o);position: absolute;bottom: 3px;transition: width .3s ease-in-out} .pro-solution a:hover::after{width: 100%;} .pro-solution a span{display: inline-block;margin-left: 10px;} .pro-solution .img:nth-child(even) .t2{padding-left: 50px;} .pro-solution .img{position: relative;} .pro-solution .t2{font-size: 18px;line-height: 24px;font-weight: 500;color: #ffffff;letter-spacing: -.4px;text-align: center;position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.6);padding: 10px 0px;} .pro-solution .img-2{position: absolute;background-color: var(--public-color-o);width: 180px;aspect-ratio: 1;border: 20px solid var(--public-color);border-radius: 100%;display: flex;justify-content: center;align-items: center;left: 50%;transform: translateX(-90px);} .pro-faq{padding-top: 220px;position: relative;z-index: 1;} .about-paper{padding-top: 205px;margin-bottom: 230px;position: relative;} .about-paper::before{top: 80px;} .about-first {margin-bottom: 190px;} .about-first .content{display: flex;align-items: center;justify-content: space-between;} .about-first .left{width: 53%;position: relative;} .about-first .left::after{content: "";width: 1px;height: 100%;border-right: 2px dashed var(--public-color-o);position: absolute;top: 0;right: -50px;opacity: .7;} .about-first .right{width: 37%;padding-top: 40px;} .about-first .about-video{position: absolute;right: 40px;bottom: 40px;background-color: var(--public-color-o);border-radius: 100%;display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;border-radius: 100%;transition: all .3s ease-in-out;cursor: pointer;} .about-first .about-video img{filter: brightness(0) invert(1);transition: all .3s ease-in-out;} .about-first .about-video:hover{background-color: #fff;} .about-first .about-video:hover img{filter: none;} .about-first .title{font-size: 42px;line-height: 48px;margin-bottom: 20px;} .about-first .text{font-size: 18px;line-height: 28px;color: #333333;margin-bottom: 40px;} .about-first .text p{margin-bottom: 25px;} .about-first .text p:last-child{margin-bottom: 0;} .about-first .small-box{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;margin-bottom: 50px;} .about-first .h3{display: flex;align-items: flex-end;color: var(--public-color-o);margin-bottom: 5px;} .about-first .num{font-size: 48px;line-height: 48px;letter-spacing: -1.6px;} .about-first .nuit{font-size: 24px;margin-left: 10px;} .about-first .list p{font-size: 16px;line-height: 28px;color: #333333;font-weight: 400;} .about-rely{position: relative;margin-bottom: 80px;} .about-rely::before{top: -5%;} .about-rely .top-head{width: 75%;margin-bottom: 160px;} .about-rely .title{font-size: 42px;line-height: 48px;letter-spacing: -1.2px;margin-bottom: 35px;} .about-rely .big-content{position: relative;padding-bottom: 105px;} .about-rely .big-content::after{content: "";width: 100%;height: 55%;background-color: var(--public-color);opacity: .1;position: absolute;left: 0;bottom: 0;z-index: -1;} .about-control{margin-bottom: 70px;} .about-control .content{display: flex;justify-content: space-between;align-items: center;} .about-control .left{width: 37%;} .about-control .right{width: 57%;} .about-control .title{font-size: 36px;line-height: 48px;letter-spacing: -1.4px;margin-bottom: 30px;} .about-premium {padding-top: 105px;margin-bottom: 200px;position: relative;} .about-premium::before{top: 0;} .about-premium .top-head{width: 60%;margin-bottom: 80px;} .about-premium .title{font-size: 42px;line-height: 48px;letter-spacing: -1.2px;margin-bottom: 15px;} .about-premium .text{font-size: 18px;line-height: 28px;color: #333333;} .premium-img{display: grid;grid-template-columns: repeat(3,1fr);margin-bottom: 20px;} .premium-adv{margin-bottom: 135px;position: relative;overflow: hidden;} .myswiper-adv{overflow: hidden;padding: 20px 0;} .myswiper-adv .swiper-adv{animation: scroll-left 40s linear infinite;width: calc(260px * 7 + 20px * 3);display: flex;flex-shrink: 0;gap: 20px} .myswiper-adv .swiper-items{width: 260px;height: 100px;flex-shrink: 0;box-shadow: 0px 0px 10px 0px rgba(99, 99, 99, 0.1);display: flex;justify-content: center;align-items: center;} .myswiper-adv .swiper-items .img-1{overflow: hidden;} .myswiper-adv .swiper-items .img-1 img {object-fit: cover} /* 无缝向左滚动 */ @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-260px * 7 - 20px * 3)); /* 正好移动一组内容 */ } } .exhibition-list{padding: 120px 0 160px;} .exhibition-list .list{background-color: #f8f8f8;padding: 20px 30px 50px;transition: all .3s ease-in-out;height: 100%;} .exhibition-list .list:hover{background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(99, 99, 99, 0.1);} .exhibition-list .list:hover .img {background-color:#ffffff;mix-blend-mode: multiply;} .exhibition-list .list:hover .img img{background-color: #fff;} .exhibition-list .t1{font-size: 20px;line-height: 28px;color:#333;letter-spacing: -1px;font-weight: 600;} .exhibition-list .img{margin-bottom: 50px;} .exhibition-list .cont>div{margin-bottom: 5px;color: #999999;font-weight: 400;} .exhibition-list .cont strong{font-size: 16px;color: #333;font-weight: 500;} .about-service{margin-bottom: 220px;} .about-service .content{display: flex;justify-content: space-between;align-items: flex-end;} .about-service .left{width: 57%;} .about-service .right{width: 34%;color: #333333;} .about-service .title{font-size: 36px;line-height: 48px;color: #333333;margin-bottom: 15px;} .about-service .cont{margin-bottom: 45px;} .about-service .box{display: grid;grid-template-columns: 140px auto;margin-bottom: 45px;} .about-service .img-1{border-right: 2px dashed var(--public-color-o);} .about-service ol{padding-left: 40px;} .about-service .a-pc{width: 260px;height: 60px;} .about-global {position: relative;} .about-global::before{bottom: 60%;} .about-global .top-head{margin-bottom: 65px;} .about-global .title{margin-bottom: 10px;font-size: 42px;line-height: 48px;color: #333333;} .about-global .content{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px;margin: 0 20px;} .banner-pro-child{display: flex;justify-content: center;align-items: flex-end;overflow-x: hidden;} .banner-pro-child>img{height: 450px;} .product-one-list .title{font-size: 36px;line-height: 48px;color: #333;font-weight: 700;} .product-one-list .a-pc{width: 220px;height: 50px;padding: 0;} .pro-child-top-head{position: relative;height: 420px;display: flex;align-items: center;transform: translateY(-80%);margin-bottom: -20%;} .pro-child-top-head::before{content: "";max-width: 1650px;width: 100%;height: 100%;background-color: #ffffff;position: absolute;left: 0;top: 0;box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1);} .pro-child-top-head .content{display: flex;justify-content: space-between;align-items: center;position: relative;} .pro-child-top-head .left{width: 44%;} .pro-child-top-head .right{width: 49%;} .pro-child-top-head .h6{color: var(--public-color-o);font-weight: 500;margin-bottom: 5px;} .pro-child-top-head .title{margin-bottom: 35px;} .pro-child-top-head .text{margin-bottom: 35px;} .pro-one-content {padding-top: 220px;} .pro-one-content .content{display: flex;justify-content: space-between;align-items: flex-start;gap: 60px;} .pro-one-content .aside{width: 380px;;background-color: #f8f8f8;padding: 55px 40px 80px;position: relative;overflow: hidden;position: sticky;top: 120px;height: fit-content;} .pro-one-content .aside::after{content: "";background: url(../../images/p-o-back-1.webp) no-repeat;width: 90%;height: 50%;position: absolute;bottom: -90px;right: 0px;mix-blend-mode: multiply;} .pro-one-content .aside>div{position: relative;z-index: 1;} .pro-one-content .box-1{padding-bottom: 45px;border-bottom: 1px solid rgba(238,130,6,.1);} .pro-one-content .h3{font-size: 24px;line-height: 28px;color: #333333;font-weight: 700;margin-bottom: 40px;} .pro-one-content .aside ol{position: relative;} .pro-one-content .aside ol::after{content: "";width: 1px;height: 100%;border-right: 2px dashed var(--public-color-o);opacity: .6;position: absolute;left: 45px;top: 0;} .pro-one-content .aside li{display: grid;grid-template-columns: 28px auto;gap:5px 40px;margin-bottom: 10px;} .pro-one-content .aside li:last-child{margin-bottom: 0;} .pro-one-content .aside li span{color: #666666;font-weight: 400;font-size: 16px;} .pro-one-content .box-2{padding-top: 35px;} .pro-one-content .h4{font-size: 20px;line-height: 29px;color: #333333;font-weight: 400;margin-bottom: 35px;} .pro-one-content .a-pc-1{padding: 0;height: 40px;width: 150px;font-size: 14px;} .pro-one-content .article{width: calc(100% - 380px - 60px);} .pro-one-article{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;} .all-products-1 .list{background-color: #ffffff;border-radius: 6px;border: solid 1px #dddddd;padding: 35px 20px 50px 40px;box-shadow: none;transition: all .3s ease-in-out;} .all-products-1 .box{margin-top: -50px;} .all-products-1 .model{font-size: 16px;color: #999999;font-weight: bold;} .all-products-1 .t1{font-size: 20px;font-weight: 700;color: #333333;letter-spacing: -.8px;margin-bottom: 5px;} .all-products-1 .t1 span{color: var(--public-color-o);} .all-products-1 .h6{font-size: 18px;font-weight: 400;color: var(--public-color-o);margin-bottom: 5px;letter-spacing: -.6px;} .all-products-1 ul{margin-top: 15px;font-size: 16px;color: #666666;position: relative;} .all-products-1 ul::after{content: "";width: 1px;height: 90%;border-right: 2px dashed #999999;position: absolute;top: 7%;left: 145px;opacity: .5;} .all-products-1 ul li{margin-bottom: 3px;display: grid;grid-template-columns: 130px auto;gap: 35px;} .all-products-1 ul h5{font-weight: 500;opacity: .6;font-size: 16px;color: #666666;} .all-products-1 ul strong{font-weight: 500;} .all-products-1 .list:hover{box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.1);border-color: #ffffff;transform: translateY(-3px);} .pro-one-offer{position: relative;margin-top: 140px;} .pro-one-offer::before{position: absolute;bottom: 60%;} .pro-one-offer .content{display: flex;justify-content: space-between;align-items: center;} .pro-one-offer .left{width: 48%;} .pro-one-offer .right{width: 45%;display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;position: relative;justify-content: center;} .pro-one-offer .title{margin-bottom: 20px;font-size: 36px;line-height: 48px;color: #333;font-weight: 700;position: relative;letter-spacing: -1.2px;} /* .pro-one-offer .titrle::before{content:url(../../images/sign-1-2.webp);position: absolute;left: -30px;top: -40px;} */ .pro-one-offer .cont{color: #333333;margin-bottom: 35px;} .pro-one-offer .a-pc{width: 260px;height: 60px;} .pro-one-offer .img-1{height: 220px;background-color: #ffffff;box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);display: flex;justify-content: center;align-items: center;position: relative;} .pro-one-offer .img-1::after{content: "";width:100%;height: 100%;background-color: #fff;position: absolute;top: 0;z-index: -1;box-shadow: none;transition: all .3s ease-in-out;} .pro-one-offer .img-1:nth-child(odd)::after{right: 0;} .pro-one-offer .img-1:nth-child(even)::after{left: 0;} .pro-one-offer .img-1:nth-child(1){border-radius: 0px 50px 0px 50px;} .pro-one-offer .img-1:nth-child(2){border-radius: 50px 0px 50px 0px} .pro-one-offer .img-1:nth-child(3){border-radius: 50px 0px 50px 0px;} .pro-one-offer .img-1:nth-child(4){border-radius: 0px 50px 0px 50px;} .pro-one-offer .img-back{position: absolute;z-index: -2;left: 15%;} .pro-one-offer .img-xl{width: 100%;height: 100%;position: relative;overflow: hidden;display: flex;justify-content: center;text-align: center;} .pro-one-offer .img-2{width: 214px;} .pro-one-offer .t1{position: absolute;bottom: 10px;font-size: 16px;line-height: 28px;color: #333333;font-weight: 400;letter-spacing: -.6px;} .pro-one-offer{margin-bottom: 130px;} .pro-one-offer .img-1:hover{box-shadow: none;} .pro-one-offer .img-1:hover::after{width: calc(100% + 40px);box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);} .pro-one-offer .img-1:nth-child(1):hover::after{border-radius: 0px 50px 0px 50px;} .pro-one-offer .img-1:nth-child(2):hover::after{border-radius: 50px 0px 50px 0px;} .pro-one-offer .img-1:nth-child(3):hover::after{border-radius: 50px 0px 50px 0px;} .pro-one-offer .img-1:nth-child(4):hover::after{border-radius: 0px 50px 0px 50px;} .all-down {position: relative;display: flex;align-items: center;margin-bottom: 130px;} .all-down::after{content: "";background: url(../../images/p-o-11.webp) no-repeat;width: 100%;height: 360px;position: absolute;left: 0;z-index: -1;} .all-down .content{display: flex;justify-content: space-between;align-items: center;} .all-down .left{width: 38%;} .all-down .right{width: 38%;} .all-down .title{margin-bottom: 25px;} .all-down .text{margin-bottom: 35px;} .all-down .a-pc-1{width: 230px;height: 50px;} .pro-one-app {margin-bottom: 180px;} .pro-one-app .content{display: flex;justify-content: space-between;align-items: flex-start;} .pro-one-app .left{width: 30%;} .pro-one-app .right{width: 58%;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;} .pro-one-app .title{letter-spacing: -1.2px;} .pro-one-app .h6{font-size: 22px;line-height: 28px;font-weight: 500;color: var(--public-color-o);letter-spacing: -.6px;margin-bottom: 35px;} .pro-one-app .text{margin-bottom: 45px;} .pro-one-app .a-pc{width: 260px;height: 60px;} .pro-one-app .img{position: relative;} .pro-one-app .t1{height: 40px;position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.3);color: #ffffff;display: flex;justify-content: center;align-items: center;transition: all .3s ease-in-out;} .pro-one-app .img:hover .t1{background-color: rgba(239, 130, 1, .8);} .pro-one-expert{position: relative;margin-bottom: 240px;} .pro-one-expert::before{bottom: 65%;} .pro-one-expert .content{display: flex;justify-content: space-between;align-items: flex-end;} .pro-one-expert .left{width: 45%;position: relative;} .pro-one-expert .left::before{content: "";width: 60%;height: 40px;background-color: var(--public-color-o);position: absolute;left: 0;bottom: -40px;} .pro-one-expert .right{width: 47%;} .pro-one-expert h2{margin-bottom: 20px;font-size: 36px;line-height: 48px;color: #333;font-weight: 700;letter-spacing: -2px;position: relative;display: inline-flex;} .pro-one-expert h2::after{content:url(../../images/sign-1.webp);position: absolute;right: -30px;top: -40px;} .pro-one-expert ul{position: relative;margin-top: 50px;} .pro-one-expert ul::after{content: "";width: 1px;height: 100%;border-left: 2px dashed var(--public-color-o);position: absolute;top: 0;left: 80px;} .pro-one-expert li{display: grid;grid-template-columns: 50px auto;gap: 75px;font-size: 18px;margin-bottom: 20px;} .pro-one-expert li strong{color: var(--public-color-o);font-weight: bold;color: var(--public-color-o);} .pro-one-quality::before{content: "";background: url(../../images/pro-back-2.webp) no-repeat right;width: 35%;height: 65%;background-size: 100% 100%;position: absolute;bottom: 70%;right: 0;z-index: 0;} .pro-one-quality{background-color: var(--public-color);padding: 105px 0 70px;color: #ffffff;position: relative;} .pro-one-quality .big-content,.pro-one-quality .top-head{position: relative;z-index: 1;} .pro-one-quality .top-head{width: 50%;margin-bottom: 45px;} .pro-one-quality .title{font-size: 42px;line-height: 48px;color: #ffffff;margin-bottom: 25px;} .pro-one-quality .text{margin-bottom: 25px;} .pro-one-quality a{color: var(--public-color-o);font-weight: bold;position: relative;display: inline-flex;justify-content: center;align-items: center;} .pro-one-quality a::after{content: "";width: 100%;height: 1px;background-color: var(--public-color-o);position: absolute;bottom: 2px;transition: width .3s ease-in-out;} .pro-one-quality a:hover:after{width: 0;} .pro-one-quality .name{display: flex;justify-content: center;gap: 30px;font-size: 16px;position: static;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;max-width: 100%;padding: 0 20px 0 400px;} .pro-one-quality .name::-webkit-scrollbar{display: none;} .pro-one-quality .name p{width: auto;height: auto;background-color: transparent;border-radius: 0;padding-bottom: 20px;position: relative;display: inline-flex;justify-content: center;align-items: center;cursor: pointer;white-space: nowrap;flex-shrink: 0;} .pro-one-quality .name p::after{content: "";width: 100%;height: 3px;background-color: transparent;border-radius: 1px;position: absolute;bottom: -1.5px;transition: all .3s ease-in-out;} .pro-one-quality .name p.swiper-pagination-bullet-active{font-weight: 500;} .pro-one-quality .name p:hover::after,.pro-one-quality .name p.swiper-pagination-bullet-active::after{background-color: var(--public-color-o);} .pro-one-quality .content{padding-top: 40px;border-top: 1px solid rgba(255,255,255,.3);position: relative;} .pro-one-quality .list{position: relative;background-color: #000;} .pro-one-quality .list>img{opacity: .7;} .pro-one-quality .box{position: absolute;left: 0;bottom: 0;padding: 0 0 45px 40px;width: 65%;opacity: 0;transition: all .3s ease-in-out;} .pro-one-quality .t1{font-size: 24px;font-weight: 500;color: #ffffff;letter-spacing: -1px;margin-bottom: 20px;} .pro-one-quality .cont{color: #ffffff;letter-spacing: -.8px;} .pro-one-quality .swiper-slide{background-color: #000;opacity: .6;} .pro-one-quality .swiper-slide.swiper-slide-active{opacity: 1;background-color: var(--public-color);} .pro-one-quality .swiper-slide.swiper-slide-active .box{opacity: 1;} .pro-one-quality .all-style{display: flex;justify-content: center;position: absolute;top: 0;width: 100%;opacity: 0;z-index: -1;overflow: hidden;} .pro-one-quality .all-hover-1::after{content:"";font-family: 'cmsfont';font-weight: 300;color: #ffffff;} .pro-one-quality .all-hover-1:hover::after{color: var(--public-color-o);} .pro-one-quality .all-hover-next-1{right: 0;width: auto;} .pro-one-quality .all-hover-next-1::after{content: "\f054";} .pro-one-quality .all-hover-prev-1{left: 0;width: auto;} .pro-one-quality .all-hover-prev-1::after{content: "\f053";} .pro-one-quality .quality-btn{position: absolute;max-width: 1400px;width: 100%;top: 50%;margin: auto;} .pro-one-quality .all-style.active{opacity: 1;overflow: visible;z-index: 1;position: relative;} .pro-one-proposal {padding-top: 185px;padding-bottom: 155px;} .pro-one-proposal .title{letter-spacing: -1.4px;margin-bottom: 15px;} .pro-one-proposal .content{display: flex;justify-content: space-between;} .pro-one-proposal .left{width: 40%;} .pro-one-proposal .right{width: 54%;background-color: #ffffff;box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.08);padding: 65px 65px 30px 65px;position: relative;} .pro-one-proposal .right::after{content: "";width: 260px;height: 200px;background-color: var(--public-color-o);position: absolute;right: -40px;top: -40px;z-index: -1;} .pro-one-proposal .cont{margin-bottom: 55px;} .pro-one-proposal .box{display: grid;grid-template-columns: 110px auto;gap: 40px;} .pro-one-proposal ul{display: flex;flex-direction: column;justify-content: space-between;} .pro-one-proposal li{font-weight: 400;} .all-from .form-group{padding: 0 5px !important;} .all-from .form-row{margin: 0 -5px 10px !important;} .all-from .form-group:has(input[required])::before, .all-from .form-group:has(textarea[required])::before {left: 20px;} .all-from .form-control::placeholder{font-size: 15px;letter-spacing: -.4px;} .all-from .form-cap{display: flex;justify-content: space-between;} .all-from .form-cap .form-control{padding-top: 10px;padding-bottom: 10px;} .all-from .form-cap .form-group:has(input[required])::before{top: 16px;} .all-from .form-cap .input-group{border-radius: 0;} .all-from .a-pc{width: 100%;height: 40px;padding: 0;font-size: 14px;} .pro-one-faq::before{bottom: 72%;z-index: 0;} .pro-one-faq{background-color: #f3f4f9;padding: 160px 0;position: relative;} .pro-one-faq .all-big-faq{padding: 0;position: relative;z-index: 1;} .pro-one-faq .content{flex-direction: row-reverse;} .pro-one-faq .aside{background-color: transparent;box-shadow: none;padding: 0;} .pro-one-faq .aside .a-pc{width: 320px;height: 60px;} .product-two-list{padding-top: 190px;} .pro-two-products::before{top: -80px;} .pro-two-products{position: relative;margin-bottom: 190px;} .pro-two-products .top-head{margin-bottom: 85px;} .pro-two-products .title{margin-bottom: 5px;} .pro-two-products .items:hover{background-color: #ffffff;box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);transform: translateY(-3px);} .pro-two-products .items{display: flex;justify-content: space-between;align-items: center;background-color: #f8f8f8;border-radius: 10px;padding: 60px;margin-bottom: 60px;transition: all .3s ease-in-out;} .pro-two-products .items:last-child{margin-bottom: 0;} .pro-two-products .left{width: 35%;} .pro-two-products .left img{mix-blend-mode: darken;} .pro-two-products .right{width: 56%;} .pro-two-products .model{font-size: 16px;color: var(--public-color-o);font-weight: bold;} .pro-two-products .t1{font-size: 24px;line-height: 48px;color: #333333;font-weight: 700;} .pro-two-products .t1 span{color: var(--public-color-o);} .pro-two-products .cont{font-size: 16px;line-height: 24px;color: #999999;font-weight: 400;} .pro-two-products ul{margin-top: 20px;position: relative;} .pro-two-products ul::after{content: "";width: 1px;height: 100%;border-left: 2px dashed #999999;;position: absolute;top: 0;left: calc(240px + 30px);} .pro-two-products li{display: grid;grid-template-columns: 240px auto;gap: 60px;} .pro-two-products li strong{display: inline-block;} .pro-two-products li h5,.pro-two-products li strong{font-size: 16px;line-height: 28px;color: #666666;font-weight: 500;} .pro-two-advanced{margin-bottom: 170px;} .pro-two-advanced .content{display: flex;justify-content: space-between;} .pro-two-advanced .left{width: 43%;padding-top: 55px;} .pro-two-advanced .right{width: 50%;} .pro-two-advanced .title{letter-spacing: -1.4px;margin-bottom: 20px;} .pro-two-customized{position: relative;margin-bottom: 165px;} .pro-two-customized::before{bottom: 65%;} .pro-two-customized .container-xl{position: relative;} .pro-two-customized .img-back-1{position: absolute;width: 76%;height: 100%;z-index: -1;display: flex;justify-content: center;align-items: center;} .pro-two-customized .img-back-1 img{width: 100%;height: 100%;} .pro-two-customized .content{display: flex;justify-content: space-between;align-items: center;color: #fff;padding: 40px 0;} .pro-two-customized .left{width: 45%;padding-left: 70px;} .pro-two-customized .right{width: 49%;background-color: #ffffff;box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.08);padding: 65px 60px 30px;position: relative;} .pro-two-customized .right::after{content: "";width: 200px;height: 200px;background-color: var(--public-color-o);position: absolute;right: -40px;top: -40px;z-index: -1;} .pro-two-customized .box{display: grid;grid-template-columns: 105px auto;gap: 25px;margin-bottom: 35px;} .pro-two-customized .img-1{border-right: 1px dashed #ffffff;} .pro-two-customized .title{color: #ffffff;line-height: 42px;} .pro-two-customized .title span{display: block;} .pro-two-faq::before{bottom: -135px;z-index: 0;} .pro-two-faq{background-color: #f3f4f9;padding: 160px 0;position: relative;} .pro-two-faq .all-big-faq{padding: 0;} .pro-two-faq .content{flex-direction: row-reverse;position: relative;z-index: 1;} .pro-two-faq .aside{background-color: transparent;box-shadow: none;padding: 0;} .pro-two-faq .aside .a-pc{width: 320px;height: 60px;} .p-i-first{padding-top: 20px;margin-bottom: 85px;} .p-i-first .content{display: flex;justify-content: space-between;align-items: center;} .p-i-first .left{width: 50%;} .p-i-first .right{width: 45%;} .p-i-first .model{font-size: 20px;color: var(--public-color-o);font-weight: bold;} .p-i-first h1{font-size: 42px;line-height: 48px;font-weight: 700;margin-bottom: 20px;letter-spacing: -1.6px;} .p-i-first .text{width: 85%;} .p-i-first .text p{line-height: 24px;} .p-i-first .text ul{margin-top: 20px;position: relative;} .p-i-first .text ul::after{content: "";width: 1px;height: 100%;border-left: 2px dashed var(--public-color-o);position: absolute;top: 0;left: calc(210px + 10px)} .p-i-first .text li{display: grid;grid-template-columns: 210px auto;gap: 20px;} .p-i-first .text li strong{display: inline-block;padding-left: 10px;} .p-i-first .text li h5,.p-i-first .text li strong{font-size: 16px;line-height: 28px;color: #666666;font-weight: 500;} .p-i-first .img-1{margin-top: 35px;margin-bottom: 50px;} .p-i-first .a-pc{width: 320px;height: 60px;} .detail-nav{position: sticky;top: 95px;height: fit-content;background-color: #fff;z-index: 2;} .detail-nav-xl{max-width: 1400px;width: 100%;margin: auto;padding-top: 10px;padding-bottom: 15px;border-bottom: 4px solid var(--public-color-o);} .detail-nav .detail-ul{display: flex;gap: 55px;} .detail-nav a{font-size: 18px;line-height: 30px;font-weight: bold;letter-spacing: -.6px;} .detail-nav li.active a{color: var(--public-color-o);} .p-i-content{padding-top: 115px;font-size: 16px;line-height: 26px;letter-spacing: 0;} .p-i-content .container-xl>div{margin-bottom: 150px;} .p-i-content .title{font-size: 32px;letter-spacing: -1.4px;margin-bottom: 40px;} .p-i-content .title-xl{font-size: 24px;color: var(--public-color);font-weight: bold;letter-spacing: -1px;margin-bottom: 55px;} .p-i-content p img{max-width: 100% !important;height: auto !important;} .p-i-introduct{display: flex;justify-content: space-between;margin-bottom: 55px !important;} .p-i-introduct .left{width: 50%;} .p-i-introduct .right{max-width: 440px;position: relative;display: flex;justify-content: center;align-items: center;border-radius: 10px;width: 40%;} .p-i-introduct .right>img{border-radius: 10px;mix-blend-mode: multiply;} .p-i-introduct iframe{border-radius: 10px;} /* .p-i-introduct .video-btn{width: 60px;height: 60px;border-radius: 100%;background-color: var(--public-color-o);display: inline-flex;justify-content: center;align-items: center;cursor: pointer;transition: all .3s ease-in-out;position: absolute;} .p-i-introduct .video-btn img{filter: brightness(0) invert(1);transition: all .3s ease-in-out;} .p-i-introduct .video-btn:hover{background-color: #ffffff;} .p-i-introduct .video-btn:hover img{filter: none;} */ .p-i-features .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 27px;} .p-i-features .list{min-height: 150px;background-color: #ffffff;border-radius: 10px;border: solid 1px #dddddd;padding: 30px 25px 15px;transition: all .3s ease-in-out;} .p-i-features .h5{font-size: 16px;line-height: 26px;color: var(--public-color-o);font-weight: bold;} .p-i-features .cont{color: #666666;} .p-i-features .list:hover{transform: translateY(-3px);} .p-i-detail .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;} .p-i-detail .list{position: relative;} .p-i-detail .t1{position: absolute;left: 0;bottom: 0;background-color: rgba(239, 130, 1, .8);font-size: 18px;line-height: 29px;font-weight: 400;color: #fff;width: 100%;padding: 10px 10px 10px 20px;letter-spacing: -.6px;} .p-i-applications .title{margin-bottom: 10px;} .p-i-applications .text{margin-bottom: 80px;} .p-i-applications .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 40px;} .p-i-applications .list{position: relative;} .p-i-applications .img{background-color: #000;} .p-i-applications .img img{opacity: .6;transition: all .3s ease-in-out;} .p-i-applications .t1{width: 100%;padding: 10px;background-color: rgba(0, 0, 0, 0.6);font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;text-align: center;letter-spacing: -.8px;position: absolute;left: 0;bottom: 0;} .p-i-applications .list:hover .img img{opacity: 1;} .p-i-customize{position: relative;z-index: 1;} .p-i-customize .content{display: flex;justify-content: space-between;} .p-i-customize .left{width: 43%;} .p-i-customize .right{width: 50%;background-color: #ffffff;box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.08);padding: 65px 65px 30px 65px;position: relative;} .p-i-customize .right::after{content: "";width: 200px;height: 40px;background-color: var(--public-color-o);position: absolute;right: 0px;top: -40px;z-index: -1;} .p-i-customize .title-xl{line-height: 42px;font-size: 32px;color: #333333;font-weight: 700;letter-spacing: -1px;margin-bottom: 45px;} .p-i-customize .text{font-size: 18px;line-height: 28px;letter-spacing: -.6px;} .p-i-faq::before{top: -245px;z-index: 0;} .p-i-faq{background-color: #f3f4f9;padding: 160px 0;position: relative;} .p-i-faq .all-big-faq{padding: 0;} .p-i-faq .content{flex-direction: row-reverse;position: relative;z-index: 1;} .p-i-faq .article{width:55%;} .p-i-faq .aside{min-width:400px;width: 400px;background-color: transparent;box-shadow: none;padding: 0;position: sticky;height: fit-content;top:200px;} .p-i-faq .title{margin-bottom: 30px;font-size: 32px;line-height: 48px;} .p-i-faq .aside .cont{color: #333333;margin-bottom: 55px;} .p-i-faq .aside .a-pc{width: 320px;height: 60px;} .p-i-related {padding-top: 130px;} .p-i-related .title,.p-i-news .title{font-size: 32px;line-height: 48px;margin-bottom: 65px;letter-spacing: -1.2px;} .p-i-related .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 45px;} .app-in-paper{padding-top: 220px;margin-bottom: 100px;} .app-in-paper .title{font-size: 36px;line-height: 48px;} .app-in-first {margin-bottom: 240px;} .app-in-first .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 40px;} .app-in-first .content .t1{font-size: 18px;line-height: 30px;text-align: center;margin-top: 15px;font-weight: 500;} .app-in-customized{position: relative;margin-bottom: 165px;} .app-in-customized::before{top:-115px;} .app-in-customized .container-xl{position: relative;} .app-in-customized .img-back-1{position: absolute;width: 76%;height: 100%;z-index: -1;display: flex;justify-content: center;align-items: center;} .app-in-customized .img-back-1 img{width: 100%;height: 100%;} .app-in-customized .content{display: flex;justify-content: space-between;align-items: center;color: #fff;padding: 40px 0;} .app-in-customized .left{width: 45%;padding-left: 70px;} .app-in-customized .right{width: 49%;background-color: #ffffff;box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.08);padding: 65px 60px 30px;position: relative;} .app-in-customized .right::after{content: "";width: 200px;height: 200px;background-color: var(--public-color-o);position: absolute;right: -40px;top: -40px;z-index: -1;} .app-in-customized .title{color: #ffffff;letter-spacing: -1px;margin-bottom: 20px;} .app-in-products{position: relative;} .app-in-products::before{top: -200px;} .app-in-products .title{margin-bottom: 60px;} .app-in-products .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 60px 40px;} .app-in-products .list{padding: 30px 15px 50px 30px;} .app-in-products .list .cont{margin-top: 15px;} .app-in-products .btn-hide{text-align: center;margin-top: 30px;cursor: pointer;} .app-in-products .btn-hide span.arrow{color: var(--public-color-o);font-size: 40px;font-weight: 300;transform: rotate(90deg);display: inline-block;letter-spacing: -9px;transition: all .3s ease-in-out;} .app-in-products .btn-hide.active span.arrow{transform: rotate(-90deg);} .app-in-faq::before{bottom: -135px;} .app-in-faq{padding: 160px 0;position: relative;} .app-in-faq .content{flex-direction: row-reverse;} .app-paper{padding-top: 145px;} .app-paper .title{font-size: 36px;letter-spacing: -1.4px;} .app-first{margin-bottom: 130px;} .app-first .top-head{width: 68%;letter-spacing: -.7px;margin-bottom: 65px;} .app-first .title{margin-bottom: 10px;} .app-first .content{display: grid;grid-template-columns: repeat(4,1fr);gap:50px 25px;} .app-first .list{position: relative;} .app-first .list::after{content: "";width: 100%;height: 0;background-color: var(--public-color-o);position: absolute;left: 0;top: 0;z-index: -2;transition: height .3s ease-in-out;} .app-first .img{position: relative;} .app-first .img::after{content: "";width: 100%;height: 10px;background-color: var(--public-color-o);position: absolute;left: 0;bottom: -10px;z-index: -1;transition: bottom .6s ease-in-out;} .app-first .box{text-align: center;padding: 60px 20px 15px;min-height: 210px;background-color: rgba(255,255,255,.9);box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.05);margin: -45px 15px 15px;transition: all .3s ease-in-out;position: relative;} .app-first .t1{font-size: 22px;line-height: 28px;font-weight: 700;letter-spacing: -1px;margin-bottom: 15px;} .app-first .cont{font-size: 16px;line-height: 24px;color: #666666;} .app-first .list:hover::after{height: 100%;} .app-first .list:hover .img::after{bottom: 0;} .app-first .list:hover .box{background-color: #ffffff;box-shadow: none;} .app-faq::before{top: -158px;z-index: 0;} .app-faq{background-color: #f3f4f9;padding: 160px 0;position: relative;} .app-faq .all-big-faq{padding: 0;} .app-faq .content{flex-direction: row-reverse;position: relative;z-index: 1;} .app-faq .aside{background-color: transparent;box-shadow: none;padding: 0;} .service-paper .title{font-size: 36px;line-height: 48px;} .service-first {padding: 195px 0 130px;} .service-first .top{margin-bottom: 150px;} .service-first .top .items{display: flex;justify-content: space-between;align-items: center;position: relative;margin-bottom: 155px;} .service-first .top .items:last-child{margin-bottom: 0;} .service-first .top .left{width: 65%;} .service-first .top .right{width: 48%;min-height: 370px;background-color: rgba(255,255,255,.9);box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.05);position: absolute;right: 0;display: flex;flex-direction: column;justify-content: center;padding: 20px 60px 20px 80px;} .service-first .top .items:nth-child(even) {flex-direction: row-reverse;} .service-first .top .items:nth-child(even) .right{left: 0;right: auto;} .service-first .top .title{margin-bottom: 30px;} .service-first .under {position: relative;} .service-first .under::before{top: -112px;} .service-first .under .content{display: flex;justify-content: space-between;align-items: center;} .service-first .under .left{width: 50%;} .service-first .under .right{width: 48%;min-height: 600px;background-color: rgba(255,255,255,.9);box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;justify-content: center;padding: 30px 30px 30px 80px;} .service-first .under .box{width: 90%;} .service-first .under .title{margin-bottom: 15px;} .service-first .under .cont{margin-bottom: 35px;} .service-first .under strong{font-weight: 500;color: var(--public-color-o);} .service-first .under ul{padding-left: 60px;} .service-first .under .line-left::before{left:0} .service-first .under li{margin-bottom: 10px;} .service-first .under li:last-child{margin-bottom: 0;} .service-down{margin-bottom: 100px;} .service-down .right{width: 41%;} .service-down .a-pc-1{width: 280px;padding: 0;font-size: 16px;} .ser-faq{margin-bottom: 235px;position: relative;} .ser-faq::before{top: 100%;transform: translateY(-60px);} .ser-faq.pro-faq{padding-top: 0;} .ser-faq .article{padding-top: 95px;} .ser-faq .title{margin-bottom: 70px;letter-spacing: -1px;} .ser-faq .h3{font-size: 28px;line-height: 42px;} .contact-paper{padding-top: 165px;margin-bottom: 160px;} .contact-top {margin-bottom: 120px;} .contact-top .content{display: grid;grid-template-columns: 1fr 1fr 1fr 315px;border: 1px dashed rgba(239, 130, 1, .6);;} .contact-top .list + .list{border-left: 1px dashed rgba(239, 130, 1, .6);} .contact-top .list{display: inline-flex;flex-direction: column;align-items: center;min-height: 270px;position: relative;padding: 55px 20px 20px;text-align: center;} .contact-top .d{display: flex;align-items: center;gap: 20px;width: 100%;margin-bottom: 20px;z-index: 1;position: relative;} .contact-top .img-1{width: 60px;height: 60px;border-radius: 100%;background-color: var(--public-color);display: flex;justify-content: center;align-items: center;transition: all .3s ease-in-out;margin-bottom: 30px;} .contact-top .font-sty{color: #333333;font-weight: 400;font-size: 18px;line-height: 28px;letter-spacing: -.6px;margin-bottom: 10px;} .contact-top .font-sty:nth-last-of-type(1){margin-bottom: 0;} .contact-top span.font-sty{position: relative;z-index: 1; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .contact-top .list-1{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding:40px;} .contact-top .box{display: flex;justify-content: space-between;gap: 10px;} .contact-top .name{font-size: 20px;line-height: 28px;font-weight: 400;color: var(--public-color-o);letter-spacing: -.8px;margin-bottom: 45px;padding-left: 5px;} .contact-top .list:hover .img-1{background-color: var(--public-color-o);} .contact-bottom .title{font-size: 36px;font-weight: bold;margin-bottom: 40px;} .contact-bottom .text{line-height: 36px;color: #333333;text-align: justify;margin-bottom: 60px;} .contact-bottom .content{display: flex;justify-content: space-between;gap: 70px;} .contact-bottom .left{width:48%;color: #666;padding-left: 25px;} .contact-bottom .right{width: 46%;min-width: 600px;} .contact-bottom .right-from{width: 95%;} .contact-bottom .left>p{margin-bottom: 55px;font-size: 18px;line-height: 36px;color: #666;} .contact-bottom .box{margin-bottom: 50px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .contact-bottom .d{display: grid;grid-template-columns: 50px auto;grid-gap: 0 45px;margin-bottom:30px;} .contact-bottom .d:last-child{margin-bottom: 0;} .contact-bottom .t1{font-size: 24px;line-height: 36px;color: var(--public-color-o);font-weight: bold;letter-spacing:-1px;margin-bottom: 0px;} .contact-bottom .d .cont{font-size: 18px;line-height: 36px;color: #333333;} .contact-bottom .h3{font-size: 32px;line-height: 48px;color: var(--public-color);font-weight: 400;letter-spacing: -.6px;} .contact-bottom label{font-size: 16px;color: #999999;font-weight: 400;display: flex;align-items: center;margin-bottom: 5px;} .contact-bottom label i{display: inline-block;color: var(--public-color-o);margin-right: 10px;} .contact-bottom .form-group:has(input[required])::before, .contact-bottom .form-group:has(textarea[required])::before{content: url(../../images/sign-8.webp);position: absolute;right: 11px;bottom: -2px;left: auto;top: auto;} .contact-bottom .form-group .form-control{border-color: rgba(153, 153, 153, .3);} .contact-bottom .form-group .form-control::placeholder{font-size: 16px;} .contact-bottom .a-pc{border-radius: 4px;width: 100%;font-size: 16px;font-weight: 400;height: 50px;} .contact-bottom .form-cap{margin-top: 30px;} .product-childs-paper {padding-top: 200px;padding-bottom: 230px;} .product-childs-paper .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 140px;} .product-childs-paper .items:last-child{margin-bottom: 0;} .product-childs-paper .items .left{width: 44%;} .product-childs-paper .items .right{width: 50%;position: relative;display: flex;align-items: center;justify-content: center} .product-childs-paper .items .right::before{content: "";width: 2px;height: 240px; background: linear-gradient(to bottom, rgba(239, 130, 1, .6) 0%, rgba(239, 130, 1, .6) 50%, transparent 50%, transparent 100%); background-size: 10px 10px; background-repeat: repeat-y; position: absolute; } .product-childs-paper .items .t1{font-size: 36px;line-height: 48px;color: #222222;font-weight: 700;letter-spacing: -.6px;margin-bottom: 15px;} .product-childs-paper .items:nth-child(odd) .right::before{left: 0;} .product-childs-paper .items:nth-child(even){flex-direction: row-reverse;} .product-childs-paper .items:nth-child(even) .right::before{right: 0;} .nav-static{position:static} .ul-box { position: absolute; top: calc(100% - 20px); left: 0; right: 0; max-width: 1200px; margin: auto; width: 100%; height: 0; overflow: hidden; background-color: #ececec; transition: all .5s; display: flex; justify-content: space-between; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); display: grid; grid-template-columns: repeat(2,1fr); gap:35px 30px; } .ul-box .t1{font-size:18px;line-height: 32px;color:#333;font-weight:500;margin-bottom:10px;} .ul-box a.t1{color: var(--public-color-o);} .ul-box a.t1:hover,.ul-box a.t1.active{text-decoration: underline;text-decoration-color: var(--public-color-o);text-decoration-skip-ink: none;text-decoration-thickness: 2px;text-underline-offset: 5px;} .ul-box .arrow{font-weight: 500;color: var(--public-color-o);letter-spacing: -3px;} .ul-box .t2{font-size:15px;line-height:23px;color:#333333;font-weight: 400;} .ul-box .t2 .arrow{margin-right: 5px;} .nav-item:hover .ul-box{height:auto;padding:30px 70px 60px;transition:all .45s ease-in-out} .ul-box .t1.active,.ul-box .t2.active{color: var(--public-color-o);} .ul-box-child{display: flex;flex-direction: column;align-items: flex-start;} @media(max-width:1800px){ .ul-box .ul-box3 {padding-left: 50px;} } @media(max-width:1600px){ .nav-item:hover .ul-box{padding: 40px 60px 40px 60px;} .nav-item .ul-box{gap:20px} .ul-box .ul-box2 .swiper-slide{flex-wrap: wrap;} .ul-box .ul-box2 .text{width: 100%;margin-bottom: 40px} .ul-box .ul-box2 .image{width: 65%;margin-left: auto;margin-right: auto;} .ul-box .ul-box1{flex:1.2;width:auto;min-width:inherit;} .ul-box .ul-box2{flex:1;width:auto} .ul-box .ul-box3{flex:1;width:auto;padding-left:0px} .ul-box .ul-box1 .a-link{grid-template-columns:repeat(1,1fr);} .ul-box .t1{margin-bottom:10px} .ul-box-right .a-cont{margin-bottom:0} } @media(max-width:1690px){ .pro-solution .title-img::before{left: -15px;} } @media(max-width:1670px){ .home-solution .max-1650px{padding-left: 15px;} .pro-solution .max-1650px{padding-left: 15px;} .about-rely .max-1650px{padding-left: 15px;} .pro-solution::after{} .pro-solution .img-2{width: 160px;} .pro-solution .img:nth-child(2) .t2{padding-left: 75px;text-align: left;} .pro-solution .img:nth-child(1) .t2{padding-right: 85px;text-align: right;} } @media(max-width:1640px){ .all-hover-next{right: -80px;} .all-hover-prev{left: -80px;} .all-contact-xl::after{right: -80px;} .all-news::after{background-size: 100% auto;} } @media(max-width:1580px){ .all-hover{width: 40px;height: 40px;} .all-hover-next{right: -60px;} .all-hover-prev{left: -60px;} .all-contact-xl::after{right: -50px;} .all-hover-next-1{right: -60px;} .all-hover-prev-1{left: -60px;} } @media(max-width:1530px){ .title{font-size: 46px;} .all-hover{background-color: #ffffff;} .all-hover::after{color: var(--public-color-o);} .all-hover-next {right: -20px;} .all-hover-prev {left: -20px;} .pro-top-head{transform: translateY(-60px);margin-bottom: 90px;} .banner-about .banner-every{display: flex;align-items: center;justify-content: flex-end;} .banner-about .banner-every>img{width: auto;height: 280px;max-width: none;} .all-hover-1{width: auto;} .all-hover-next-1{right: -15px;} .all-hover-prev-1{left: -15px;} } @media(max-width:1500px){ .all-contact-xl::after{right: -15px;} .all-hover-next{right: 0px;} .all-hover-prev{left: 0px;} .home-service .all-hover-prev{left: -25px;} .about-first .right {width: 50%;} .about-first .list p{font-size: 14px;line-height: 20px;} .about-first .num{font-size: 42px;line-height: 42px;} .about-first .nuit {font-size: 20px;} } @media(max-width:1480px){ .home-service{display: flex;align-items: center;} .home-service>img{width: auto;height: 500px;} .title-img-left::before{left: -15px;} .all-news .title::before{left: -15px;} .banner-home .title{font-size: 42px;line-height: 54px;} .pro-content .all-hover-next{right: -15px;} .pro-content .all-hover-prev{left: -15px;} } @media(max-width:1450px){ .home-solution .img-1 {width: 160px;} .home-solution .img:nth-child(1) .t1{padding-right: 85px;text-align: right;} .home-solution .img:nth-child(2) .t1{padding-left: 75px;text-align: left;} } @media(max-width:1430px){ .home-product .top-head{margin-bottom: 80px;} .home-product .items{margin-bottom: 120px;} .home-product{margin-bottom: 130px;} .pro-solution .t2{font-size: 16px;} .pro-solution .img:nth-child(1) .t2 {padding-right: 15px;text-align: center;} .pro-solution .right{padding-right: 0;} .pro-solution .img-2{transform: translateX(-65px);width: 135px;padding: 10px;border-width: 15px;} .pro-solution .img:nth-child(2) .t2{padding-left: 20px;text-align: center;} .pro-faq{padding-top: 160px;} .pro-one-article{gap: 30px;} .all-products-1 .list{overflow: hidden;padding: 25px 15px 25px 20px;} .all-products-1 .text{font-size: 16px;line-height: 24px;} .all-products-1 ul h5,.all-products-1 ul strong{font-size: 14px;} .p-i-features .list{padding: 20px 15px 15px} .p-i-features .cont{font-size: 15px;line-height: 24px;margin-top: 10px;} .banner-every ol li{font-size: 16px;line-height: 24px;} } @media(max-width:1380px){ .pro-solution .t2{font-size: 16px;} .pro-solution .left{width: 45%;} .pro-solution .right{width: 50%;} .pro-solution .img-2{transform: translateX(-48px);width: 100px;border-width: 10px;padding: 12px;} .pro-solution .img:nth-child(2) .t2{text-align: center;padding-left: 5px;} .pro-solution .t2{font-size: 15px;line-height: 20px;} .all-big-faq .pro-aside{padding: 80px 30px 30px 35px} .all-big-faq .all-aside{width: 500px;} .pro-content .t2{font-size: 16px;line-height: 24px;} .pro-content .t1{font-size: 28px;line-height: 42px;} .pro-content .a-pc{width: 220px;height: 52px;} .pro-one-quality .top-head{width: 90%;} .pro-one-quality .box{padding: 0 25px 25px 30px;width: 80%;} .pro-one-quality .all-hover-1::after{font-size: 50px;} .pro-two-products .items{padding: 60px 30px;} .all-top-first .right {width: 75%;} } @media(max-width:1340px){ .title{font-size: 42px;} .banner-every .content{width: 80%;} .pro-two-customized .left {padding-left: 15px;} .app-in-paper{padding: 160px 0 100px;} .app-in-customized .left{padding-left: 30px;} .about-first .left{width: 50%;} .about-first .right {width: 45%;} .about-first .left::after {right: -30px;} .about-premium .top-head{width: 80%;} .about-service .right{width: 37%;} .about-service .box{grid-template-columns: 110px auto;} } @media(max-width:1280px){ .home-capabily .box{padding-left: 20px;padding-right: 20px;} .banner-home .home-btn{bottom: 30px;} .banner-home .title{font-size: 38px;line-height: 51px;} .pro-top-head{transform: translateY(-30px);} .pro-content .items:nth-of-type(3n) .left{width: 41%;} .pro-one-content .aside{width: 360px;padding: 55px 25px 80px;} .pro-one-content .content {gap: 35px;} .pro-one-content .article{width: calc(100% - 360px - 35px);} .app-first .t1{font-size: 20px;margin-bottom: 10px;} .app-first .cont{font-size: 15px;line-height: 22px;} .about-control .left{width: 42%;} .about-control .right{width: 52%;} .cer-content .list-xl{padding-bottom: 75px;} .service-first .top .right{width: 50%;padding: 20px 30px 20px 36px;} .service-first .under .right{width: 50%;padding-left: 30px;} } @media(max-width:1260px){ .home-about .right {width: 47%;} .home-about .text p{margin-bottom: 10px;} .home-about .text{margin-bottom: 30px;font-size: 17px;line-height: 26px;} .pro-one-app .left {width: 36%;} .pro-one-app .right {width: 60%;} .pro-one-app .t1{font-size: 16px;line-height: 24px;height: auto;padding: 5px 15px;} .pro-one-proposal .box{grid-template-columns: 85px auto;gap: 30px;} .p-i-first h1{font-size: 38px;} .p-i-customize .right{padding: 50px 30px 30px;} .p-i-related .content{gap: 20px 30px;} .all-products .list{padding: 45px 30px 70px;} } @media(max-width:1200px){ .all-back-right::before,.all-back-left::before{display: none;} .title{font-size: 38px;line-height: 50px;} .banner-every>img{min-height: 170px;} .home-capabily .list.active .cont {padding-bottom: 30px;} .home-capabily .t1{margin-bottom: 35px;} .home-capabily .cont::before{top: -15px;} .home-about .left{width: 45%;} .home-about .right{width: 52%;} .home-about .box .a-pc-1{height: 46px;font-size: 16px;} .home-about{background: linear-gradient(to right, #f2f2f2 90%, #ffffff 100%);padding-bottom: 30px;padding-top: 40px;} .home-about .right{padding-top: 30px;} .home-solution .right{width: 62%;} .home-product .items:nth-child(odd) .right {width: 50%;} .home-product .items:nth-child(even) .right {width: 56%;} .home-news .all-news .content{grid-gap: 30px;} .home-news .all-exh {width: 38%;} .pro-top-head{transform: translateY(0px);margin-top: 70px;} .pro-content .left{width: 45% !important;} .pro-content .right{width: 47% !important;} .pro-solution .t2{font-size: 15px;line-height: 22px;} .all-big-faq .pro-aside{min-width: 450px;padding-top: 60px;} .all-big-faq .form-cap .input-group-append {width: 100px;} .all-faqs .quen-q{font-size: 20px;line-height: 30px;} .all-faqs .quen-a{font-size: 16px;line-height: 24px;width: 95%;} .all-big-faq .content {gap: 35px;} .all-faqs .symbol {width: 24px;min-width: 24px;height: 24px;font-size: 12px;border-width: 2px;} .all-big-faq .h3{margin-bottom: 25px;width: 100%;} .pro-content .right .list-two{width: 100%;} .pro-one-content .aside {width: 280px;padding: 30px 15px 60px;} .pro-one-content .h3{font-size: 22px;margin-bottom: 30px;} .pro-one-content .article{width: calc(100% - 280px - 35px);} .pro-one-content .aside li{gap: 5px 26px;align-items: center;font-size: 16px;line-height: 24px;} .pro-one-content .box-1{padding-bottom: 30px;} .pro-one-content .box-2{padding-top: 30px;} .pro-one-offer .right {width: 50%;} .pro-one-expert{margin-bottom: 160px;} .pro-one-expert .content{align-items: center} .pro-one-expert .right {width: 50%;} .pro-one-expert h2::after{display: none;} .pro-one-expert li{font-size: 16px;grid-template-columns: 47px auto;gap: 35px;} .pro-one-expert ul::after{left: 60px;} .pro-one-quality .name{padding-left: 500px;} .pro-one-proposal .left ,.pro-one-proposal .left{width: 42%;} .pro-one-proposal .right{padding: 40px 45px 30px 45px;} .p-i-first h1{font-size: 34px;line-height: 42px;} .p-i-applications .content{gap: 20px;} .p-i-detail .t1{font-size: 16px;line-height: 24px;} .banner-every .content{width: 100%;} .banner-every h1{font-size: 42px;line-height: 56px;} .pro-two-products .right {width: 60%;} .pro-two-customized .right{padding: 50px 30px 30px;} .pro-two-customized .title{font-size: 32px;} .all-big-faq .title{font-size: 32px;margin-bottom: 15px;} .all-big-faq .cont{margin-bottom: 35px;} .app-first .top-head{width: 100%;} .app-first .box{padding-left: 10px;padding-right: 10px;} .app-first .cont {font-size: 14px;line-height: 20px;} .app-first .t1{font-size: 18px;line-height: 26px;} .app-in-first .content{gap: 20px;} .app-in-customized .left{padding-left: 15px;} .app-in-customized .right{padding: 40px 30px 30px;} .about-rely .top-head{width: 100%;margin-bottom: 100px;} .all-top-first .right{padding: 30px 40px;} .cer-content .list-xl{padding: 25px 15px 60px;} .certificates,.factory-paper{margin-bottom: 160px;} .service-first .top .right{width: 60%;} .service-first .under ul {padding-left: 36px;} .faq-paper .article{width: calc(100% - 200px - 100px);} .contact-top .content{display: grid;grid-template-columns: repeat(2,1fr);} .contact-top .list{padding: 40px 15px 20px;min-height: 255px;} .contact-top .font-sty {font-size: 16px;line-height: 24px;} .contact-bottom .content {gap: 40px;} .contact-bottom .left{width: 50%;} .contact-bottom .text{text-align: left;line-height: 30px;font-size: 16px;margin-bottom: 30px;} .contact-bottom .d{grid-gap: 0 25px;} .contact-bottom .d .cont{line-height: 30px;font-size: 16px;} .contact-bottom .t1{font-size: 22px;line-height: 30px;margin-bottom: 15px;} .home-product::before,.home-about::before{display: none;} .pro-content .items:nth-child(odd)::before{display: none;} .pro-solution::after{display: none;} .pro-solution::before{display: none;} .pro-one-content .aside::after{display: none;} } @media(max-width:1100px){ .home-capabily .content{gap: 25px;} .home-service{padding: 30px 0;} .home-service>img{width: auto;height: 100%;} .home-service .content{flex-direction: column;gap: 40px;} .home-service .left{width: 100%;} .home-service .right{width: 98%;} .home-solution .t1{font-size: 16px;} .home-solution .img:nth-child(1) .t1{padding-right: 70px;} .home-solution .img:nth-child(2) .t1{padding-left: 50px;} .home-solution .content{flex-direction: column-reverse;gap: 60px;} .home-solution .left{width: 100%;} .home-solution .right{width: 100%;} .home-solution .t1{text-align: center !important;padding: 10px !important;} .pro-solution .img:nth-child(2) .t2 {padding-left: 30px;} .pro-solution .t2{font-size: 14px;line-height: 20px;} .all-news .content{gap: 30px;} .all-contact .title{font-size: 36px;} .all-contact-xl {padding-left: 30px;height: auto;padding:30px 15px;} .pro-one-proposal .content{gap: 35px;} .pro-one-proposal .left{min-width: 450px;} .pro-one-app .text{font-size: 16px;line-height: 24px;margin-bottom: 25px;} .pro-one-proposal .right{width: auto;} .pro-one-faq .aside .a-pc,.pro-two-faq .aside .a-pc{width: auto;height: 50px;font-size: 16px;padding: 0 25px;} .p-i-features .content{grid-template-columns: repeat(2, 1fr);} .p-i-customize .title-xl{margin-bottom: 25px;} .pro-two-products .items{flex-direction: column;align-items: flex-start} .line-left::before{display: none;} .pro-two-products .right{width: 100%;} .app-in-customized .right{width: 500px;min-width: 500px;} .about-control .left{width: 45%;} .about-control {margin-bottom: 0;} .about-control .content{flex-direction: column-reverse;align-items: flex-start;gap: 60px;} .about-control .left{width: 100%;margin-bottom: 45px;} .about-rely .big-content{padding-bottom: 40px;} .myswiper-adv .swiper-items {width: 180px;height: 75px;} @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-180px * 7 - 20px * 3)); /* 正好移动一组内容 */ }} .about-service .content{flex-direction: column;gap: 60px;align-items: flex-start;} .about-service .right{width: 100%;} .about-service .line-right::before{display: none;} .about-service .box{grid-template-columns: 140px auto;} .about-service .max-1680px{padding: 0 15px;} .about-service{margin-bottom: 180px;padding-top: 140px;} .about-global .content{grid-template-columns: repeat(3, 1fr);} .certificates {padding-top: 80px;} .all-top-first .img-back-1{width: 100%;left: 0;} .all-top-first .left{display: none;} .all-top-first .right{width: 100%;background-color: rgba(255, 255, 255, .7);} .all-top-first .right::after{display: none;} .service-first .top .items{flex-direction: column !important;align-items: flex-start} .service-first .top .right{width: 100%;height: 100%;background-image: linear-gradient(to right, rgba(255, 255, 255, .6) 0%, #fff 65%);background-color: transparent;} .service-first .top .items:nth-child(even){align-items: flex-end;} .service-first .top .items:nth-child(even) .right{background-image: linear-gradient(to left, rgba(255, 255, 255, .6) 0%, #fff 65%)} .service-first .under ul{padding-left: 0;} .service-first .under .content{flex-direction: column;align-items: flex-start} .service-first .under .right{width: 100%;} .all-big-faq .pro-aside{display: none;} .contact-bottom .content{flex-direction: column;} .contact-bottom .left{width: 100%;padding-left: 0;} .contact-bottom .right{width: 100%;min-width: auto;} .home-news-xl{flex-direction: column;gap: 60px;} .home-news .all-news{width: 100%;} .home-news .all-exh{width: 100%;} .home-news .all-news .list{height: auto;} } @media(max-width:1050px){ .pro-child-top-head{} .pro-one-article{grid-template-columns: repeat(1, 1fr);} .pro-one-article .list .img{width: 70%;} .pro-one-content{padding-top: 0;} .pro-one-offer .right {width: 90%;} .pro-one-offer .left {width: 100%;} .pro-one-proposal .content{flex-direction: column;} .pro-one-proposal .left{width: 100%;min-width: auto;} .p-i-customize .content,.pro-two-customized .content{gap: 35px;} .p-i-customize .left,.pro-two-customized .left{width: 47%;} .p-i-customize .right,.pro-two-customized .right{min-width: 500px;width: auto;} .pro-two-customized .box{display: flex;flex-direction: column;gap: 15px;margin-bottom: 20px;} .pro-two-customized .img-1{border: 0;} .pro-two-customized .cont{font-size: 16px;line-height: 24px;} .app-first .content{grid-template-columns: repeat(3, 1fr);} .about-first .content{flex-direction: column;align-items: flex-start} .about-first .left {width: 60%;} .about-first .right{width: 100%;} .about-paper .max-1650px{padding: 0 15px;} .about-first .left::after{display: none;} .download-paper .content{gap: 40px;} .download-paper .left{width: auto;} .download-paper .right{min-width: 560px;} } @media(max-width:1000px){ .home-about .content{align-items: center;flex-direction: column;gap: 50px;} .home-about .content::before{display: none;} .home-about .left{width: 100%;} .home-about .right{width: 100%;} .home-product .items-xl{flex-direction: column-reverse !important;gap: 50px;} .home-product .img-back{top: -30px;width: 100%;} .home-product .items .left{width: 100% !important;} .home-product .items .right{width: 100% !important;display: flex;justify-content: center;align-items: center;} .home-product .items .right img{width: 70%;} .home-about::before {top: -30%;} .all-exh .list{grid-template-columns: 145px auto;grid-gap: 20px;} .all-exh .img{justify-content: center;align-items: center;} .pro-solution .img-2{transform: translateX(-40px);width: 85px;} .pro-content .items-xl{flex-direction: column-reverse !important;gap: 30px;} .pro-content .left{width: 100% !important;} .pro-content .right{width: 60% !important;} .pro-content .items-2{height: auto;padding: 30px 0;} .pro-content .items-2::after{height: 100%;} .all-contact .title{font-size: 32px;} .product-one-list .title {font-size: 32px;} .pro-one-app .h6 {margin-bottom: 20px;} .pro-one-app .a-pc{width: 235px;height: 44px;} .pro-one-app .t1{font-size: 14px;line-height: 20px;} .pro-one-quality .name{padding-left: 700px;} .all-big-faq .content{flex-direction: column-reverse;} .all-big-faq .all-aside{position: static;width: 100%;min-width: auto;} .all-big-faq .all-aside .cont{margin-bottom: 35px;} .p-i-faq .aside{width: 100%;min-width: auto;position: static;} .all-news .content{grid-template-columns: repeat(2, 1fr);} .p-i-first .content{flex-direction: column-reverse;align-items: flex-start} .p-i-first .left{width: 100%;} .p-i-introduct{flex-direction: column;gap: 40px;} .p-i-introduct .left{width: 100%;} .p-i-detail .content{gap: 30px;} .p-i-customize .content{flex-direction: column;gap: 80px;} .p-i-customize .left{width: 100%;} .p-i-faq .title{margin-bottom: 20px;} .p-i-faq .aside .cont{margin-bottom: 35px;} .p-i-faq .article{width: 100%;} .pro-two-advanced .content{flex-direction: column-reverse;} .pro-two-advanced .left{width: 100%;} .pro-two-customized{margin-bottom: 120px;} .pro-two-customized .content,.app-in-customized .content{flex-direction: column;padding: 15px;gap: 45px;} .pro-two-customized .img-back-1,.app-in-customized .img-back-1{width: 100%;height: auto;left: 0;} .pro-two-customized .left,.app-in-customized .left{width: 100%;padding: 0;} .pro-two-customized .box{display: grid;grid-template-columns: 105px auto;} .pro-two-customized .right,.app-in-customized .right{min-width: auto;width: 100%;} .download-paper .content{flex-direction: column;align-items: flex-start} .download-paper .right{width: 100%;min-width: auto;} .contact-top .content{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;border: 0;} .contact-top .content .list{border: 1px dashed rgba(239, 130, 1, .6);min-height: auto;} .product-childs-paper .items .t1{font-size: 32px;} .product-childs-paper .items .right {width: 45%;} .product-childs-paper .items .left {width: 50%;} } @media(max-width:930px){ .pro-solution .right {width: 52%;} .all-contact-xl::after{display: none;} .all-contact .box{width: 90%;} .all-contact-xl{justify-content: center;text-align: center;} .product-childs-paper .items{flex-direction: column-reverse !important;margin-bottom: 80px;} .product-childs-paper .items .right::before{display: none;} .product-childs-paper .items .left{width: 100%;} } @media(max-width:900px){ .pro-solution .content{flex-direction: column-reverse;gap: 60px;} .pro-solution .left{width: 100%;} .pro-solution .right{width: 100%;} .pro-solution a{justify-content: center;} .all-down .left{width: 60%;} .pro-one-app .content{flex-direction: column-reverse;gap: 60px;} .pro-one-app .left{width: 100%;} .pro-one-app .right{width: 100%;} .pro-one-expert .content{flex-direction: column;gap:85px} .pro-one-expert .left{width: 100%;} .pro-one-expert .right{width: 100%;} .pro-one-quality .box{width: 100%;} .pro-one-quality .all-hover-1::after{font-size: 36px;} .p-i-related .content{grid-template-columns: repeat(2, 1fr);} } @media(max-width:768px){ h1{font-size: 24px !important;line-height: 32px !important;} .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: -.5px !important;} .left,.right{width: 100% !important;} .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;} .text p{margin-bottom: 10px;} .text p:last-child{margin-bottom: 0 !important;} .cont,.text{font-size: 14px !important;line-height: 20px !important;} ul li{font-size: 16px;} .all-style{padding: 0 0px;} .all-hover{width: 45px;height: 45px;} .all-hover-next{right: -15px;} .all-hover-prev{left: -15px;} .title-img-left::before{display: none;} .title-img-right::before{display: none;} .title-img::before{display: none;} .banner-pro .small-nav{top: 10px;} .small-nav ul::before{display: none;} .small-nav {top: 10px;padding: 0;} .small-nav ul{padding-left: 0;} .small-nav ul a {font-size: 12px;line-height: 20px;letter-spacing: -.3px;} .small-nav ul li::before {padding: 0 5px;line-height: 20px;} .a-pc{width: auto !important;;height: 42px !important;padding: 0 20px !important;font-size: 16px !important;} .search-group i{font-size: 18px;} .search-group .form-control{height: 33px;line-height: 33px;} .search-box .form-control::placeholder{color: #fff;} .top-mb-search-box .search-group{height: 33px;} .search-box .input-group-append,.search-box .search-group .btn{border-color: var(--public-color);} .search-group .form-control::placeholder{color: #333333;} .top-mb-search-box .search-group .btn{width: 33px;height: 33px;border-color: var(--public-color);} .top-mb-search-box .search-box .icon{color: #ffffff;} #mb-feedback .input-group-text {width: 100px;} .all-news .content{grid-template-columns: repeat(1, 1fr);} .banner-home .home-btn{left: auto;right: 0;width: auto;bottom: 10px;} .banner-home .home-btn .home-pag{gap: 8px;} .banner-home .home-btn .all-hover-1{display: none;} .banner-home .swiper-slide .slide-inner .title{width: 100%;min-width: auto;margin-bottom: 0 !important;} .home-product{padding-top: 30px;margin-bottom: 30px;} .home-product .top-head{margin-bottom: 25px;width: 100%;} .home-product .items{margin-bottom: 60px;} .home-product .items-xl{gap: 20px;} .home-solution .right{gap: 20px 15px;} .home-product .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .home-product ul{margin-top: 25px;} .home-solution .img{background-color: rgba(0, 0, 0, 0.6);height: 100%;} .home-solution .img-1{display: none;} .home-solution .t1{position: static;padding: 5px 10px !important;background-color: transparent;font-size: 14px;line-height: 20px;} .home-solution .text{margin-bottom: 25px;} .home-solution{display: none;} .home-about{margin-bottom: 30px;} .home-about .box{flex-direction: column;align-items: flex-start;gap: 20px;} .home-about .content{gap: 25px;} .home-capabily{margin-bottom: 30px;} .home-capabily .all-hover-prev{left: 0;} .home-capabily .all-hover-next{right: 0;} .home-service{padding-bottom: 0;} .home-service .cont{margin-bottom: 25px;} .home-service .box{grid-template-columns: 60px auto;} .home-service .img-1{padding-right: 15px;} .home-service li{font-size: 16px;line-height: 24px;} .home-service ul{padding-left: 15px;} .home-service li::before{font-size: 16px;line-height: 24px;} .home-service>img{width: auto;height: 500px;} .home-news{padding: 30px 0;} .home-news-xl{flex-direction: column;gap: 30px;} .home-news .all-news{width: 100%;} .home-news .all-exh{width: 100%;} .home-news .all-news .list{height: auto;} .home-news .all-news .content{grid-template-columns: repeat(1,1fr);} .all-exh .list{grid-template-columns: 115px auto;grid-gap: 10px;} .all-news .img{margin-bottom: 15px;} .pro-top-head{margin-top: 30px;} .products-paper{padding-top: 30px;} .pro-top-head .content {gap:20px;grid-template-columns: repeat(1, 1fr);} .pro-top-head .list{height: auto;padding: 20px 15px;} .pro-content{padding-bottom: 0px;} .pro-content .items{margin-bottom: 30px;} .pro-content .items:last-child{margin-bottom: 0;} .pro-content .items-2 .right{width: 100%;} .pro-content .t1{font-size: 22px;line-height: 32px;margin-bottom: 10px;} .pro-content .items-2 .right{width: 100% !important;} .pro-content .right {width: 100% !important;} .pro-content .items-xl{gap: 0;} .pro-content .items:nth-child(odd){padding: 30px 0;} .pro-content .a-pc{width: auto;padding: 0 35px;height: 42px;margin-top: 25px;} .pro-content .items-2 .items-xl{gap: 25px;} .pro-content .items-2 .left{text-align: center;} .pro-solution{padding: 30px 0;} .pro-solution .img-2{display: none;} .pro-solution .t2{position: static;padding: 5px 10px !important;} .pro-solution .t1{font-size: 14px;} .pro-solution a{font-size: 16px;line-height: 24px;} .pro-faq{padding: 30px 0;} .all-faqs .quen-q{font-size: 18px;line-height: 24px;letter-spacing: -.3px;} .all-faqs .quen-a{width: 100%;font-size: 14px;line-height: 20px;} .all-big-faq .all-faqs .items{padding: 15px 0 ;} .all-faqs .item {gap: 20px;} .all-news{margin: 30px 0;} .all-contact-xl {background: url(../../images/all-contact.webp) no-repeat;background-size: auto 100%;background-position: center center;} .all-contact .box{width: 100%;} .all-contact .a-pc-1{width: auto;height: 42px;font-size: 16px;} .pro-child-top-head{height: auto;margin-bottom: -70%;padding: 30px 0;transform: translateY(-75%);} .pro-child-top-head .content{flex-direction: column-reverse;gap: 25px;} .pro-child-top-head .text{margin-bottom: 25px;} .pro-child-top-head::before{max-width: 100%;} .banner-pro-child{justify-content: flex-end;} .banner-pro-child>img{width: auto;max-width: none;height: auto;} .pro-one-content .content{flex-direction: column;} .pro-one-content .aside{width: 100%;position: static;padding: 30px 15px;} .pro-one-content .article{width: 100%;} .pro-one-content .h3{font-size: 20px;line-height: 28px;margin-bottom: 10px;} .pro-one-content .box-1{padding-bottom: 30px;} .pro-one-content .box-2{padding-top: 15px;} .pro-one-content .h4{margin-bottom: 25px;} .all-products-1 .list{padding: 0px 15px 25px 15px;} .pro-one-article .list .img{width: 100%;} .all-products-1 .box{margin-top: -35px;} .all-products-1 .model{margin-bottom: 5px;} .all-products-1 .t1{line-height: 28px;} .all-products-1 ul li{display: flex;gap:5px 10px;margin-bottom: 15px;} .all-products-1 ul li:last-child{margin-bottom: 0;} .all-products-1 ul li h5{opacity: 1;} .all-products-1 ul li strong{opacity: .6;} .all-products-1 ul::after{display: none;} .all-products-1 ul h5, .all-products-1 ul strong{font-size: 16px;line-height: 24px;} .pro-one-offer{margin: 30px 0;} .pro-one-offer .content{flex-direction: column-reverse;gap: 25px;} .pro-one-offer .img-1{height: 190px;} .pro-one-offer .img-2{width: auto;} .pro-one-offer .t1{font-size: 14px;line-height: 20px;} .all-down{padding: 60px 0 30px;margin-bottom: 30px;} .all-down::after{height: 100%;} .all-down .text{margin-bottom: 25px;} .all-down .a-pc-1{width: auto;height: 42px;padding: 0 10px;font-size: 16px} .all-down .right{width: 35% !important;} .all-down .left{width: 60% !important;} .pro-one-app .title{margin-bottom: 0 !important;} .pro-one-app .right{grid-template-columns: repeat(2, 1fr);} .product-one-list .title{margin-bottom: 15px} .pro-one-app{margin-bottom: 40px;} .pro-one-app .content{gap: 25px;} .pro-one-expert{margin-bottom: 30px;} .pro-one-expert .content{gap: 60px;} .pro-one-expert h2{font-size: 22px;line-height: 30px;letter-spacing: -1px;margin-bottom: 15px;} .pro-one-expert ul{margin-top: 25px;} .pro-one-quality{padding: 30px 0;} .pro-one-quality .top-head{width: 100%;margin-bottom: 25px;} .pro-one-quality .name{font-size: 12px;line-height: 16px;gap: 15px;padding-left: 620px;} .pro-one-quality .big-content>.container-xl{display: none;} .pro-one-quality .content {margin: 0 15px;padding-top: 25px} .pro-one-quality .t1{font-size: 18px;letter-spacing: -.3px;margin-bottom: 10px;} .pro-one-quality .cont{letter-spacing: -.3px;} .pro-one-quality .box{padding: 20px 15px;} .pro-one-quality .list>img {opacity: .6;} .pro-one-proposal{padding: 30px 0;} .pro-one-proposal .content{gap: 60px;} .pro-one-proposal .cont{margin-bottom: 25px;} .pro-one-proposal .box{grid-template-columns: 55px auto;gap: 20px} .pro-one-proposal .right{padding: 20px 15px;} .pro-one-quality .all-hover-1::after {font-size: 25px;} .pro-one-quality .all-hover-prev-1{left: -15px;} .pro-one-quality .all-hover-next-1{right: -15px;} .all-from .form-group{margin-bottom: 10px;} .all-from .form-group:last-child{margin-bottom: 0;} .pro-one-faq{padding: 30px 0;} .all-big-faq .all-aside .cont{margin-bottom: 25px;} .all-news .list{padding: 20px 15px;} .product-childs-paper{padding: 30px 0;} .product-childs-paper .items{flex-direction: column-reverse !important;} .product-childs-paper .items .t1{font-size: 20px;line-height: 28px;} .product-childs-paper .items .right::before{display: none;} .product-childs-paper .items{margin-bottom: 50px;} .product-two-list{padding-top: 30px;} .pro-two-products{margin-top: 30px !important;} .pro-two-products .top-head{margin-bottom: 25px;} .pro-two-products .items{padding: 30px 15px;} .pro-two-products .t1{font-size: 20px;line-height: 28px;letter-spacing: -.5px;margin-bottom: 15px;} .pro-two-products .t1 span{letter-spacing: -3px;} .pro-two-products li{display: flex;gap: 5px 10px;margin-bottom: 10px;} .pro-two-products li:last-child{margin-bottom: 0;} .pro-two-products ul::after{display: none;} .pro-two-products li h5, .pro-two-products li strong{line-height: 24px;} .pro-two-products li strong{opacity: .6;} .pro-two-products .items{margin-bottom: 30px;} .pro-two-products{margin-bottom: 30px;} .pro-two-advanced{margin-bottom: 30px;} .pro-two-advanced .content{gap: 25px;} .pro-two-advanced .left{padding-top: 0;} .pro-two-customized{margin-bottom: 0px;} .pro-two-customized .content, .app-in-customized .content{gap: 25px;padding: 0;} .pro-two-customized .img-back-1, .app-in-customized .img-back-1{width: auto;height: 300px;} .pro-two-customized .left, .app-in-customized .left{padding:30px 0 0;} .pro-two-customized .box{grid-template-columns: 66px auto;} .pro-two-customized .title{margin-bottom: 0 !important;} .pro-two-customized .right{padding: 25px 15px;} .pro-two-customized .right::after{top: -20px;} .pro-two-faq{padding: 30px 0;} .banner-child .banner-every>img{width: 100%;height: auto;} .banner-every .cont{margin-top: 0;} .banner-every .d{grid-template-columns: 33px auto;gap: 10px;} .banner-child .banner-every .d .t1{font-size: 12px;line-height: 16px;} .banner-every .small-box{gap: 15px;margin-top: 25px;} .banner-every>img{min-width: auto;min-height: 130px;} .product-one-list .banner-child {margin-top: 30px;} .p-i-first{margin-bottom: 10px;} .p-i-first .model{font-size: 16px;} .p-i-first h1{margin-bottom: 15px;} .p-i-first .text li h5, .p-i-first .text li strong{line-height: 24px;} .p-i-first .text li{display: flex;gap: 5px 10px;margin-bottom: 10px;} .p-i-first .text li:last-child{margin-bottom: 0;} .p-i-first .text li strong{padding-left: 0;opacity: .6;} .p-i-first .text ul::after{display: none;} .p-i-first .img-1{margin: 15px 0 25px;width: 150px;} .p-i-first .a-pc{width: auto;} .detail-nav{display: none;} .p-i-content{padding: 30px 0;font-size: 14px;line-height: 20px;} .p-i-introduct{gap: 25px;} .p-i-content .container-xl>div{margin-bottom: 40px;} .p-i-content .container-xl>div:last-child{margin-bottom: 0;} .p-i-content .title-xl{margin-bottom: 15px;font-size: 20px;line-height: 28px;} .p-i-features .content{gap: 20px 15px;} .p-i-features .list{padding: 20px 5px 15px} .p-i-features .h5{line-height: 24px;} .p-i-detail .content{gap: 20px 15px;grid-template-columns: repeat(2, 1fr);} .p-i-detail .list{background-color: rgba(239, 130, 1, .8);} .p-i-detail .t1{padding: 10px 5px;font-size: 14px;line-height: 20px;text-align: center;position: static;background-color: transparent;} .table-wrapper table tr:first-child td{font-size: 16px;line-height: 24px;} .table-wrapper table td{font-size: 14px;line-height: 20px;padding-left: 5px;} .table-wrapper table tr td:first-child,.table-wrapper table td{letter-spacing: -.3px;} .p-i-applications .text{margin-bottom: 25px;} .p-i-applications .content{grid-template-columns: repeat(2, 1fr);} .p-i-applications .t1{font-size: 16px;line-height: 24px;padding: 5px 10px;} .p-i-customize .content{gap: 25px;} .p-i-customize .right, .pro-two-customized .right{min-width: auto;padding: 25px 15px;} .p-i-customize .right::after{top: -20px;} .p-i-faq{padding: 30px 0;} .p-i-related{padding-top: 30px;} .p-i-related .content{grid-template-columns: repeat(2, 1fr);gap: 25px 15px;} .all-products .list{padding: 20px 15px;} .all-products .t1{font-size: 16px;line-height: 24px;letter-spacing: -.3px;} .all-products .t1 span.arrow{letter-spacing: -1px;} .all-products .list::after{bottom: 10px;} .app-paper{padding-top: 30px;} .app-first{margin-bottom: 30px;} .app-first .top-head{margin-bottom: 25px;} .app-first .content{grid-template-columns: repeat(2, 1fr);gap: 30px 15px;} .app-first .list{background-color: rgba(255, 255, 255, .9);box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.05);} .app-first .box{margin: 0px 0px 15px;padding: 25px 10px 15px;min-height: auto;background-color: transparent;box-shadow: none;} .app-first .t1{font-size: 16px;line-height: 24px;} .app-faq{padding: 30px 0;} .app-in-paper{padding: 30px 0;margin-bottom: 0;} .banner-every ol{width: 100%;flex-direction: column;margin-bottom: 25px;gap: 10px;} .banner-every ol li{width: 100%;padding-left: 25px;max-width: 100%;} .banner-every ol li::before{content:"";background: url(../../images/sign-9.webp) no-repeat;background-size: 100% 100%;width: 18px;height: 18px;border-radius: 100%;} .app-in-first{margin:30px 0} .app-in-first .content{grid-template-columns: repeat(2, 1fr);} .app-in-first .content .t1{font-size: 16px;line-height: 20px;margin-top: 10px;} .app-in-customized{margin-bottom: 30px;} .app-in-products .content{grid-template-columns: repeat(1, 1fr);gap: 30px 15px;} .app-in-faq{padding: 30px 0 0;} .banner-about .banner-every>img{width: 100%;height: auto;} .about-paper{padding-top: 30px;margin-bottom: 30px;} .about-first{margin-bottom: 30px;} .about-first .text{margin-bottom: 25px;} .about-first .text p{margin-bottom: 10px;} .about-first .small-box{margin-bottom: 25px;gap: 20px 10px;} .about-first .num{font-size: 28px;line-height: 32px;letter-spacing: -1px;} .about-first .nuit {font-size: 16px;margin-left: 5px;} .about-first .list p{font-size: 12px;line-height: 20px;} .about-rely{margin-bottom: 0px;} .about-rely .top-head{margin-bottom: 25px;} .about-control .left{margin-bottom: 20px;} .about-rely .big-content::after{height: 58%;} .about-premium{padding-top: 30px;margin-bottom: 30px;} .about-premium .top-head{width: 100%;margin-bottom: 25px;} .myswiper-adv .swiper-items{width: 100px;height: 45px;padding: 5px 10px;} @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100px * 7 - 20px * 3)); /* 正好移动一组内容 */ }} .premium-adv{margin-bottom: 30px;} .about-service .content{gap: 20px;} .about-service .cont{margin-bottom: 25px;} .about-service .box{grid-template-columns: 70px auto;margin-bottom: 25px;align-items: center} .about-service .img-1{padding-right: 15px;} .about-service ol{padding-left: 15px;font-size: 16px;line-height: 24px;} .about-service{margin-bottom: 30px;padding-top: 30px;} .about-global .top-head{margin-bottom: 25px;} .certificates{padding-top: 30px;} .certificates, .factory-paper{margin-bottom: 30px;} .all-top-first{margin-bottom: 30px;} .all-top-first .img-back-1{height: auto;} .all-top-first .content{padding: 40px 0 0;} .all-top-first .right{min-height: auto;padding: 30px 20px;} .cer-content .list-xl{padding: 25px 15px 50px;margin-bottom: 10px;} .cer-content .list-xl::after{bottom: 20px;} .cer-content .list .t1{font-size: 16px;line-height: 24px;} .factory-paper{padding: 30px 0;} .fact-content{gap: 25px 15px;grid-template-columns: repeat(2,1fr);} .fact-content .list .box{height: auto;min-height: 65px;padding: 5px 15px;} .fact-content .list .t1{font-size: 16px;line-height: 24px;} .service-paper{padding-top: 30px;} .service-first{padding: 30px 0;} .service-first .top{margin-bottom: 30px} .service-first .top .items{margin-bottom: 30px;} .service-first .top .right{padding: 20px;min-height: auto;} .service-first .under .right{min-height: auto;padding: 25px 15px;} .service-first .under .cont{margin-bottom: 25px;} .ser-faq{margin-bottom: 0;} .ser-faq .article{padding-top: 0;} .download-paper{padding: 30px 0;} .download-paper .right p{margin-bottom: 15px;} .form-group{margin-bottom: 10px;} .form-group:last-child{margin-bottom: 0;} .form-row{margin-bottom: 10px !important;} .faq-paper .aside{width: 100%;min-width: auto;z-index: 1;top: 50px;} .faq-paper .article{width: 100%;} .news-paper .top-head{margin-bottom: 25px;} .news-paper .big-content{margin-bottom: 40px;} .news-paper.all-news .t1 {font-size: 18px;line-height: 26px;letter-spacing: -.5px;} .news-paper.all-news .content{grid-template-columns: repeat(2, 1fr);gap: 25px 10px;} .news-paper.all-news .row-line{gap: 20px;} .news-paper.all-news .arrow{width: 30px;height: 30px;min-width: 30px;padding: 8px;} .news-paper.all-news .time{font-size: 14px;line-height: 20px;} .contact-paper{padding-top: 30px;margin-bottom: 30px;} .contact-top .content{gap: 25px 15px;} .contact-top .img-1{width: 45px;height: 45px;margin-bottom: 20px;} .contact-top{margin-bottom: 30px;} .contact-bottom .h3{font-size: 24px;line-height: 32px;} }