/*通用样式*/ :root{ --public-color:#009943; --max:1430px; } .img-responsive{max-width:100%;height:auto} /*#region thumb-items*/ .thumb-selectors {overflow: hidden;clear: both;margin:0 0 10px 0;padding:15px;} .product-thumb{border: none;} /* .justify-content-center{justify-content: flex-start !important;} */ .header .header-top>.container-xl{max-width:1860px} .all-header .header .header-top{padding: 10px 0;} .index-banner .banner-text .btn-sty:hover{ color: var(--public-color);} body{color:#666666;font-size:18px;line-height:32px;font-family: "Poppins", sans-serif;} a{color:#666666;display:inline-block;} a:hover{color:var(--public-color)} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid {max-width: 100%;height: auto;} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max)} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px} .container-xl.m-right{margin:0 auto;padding:0 15px} .container-xl.m-left{margin:0 auto;padding:0 15px} } /*header*/ .header.fadeInDown{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);} .header{/*height: 86px;*/background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);} .header .header-nav{display: flex;align-items: center;} .header .header-top {padding: 16px 0 34px 0;} .header .header-nav .top-logo{width:18%;} /* .header .header-top{padding-top: 6px;} */ /* .header .header-top .toch{margin-left: 30px;} */ .header .header-top .toch a{font-size: 18px;font-weight: bold;width: 160px;height: 45px;} .header .header-top .toch a::before{width: 11em;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 82%;position: relative;} .header-desc{background:#f1f1f1; padding: 8px 0;} .header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;} .header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;} .top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;} .top-tel a{color: #666666;} .top-tel a:hover{color: #2455bf; transition: all 0.3s;} .top-lang{text-transform:uppercase;margin-left: 35px;} .dropdown.lang .dropdown-toggle:after{color: var(--public-color);} .dropdown.lang .dropdown-menu {right: 0px;left: inherit;} .top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: bold;color:#1f273d;font-size: 18px;} .public-social span,.public-social a{border-radius:5px;} .navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;} .row-nav .container-xl{max-width: 1460px;} /*默认pc头部样式*/ .header.fadeInDown{animation: fadeInDown .6s;} .header.fadeInDown{z-index:999;width:100%;position:fixed;top: 0;left:0;} .header.fadeInDown .header-desc .logo img{height:70px;width:auto;} .header.fadeInDown .header-top .nav-item{padding:2px 0px;cursor:pointer;font-size:18px} .header.fadeInDown .header-top{background-color: #fff;} .all-font{font-family: 'Archivo';} /*默认导航样式*/ .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav > .nav-item{font-size:18px;margin:0 22.5px} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333;padding:0;/*height:86px;*/display:flex;align-items:center;justify-content:center;font-weight:bold;text-transform:capitalize;font-size:18px;line-height:32px;} .navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:0px} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out;color:var(--public-color);} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out;transform: none !important;} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} /* @media(max-width:1480px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } } */ @media(max-width:1300px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } } @media(max-width:1200px) { /* .navbar-custom .navbar-nav .nav-link {font-size: 17px;} */ .navbar-custom .navbar-nav .nav-item { margin: 0 12px; } .navbar-custom .navbar-nav .nav-item .dropdown-toggle:hover::after{left: -15px;} } @media(max-width:1120px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item { margin: 0 5px; } } @media(max-width:1050px) { .navbar-custom .navbar-nav .nav-link {font-size: 14px;} .navbar-custom .navbar-nav .nav-item { margin: 0 10px; } } @media(max-width:768px) { body { padding-top: 50px; } } /*移动端头部样式*/ @media(max-width:768px){ body{padding-top:50px;font-size:14px;} .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:30px;width:auto;} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;color:var(--public-color)} .header-mb .top-mb .icon-bars{color:var(--public-color)} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#333} .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:var(--public-color)} .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:var(--public-color);position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:var(--public-color)} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } /*#endregion*/ /*#region 移动端栏目列表*/ .menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; } .menu-collapse .collapse-title { padding: 0.875rem; background: #5bb44e; color: #fafafa; } .menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; } .menu-collapse .collapse-title .navbar-toggler { color: #fff; } .menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 } .menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; } .menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #5bb44e } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 } /* 浮窗 */ #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap} #float .ico:hover>.img{display:block} #float .ico:hover p{right:56px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color:var(--public-color);transition:none} #float.hide{transform:translateX(56px)} #float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent} #float .ico#scroll-top{display:block!important;} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide{transform:translateX(40px)} #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 1.5rem; } .content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper ol { margin-left: 1em; padding-left: 1em; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; } .content-wrapper table p{margin-bottom: 0;} .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle;/* border: 1px solid rgba(27, 162, 59, .2);*/ text-align:left; } /* .content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } */ .content-wrapper table p{ margin-bottom: 0;line-height: 25px;} .content-wrapper tbody tr{border-left: 1px dashed rgba(27, 162, 59, .2);border-right: 1px dashed rgba(27, 162, 59, .2);border-bottom: 1px solid rgba(27, 162, 59, .2);} .content-wrapper tbody tr:last-child{border-bottom: 1px dashed rgba(27, 162, 59, .2);} /*#表格*/ .table-wrapper table tbody tr td{font-weight: 300;font-style: normal;} .table-wrapper table tbody tr td:first-child{color: #999;} .table-wrapper table tbody tr td p:first-child{margin-right: 35px;} .table-wrapper table tbody tr td:last-child{color: #333;} /* .table-wrapper table tbody tr:first-child:hover{background-color: #ffffff;;color: #555;} */ /* .table-wrapper table tbody tr:first-child{background-color: var(--public-color);color: #fff;border: 1px dashed var(--public-color);} .table-wrapper table tbody tr:first-child p{display: inline-block;color: #fff;} */ /* .table-wrapper table tbody tr td:hover{background-color: #ffffff;;color: #555;} */ .table-wrapper table th, .table-wrapper table td { padding: 15px 0 15px 25px; vertical-align: middle; font-size: 18px; border: 1px solid rgba(27, 162, 59, 。2); text-align: left; } .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-wrapper table td img{max-width: 100% !important; height: auto;} @media (max-width: 575.98px) { .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media(max-width:768px) { .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .content-wrapper table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1500.98px) { .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } /*#弹出框*/ .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} .reveal-modal .close-reveal-modal:hover{color: var(--public-color);} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } /*#留言表单*/ /* .form-feedback .btn{margin-top: 55px; width: 301px; height: 46px; background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 3px; transition: all .6s; } .form-feedback .btn:hover{background-image: linear-gradient(-90deg, #88ca4e 0%, #24b66f 100%), linear-gradient(#ffffff, #ffffff); text-decoration: none;} */ .form-feedback .btn { font-size: 20px; font-weight: bold; /* width: 188px; */ height: 64px; border-radius: 32px; line-height: normal; border: solid 6px #009943; padding: 0 10px; transition: none; } /* .form-feedback .btn{color:#fff;background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 3px; transition: all .6s;} */ @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} /*#搜索*/ .search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:#000;height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:#000} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#333;font-size:1.5rem} .top-search-box li .top-search {border-radius:10px;} .top-search-box{cursor:pointer;z-index: 1;margin-left:0px;border-radius:5px;overflow: hidden;padding-left: 1px;padding-top: 1px;} .top-search-box i{color: var(--public-color);font-size: 19px;font-weight: bold;} .top-search-box i.icon-1{color: #ffffff;} .top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0} .top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -13px;top: 35px;z-index: 99;padding:0;background-color: #fff;} .top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;} .down-list{margin-top: 35px;} @media(max-width:768px){.down-list{margin-top: 20px;}} /*banner*/ .banner{/*margin-bottom: 175px;*/color: #fcfffc;} /* .banner>img{height: 530px;} */ .banner .banner-text{text-align: inherit;padding-top: 25px;padding-bottom: 60px;} .banner .banner-text{position: absolute;top: 0;height: 100%;} .banner .banner-text .container-xl{display: flex;justify-content: space-between;flex-direction: column;} .index-banner .h1{font-size: 45px;color:#000000} .index-banner .h1 span{display: block;} .index-banner .banner-text{padding-top:0} .index-banner .h1 .s2{padding-left: 15px;} .index-banner .a{margin-top: 70px;} .index-banner .btn-sty::before{width: 100%;} .index-banner .btn-sty:hover::before{width: 0;} .index-banner .btn-sty{font-weight: bold;} .all-banner .h1{font-size: 60px;font-weight: bold;} .all-banner.banner .banner-text .container-xl {height: 100%;justify-content: flex-end;} .all-banner .box{width: 860px;height: 340px;margin-bottom: -120px;background-color: rgba(0, 139, 44, .7);border-radius: 20px;overflow: hidden;padding-top: 80px;padding-left: 60px;padding-bottom: 25px;display: flex;flex-direction: column;justify-content: space-between} .all-banner.banner .banner-text{padding-bottom: 0;} /* .all-banner.banner h1{font-size: 72px;line-height: 56px;font-weight: 500;} */ .nav-banner{display: flex;} .nav-banner a{text-transform: capitalize;font-size: 16px;font-family: 'Rubik-Regular';} .nav-banner::before{content: url(../../images/sign-2.webp);padding-right: 20px;} .nav-banner li::after{content: "⇀";font-size: 20px;padding: 0 10px;} .nav-banner li:last-child:after{content: " ";} .nav-banner-xl .nav-banner::before{content: url(../../images/sign-3.webp);} .nav-banner-xl .nav-banner a{color: #666666;} .nav-banner-xl{ margin-bottom: 105px;} .nav-banner-xl a.active{color: #999999;} @media(max-width:1810px){ .index-banner.banner .banner-text .container-xl > img{left: -180px;} } @media(max-width:1725px){ .banner .banner-text .img-box{margin-left: 0;} .banner .banner-text .container-xl>img{left: inherit;right: 0;} } @media(max-width:1670px){ .index-banner.banner .banner-text .container-xl > img{left: -110px;} } @media(max-width:1540px){ .index-banner.banner .banner-text .container-xl > img{left: -40px;} } @media(max-width:1540px){ .index-banner.banner .banner-text .container-xl > img{left: 0px;} } @media(max-width:1250px){ .all-banner .h1{font-size: 46px;} } .all-text{font-size: 18px;line-height: 36px;} /* .small-nav.small-nav-xl{margin-top: 24px;} */ .small-nav{display: flex;align-items: center;} .small-nav ul{display: flex;align-items: center;padding-top: 5px;} .small-nav ul a{font-size: 18px;line-height: 28px;color:#fff;text-transform: capitalize;} .small-nav ul li::after{content: ">>";padding:0 12px;margin-top: 2px;font-family: 'Poppins';font-size: 18px;line-height: 28px;color: #fff;font-weight: bold;} .small-nav ul li:last-child:after{content: "";} /* .small-nav ul li:nth-last-child(2)::after{color: #9baec3;} .small-nav ul li:last-child a{color: #9baec3;} */ .small-nav ul li{display: flex;} .in-banner{background-color: #e5e8eb;height: 60px;display: flex;align-items: center;} .in-banner.all-in-banner{background-color: transparent;} .small-nav ul li::after{color: var(--public-color);} .in-banner .small-nav .hezi{background-color: var(--public-color);} .in-banner .small-nav .hezi::before{border-bottom: 6px solid var(--public-color);} .in-banner .small-nav ul a{color: var(--public-color);} .all-banner .small-nav ul li::after{color:#fff} .detail-banner .small-nav a{color:#999999;} .detail-banner .small-nav{padding-top: 25px;} .detail-banner.banner .banner-text{padding-top: 0;position: static;padding-bottom: 0;} /* .all-banner .small-nav ul li:nth-last-child(2)::after{color: #9baec3;} */ /*all-nav*/ .all-nav{display: flex;width: 75%;margin-bottom: 75px;} .all-nav a {transition: all .6s;font-size: 24px;font-weight: bold;color: #999;margin-right: 20px;border-radius: 32px;border: solid 4px #dddddd;flex: 1;text-align: center;height: 64px;line-height: 64px;} .all-nav a:last-child{margin-right: 0;} .all-nav a:hover, .all-nav .active{ color:var(--public-color); border-color: var(--public-color); } /*p-d-nav*/ .product-nav-xl.fadeInDown{position: fixed;z-index: 99;top: 45px;right: 0;left: 0;background-color: #f8f8f8;/*border-bottom: 2px solid rgba(77,164,90,.2);*/animation: fadeInDown .6s;} /* .product-nav-xl.fadeInDown .container-xl{max-width: var(--max)} */ /* .product-nav-xl.fadeInDown .product-nav{padding-top: 25px;} */ .product-nav{padding-top:35px;/*margin-bottom: 115px;*/} .product-nav .p-d-nav{position: relative;;border-bottom: 4px solid rgba(14, 46, 84, .4);;display: flex;height: 68px;align-items: flex-start;width: 100%;margin-left: auto;margin-right: auto;} .product-nav .p-d-nav a{display: inline-flex;align-items: center;justify-content: center;font-weight: 600;color: #999999;position: relative;text-transform: capitalize;font-size: 22px;transition: all .6s;} .product-nav .p-d-nav a.active::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;bottom: -36px;left: 0;} .product-nav .p-d-nav a:hover::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;bottom: -36px;left: 0;} .product-nav .p-d-nav a::after{content: "";width: 100%;height: 4px;background-color: transparent;position: absolute;bottom: 0px;left: 0;transition: all .6s;} .product-nav-xl.fadeInDown .product-nav{margin-bottom: 0;} .product-nav .p-d-nav a.active,.product-nav .p-d-nav a:hover{color: #000;} .product-nav .p-d-nav li{margin-right: 65px;} .product-nav .p-d-nav li:last-child{margin-right: 0;} .product-nav-xl.fadeInDown .product-nav .p-d-nav{align-items: center;} .product-nav-xl.fadeInDown .product-nav .p-d-nav a.active::after{bottom: -15px;} .product-nav-xl.fadeInDown .p-d-nav{height: 55px;border-bottom:none} .product-nav-xl.fadeInDown{border-bottom: 4px solid rgba(14, 46, 84, .4);} .product-nav-xl.fadeInDown .product-nav .p-d-nav a {font-size: 18px;} /* .all-nav a:after{content: "";width: 100%;height: 4px;background-color: transparent;position: absolute;bottom: -4px;left: 0;} .all-nav a.active:after,.all-nav a:hover:after{background-color: var(--public-color);} */ .navbar-expand-lg .navbar-nav .pro-head .nav-item .dropdown-menu{position: fixed !important;position: relative;z-index: 9999;} .pro-head{display: flex;align-items: center;} .pro-head .nav-item{position: inherit;} .pro-head .nav-item .dropdown-menu{width: 100%;top: 73px;left: 0px;right: 0;border-bottom: solid 0px #e60012;} .pro-head .nav-item .dropdown-menu .dd-box-left{flex: 0 0 27%;} .pro-head .nav-item .dropdown-menu .dd-box-right{flex: 0 0 42%;} .pro-head .nav-item .dropdown-menu .nav-child-t1 a{opacity: .7;font-size: 16px;color: var(--public-color);padding: 10px 0;transition: all 0.5s;border-bottom: 2px dashed rgba(14,46,84,.2);display:flex;justify-content: space-between;} .pro-head .nav-item .dropdown-menu .nav-child-t1 a:hover,.pro-head .nav-item .dropdown-menu .dd-heb.active .nav-child-t1 a{opacity: 1;border-bottom: 2px dashed rgba(14,46,84,1);display:flex;justify-content: space-between;} .pro-head .nav-item .dropdown-menu .nav-child-t1 a i{font-weight: bold;color: var(--public-color);font-size: 12px;opacity: 0;transition: all 0.5s;} .pro-head .nav-item .dropdown-menu .nav-child-t1 a:hover i,.pro-head .nav-item .dropdown-menu .dd-heb.active .nav-child-t1 a i{opacity: 1;} /* .pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-list a{font-size: 15px;color: #76797d;margin: 7px 0;transition: all 0.5s ease;display: inline-block;} */ .pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-list a:hover{color: #db2d24;text-decoration: underline;} .pro-head .nav-item .dropdown-menu .dd-box-left .dd-heb{border-right: solid 1px #bfbfbf;} .pro-head .nav-item .dropdown-menu .dd-box-left .dd-heb .nav-child-list{display: flex;flex-direction: column;position: absolute;left: 35%;top: 0;} .pro-head .nav-item .dropdown-menu .dd-box-right .nav-child-list{display: flex;justify-content: space-between;flex-wrap: wrap;} .pro-head .nav-item .dropdown-menu .dd-box-right .nav-child-list a{flex: 0 0 49%;} .navbar-custom .navbar-nav .nav-item:hover>.dropdown-menu.dd-box{padding: 0px;} .dd-content{position: relative;width: 100%;display: flex;justify-content:space-between;height: 572px;} .dd-content .dd-left{width: 35%;padding-left: 85px;padding-top: 50px;} .dd-content .dd-left .a{margin-top: 50px;} .dd-content .dd-left .a a{position: relative;} .dd-content .dd-left .a a::after{content: "";width: 100%;height: 1px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;transition: width .6s ease-in-out;} .dd-content .dd-left .a a:hover::after{width: 0;} .dd-content .dd-middle{width: 35%;padding-top: 0px;} .dd-content .dd-middle .nav-child-list{margin-top: 0px;margin-bottom: 30px;} .dd-content .dd-middle .a{width: 100%;} .dd-content .dd-right{width: 35%;background-color: #f3f4f6;padding: 50px 70px 0 70px;} .dd-content .dd-right .a{display: flex;justify-content: flex-end;} .dd-content .dd-right .text{line-height: 35px;color: #333;margin-bottom: 40px;} .dd-content .dd-right .img{margin: 0 auto;width: 72px;height: 72px;border-radius: 50%;border: 1px dashed var(--public-color);display: flex;justify-content: center;align-items: center;background-color: transparent;transition: all .6s;} .dd-content .dd-right .list:hover img.lan{display: none;} .dd-content .dd-right .list:hover img.bai{display: inline-block;} .dd-content .dd-right .list:hover .img{background-color: var(--public-color);border: 1px solid var(--public-color);} .dd-content .dd-right .list img.lan{display: inline-block;} .dd-content .dd-right .list img.bai{display: none;} .dd-content .dd-right .list p{margin: 15px auto 0;font-size: 14px;line-height: 28px;color: var(--public-color);text-align: center;} .dd-content .dd-right .col-md-4{margin-bottom: 30px;} .dd-content .dd-heb{display: flex;justify-content: space-between;position: relative;} .dd-content .dd-heb .nav-child-t1 {width:100%;} .dd-content .dd-big-list{width: 100%;display: none;} .dd-content .dd-big-list.active{display: block;} .dd-content .dd-big-list:nth-child(1) .dd-list-box.active .nav-child-img{display: block;} .dd-content .dd-big-list:nth-child(1) .dd-list-box .nav-child-img{display: none;} .dd-content .dd-big-list a:hover{color: #333333;cursor: inherit;} .dd-content .dd-big-list:nth-child(1) a:hover{color: var(--public-color);cursor: pointer;} .dd-content .more-1{font-size: 16px;line-height: 32px;color: var(--public-color);} .dd-content .more-1 span{font-size: 15px;line-height: 32px;color: var(--public-color);font-family: 'Rubik';font-weight: bold;} .dd-content .more-1::after{background-color: var(--public-color);bottom: 0;height: 1px;} .dd-content .dd-list-box{display: flex;flex-direction: column;align-items: center;width: 90%;margin: 0 auto;} .dd-content .dd-list-box .nav-child-img{width: 80%;} .header.fadeInDown .header-top .nav-item .dd-content{cursor: initial;} .header.fadeInDown .header-top .nav-item .dropdown.active .dd-box{overflow: hidden;} /* .dd-content .dd-right{position: relative;} */ /* .dd-content .dd-list-box .nav-child-img{position: absolute;right: 0;top: 0;cursor: pointer;} */ .dd-content .nav-child-list a{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; font-size: 16px;line-height: 32px;color: #666; } /* .dd-content .nav-child-img{width: 50%;height: 250px;} .dd-content .nav-child-img img{width: 100%;height: auto;} */ /* .nav-list-box{position: absolute;top: 0;left: 35%;} */ /* .nav-child-img{position: absolute;top: 0;left: 75%;} */ @media(max-width:1830px){ .dd-content .dd-right {padding: 50px 60px 0 60px;} } @media(max-width:1780px){ .dd-content .dd-right {padding: 50px 50px 0 50px;} } @media(max-width:1740px){ .dd-content .dd-left{padding-left: 65px;} } @media(max-width:1720px){ .dd-content .dd-right {padding: 50px 40px 0 40px;} .dd-content .dd-left{padding-left: 45px;} } @media(max-width:1680px){ .dd-content .dd-right .text {font-size: 15px;line-height: 30px;margin-bottom: 35px;} .pro-head .nav-item .dropdown-menu .nav-child-t1 a {font-size: 15px;padding: 9px 0;} .dd-content {height: 550px;} } @media(max-width:1570px){ .dd-content .dd-right .text {font-size: 14px;line-height: 27px;margin-bottom: 20px;} .dd-content .dd-right .col-md-4 {margin-bottom: 20px;} .dd-content .nav-child-list a {font-size: 15px;line-height: 30px ;} .dd-content .dd-right .list p{font-size: 13px;line-height: 20px;} .dd-content {height: 500px;} } @media(max-width:1500px){ .dd-content .dd-left {width: 37%;} .dd-content .dd-middle{width: 33%;} .dd-content .dd-right .row{margin-left: -10px;margin-right: -10px;} .dd-content .dd-right .col-md-4{padding-left: 10px;padding-right: 10px;} } @media(max-width:1470px){ .dd-content .dd-right,.dd-content .dd-middle,.dd-content .dd-left{padding-top: 30px;} .pro-head .nav-item .dropdown-menu .nav-child-t1 a{font-size: 14px;} } @media(max-width:1430px){ .dd-content .dd-right .row{margin-left: -5px;margin-right: -5px;} .dd-content .dd-right .col-md-4{padding-left: 5px;padding-right: 5px;} .pro-head .nav-item .dropdown-menu .nav-child-t1 a {font-size: 13.5px;} } @media(max-width:1365px){ .dd-content .dd-right .list p{font-size: 12px;} } @media(max-width:1300px){ .pro-head .nav-item .dropdown-menu .nav-child-t1 a{font-size: 13px;padding: 8px 0;} } @media(max-width:1290px){ .dd-content .dd-right .list p{font-size: 11px;line-height: 16px;} .dd-content .dd-right .text {line-height: 25px;} } @media(max-width:1260px){ .dd-content .dd-left {width: 40%;} .dd-content .dd-middle {width: 28;} } @media(max-width:1200px){ .dd-content .dd-right { padding: 30px 30px 0 30px;} .dd-content .dd-left{padding-left: 30px;} } @media(max-width:1145px){ .dd-content .more-1 {font-size: 15px;line-height: 27px;} .dd-content .nav-child-list a{font-size: 14px;line-height: 25px;} .dd-content .dd-right .text {line-height: 20px;} .dd-content .dd-left .a {margin-top: 35px;} .dd-content .dd-middle .nav-child-list {margin-bottom: 50px;} .dd-content .dd-middle .more{width: 200px;height: 42px;} .dd-content .dd-middle .more::before{width: 13em;} } .header .header-top .nav-item .dropdown .dd-box .dd-content{animation: fadeInDown 1s;} .header.fadeInDown .header-top{padding: 5px 0 13px 0;} /*every-footer*/ .every-footer {height: 300px;background-color: var(--public-color);color: #fff;} .every-footer .container-xl{display: flex;align-items: center;height: 100%;justify-content: space-between;} .every-footer .title{color: #fff;margin-bottom: 30px;} .every-footer .left{width: 70%;} .every-footer .a .btn-sty{border-color: #fff;color: #fff;} .every-footer .a .btn-sty:hover::before{background-color: #fff;} .every-footer .a .btn-sty:hover{color:var(--public-color)} /*footer*/ .footer{padding-bottom: 90px;padding-top: 85px;} .footer ul{display: flex;align-items: center;margin-top: 40px;} .footer ul li .bor{font-size: 23px;color:#fff;border-radius: 4px;width: 27px;height: 28px;background-color: #000000;;display: flex;align-items: center;justify-content: center;} .footer ul li .col{width: 27px;height: 28px;color: #000000;font-size: 28px;display: flex;align-items: center;justify-content: center;} .footer ul li{margin-right: 27px;} .footer ul li:last-child{margin-right: 0px;} .footer ul li a:hover,.footer ul li .ul-hover:hover{color: var(--public-color); cursor: pointer;} .footer .top{display: flex;justify-content: space-between;} .footer .list-1{font-size: 16px;line-height: 30px;color: #000;width: 35%;} .footer .list-1 .text{margin-top: 50px;} .footer .list-2{width: 20%;} .footer .list-2 .font-sty{position: relative;padding-left: 30px;} .footer .list-2 .font-sty::before{content: "⇒";position: absolute;left: 0;} .footer .t1{font-size: 20px;line-height: 48px;font-weight: bold;color: #000;margin-bottom: 40px;} .footer .d1,.footer .d1 a{font-size: 16px;line-height: 48px;color: #000;} .footer .d1 a:hover{color: var(--public-color);text-decoration-line: underline;text-decoration-skip-ink: none;} .footer .list-3,.footer .list-2{padding-top: 20px;} .footer .list-3{width: 36%;} .footer .list-3 .d1{display: flex;align-items: center;} .footer .list-3 .img{width: 21px;height: 25px;display: flex;justify-content: center;align-items: center;margin-right: 25px;} .footer .list-3 .d1 p span{display: inline-block;margin-right: 35px;} .footer .bottom{display: flex;justify-content: space-between;margin-top: 85px;} .footer .bottom .copy{font-size: 16px;line-height: 25px;color: #000;} .footer .bottom .add .d{display: flex;align-items: center;font-size: 16px;line-height: 42px;color: #000;} .footer .bottom .add .d .img{margin-right: 20px;} .footer .bottom .add{width: 57%;} @media(max-width:768px){ .footer .bottom{margin-top:0;} .footer .bottom .copy{order:13;margin-top:10px;} } .h6{font-size: 18px;color: var(--public-color);font-weight: bold;margin-bottom: 5px;} .top-head{text-align: center;} .title{font-size: 42px;color: #000;line-height: 50px;} .title span{font-weight: bold;} .ul p{position: relative;} .ul p::before{content: "\f00c";font-family: 'cmsfont';color: #fff;padding-right: 20px;} .index-paper {padding-top: 145px;padding-bottom: 120px;} .index-product .top-head .title{margin-bottom: 20px;} .index-product .content {display: flex;justify-content: space-between;height: 740px;margin-top: 110px;} .index-product .content .items-1>img{width: 100%;height: 100%;} .index-product .content .items{width: calc(calc(100% - 40px) / 2);border-radius: 30px;overflow: hidden;height:740px} .index-product .content .items-1{position: relative;} /* .index-product .content .items-1 .box{transition: all .4s;position: absolute;bottom: -190px;} */ .index-product .content .items-1:hover .box{bottom: 50px;} .index-product .content .items-1{padding: 67px 67px 50px 67px;background-color: #f8f8f8;} .index-product .content .items-1 .box{margin-top: 60px;width: 100%;} .index-product .content .items .t1{font-size: 24px;color: #000;font-weight: bold;} .index-product .content .items.items-1 .ul{margin-top: 20px;font-size: 18px;line-height: 38px;} .index-product .content .items .ul{font-size: 14px;line-height: 24px;color: #fff;} .index-product .content .items-1 .t1{color: #fff;} .index-product .content .items-1 .t1,.index-product .content .list .t1{color: #fff;} .index-product .content .items-2 .list{overflow: hidden;height: calc(calc(100% - 40px ) / 2);border-radius: 30px;background-color: #f8f8f8;padding-left: 50px;padding-right: 40px;padding-top: 70px;padding-bottom: 50px;} .index-product .content .items-2 .card-box{height: 100%;display: flex;flex-direction: row-reverse;justify-content: space-between;} .index-product .content .items-2{display: flex;flex-direction: column;justify-content: space-between;} .index-product .content .items-2 .list .card-box{align-items: flex-start;} .index-product .content a{display: block !important;overflow: visible;} .index-product .content .items .t1:hover{color: var(--public-color);} .index-product .content .list .ul{margin-top: 20px;opacity: 1;} .index-product .content .items-2 .list .box{display: flex;flex-direction: column;} .index-product .content .items-2 .card>img{width:100%;height:100%;} .index-about{margin-top: 140px;margin-bottom: 120px;} .index-about .about-first{display: flex;justify-content: space-between;margin-bottom: 100px;} .index-about .about-first .title span{display: block;} .index-about .about-first .title{line-height: 48px;margin-bottom: 38px;} .index-about .about-first .left{width: 45%;} .index-about .about-first .left .text p{margin-bottom: 25px;} .index-about .about-first .left .text{margin-bottom: 100px;} .index-about .about-first .left .text p:last-child{margin-bottom: 0;} .index-about .about-first .right{width: 50%;border-radius: 50px;overflow: hidden;} .index-about .about-second .list{display: flex;align-items: center;} .index-about .about-second .list .img{margin-right: 40px;} .index-about .about-second .col-md-4{margin-bottom: 40px;} .index-about .about-second .row{margin-bottom: -40px;} .index-about .about-second p{line-height: 26px;color: #000;font-weight: bold;} .index-adv{background-color: #f8f8f8;padding-top: 150px;padding-bottom: 170px;} .index-adv .top-head{margin-bottom: 105px;} .index-adv .content{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -40px;} .index-adv .content .card-1{display: flex;justify-content: space-between;align-items: center; border-radius: 30px;padding-top: 40px;padding-bottom: 35px;padding-left: 35px;} .index-adv .content .items{width: calc(calc(100% - 35px) / 2);background-color: #ffffff; box-shadow: 0px 30px 50px 0px rgba(99, 99, 99, 0.1);margin-bottom: 40px;} .index-adv .content .t1{font-size: 16px;line-height: 26px;color: #000;font-weight: bold;margin-bottom: 5px;} .index-adv .content .left{display: flex;flex-direction: column;width: 60%;} .index-adv .content .text{margin-bottom: 30px;font-size: 16px;line-height: 28px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .index-adv .content .items:first-child .img{margin-bottom: 20px;} .index-adv .content .left .img{margin-bottom: 39px;} .index-adv .content .right{width: 38%;} .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;} .max-1660px{max-width: 1660px;} .index-part .max-1660px{margin-right: 0;padding-right: 0;display: flex;justify-content: space-between;align-items: center;} .index-part .content{margin-top: 85px;} .index-part .img{height:85px;background-color: #f8f8f8;border-radius: 10px;display: flex;justify-content: center;align-items: center;} .index-part .img img{width: 70%;mix-blend-mode: darken;transition: all .6s;} .index-part .img:hover .an{display: none;} .index-part .img:hover .liang{display: block;} .index-part .img .liang{display: none;transition: all .6s;} .index-part .left{width: 67%;} .index-part .right{width: 32%;} .index-part .col-md-3{margin-bottom: 40px;} .all-news .items{padding: 20px; border-radius: 30px;} .all-news .t1{font-size: 18px;line-height: 26px;color: #000;font-weight: bold;margin-bottom: 35px;} .all-news .text{font-size: 16px;line-height: 26px;} .all-news .items .box{padding:65px 20px 20px 20px;} .index-news{margin-top: 34px;} .index-news .title{text-align: center;margin-bottom: 115px;position: relative;} .index-news .title::after{content: url(../../images/index-29.webp);position: absolute;top: -75%;left:0;margin-left: auto;margin-right: auto;width: 100%;display: block;} .index-news .items{background-color: #f8f8f8;} .index-news .items .img{border-radius: 30px;} .index-news .l-r-btn{ position: relative; } .index-news .all-hover{ top: inherit; } .index-news .container-xl>.box{display: flex;justify-content: space-between;align-items: center;} .index-news .mySwiper-6{ /* margin-bottom: 70px; */ padding-bottom: 40px; } .index-news .l-r-btn{ display: flex; justify-content: flex-end; /* margin-right: -8px; */ width: 10%; } .index-news .l-r-btn .all-hover:after{ content: ""; } .index-news .l-r-btn .all-hover{ width: 51px; height: 51px; background-color: #ffffff; border-radius: 50%; border: solid 4px var(--public-color); color: var(--public-color); top: inherit; left: inherit; right: inherit; bottom: inherit; position: inherit; margin-right: 10px; margin-top: inherit; transition: all .6s; font-family: 'Urbanist'; } .index-news .l-r-btn .all-hover:last-child{margin-right: 0;} .index-news .l-r-btn i{font-size: 15px;} .index-news .l-r-btn .all-hover:hover{ color:#fff; background-color: var(--public-color); border: 1px solid transparent; } .index-news .swiper-pagination-6{ position: inherit; width: 88%; height: 5px; display: flex; } .index-news .swiper-pagination-6 .swiper-pagination-bullet { flex: 1; border-radius: 0; width: inherit; height: 5px; background-color: #0e2e54; opacity: 0.1;; margin:0; } .index-news .swiper-pagination-6 .swiper-pagination-bullet-active{ background-color: var(--public-color); opacity: 1; } .index-news .mySwiper-6{margin-bottom: 52px;} @media(max-width:1550px){ .all-news .items .box {padding: 10px;} .all-news .items .t1 {font-size: 16px;line-height: 24px;} .all-news .items .text {margin-bottom: 10px;line-height: 24px;} .index-banner .h1 {font-size: 55px;} } @media(max-width:1450px){ .index-adv .content .left{width: 65%;} .index-adv .content .right {width: 35%;} .all-news .items .img {margin-bottom: 20px;} .all-news .items {padding: 10px;} .index-banner .h1 {font-size: 50px;} .index-banner .a {margin-top: 50px;} } @media(max-width:1305px){ .index-product .content .items,.index-product .content{height: 655px;} .index-product .content .items-1 .box {margin-top: 40px;} .index-product .content .items .t1 {font-size: 22px;} .index-product .content .items .ul {font-size: 17px;line-height: 27px;} .index-product .content .items.items-1 .ul {font-size: 17px;line-height: 27px;} .index-about .about-first .title {font-size: 40px;} .index-adv .content .left{width: 70%;} .index-adv .content .right {width: 30%;} .index-banner .h1 {font-size: 45px;} } @media(max-width:1265px){ .index-product .content .items-2 .list{padding-left:35px} .index-product .content .items .t1 {font-size: 21px;} .index-about .about-first .title {font-size: 38px;margin-bottom: 30px;} .index-about .about-first .left .text p{margin-bottom: 15px;} .index-about .about-first .left .text {margin-bottom: 60px;} } @media(max-width:1200px){ .index-product .content .items .t1 {font-size: 18px;} .index-product .content .items .ul{font-size: 14px;line-height: 32px;} .index-product .content .items.items-1 .ul{font-size: 14px;line-height: 32px;} .index-product .content .items ,.index-product .content{height: 560px;} } .quality-paper{padding-top: 210px;padding-bottom: 170px;} .quality-first .top-head{margin-bottom: 100px;} .quality-first .top-head .text{text-align: left;} .quality-first .top-head .text p{margin-bottom: 35px;} .quality-first .top-head .text p:last-child{margin-bottom: 0px;} .quality-first .content{display: flex;justify-content: space-between;} .quality-first .content .left{width: 51%;} .quality-first .content .right{width: 44%;border-radius: 30px;overflow: hidden;} .quality-first .content .title span{color: var(--public-color);} .quality-first .content .title {margin-top: 30px;margin-bottom: 50px;} .quality-first .content li span{color: var(--public-color);padding-right: 20px;} .quality-first .content .text{margin-bottom: 35px;} .quality-first{margin-bottom: 135px;} .quality-process .top-head .img{margin-bottom: 30px;} .quality-process .top-head{margin-bottom: 90px;} .quality-process .content{display: flex;justify-content: space-between;} .quality-process .content .items{transition: all .6s;width: calc(calc(100% - 40px * 2) / 3);padding: 20px;border: 1px dashed #cccccc;border-radius: 20px;} .quality-process .content .items .box{padding:20px;} .quality-process .content .items .img{margin-bottom: 35px;border-radius: 20px;overflow: hidden;} .quality-process .content .items .t1{font-size: 18px;line-height: 26px;color: #000;margin-bottom: 20px;} .quality-process .content .items .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;margin-bottom: 20px;} .quality-process .content .items .text span{color: var(--public-color); font-family: "Poppins", serif; font-weight: 600; font-style: normal;} .quality-process .content .items:hover{border-color: var(--public-color);} .quality-process{margin-bottom: 120px;} .quality-equip{margin-bottom: 140px;} .quality-equip .container-xl{display: flex;justify-content: space-between;align-items: center;} .quality-equip .left{width: 50%;border-radius: 30px;overflow: hidden;} .quality-equip .right{width:43%} .quality-equip .right .title{margin-bottom: 50px;} .quality-equip .right .text{margin-bottom: 30px;} .quality-equip .right li span{color: var(--public-color);padding-right: 20px;} .quality-cer{position:relative;} .quality-cer .top-head{margin-bottom: 100px;} .quality-cer .top-head .img{margin-bottom: 40px;} .quality-cer .top-head .title{margin-bottom: 30px;} .quality-cer .swiper-slide{border-radius: 10px;border:dashed 1px #cccccc;padding: 20px 15px;} .quality-cer .swiper-slide-active{border-color: var(--public-color);padding: 30px 20px;margin-bottom: 20px;} .quality-cer .swiper-wrapper{align-items: flex-end;margin-bottom: -20px;} .quality-cer .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /* transition: 300ms; */ transform: scale(0.9); } .quality-cer .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1); } .quality-cer .content-swiper{height: 400px;} /* .quality-cer .all-hover::after{content: ;} */ .quality-cer .all-hover,.quality-cer .pagination-1{margin-top: 0;position: static;} .quality-cer .l-t-box{display: flex;justify-content: center;align-items: center;padding-top: 25px;position:relative;} .quality-cer .l-t-box .swiper-button-prev,.quality-cer .l-t-box .swiper-button-next{position:relative;width:initial;height:initial;left:initial;right:initial;top:initial;bottom:initial;margin-top:0} .quality-cer .next-1{content: url(../../images/quality-14.webp);} .quality-cer .prev-1{content: url(../../images/quality-15.webp);} .quality-cer .swiper-pagination-bullet{margin-right: 10px;background-color: #000000; opacity: 0.2;} .quality-cer .swiper-pagination-bullet:last-child{margin-right: 0;} .quality-cer .pagination-1{margin: 0 20px;width: inherit;} .quality-cer .swiper-pagination-bullet-active{background-color: #009943;opacity: 1;} .quality-cer .all-hover{width: inherit;height: inherit;} @media(max-width:1300px){ .quality-first .content .title {font-size: 39px;margin-bottom: 35px;} .quality-process .content .items .box {padding: 10px;} } .cer-paper{padding-top: 290px;padding-bottom: 280px;} .cer-paper .row{margin-right: -40px;margin-left: -40px;} .cer-paper .col-md-3{padding-left: 40px;padding-right: 40px;margin-bottom: 40px;} .cer-paper .list{border-radius: 14px;border: dashed 1px #cccccc;padding: 30px;transition: all .6s;} .cer-paper .list p{font-size: 16px;color: #333;margin-top: 15px;} .cer-paper .list:hover{border-color: var(--public-color);} .ability-paper{padding-top: 215px;padding-bottom: 220px;} .ability-first{margin-top: 125px;} .ability-first .top-head .title{margin-top: 30px;color: var(--public-color);margin-bottom: 55px;} .ability-first .items .container-xl{display: flex;justify-content: space-between;align-items: center;} .ability-first .items .t1{font-size: 36px;color: #000;margin-bottom: 45px;} .ability-first .items .h4{font-size: 22px;color: var(--public-color);font-family: "Poppins", serif;font-weight: 500;font-style: normal;display: block;} .ability-first .items .text p{margin-bottom: 30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .ability-first .items span{color: var(--public-color);} .ability-first .items-4 span{font-weight: bold;} .ability-first .items .text p:last-child{margin-bottom: 0;} .ability-first .items .left{width: 44%;} .ability-first .items .right{width: 50%;} .ability-first .items:nth-child(1){margin-bottom: 60px;} .ability-first .items:nth-child(even) .container-xl{flex-direction: row-reverse;} .ability-first .max-1660px{margin-right: 0;padding-right: 0;} .ability-first .all-hover:after{content: "";} .ability-first .all-hover{ width: 51px; height: 51px; background-color: var(--public-color); border-radius: 50%; border: solid 4px var(--public-color); color: #fff; top: inherit; left: inherit; right: inherit; bottom: inherit; position: static; margin-right: 10px; margin-top: inherit; transition: all .6s; font-family: 'Urbanist'; } .ability-first .l-r-btn .all-hover:last-child{margin-right: 0;} .ability-first .l-r-btn i{font-size: 15px;} .ability-first .l-r-btn .all-hover:hover{ color:var(--public-color); background-color: #fff; border: 1px solid transparent; border: solid 4px var(--public-color); } .ability-first .l-r-btn {display: flex;justify-content: space-between;width: 78%;left: -31px;position: absolute;top: 45%;} .ability-first .items-3 .right{position: relative;} .ability-first .items-3{margin-bottom: 140px;} .ability-first .mySwiper-2 img{border-radius: 30px;} .ability-first .items-3 .left{width: 37%;} .ability-first .items-3 .right{width: 57%;} .ability-first .items:nth-child(2){margin-bottom: 136px;} .ability-first .items-4 .img{margin-top: 55px;} .ability-first .items-4 .left .text{width: 70%;} .ability-first .items-4 .left{width:51% } .ability-first .items-4 .right{width: 42%;} .ability-first .items-4 .container-xl{align-items: flex-end;} .ability-paper hr{border-top:2px dashed rgba(0, 154, 68, .8);margin-top:130px;padding-bottom: 135px;} .ability-product .top-head{text-align: left;margin-bottom: 85px;} .ability-product .top-head .img{margin-bottom: 30px;} .ability-product .top-head .title span{color: var(--public-color);} .ability-product .top-head .title {margin-bottom: 55px;} .ability-product .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 120px;} .ability-product .items .t1{font-size: 36px;color: #000;margin-bottom: 35px;} .ability-product .items .text{margin-bottom: 40px;} .ability-product .items li span{color: var(--public-color);padding-right: 20px;} .ability-product .items:nth-child(2){flex-direction: row-reverse;} .ability-product .items .left{width: 45%;} .ability-product .items .right{width: 50%;} .ability-product .items:last-child{margin-bottom: 0;} .ability-product .content-img{display: flex;justify-content: space-between;margin-top: 165px;} .ability-product .col-md-4{padding-left: 18px;padding-right: 18px;margin-bottom: 37px;position: relative;} .ability-product .row{margin-left: -18px;margin-right: -18px;} .ability-product .content-img img{border-radius: 20px;} /* .ability-product .content-img .img:hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} */ .ability-product .content-img .card-thumb:hover img { transform: scale(1.27); box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.5); border-radius: 30px; border: solid 18px #ffffff;position: absolute; z-index: 1; } .ability-product .content-img .card-thumb{overflow: visible;} @media(max-width:1250px){ .ability-first .items .text p{margin-bottom: 15px;} .ability-first .items .text{font-size: 17px;line-height: 31px;} .ability-product .items .text {margin-bottom: 20px;font-size: 17px;line-height: 31px;} } .contact-paper{padding-top: 250px;} .contact-paper .contact-top>.title{margin-bottom: 45px;} .contact-paper .contact-top .content{margin-top: 75px;display: flex;justify-content: space-between;flex-wrap: wrap;} .contact-paper .contact-top .list{background-color: #ffffff; box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);width: calc(calc(100% - 40px * 2) / 3);padding: 35px 35px 60px 49px;position: relative;} .contact-paper .contact-top .list .img{width: 71px;height: 51px;} .contact-paper .contact-top .list .t1{font-size: 22px;color: var(--public-color);margin-top: 34px;margin-bottom: 20px;} .contact-paper .contact-top .list::after{content: "";width: 100%;height: 100%;background-color: var(--public-color);box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);position: absolute;left: 0;top: 0;z-index: -1;transition: all .6s;} .contact-paper .contact-top .list:hover::after{transform: rotate(10deg);} .contact-paper .contact-bottom .h5{font-size: 24px;line-height: 28px;color: #333;margin-bottom: 35px;} .contact-paper .contact-bottom{margin-top: 75px;} .contact-paper .contact-bottom .title{margin-bottom: 35px;} .contact-paper .contact-bottom .title::after{display: block;content: "";width: 120px;height: 3px;background-color: var(--public-color);margin-top: 39px;} .contact-paper .contact-bottom .bottom{display: flex;justify-content: space-between;margin-top: 80px;} .contact-paper .bottom .d1{display: flex;align-items: center;} .contact-paper .bottom .d1 .img{width: 21px;height: 25px;display: flex;justify-content: center;align-items: center;margin-right: 22px;} .contact-paper .bottom .d1 span{font-size: 18px;line-height: 52px;color:#999999;} .contact-paper .bottom .d1 .font-sty{color: #000;font-size: 18px;line-height: 52px;} .contact-paper .bottom .d1 .font-sty:hover{text-decoration-line: underline;text-decoration-skip-ink: none;} .contact-paper .bottom .left{width: 45%;} .contact-paper .bottom .right{width: 50%;} .contact-paper .bottom{margin-bottom: 135px;} .contact-paper .form-control:focus::placeholder{color: #333333} .contact-paper .form-control{border:none;background-color: #f7f7f7;font-size: 17px;line-height: 36px;} .contact-paper .form-control::placeholder{color: #999999; font-family: "Poppins", serif; font-weight: 300; font-style: normal;} .contact-paper .btn-box{display: flex;justify-content: flex-end;margin-top: 40px;} .index-paper .all-news .items{position: relative;} .news-paper{padding-top: 250px;padding-bottom: 300px;background-image: url(../../images/news-back.webp);background-repeat: no-repeat;background-size: contain; background-position: left 110px center;} .news-paper .row{margin-left: -20px;margin-right: -20px;} .news-paper .col-md-4{padding-right: 20px;padding-left: 20px;margin-bottom: 50px;} .all-news .items{border-radius: 30px;border: dashed 1px #cccccc;transition: all .6s;padding: 20px;height: 100%;} .all-news .items .box{padding:20px;} .all-news .items .img{margin-bottom: 35px;border-radius: 30px;overflow: hidden;} .all-news .items .t1{transition: all .7s;font-size: 18px;line-height: 26px;color: #000;margin-bottom: 20px;font-weight: bold;position: relative;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .all-news .items:hover .t1{color: var(--public-color);} .all-news .items .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;margin-bottom: 20px;font-size: 16px;line-height: 26px;color: #666; 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 .items .text span{color: var(--public-color); font-family: "Poppins", serif; font-weight: 600; font-style: normal;} .all-news .items:hover{border-color: var(--public-color);} .time{color: var(--public-color);font-size: 18px;line-height: 26px;font-weight: bold;margin-bottom: 25px;display: flex;align-items: center;} .time::before{content: "";width:18px;height: 18px;background-color: var(--public-color);display: inline-block;margin-right: 9px;} /*news-in-paper*/ .news-in-paper .share { display: flex; } .news-in-paper .share { margin-left: 48px; } .news-in-paper .share ul { display: flex; margin-left: 8px; } .news-in-paper .share ul a { color: #fff; font-size: 16px; background-color: var(--public-color); display: inline-flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: 2px; border: 1px solid transparent; transition: ease-in-out .6s; } .news-in-paper .share ul a:hover { border: 1px solid var(--public-color); background-color: transparent; color: var(--public-color); } .news-in-paper .share ul li { font-size: 0; margin-right: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .news-in-paper .share ul li:last-child { margin-right: 0; } .news-in-paper { /* margin-top: 105px; */ margin-bottom: 140px ; /* margin-top: 60px; */ padding-top: 80px; background: url(../../images/p-l-back-1.webp) no-repeat left 20px top 0; } .news-in-paper .main-top{ margin-bottom: 125px; } .news-in-paper .top-content { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 2px solid rgba(10, 68, 132, .1); } .news-in-paper h1 { font-size: 36px; line-height: 48px; color: #333; /* margin-top: 60px; */ } .news-in-paper .type { display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 32px; margin-top: 60px; padding-bottom: 30px; border-bottom: 2px dashed var(--public-color); } .news-in-paper .type-box{display: flex;} .news-in-paper .share { display: flex; } .news-in-paper .time { margin-right: 40px; display: flex; align-items: center; margin-bottom: 0; } .news-in-paper .time img{display: inline-block;margin-right: 10px;} .news-in-paper .publisher{color: var(--public-color);} .news-in-paper .bottom-content{ display:flex; justify-content: space-between; font-size: 18px; } .news-in-paper .article { width: 65%; } .news-in-paper .article .content{ color: #666666; line-height: 35px; font-size: 18px; border-bottom: 2px dashed var(--public-color); padding-bottom: 90px; padding-top: 62px; } .news-in-paper .article .content img{max-width: 100% !important;height: auto !important;} .news-in-paper .article .content p{margin-bottom: 25px;} .news-in-paper .article .content p strong{font-weight: 600;} .news-in-paper .article .content p:last-child{margin-bottom: 0;} .news-in-paper .box-tail{ font-size: 18px; line-height: 28px; margin-top: 54px; display: flex; justify-content: space-between; } .news-in-paper .box-tail .left{ width: 75%; } .news-in-paper .box-tail .right{ width: 20%; /* display: flex; justify-content: flex-end; margin-top: 50px; */ } .news-in-paper .box-tail .btn-sty{padding: 0;width: 100%;font-size: 18px;line-height: 0;display: flex;align-items: center;justify-content: center;} /* .news-in-paper .box-tail p{display: flex;} */ .news-in-paper .box-tail p a{ display: inline-block; transition: all .6s; color: #666; font-size: 18px; line-height: 35px; } .news-in-paper .box-tail p a:hover{ /* color: var(--public-color); */ text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 5px; text-decoration-thickness:1px; } .news-in-paper .box-tail p span{ color: var(--public-color); width: 56px; font-weight: bold; } .news-in-paper .box-tail p:first-child{ margin-bottom: 40px; } .news-in-paper .box-tail p:hover{ } .news-in-paper .aside{ width: 27%; } .news-in-paper .aside>.h3{ font-size: 28px; line-height: 46px; margin-bottom: 45px; color: var(--public-color); font-weight: bold; } .news-in-paper .aside .aside-box{ padding-bottom: 60px; } .news-in-paper .aside .aside-box>.items{ padding-bottom: 30px; display: flex; justify-content: space-between; align-items:center; border-bottom: 2px dashed rgba(66, 146, 157, .2); margin-bottom: 30px; padding-left: 10px; } .news-in-paper .aside .aside-box>.items:nth-of-type(3){margin-bottom: 0;} .news-in-paper .aside .aside-box>.items .img{ width: 34%; } .news-in-paper .aside .aside-box>.items .img a{display: flex;justify-content: center;align-items: center; border-radius: 10px; overflow: hidden;} .news-in-paper .aside .aside-box>.items img{ height: auto; width: 165px; } .news-in-paper .aside .aside-box>.items .text{ width: 60%; display: flex; flex-direction: column; justify-content: space-between; } .news-in-paper .aside .aside-box .text{ position: relative; z-index: 1; } .news-in-paper .aside .aside-box .text .h3 a{ font-size: 16px; line-height: 25px; color: #333333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; font-weight: 300; font-style: normal; } .news-in-paper .aside .aside-box .text .h3 a:hover{ color: var(--public-color); text-decoration: underline; text-decoration-skip-ink: none; } .news-in-paper .aside .aside-box .text>.a a{ font-size: 14px; font-weight: bold; border:0; color: var(--public-color); text-decoration-line: underline; text-decoration-skip-ink: none; text-underline-offset: 5px; transition: all .6s; } .news-in-paper .aside .aside-box .text>.a a:hover{text-decoration: none;} /* .news-in-paper .aside .aside-box .text>.a a span{margin-bottom: -25px;position: relative;} .news-in-paper .aside .aside-box .text>.a a span::after{content: "";position: absolute;bottom: 5px;left: 0;width: 100%;height: 1px;background-color: var(--public-color);display: block;} .news-in-paper .aside .aside-box .text>.a a:hover{text-decoration: none;} */ .news-in-paper .aside .aside-box .text .cont{ font-size: 14px; line-height: 20px; color: #666666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; */ height: 35px; -webkit-box-orient: vertical; margin-top: 10px; margin-bottom: 15px; } .news-in-paper .aside-box-1{background-color:var(--public-color);padding: 50px 43px 75px 45px;} .news-in-paper .aside-box-1 .t1{font-size: 18px;line-height: 28px;font-weight: bold; color:#fff;margin-bottom: 25px;} .news-in-paper .aside-box-1 .form-row>[class*="col-"]{padding: 0;} .news-in-paper .aside-box-1 .form-row>.col{padding: 0;} .news-in-paper .aside-box-1 .form-row{margin-right: 0;margin-left: 0;} .news-in-paper .aside-box-1 .form-control::placeholder{color:#999;opacity: .6;font-size: 16px;line-height: 36px;} .news-in-paper .aside-box-1 .form-control:focus::placeholder{color:#333333;opacity: 1;} .news-in-paper .aside-box-1 .form-control{border-color: transparent;font-size: 16px;line-height: 36px;} .news-in-paper .aside-box-1 .form-control:focus{background-color: #fff;} .news-in-paper .aside-box-1 .form-group{margin-bottom: 8px;} .news-in-paper .aside-box-1 .form-feedback .form-control {padding-left: 10px;} .news-in-paper .aside-box-1 .btn-sty{margin-top: 30px;width:100%;border-radius: 23px;text-align:center; border: solid 4px #ffffff;color: #fff;font-size: 14px;padding: 0;height: 46px;} .news-in-paper .aside-box-1 .btn-sty:hover::before{background-color: #fff;} .news-in-paper .aside-box-1 .btn-sty:hover{color: var(--public-color);} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .all-product .title{color: var(--public-color);} @media(max-width:1320px){ .news-in-paper .aside-box-1{padding: 40px 35px 50px 35px} } .news-in-paper .all-nav .more:first-child:before{width: 15em;} .news-in-paper .all-nav .more::before{width: 20em;} .news-in-paper .all-nav-hr hr{width: 100%;} .news-product .title{margin-bottom: 85px;} .all-product .items{border: solid 1px #cccccc;padding: 20px 0 35px 20px; transition: all .6s;height:100%} .all-product .items .text { font-size: 14px; line-height: 24px; 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-product .items .img{/*height: 325px;*/display: flex;align-items: center;} .all-product .items .h4{font-size: 22px;line-height: 32px;color: #333;margin-bottom: 10px;position: relative;display: block;transition: all .7s;} .all-product .items .h4::after{ transition: all .6s; content: ""; width: 0; height: 100%; background-color: var(--public-color); position: absolute; left: -15px; top: 0; z-index: -1; border-radius: 25px;} .all-product .items:hover .h4::after{width: 100%;} .all-product .items:hover .h4{color: #fff;} .all-product .items:hover{border-color: var(--public-color);} .all-product .col-md-4{padding-right: 20px;padding-left: 20px;} .all-product .row{margin-right: -20px;margin-left: -20px;} .cust-paper{padding-top: 215px;padding-bottom: 225px;} .cust-paper>.container-xl .text p{margin-bottom: 25px;} .cust-paper>.container-xl .text p:last-child{margin-bottom: 0;} .cust-paper .items{display: flex;justify-content: space-between;border-top: 2px dashed rgba(0, 154, 68, .6);margin-bottom: 100px;} .cust-paper .content{margin-top: 120px;} .cust-paper .items .num{font-size: 150px;line-height: 150px;color: var(--public-color);padding-top: 60px ;width: 16%;border-right: 2px dashed rgba(0, 154, 68, .6);} .cust-paper .items .list{padding-top: 75px;width: 84%;padding-left: 40px;} .cust-paper .items .img{border-radius: 30px;} .cust-paper .items .bottom{display: flex;justify-content: space-between;margin-top: 95px;} .cust-paper .items .left{width: 55%;} .cust-paper .items .right{width: 40%;} .cust-paper .items .ul p::before{content: "◉";display: inline-block;color: var(--public-color);} .cust-paper .items .text,.cust-paper .items .ul{font-weight: 300; font-style: normal;} .cust-paper .items .text p{margin-bottom: 25px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .cust-paper .items .text p:last-child{margin-bottom: 0;} .cust-paper .items .title{margin-bottom: 55px;} .cust-paper .items .t1{font-size: 18px;line-height: 32px;font-weight: 600;font-style: normal;color: #333333;margin-top: 18px;margin-bottom: 35px;} .cust-paper .items:last-child{margin-bottom: 0;} @media(max-width:1200px){ .cust-paper .items .text, .cust-paper .items .ul{font-size: 16px;line-height: 30px;} .cust-paper .items .text p{margin-bottom: 15px;} .cust-paper .items .title {font-size: 40px;line-height: 39px;} } .about-paper{padding-top: 235px;padding-bottom: 250px;} .about-first{margin-bottom: 135px;} .about-first .top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 130px;} .about-first .top .title{margin-bottom: 55px;} .about-first .top .text p{margin-bottom: 25px;} .about-first .top .text p:last-child{margin-bottom: 0;} .about-first .top .right img{border-radius: 30px;} .about-first .top .right {width: 50%;} .about-first .top .left{width: 45%;} .about-first .bottom{display: flex;justify-content: space-between;} .about-first .bottom .box{display: flex;align-items: center;} .about-first .bottom .h3{display: flex;align-items: flex-end;} .about-first .bottom .h3{font-size: 72px;line-height: 32px;color: var(--public-color);font-weight: bold;} .about-first .bottom .h3 span{font-size: 36px;display: block;margin-bottom: -10px;font-weight: 500;} .about-first .bottom .img{margin-right: 30px;} .about-first .bottom .list>p{font-size: 18px;line-height: 32px;color: #333;font-weight: 300;font-style: normal;margin-top: 25px;} .about-history{display: flex;justify-content: space-between;} .about-history .left .img:first-child{margin-bottom: 210px;} .about-history .left .img:last-child{margin-left: -152px;} .about-history .left{width: 45%;} .about-history .right{width: 50%;padding-top: 57px;} .about-history .right .t1{font-weight: 500;font-style: normal;color: #000;} .about-history .right .date{color: var(--public-color);font-weight: 300;font-style: normal;} .about-history .right .text{font-weight: 300;font-style: normal;} .about-history .right .title{margin-bottom: 75px;} .about-history .right .list{margin-bottom: 25px;} .about-history .right .list:nth-last-child(){margin-bottom: 0;} .about-history .right .text-box{height: 755px;overflow: auto;} .about-history .text-box::-webkit-scrollbar{width: 6px;} .about-history .text-box::-webkit-scrollbar-track {background-color: rgba(167, 167, 167, .2);border-radius: 3px;} .about-history .text-box::-webkit-scrollbar-thumb{background-color: var(--public-color);border-radius: 3px;} .about-cer .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;} .about-cer .top .img{margin-bottom: 30px;} .about-cer .top .title{margin-bottom: 45px;} .about-cer .top .left{width: 45%;} .about-cer .top .right{width: 34%;} .about-cer .top .btn-sty{padding: 0 55px;} .about-paper hr{border-top: 2px dashed rgba(0, 154, 68, .6);margin-top: 125px;margin-bottom: 80px;} .about-sust .top-head{text-align: left;margin-bottom: 105px;} .about-sust .title span{color: var(--public-color);} .about-sust .title{margin-top: 30px;margin-bottom: 55px;} .about-sust .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 90px} .about-sust .items:nth-child(even){flex-direction: row-reverse;} .about-sust .items:last-child{margin-bottom: 0} .about-sust .items .left{width: 43%;} .about-sust .items .right{width: 50%;} .about-sust .items .right img{border-radius: 30px;} .about-sust .items .t1{position: relative;font-size: 36px;font-weight: 600;font-style: normal;color: #000;margin-bottom: 32px;} .about-sust .items .t1 span { width: 50px; height: 50px; background-color: var(--public-color); border-radius: 6px; color: #fff; font-size: 30px; display: inline-flex; justify-content: center; align-items: center; margin-right: 20px; } .about-sust .items:nth-child(even) .t1{padding-left: 70px;} .about-sust .items:nth-child(even) .t1 span{ position: absolute; left: 0; top: 0;} .about-sust .items .text span{color: var(--public-color);} .about-sust .items .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} @media(max-width:1400px){ .about-first .top .title {margin-bottom: 35px;} .about-first .top .text p{margin-bottom: 15px;} .about-first .top .text{font-size: 17px;} .about-history .right .text-box{font-size: 17px;line-height: 31px;} } @media(max-width:1230px){ .about-sust .items .t1 {font-size: 32px;} } .product-index{padding-top: 215px;padding-bottom: 180px;} .product-index .container-xl>.text p{margin-bottom: 25px;} .product-index .container-xl>.text p:last-child{margin-bottom: 0;} .product-index .container-xl>.text{margin-bottom: 90px;} .product-index .content{display: flex;justify-content: space-between;} .product-index .content .list{height: 500px;position: relative;;width: calc(calc(100% - 40px * 2) / 3);border-radius: 30px;overflow: hidden;} .product-index .content .t1{transition: all .7s;margin-top: 100px;display: flex;align-items: center;justify-content: space-between;font-size: 24px;line-height: 26px;font-weight: 600;font-style: normal;color: #000;} .product-index .content .t1 span{transition: all .7s;display: inline-flex;justify-content: center;align-items: center;width: 38px;height: 38px;border-radius: 50px;border: 4px solid var(--public-color);color: var(--public-color);} .product-index .content .list .box { position: absolute; left: 0; bottom: 0; padding: 38px; background-color: #f8f8f8; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; transition: all .6s; } .product-index .content .list:hover .t1{margin-top: 30px;color: #fff;} .product-index .content .list:hover .t1 span{border-color: #fff;color: #fff;} .product-index .content .list:hover .box{background-color: var(--public-color);border-radius: 30px;height: 300px;} .product-index .content .list:hover .img{width: 80%;} .product-index .top{margin-top: 155px;margin-bottom: 85px;} .product-index .top .title{margin-bottom: 60px;} .product-index .top .text p{margin-bottom: 25px;} .product-index .top .text p:last-child{margin-bottom: 0;} .product-index .bottom{display: flex;justify-content: space-between ;} .product-index .bottom .list{border-radius: 30px;border: dashed 1px #aaaaaa;padding: 15px 15px 40px 15px;transition: all .6s;width: calc(calc(100% - 29px * 3) / 4);} .product-index .bottom p{font-size: 18px;line-height: 26px;color: #000;font-weight: 600;font-style: normal;margin-top: 35px;padding-left: 15px;} .product-index .bottom .list:hover{border-color: var(--public-color);} .product-list{padding-top: 80px;padding-bottom: 135px;} .product-list .top{margin-bottom: 137px;} .product-list .top .first{display: flex;justify-content: space-between;align-items: center;margin-bottom: 75px;} .product-list .top .title{margin-bottom: 40px;} .product-list .top .left .text{margin-bottom: 50px;} .product-list .top .left{width: 43%;} .product-list .top .right{width: 50%;} .product-list .top .right .img .img-sh{width:60%} .product-list .top .right .img .img-sc{width:65%} .product-list .top .right .img img:first-child{border-radius: 30px;} .product-list .top .right .img{position: relative;display: flex;justify-content: center;padding-bottom: 0px;} .product-list .top .right .img-pro{position: absolute;left: auto;bottom: 33px;right: 36px;} .product-list.all-swc .top .right .img-pro{bottom: 0;right: auto;} .product-list.all-swc .top .right .img{padding-bottom: 45px;} .product-list .all-product .ul{font-size: 14px;line-height: 24px;margin-top: 10px;font-weight: 300;font-style: normal;} .product-list .all-product .ul p::before{content: none;} .product-list .all-product .ul p strong{color: var(--public-color);padding-right: 10px;} .product-list .all-product .col-md-4{margin-bottom: 40px;} .product-list .all-product{padding-bottom: 60px;} .product-list .p-l-adv .title{margin-bottom: 85px;} .p-l-adv .content{display: flex;justify-content: space-between;} .p-l-adv .content .list { width: calc(calc(100% - 25px * 3) / 4); border-radius: 20px; border: dashed 1px #009943; height: 360px; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; position: relative; } .p-l-adv .content .list .num{position: absolute;left: 40px;top: -14px;font-size: 36px;color: var(--public-color);font-weight: 600;background-color:#fff} .p-l-adv .content .list .text{font-weight: 300;font-style: normal;line-height: 30px;margin-top: 40px;} .product-list .middle{background-color: #f8f8f8;padding-top: 125px;padding-bottom: 105px;} .product-list .middle .top-head{text-align: left;width: 55%;margin-bottom: 65px;} .product-list .middle .top-head .title{margin-bottom: 50px;} .product-list .middle .content table{margin-bottom: 50px;} .product-list .bottom .all-faq{display: flex;justify-content: space-between;} .product-list .bottom .all-faq .t1{font-size: 18px;font-weight: 600;color: var(--public-color);margin-bottom: 38px;} .product-list .bottom .all-faq .title{font-size: 36px;} .product-list .bottom .all-faq .left{width: 40%;padding-top: 25px;} .product-list .bottom .all-faq .right{width: 58%;border-bottom: 1px dashed rgba(211, 211, 211, .6)} .product-list .bottom .all-faq{padding-top: 140px;} .product-list.all-p-l .bottom .all-faq{padding-top: 0px;} .product-list .content .table-wrapper table tbody tr td:first-child{color: #999;width:30%} .product-list .content .table-wrapper table tbody tr td:last-child{color: #333;width: 70%;} .product-list .content .t1{border: 1px dashed #1ba23b;color: #fff;font-size: 22px;line-height: 32px;} .product-list .content .t1-sty{background-color: var(--public-color);padding-left: 25px;height: 51px;display: flex;align-items: center;} .product-list .content .t1 p:first-child{margin-right: 35px;} @media(max-width:1450px){ .p-l-adv .content .list {height: 325px;padding: 30px;} .p-l-adv .content .list .num{left: 30px;} .p-l-adv .content .list .text{font-size: 17px;line-height: 30px;} } @media(max-width:1330px){ .product-list .middle .top-head .title{font-size: 38px;} .product-list .bottom .all-faq .title {font-size: 32px;} } @media(max-width:1265px){ .product-index .bottom p {font-size: 16px;line-height: 24px;} .p-l-adv .content .list {height: 325px;padding: 30px;padding: 30px 15px 30px 30px} } @media(max-width:1200px){ .product-list .middle .top-head .title{font-size: 28px;line-height: 32px;} } .faq-paper.all-faq .container-xl{display: block;} /* .all-faq .left .title::after{content: "";width: 125px;height: 6px;background-color: var(--public-color);display: block;margin-top: 20px;} */ /* .all-faq .container-xl{display: flex;justify-content: space-between;} */ .all-faq .items{ /* margin-bottom: 20px; */ padding-top: 30px; padding-bottom: 35px; padding-right: 20px; padding-left: 20px; display: flex; cursor: pointer; transition: all .6s; border-top: 1px dashed rgba(211, 211, 211, .6); } .all-faq .items:last-child{margin-bottom: 0;} .all-faq .items .q2 { width: 35px; height: 35px; border-radius: 50%; background-color: var(--public-color); color: #fff; display: flex; justify-content: flex-end; align-items: center; /* padding-right: 8px; */ font-weight: bold; /* margin-top: -10px; */ transition: all .6s; border: solid 4px #009943; } .all-faq .items .quen-a{width: 98%;} .all-faq .items .quen-a .img{display: flex;} .all-faq .items .quen-a .img img{display: inline-block;margin-right: 25px;width: 30% !important;height: auto !important;margin-top: 20px;border-radius: 20px} .all-faq .items .quen-a .img img:last-child{margin-right: 0;} .all-faq .items.active .q2{background-color:#fff;color: var(--public-color);} .all-faq .items.active .up{ display: block; } .all-faq .items.active .down{ display: none; } .all-faq .items .up{ display: none; width: 35px; height: 35px; text-align: center; line-height: 35px; transition: all .6s; background-color: transparent; font-size: 16px; } .all-faq .items .down{ display: block; width: 35px; height: 35px; text-align: center; line-height: 35px; transition: all .6s; font-size: 16px; } .all-faq .items.active{border-color: var(--public-color);} .all-faq .items.active .quen-q{color: var(--public-color);margin-bottom: 30px;} .all-faq .quen-q{font-size: 18px;line-height: 32px;font-weight: 600;display: flex;justify-content: space-between;color: #000000;} .all-faq .quen-a{font-size: 18px;line-height: 32px;color: #666;font-weight: 300;font-style: normal;} /* .all-faq .quen-a img{max-width: 100%;height: auto;} */ .all-faq .quen-a p{margin-bottom: 20px;} .all-faq .quen-a p:last-child{margin-bottom: 0px;} .all-faq .container-xl{display: flex;justify-content: space-between;} .all-faq .quen-box{width: 100%;} .faq-paper{margin-top: 310px;margin-bottom: 210px;background: url(../../images/faq-back-1.webp) no-repeat right 157px top 240px;} .faq-paper .faq-paper-xl{display: flex;justify-content: space-between;} .faq-paper .left a{color: #666666;font-size: 24px;line-height: 56px;font-weight: 600;font-style: normal;position: relative;transition: all .6s;} .faq-paper .left a:hover::before,.faq-paper .left a.active::before{left: 7px;opacity: 1;} .faq-paper .left a::before{content: url(../../images/faq-1.webp);left: -7px;bottom: 3px;position: absolute;transition: all .6s;opacity: 0;} .faq-paper .left a.active{color: var(--public-color);padding-left: 28px;} .faq-paper .left a:hover{color:var(--public-color);padding-left: 28px;} .faq-paper .left{width: 20%;margin-bottom: 75px;} .faq-paper .left li{margin-right: 20px;} .faq-paper .left li:last-child{margin-right: 20px;} .faq-paper .right{width: 78%;border-bottom: 1px dashed rgba(211, 211, 211, .6);} .faq-paper .faq-paper-xl .right .content{display: none;} .faq-paper .faq-paper-xl .right .content.active{display: block;} .faq-paper .h1{color: var(--public-color);font-weight: normal;margin-bottom: 80px;} /*product-in-paper*/ .product-in-paper{padding-top: 90px;padding-bottom: 168px;} .p-i-first{display: flex;justify-content: space-between;align-items: center;margin-bottom: 90px;} .p-i-first .left{border-radius: 30px;border: dashed 1px #cccccc;padding: 38px;width: 43%;text-align: left;} .p-i-first .right .h6{margin-bottom: 20px;} .p-i-first .left .img{width: 90%;margin: 0 auto;} .p-i-first .right{width: 50%;} .p-i-first .right .text{font-size: 20px;line-height: 35px;margin-top: 45px;margin-bottom: 45px;} .p-i-first .right .ul-box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 60px;} .p-i-first .right .list{width: calc(calc(100% - 30px * 2) / 3);display: flex;align-items: center;margin-bottom: 18px;} .p-i-first .right .list .img{width: 60px;height: 60px;border: 1px dashed var(--public-color);display: flex;justify-content: center;align-items: center;margin-right: 20px;} .p-i-first .video_icon{position: inherit; transform: translate(0, 0);} .p-i-first .video_icon .play, .p-i-first .video_icon .play:before, .p-i-first .video_icon .play:after{box-shadow:0 0 0 0 rgba(14,46,84,.2);} .p-i-first .type{display: flex;align-items: center;margin-bottom: 35px;} .p-i-first .video_icon{width: 34px;height: 34px;} .p-i-first .type .a{margin-right: 45px;} .p-i-first .type .iconfont{font-size: 12px;} .p-i-first .type p{margin-left: 45px;font-size: 20px;line-height: 35px;color: var(--public-color);font-weight: bold;} .p-i-first .share p{font-size: 20px;line-height: 35px;font-weight: 600;font-style: normal;margin-right: 20px;} .p-i-first .share { display: flex; } .p-i-first .share ul { display: flex; margin-left: 8px; } .p-i-first .share ul a { color: #fff; font-size: 16px; background-color: #666666; display: inline-flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: 2px; border: 1px solid transparent; transition: ease-in-out .6s; } .p-i-first .share ul a:hover { border: 1px solid var(--public-color); background-color: transparent; color: var(--public-color); } .p-i-first .share ul li { font-size: 0; margin-right: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .p-i-first .share ul li:last-child { margin-right: 0; } .p-i-content .p-i-desc{margin-bottom: 115px;} .p-i-content .p-i-order{margin-bottom:80px;} .p-i-content .p-i-order table{margin-bottom: 60px;} .p-i-content .p-i-order .table-wrapper table tbody tr td{color:#000} .p-i-content .p-i-order .table-wrapper table tr:nth-of-type(odd){background-color: #efefef;} .p-i-content .p-i-order .table-wrapper table tr:nth-of-type(1){background-color: var(--public-color);} .p-i-content .p-i-order .table-wrapper table tr,.p-i-content .p-i-data .table-wrapper table td{border: 1px solid #f5f5f5;} .p-i-content .p-i-order .content img{max-width: 100% !important;height: auto !important;} .p-i-content .p-i-technical{margin-bottom: 120px;} .p-i-content .p-i-technical .table-wrapper table tr:nth-child(odd){background-color: #efefef;} .p-i-content .p-i-technical .table-wrapper table tr td:first-child{color: #fff;background-color: var(--public-color);} .p-i-content .p-i-technical .table-wrapper table tr,.p-i-content .p-i-data .table-wrapper table td{border: 1px solid #f5f5f5;} .p-i-content .p-i-technical .table-wrapper table tr td:last-child{color: #000;} .p-i-content .all-product{margin-bottom: 140px;} .p-i-content .t1{color: var(--public-color);font-size: 32px;line-height: 42px;margin-bottom: 45px;} .p-i-content .text{line-height: 35px;} .p-i-content {padding-top: 120px;} .p-i-content .t2{font-size: 32px;line-height: 42px;color: #000;margin-bottom: 80px;} .p-i-content .all-news .col-md-4{padding-left: 20px;padding-right: 20px;} .p-i-content .all-news .row{margin-left: -20px;margin-right: -20px;} @media(max-width:1440px){ /* .p-i-first{font-size: 38px;} */ .p-i-first .right .text {font-size: 18px;line-height: 32px;margin-top: 25px;margin-bottom: 25px;} .p-i-first .right .ul-box {margin-bottom: 30px;} } .service-paper {padding-top: 215px;padding-bottom: 185px;} .service-paper hr{border-top: 2px dashed rgba(0, 154, 68, .8);margin-top: 90px;margin-bottom: 160px;} .service-paper .top-head{text-align: left;} .service-paper>.top-head .items{display: flex;justify-content: space-between;margin-top: 80px;width: 70%;} .service-paper>.top-head .items p{font-weight: 500;font-style: normal;margin-top: 35px;} .service-paper>.top-head .items .img{width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;border: 1px dashed var(--public-color);} .service-extensive{margin-bottom: 55px;} .service-extensive .container-xl{display: flex;justify-content: space-between;} .service-extensive .max-1660px{margin-right: 0;padding-right: 0;} .service-extensive .left{width: 38%;} .service-extensive .left .title{margin-bottom: 45px;} .service-extensive .left .box{margin-top: 43px;display: flex;} .service-extensive .left .box .list{margin-right: 105px;} .service-extensive .left .box .list:last-child{margin-right: 0;} .service-extensive .left .box .num{font-size: 32px;color: var(--public-color);font-weight: 600;font-style: normal;margin-bottom: 10px;} .service-extensive .right{width: 57%;} .service-extensive .right .img{position: relative;} .service-extensive .hs-btn { width: 25px; height: 25px; border-radius: 50%; border: 1px solid var(--public-color); display: flex; align-items: center; justify-content: center; } .service-extensive .hs-btn span {width: 7px; height: 7px; border-radius: 50%; background-color: var(--public-color); display: inline-block; } .service-extensive .hs { display: flex; flex-direction: column; align-items: center; position: absolute; top: 43%; right: 18%; } .service-warranty .title{margin-bottom: 37px;} .service-warranty .top-head{margin-bottom: 115px;} @media(max-width:1440px){ .col-md-4{padding-right: 15px !important;padding-left: 15px !important;} .row{margin-right: -15px !important;margin-left: -15px !important;} .col-md-3{padding-right: 15px !important;padding-left: 15px !important;} .contact-paper .bottom .d1 .font-sty {font-size: 16px;line-height: 45px;} .contact-paper .bottom .left {width: 47%;} .contact-paper .bottom .d1{align-items: baseline} .footer .list-2{width: 20%;} .footer .list-3{width: 40%;} } @media(max-width:1330px){ .service-extensive .left {width: 40%;} .service-extensive .left .box .list{margin-right: 80px;} } @media(max-width:1270px){ .footer .list-2{width: 17%;} .footer .list-3{width: 45%;} } @media(max-width:1250px){ .all-banner .box {width: 675px;height: 320px;} .contact-paper .contact-top .list{padding: 20px 20px 40px 25px;} .every-footer .title{font-size: 38px;} } @media(max-width:768px){ .news-in-paper{margin-bottom: 30px;margin-top: 30px;padding-top: 0px;} .news-in-paper .main-top {flex-wrap: wrap;} .news-in-paper .article{width: 100%;} .news-in-paper .aside{width: 100%;margin-top: 0;} .news-in-paper h1{margin-top: 30px;} .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;} .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;} .news-in-paper .article .content p{margin-bottom: 10px;} .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;} .news-in-paper .box-tail p:first-child{margin-bottom: 15px;} .news-in-paper .box-tail .right{margin-bottom: 20px;} .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;} .news-in-paper .aside .aside-box {padding-bottom: 30px;} .news-in-paper .aside-box-1{padding: 15px;} .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;} .news-in-paper .main-top{margin-bottom: 30px;} .index-banner .h1{font-size: 20px;line-height: 28px;} .btn-sty{padding: 0 20px !important;height: 42px !important;line-height: 36px !important;font-size: 16px !important;} .title{font-size: 20px;line-height: 28px;} .h6{font-size: 16px;} .left,.right{width: 100% !important;} .row{margin-left: -7px !important; margin-right:-7px !important;} .col-md-4{padding-left: 7px !important;padding-right: 7px !important;} .max-1660px{padding-right: 15px !important;margin-right: auto !important; padding-left: 15px !important;margin-left: auto !important;} .index-banner .a {margin-top: 20px;} .banner .banner-text{padding-bottom: 0;} .index-paper{padding-top: 30px;padding-bottom: 30px;} .index-product .top-head .title {margin-bottom: 15px;} .index-product .content{margin-top: 30px;flex-direction: column;height: inherit;} .index-product .content .items {width: 100%;} .index-product .content .items-1{padding: 50px 15px 50px 50px;margin-bottom: 20px;} .index-product .content .items-1 .box {margin-top: 30px;} .index-product .content .items .ul{font-size: 14px;line-height: 28px;} .index-product .content .items.items-1 .ul{font-size: 14px;line-height: 28px;} .card>img{width: 100% !important;height: 100% !important;} .index-product .content .items .t1{color: #fff;} .index-product .content .items-2 .list .box{flex-direction: column;width: 100%;margin-top: 10px;} .index-product .content .list .ul{opacity: 1;overflow: visible;} .index-product .content .items-2 .list {padding:20px;} .index-product .content .items-2 .list p{line-height: 24px;} .index-product .content .items-2 .card-box{flex-direction: column;} .index-product .content .list a {width: 55%;} .index-about{margin-top: 30px;margin-bottom: 30px;} .index-about .about-first{flex-wrap: wrap;} .index-about .about-first .title{font-size: 20px;line-height: 28px;margin-bottom: 10px;} .index-about .about-first .left .text{margin-bottom: 25px;} .index-about .about-first .left .text p{margin-bottom: 10px;} .index-about .about-first .right{margin-bottom: 15px;} .index-about .about-first {margin-bottom:30px;} .index-about .about-second .col-md-4 {margin-bottom: 25px;width: 50%;} .index-about .about-second .list{flex-direction: column;justify-content: center;text-align: center;} .index-about .about-second .list .img{margin-right: 0;} .index-adv{padding-top: 30px;padding-bottom: 30px;} .index-adv .top-head {margin-bottom: 20px;} .index-adv .content .items {width: 100%;margin-bottom: 25px;} .index-adv .content .card-1 {padding-top: 20px;padding-bottom: 20px;padding-left: 20px;} .index-adv .content .t1 {line-height: 24px;} .index-adv .content .left .img {margin-bottom: 5px;} .index-adv .content .text {margin-bottom: 5px;font-size: 14px;line-height: 20px;-webkit-line-clamp: 3;line-clamp: 3;} .index-adv .content .left{width: 60% !important;} .index-adv .content .right{width: 40% !important;} .index-part .max-1660px{flex-wrap: wrap;padding-top: 30PX;} .index-part .content{margin-top: 15PX;} .index-part .pagination3{left: auto; bottom: 0;} .index-part .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;} .index-part .swiper-pagination-bullet-active{background-color: var(--public-color);opacity: 1;} .index-part .title{margin-bottom: 25px;text-align: center;} .index-part .h6{text-align: center;} .index-part .right{display: none;} .index-part{margin-bottom: 30px;} .index-news .title {margin-bottom: 20px;} .index-news .title::after {content: url(../../images/ability-9.webp);z-index: -1;opacity: .4;} .index-news.max-1920px{padding-left: 15px;padding-right: 15px;} .index-news .mySwiper-6{margin-bottom: 0;} .every-footer .container-xl{flex-wrap: wrap;} .every-footer .title{font-size: 20px;line-height: 24px;margin-bottom: 15px;} .every-footer{height: 230px;} .footer{padding-top: 30px;padding-bottom: 30px;} .footer .top{flex-wrap: wrap;} .footer .list-1,.footer .list-2,.footer .list-3{width: 100%;} .footer .list-1 .text {margin-top: 15px;} .footer ul {margin-top: 25px;} .footer .t1{margin-bottom: 0;line-height: 30px;} .footer .d1, .footer .d1 a {font-size: 14px;line-height: 28px;} .footer .list-3 .img {margin-right: 10px;} .footer .list-3 .d1 p span{margin-right: 0;} .footer .d1 a{font-size: 12px;} .footer .d1{margin-bottom: 10px;} .footer .bottom {margin-top: 15px;flex-wrap: wrap;} .footer .bottom .add{width: 100%;} .footer .bottom .add .d .img {margin-right: 10px;} .footer .bottom .add .d {font-size: 12px;line-height: 18px;margin-top: 10px;} .all-banner .box{padding-top: 10px;padding-left: 15px;padding-bottom: 10px;width: 300px;margin-bottom: -45px;} .all-banner .h1 {font-size: 20px;} .small-nav ul a {font-size: 14px;line-height: 20px;} .small-nav ul li::after {line-height: 17px;} .product-index {padding-top: 55px;padding-bottom: 30px;} .product-index .container-xl>.text p{margin-bottom: 10px;} .product-index .container-xl>.text {margin-bottom: 25px;} .product-index .content{flex-wrap: wrap;} .product-index .content .list{width: 100%;margin-bottom: 25px;height: 450px;} .product-index .content .list .box{background-color: var(--public-color);border-radius: 30px;height: 300px;height: 250px;} .product-index .content .list .box a{width: 70%;} .product-index .content .t1 {margin-top: 35px;font-size: 16px;line-height: 24px;} .product-index .top{margin-top: 0px;margin-bottom: 30px;} .product-index .top .title {margin-bottom: 15px;} .product-index .top .text p{margin-bottom: 10px;} .product-index .bottom{flex-wrap: wrap;} .product-index .bottom .list{width: 48%;margin-bottom: 20px;padding: 15px 15px 10px 15px;} .product-index .bottom p {font-size: 14px;line-height: 20px;margin-top: 15px;} .product-list{padding-top: 30px;padding-bottom: 30px;} .product-list .top .first{margin-bottom: 30px;flex-wrap: wrap;} .product-list .top .title {margin-bottom: 15px;} .product-list .top .left .text {margin-bottom: 20px;} .product-list .top .right{margin-top: 20px;} .product-list .top .right .img-pro {width: 80%;} .product-list .all-product{padding-bottom: 0;} .p-l-adv .content .list {width: 48%;margin-bottom: 35px;padding: 0px 8px 10px 10px;height: 200px;} .p-l-adv .content .list .text {font-size: 14px;line-height: 20px;} .p-l-adv .content{flex-wrap: wrap;} .product-list .top .title {margin-bottom: 30px;} .product-list .top {margin-bottom: 10px;} .product-list .middle{padding-top: 30px;padding-bottom: 30px;} .product-list .middle .top-head{width: 100%;margin-bottom: 20px;} .product-list .middle .top-head .title {font-size: 18px;line-height: 24px;margin-bottom: 15px;} .product-list .content .t1 {font-size: 18px;line-height: 26px;} .product-list .middle .content table{margin-bottom: 25px;} .product-list .middle .content table tr td{ padding: 10px 0 10px 10px;font-size: 14px;} .product-list .bottom .all-faq{padding-top: 30px;flex-wrap: wrap;} .product-list .bottom .all-faq .title {font-size: 20px;} .product-list .bottom .all-faq .t1 {margin-bottom: 5px;font-size: 14px;} .product-list .bottom .all-faq .left{text-align: center;margin-bottom: 20px;padding-top: 0;} .all-faq .items{padding-top: 15px;padding-bottom: 15px;} .all-faq .items.active .quen-q{margin-bottom: 15px;} .all-faq .quen-q{font-size: 16px;line-height: 24px;} .all-faq .quen-a {font-size: 14px;line-height: 20px;} .product-in-paper{padding-top: 30px;padding-bottom: 30px;} .p-i-first{margin-bottom: 20px;font-size: 14px;flex-wrap: wrap;} .p-i-first .left {padding: 25px;margin-bottom: 20px;} .p-i-first .right .h6 {margin-bottom: 5px;} .p-i-first .right .text {font-size: 14px;line-height: 20px;margin-top: 15px;margin-bottom: 25px;} .p-i-first .right .list {width: 48%;} .p-i-first .right .ul-box {margin-bottom: 15px;} .product-nav-xl{display: none;} .p-i-content{padding-top: 30px;} .p-i-content .t1 {font-size: 18px;line-height: 26px;margin-bottom: 20px;} .p-i-content .text{line-height: 20px;} .p-i-content .p-i-desc{margin-bottom: 25px;} .table-wrapper table th, .table-wrapper table td{padding: 10px 0 10px 15px;font-size: 14px;} .p-i-content .p-i-order table {margin-bottom: 20px;} .p-i-content .p-i-order{margin-bottom: 15px;} .p-i-content .t2{font-size: 18px;line-height: 26px;margin-bottom: 20px;} .p-i-content .p-i-technical{margin-bottom: 25px;} .p-i-content .all-product{margin-bottom: 25px;} .about-paper {padding-top: 60px;padding-bottom: 30px;} .about-first .top{flex-wrap: wrap;margin-bottom: 20px;} .about-first .top .left{margin-bottom: 20px;} .about-first .top .title {margin-bottom: 15px;} .about-first .top .right{margin-bottom: 15px;} .about-first .bottom{flex-wrap: wrap;} .about-first .bottom .list{width: 48%;margin-bottom: 20px;} .about-first .bottom .h3{font-size: 45px;} .about-first .bottom .list>p{text-align: center;font-size: 14px;line-height: 24px;} .about-first {margin-bottom: 30px;} .about-history{flex-wrap: wrap;margin-bottom: 20px;} .about-history .left .img:last-child{display: none;} .about-history .right .title{margin-bottom: 15px;} .about-history .right{padding-top: 0;} .about-history .left .img:first-child{margin-bottom: 15px;} .about-cer .top{flex-wrap: wrap;margin-bottom: 25px;} .about-cer .top .title {margin-bottom: 15px;} .about-cer .top .text{margin-bottom: 20px;} .about-paper hr{margin-top: 10px;margin-bottom: 30px;} .about-sust .title{margin-top: 15px;margin-bottom: 20px;} .about-sust .top-head{margin-bottom: 30px;} .about-sust .items .t1 span {width: 40px;height: 40px;font-size: 22px;} .about-sust .items .t1{font-size: 18px;margin-bottom: 20px;} .about-sust .items .left{margin-bottom: 20px;} .about-sust .items {margin-bottom: 40px;flex-wrap: wrap;} .small-nav ul{flex-wrap: wrap;} .small-nav ul li::after {padding: 0 5px;} .cust-paper{padding-top: 60px;padding-bottom: 30px;} .cust-paper>.container-xl .text p{margin-bottom: 10px;} .cust-paper .content{margin-top: 30px;} .cust-paper .items .bottom{flex-wrap: wrap;margin-top: 30px;} .cust-paper .items .list {margin-top: 30px;padding-top: 25px;padding-left: 20px;} .cust-paper .items .num {padding-top: 15px;font-size: 100px;} .cust-paper .items .title {font-size: 18px;line-height: 26px;margin-bottom: 15px;} .cust-paper .items .text, .cust-paper .items .ul{font-size: 14px;line-height: 24px;} .cust-paper .items .t1 {margin-bottom: 10px;} .cust-paper .items {margin-bottom: 50px;} .ability-paper{padding-top: 60px;padding-bottom: 30px;} .ability-first {margin-top: 30px;} .ability-first .top-head .title {margin-top: 15px;margin-bottom: 10px;} .ability-first .top-head{margin-bottom: 30px;} .ability-first .items .container-xl {flex-wrap: wrap;} .ability-first .items .t1 {font-size: 18px;line-height: 26px;margin-bottom: 15px;} .ability-first .items .h4{font-size: 16px;} .ability-first .items .text{font-size: 14px;line-height: 20px;} .ability-first .items:nth-child(1) {margin-bottom: 30px;} .ability-first .items .text{margin-bottom: 15px;} .ability-first .items:nth-child(2) {margin-bottom: 30px;} .ability-first .l-r-btn {width: 100%;bottom: -60px;top: auto;left: auto;right: auto;left: auto;right: auto;justify-content: center;} .ability-first .items-3{margin-bottom: 80px;} .ability-first .items-4 .left .text{width: 100%;} .ability-first .items-4 .img {margin-top: 15px;margin-bottom: 15px;} .ability-paper hr {margin-top: 25px;margin-bottom: 15px;} .ability-product .top-head .title {margin-bottom: 15px;} .ability-product .top-head {margin-bottom: 30px;} .ability-product .items .t1{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .ability-product .items{flex-wrap: wrap;margin-bottom: 40px;} .ability-product .items .text {font-size: 14px;line-height: 20px;} .ability-product .items .right{margin-top: 15px;} .ability-product .content-img{margin-top: 40px;overflow: hidden;} .ability-product .col-md-4{margin-bottom: 30px;width: 50%;} .quality-paper{padding-top: 60px;padding-bottom: 30px;} .quality-first .top-head{margin-bottom: 30px;} .quality-first .top-head .text p{margin-bottom: 10px;} .quality-first .top-head {margin-bottom: 30px;} .quality-first .content{flex-wrap: wrap;} .quality-first .content .title {font-size: 18px;line-height: 26px;margin-bottom: 15px;} .quality-first .content .text {margin-bottom: 20px;} .quality-first .content .left{margin-bottom: 20px;} .quality-first{margin-bottom: 30px;} .quality-process .top-head{margin-bottom: 20px;} .quality-process .top-head .img {margin-bottom: 15px;} .quality-process .content{flex-wrap: wrap;} .quality-process .content .items{width: 100%;} .quality-process {margin-bottom: 30px;} .quality-equip .container-xl{flex-wrap: wrap;} .quality-equip .left{margin-bottom: 15px;} .quality-equip .right .title {margin-bottom: 15px;} .quality-equip .right .text {margin-bottom: 20px;} .quality-equip{margin-bottom: 30px;} .quality-cer .top-head .img{margin-bottom: 15px;} .quality-cer .top-head .title {margin-bottom: 15px;} .quality-cer .top-head{margin-bottom: 20px;} .quality-cer .content-swiper {height: 190px;} .cer-paper{padding-top: 60px;padding-bottom: 30px;} .cer-paper .col-md-3 {width: 50%;margin-bottom: 30px;} .cer-paper .list {padding: 15px;} .cer-paper .list p {font-size: 14px;} .service-paper{padding-top: 60px;padding-bottom: 30px;} .service-paper>.top-head .items{margin-bottom: 30px;width: 100%;margin-top: 20px;} .service-paper>.top-head .items .list{width: 32%;} .service-paper>.top-head .items p {margin-top: 20px;font-size: 14px;line-height: 20px;} .service-paper hr{margin-top: 30px;margin-bottom: 30px;} .service-extensive .container-xl{flex-wrap: wrap;} .service-extensive .left .box {margin-top: 30px;margin-bottom: 25px;} .service-extensive .left .title {margin-bottom: 15px;} .service-warranty .top-head{margin-bottom: 20px;} .service-warranty .title{margin-bottom: 15px;} .faq-paper{margin-top: 60px;margin-bottom: 30px;} .faq-paper .faq-paper-xl{flex-wrap: wrap;} .faq-paper .left{margin-bottom: 20px;} .faq-paper .left a {font-size: 16px;line-height: 28px;} .faq-paper .left a::before {bottom: 0;} .faq-paper .left ul{display: flex;} .news-paper{padding-top: 60px;padding-bottom: 30px;} .all-nav {width: 100%;flex-wrap: wrap;margin-bottom: 30px; flex-direction: column;} .all-nav a{font-size: 16px;height: 42px;line-height: 42px;margin-right: 0;border-radius: 0;border: solid 1px #dddddd} .news-in-paper h1 {font-size: 20px;line-height: 28px;margin-top: 0;} .news-in-paper .type{flex-direction: column; align-items: flex-start;} .news-in-paper .share {margin-left: 0;margin-top: 15px;} .news-in-paper .box-tail{flex-wrap: wrap;} .news-in-paper .box-tail .left{margin-bottom: 20px;} .news-in-paper .box-tail .right{width: 40% !important;} .news-product .title{margin-bottom: 20px;} .all-product .col-md-4{margin-bottom: 30px;} .contact-paper{padding-top: 60px;} .contact-paper .contact-top{overflow: hidden;} .contact-paper .contact-top>.title{margin-bottom: 15px;} .contact-paper .contact-top .content {margin-top: 30px;flex-wrap: wrap;} .contact-paper .contact-top .list{width: 100%;margin-bottom: 25px;} .contact-paper .contact-top .list .t1 {font-size: 18px;} .contact-paper .contact-bottom{margin-top: 30px;} .contact-paper .contact-bottom .h5 {font-size: 16px;line-height: 24px;margin-bottom: 5px;} .contact-paper .contact-bottom .title::after {margin-top: 15px;} .contact-paper .contact-bottom .title{margin-bottom: 20px;} .contact-paper .contact-bottom .bottom {margin-top: 30px;flex-wrap: wrap;} .contact-paper .bottom .d1 .img {margin-right: 10px;} .contact-paper .bottom .d1 span{font-size: 16px;} .contact-paper .bottom .d1 .font-sty{font-size: 14px;} .contact-paper .bottom .left{margin-bottom: 20px;} .contact-paper .bottom{margin-bottom: 30px;} } @media(max-width:768px){ .all-news .items{display:flex;align-items:center;padding:10px;} .p-i-content .all-news .col-md-4{margin-bottom:10px;} .all-news .items .img{width:30%;margin-bottom:0;border-radius:0;} .all-news .items .box{width:70%;padding:0 0 0 15px;} .all-news .items .box .time{margin-bottom:5px;font-size:14px;} .all-news .items .box .t1{margin-bottom:5px;font-size:16px;line-height:24px;} .all-news .items .box .text{margin-bottom:0;font-size:14px;line-height:20px;-webkit-line-clamp: 2;} }