@charset "utf-8";
:root {--fontfamily:Arial;--swiper-theme-color:#007aff}
.sp .middle-span div {position:relative;background:#FFF}
.sp .middle-span .title {display:none}
.sp .middle-span div img {position:absolute;width:100%}
ul.sf-menu ul {position:static;visibility:inherit;display:none}
.sf-menu li:hover .sub-menu {display:block}
.index-news-main .news-box ul li p {height:105px;overflow:hidden;line-height:26px;font-size:18px}
.sp .bottom-span p {line-height:26px;text-align:left;margin-right:16%}
.quality-main .left {width:30%}
.quality-main .right {width:50%}
.orgin-main .text-box div {font-size:18px;text-indent:0}
.categories .title-text {display:none}
.categories ul li {width:25%;text-align:-webkit-center;text-align:center}
.header .logo,.header .logo img {height:unset}
.orgin-main .img-box,.orgin-main .text-box {width:40%}
.index-news {background:#87abc3}
.quality-main .products li {width:48%;margin-left:2%}
.quality-main .products li:nth-child(1),.quality-main .products li:nth-child(2) {margin-bottom:2%}
.quality-main .products li img {width:unset}
#categoriesList li img {max-width:100%;display:block}
.categories ul li:hover {box-shadow:unset}
.p_tit {text-align:-webkit-center;line-height:45px;background:#f5f5f5;text-align:center}
.categories ul li a {display:inline-block;color:#333}
.quality-main .products li a {border:1px solid #CCC;box-sizing:border-box}
#categoriesList li img {border:1px solid #ccc}
.rollPro1 li .pbox {overflow:hidden}
.pro_lb1 {display:flex;flex-wrap:wrap}
.pro_lb1 li {width:32%;box-sizing:border-box;margin:0 2% 2% 0;border:0;height:unset}
.pro_lb1 li:nth-child(3n+3) {margin-right:0}
.pro_lb1 .ptxt a {color:#000;font-size:15px}
.pro_lb1 li .ptxt {height:unset}
.pro_lb1 li .pimg-box {border:1px solid #CCC;width:100%;display:block;height:0;padding-bottom:100%;position:relative;box-sizing:border-box}
.pro_lb1 li .pimg-box a {display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;overflow:hidden}
.pro_lb1 li .pimg-box a img {width:100%;height:100%;max-width:unset;max-height:unset;object-fit:contain;transition:all .3s}
.pro_lb1 li .pimg-box a:hover img {width:110%;height:110%}
.pro_lb1 li:hover {border:0}
.pro_lb1 li .ptxt h3 {margin:0px}
#svos {z-index:99}
.categories ul li {padding:5px 10px;box-sizing:border-box}
#categoriesList li img {box-sizing:border-box;width:100%}
.categories ul li a {width:100%}
.p_tit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul.sf-menu li a {padding-left:20px;font-weight:600}
ul.sf-menu ul li a {padding-left:40px;font-weight:400}
.contact-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-wrapper>div {width:50%}
.nyinquirytit {background:#f42539;color:#FFF;line-height:46px;font-size:18px;padding:0 15px}
.prevNext {display:flex;justify-content:space-between;background:#ddd;border-radius:5px;margin:15px 0px}
.prevNext>p {width:48%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.prevNext .prev {box-sizing:border-box;margin:0px}
.prevNext .next {margin:0;text-align:right}
.prevNext a {color:#222}
#tagContent {margin-bottom:20px}
.ptit {background:#f42539;margin-right:10px;list-style-type:none;height:35px;padding:0 25px;cursor:pointer;color:#FFF;line-height:35px;display:inline-block;margin:20px 0 10px}
@font-face {font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}
.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper {flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function:ease-out;margin:0px auto}
.swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.swiper-container-3d {perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left {background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right {background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top {background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom {background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper {overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type:y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after {font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {--swiper-navigation-color:#FFFFFF}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {--swiper-navigation-color:#000000}
.swiper-button-lock {display:none}
.swiper-pagination {position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden {opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic {overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform:scale(.33)}
.swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet {border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-bullet-active {opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:.2s transform,.2s right}
.swiper-pagination-progressbar {background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0}
.swiper-pagination-white {--swiper-pagination-color:#FFFFFF}
.swiper-pagination-black {--swiper-pagination-color:#000000}
.swiper-pagination-lock {display:none}
.swiper-lazy-preloader {width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white {--swiper-preloader-color:#FFF}
.swiper-lazy-preloader-black {--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin {100% {transform:rotate(360deg)}}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide {pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto}
@media(min-width:769px) {#home-swiper {min-height:300px}}
#home-swiper .swiper-slide {font-size:0}
#home-swiper .swiper-slide img {width:100%}
#home-swiper .swiper-slide .banner-slide-img {display:none}
#home-swiper .swiper-slide .banner-slide-img:nth-of-type(1) {display:block}
@media(max-width:768px) {#home-swiper .swiper-slide .banner-slide-img:nth-of-type(1) {display:none}}
@media(max-width:768px) {#home-swiper .swiper-slide .banner-slide-img:nth-of-type(2) {display:block}}
#home-swiper .banner-pagination {position:absolute;right:8%;bottom:10%;z-index:10;color:#FFF}
#home-swiper .banner-pagination .swiper-pagination {position:static;margin:0 6px;transform:translateY(-2px)}
#home-swiper .banner-pagination .swiper-pagination-bullet {background:#FFF;opacity:.3;width:20px;height:2px;border-radius:0;margin:0px}
#home-swiper .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#FFF;opacity:1}
#home-swiper .swiper-next,#home-swiper .swiper-prev {cursor:pointer;position:absolute;width:54px;height:54px;display:flex;justify-content:center;align-items:center;top:50%;margin-top:-27px;z-index:9;border-radius:50%;background:rgba(0,0,0,.3);transition:background .3s ease}
#home-swiper .swiper-next:not(.swiper-button-disabled):hover,#home-swiper .swiper-prev:not(.swiper-button-disabled):hover {background:#cda274}
#home-swiper .swiper-next em,#home-swiper .swiper-prev em {color:#FFF;font-size:22px}
#home-swiper .swiper-next.swiper-button-disabled,#home-swiper .swiper-prev.swiper-button-disabled {cursor:not-allowed}
@media(max-width:768px) {#home-swiper .swiper-next,#home-swiper .swiper-prev {width:36px;height:36px}}
#home-swiper .swiper-next {right:2%}
#home-swiper .swiper-prev {left:2%}
.common-width {max-width:1860px;padding:0 20px;margin:0px auto;box-sizing:border-box}
@media(max-width:1600px) {.common-width {max-width:1500px}}
@media(max-width:1440px) {.common-width {max-width:1240px}}
@media(max-width:1024px) {.common-width {max-width:100%}}
.home-title {font-size:55px;font-weight:700;text-align:center;text-transform:capitalize;color:#090707;line-height:1}
.home-label {font-size:14px;font-weight:700;color:#cda274;text-transform:uppercase;text-align:center}
.home-label::after,.home-label::before {content:'';display:inline-block;width:34px;height:1px;background:#cda274;vertical-align:middle}
.home-label::before {margin-right:10px}
.home-label::after {margin-left:10px}
#brand {padding:30px 0px}
#brand .brand-list {margin-top:2%}
#brand .brand-list li {width:26%;text-align:center;margin:20px 0px}
#brand .brand-list li img {transition:all .5s}
#brand .brand-list li .brand-title {font-size:30px;color:#597670;font-weight:700;text-transform:capitalize}
#brand .brand-list li .brand-word {width:90%;margin:0px auto;color:#8a8a8a;font-size:14px;text-align:justify;text-align-last:center}
#brand .brand-list li:hover img {transform:rotateY(360deg)}
#about {background:#dce9cd;padding:2% 0}
#about>div {justify-content:space-between;align-items:center}
#about .about-con {width:49%}
#about .about-con .home-label {text-align:left;color:#62803f;font-weight:700;font-size:50px}
#about .about-con .home-label:before {width:35px;height:6px;background:#62803f;vertical-align:super}
#about .about-con .home-label:after {display:none}
#about .about-con .about-des {color:#333;font-size:24px;line-height:1.4;margin:20px 0 30px}
#about .about-con .more-btn {border:1px solid #CCC;border-radius:0;padding:12px 40px;border-bottom:2px solid #5b605d;background-color:#f8f8f8;color:#5b605d;font-size:18px}
#about .about-con .more-btn:hover {border-color:#5b605d;color:#FFF}
#about .about-con .more-btn::before {background:#5b605d}
#about .about-img {width:49%;position:relative;z-index:1}
#about .about-img .lazy-wrap::after {padding-bottom:0}
#about .about-img lite-youtube {max-width:100%}
#cate {padding:50px 0px}
#cate .cate-title {padding:20px 0px}
#cate .cate-inner {display:flex;justify-content:space-between;flex-wrap:wrap;width:90%;margin:10px auto 0}
#cate .cate-l {width:35%}
#cate .cate-l .cate-l-img a {width:100%}
#cate .cate-l img {width:100%;display:block;transition:all .5s}
#cate .cate-r {width:60%}
#cate .cate-r .cate-list {display:flex;justify-content:space-between;flex-wrap:wrap}
#cate .cate-r .cate-list .cate-item {width:47%;border:1px solid #CCC;position:relative;margin-bottom:2%}
#cate .cate-r .cate-list .cate-item a {display:block}
#cate .cate-r .cate-list .cate-item img {max-width:100%;margin:0px auto;display:block;transition:all .5s}
#cate .cate-r .cate-list .cate-item .cate-t a {position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#b99d6a;font-size:40px;font-weight:700;font-style:italic;width:100%;text-align:center}
#projects {position:relative;padding-top:3vw}
#projects::before {content:'';display:block;width:100%;height:65%;position:absolute;top:0;left:0;background-image:url(/Content/uploads/20237552/2023041116070072abf0979c46407f9c00a506ec128e80.jpg);background-repeat:no-repeat;background-size:100%;background-position:top}
#projects .l-wrap {position:relative;z-index:1;color:#FFF}
#projects .projects-des {line-height:1.75;text-align:center;max-width:550px;margin:0px auto;padding:10px 0px}
#projects #home-projects {margin-top:3vw;padding:7% 0}
#projects #home-projects .swiper-slide {transition:transform .3s;transform:scale(.64)}
#projects #home-projects .swiper-slide lite-youtube {max-width:100%;height:100%}
#projects #home-projects .swiper-slide>p>a {text-align:center;margin:10px auto;opacity:0;transition:all .5s;color:#1a1a1a;display:block}
#projects #home-projects .swiper-slide>p>a:hover {color:#dce9cd}
#projects #home-projects .swiper-slide.swiper-slide-active>p>a {opacity:1}
#projects #home-projects .swiper-slide.swiper-slide-prev {transform:scale(.64) translateX(-28%)}
#projects #home-projects .swiper-slide.swiper-slide-next {transform:scale(.64) translateX(28%)}
#projects #home-projects .swiper-slide.swiper-slide-active {transform:scale(1.57)}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont {opacity:1}
#projects #home-projects .swiper-slide:hover .projects-cont p {color:#cda274}
#projects #home-projects .swiper-slide .projects-cont {position:absolute;bottom:10%;left:15%;width:70%;background-color:rgba(255,255,255,.9);text-align:center;font-weight:700;opacity:0;transition:opacity .3s .1s;padding:12px 0px}
#projects #home-projects .swiper-slide .projects-cont p {font-size:12px;color:#000;text-transform:capitalize;transition:color .3s}
#projects #home-projects .swiper-slide .projects-cont a {display:inline-block;text-transform:capitalize;font-size:12px;transform:scale(.8)}
#projects #home-projects .swiper-slide .projects-cont a:hover {color:#cda274}
#different {margin:50px 0 20px}
#different .diff-line {width:100%;height:76px;background:#dce9cd}
#different .diff-inner-bottom,#different .diff-inner-down,#different .diff-inner-top {display:flex;justify-content:space-between;flex-wrap:wrap;margin:50px 0px}
#different .diff-inner-top>div {width:49%}
#different .diff-st {font-size:36px;color:#5a7670}
#different .diff-t {font-size:64px;font-weight:700;color:#597670;margin:20px 0px}
#different .diff-r ul li {margin:10px 0;display:flex;align-items:center}
#different .diff-r ul li p {padding-left:10px;font-size:33px;color:#565656}
#different .diff-inner-bottom .diff-inner-left {width:37%}
#different .diff-inner-bottom .diff-inner-left>div {position:relative;padding-left:40px}
#different .diff-inner-bottom .diff-inner-left>div:before {content:'';width:15px;height:100%;background:#dbe5df;display:block;position:absolute;top:0;left:0}
#different .diff-inner-bottom .diff-inner-left>div .diff-t {margin:0px}
#different .diff-inner-bottom .diff-inner-left>div .diff-w {font-size:16px;line-height:1.3;margin:10px 0 0;text-align:justify;color:#5a7670}
#different .diff-inner-bottom .diff-inner-right {width:60%;display:flex;justify-content:space-between;flex-wrap:wrap}
#different .diff-inner-bottom .diff-inner-right>div {width:49%}
#different .diff-inner-bottom .diff-inner-imgBox p a {display:block;text-align:center;font-size:24px;color:#5a7670;margin:10px 0px}
#different .diff-inner-bottom .diff-inner-imgBox .img {overflow:hidden}
#different .diff-inner-bottom .diff-inner-imgBox .img a {display:block}
#different .diff-inner-bottom .diff-inner-imgBox img {width:100%;display:block;transition:all .5s}
#different .diff-inner-bottom .diff-inner-imgBox:hover img {transform:scale(1.1)}
#different .diff-inner-bottom .diff-inner-down {width:100%}
#different .diff-inner-down .diff-inner-imgBox {width:24%}
#different .diff-inner-bottom .diff-inner-down {margin-bottom:0}
#product {padding:0 0 4%}
#product .pro-list {margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap}
#product .pro-list li {width:19%;margin:30px 0 0;text-align:center}
#product .pro-list li .pro-img {border:1px solid #e8e8e8;overflow:hidden}
#product .pro-list li .pro-img .lazy-wrap::after {padding-bottom:0}
#product .pro-list li .pro-cont .pro-name {display:block;font-weight:700;font-size:16px;text-transform:uppercase;margin:10px 0;display:block;display:-webkit-box;display:-moz-box;min-height:55px;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#product .pro-list li:hover .pro-name {color:#b9b2a1}
#product .pro-list li:hover .pro-img img {transform:scale(1.1)}
#product .all-products {position:relative;text-align:center;font-size:14px;font-weight:700;text-transform:uppercase}
#product .pro-list li .more-btn {color:#b9b2a1;font-weight:700}
#product .pro-list li .more-btn::before {background:#b9b2a1}
#product .pro-list li .more-btn:hover {color:#FFF}
#product .all-products::before {content:'';display:block;width:100%;height:1px;background-color:#ebebeb;position:absolute;top:20px;left:0}
#product .all-products::after {content:'';display:block;width:128px;height:1px;background-color:#FFF;position:absolute;top:20px;left:50%;transform:translateX(-50%)}
#product .all-products a {display:inline-block;position:relative;z-index:1}
#product .all-products a:hover {color:#cda274}
#product .all-products span:nth-of-type(1) {display:block;width:40px;height:40px;background:#cda274;border-radius:50%;color:#FFF;font-size:30px;text-align:center;line-height:38px;margin:0px auto 20px;font-weight:400}
#clients .client-inner {display:flex;justify-content:space-between;align-items:center}
#clients .client-swiper-button-next,#clients .client-swiper-button-prev {width:5%;cursor:pointer}
#clients .client-swiper {width:87%;margin:10px 0 0 -70px;overflow:hidden}
#clients .client-swiper-inner {margin:50px 50px 0;background:#dce9cd;padding:40px;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative}
#clients .client-swiper-inner .clinet-l {width:73%}
#clients .client-swiper-inner .clinet-l .yinhao {font-size:80px;font-weight:700;color:#000;line-height:1}
#clients .client-swiper-inner .clinet-l .word {font-size:24px;color:#000;line-height:1.8;padding-left:50px;margin-top:-30px}
#clients .client-swiper-inner .clinet-r {width:25%;margin:-70px -70px 50px 0;text-align:center}
#clients .client-swiper-inner .clinet-r .name {color:#000;font-size:32px;font-weight:700}
#clients .client-inner .swiper-button-disabled {opacity:.7;cursor:not-allowed}
#logoBox {margin:30px 0px}
#logoBox .logo-ul {display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px 0px}
#logoBox .logo-ul li {width:16%;margin:10px 0px}
#logoBox .logo-ul li .logo-img {overflow:hidden;border:1px solid #545454}
#logoBox .logo-ul li .logo-img img {width:100%;display:block;transition:all .5s}
#logoBox .logo-ul li:hover img {transform:scale(1.1)}
#news {background-color:#f5f5f5;padding:40px 0px}
#news #home-news {margin:50px 0 20px}
#news #home-news .news-list {display:flex;justify-content:space-between;flex-wrap:wrap}
#news #home-news .news-list li {width:24%}
#news #home-news .news-list .news-item-img {overflow:hidden}
#news #home-news .news-list .news-item-img img {width:100%;display:block;transition:all .5s}
#news #home-news .news-list .news-item-art {padding:10px 20px;background:#FFF}
#news #home-news .news-list .news-date {font-size:15px;font-weight:700}
#news #home-news .news-list .news-item-title {font-size:18px;font-weight:700;color:#000;text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;min-height:55px;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:10px 0px}
#news #home-news .news-list .news-item-des {color:#777;margin:10px 0 20px;display:block;display:-webkit-box;display:-moz-box;min-height:45px;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:15px}
#news #home-news .news-list .more-btn {color:#b9b2a1;font-weight:700}
#news #home-news .news-list .swiper-slide:hover .news-item-img img {transform:scale(1.1)}
#news #home-news .news-list .swiper-slide:hover .news-item-title {color:#b9b2a1}
#news #home-news .news-list .more-btn:hover::before {background:#b9b2a1}
#news #home-news .news-list .more-btn:hover {color:#FFF}
.home-main section {overflow:hidden}
@media(max-width:1600px) {#brand .brand-list li {width:32%}
#brand .brand-list li .brand-word {width:90%}
#cate .cate-inner {align-items:center}
#cate .cate-r .cate-list .cate-item {margin-bottom:2%}
#cate .cate-r .cate-list .cate-item .cate-t a {font-size:30px}
#different .diff-r ul li p,#different .diff-st {font-size:28px}
#different .diff-t {font-size:50px}
#clients .client-swiper-inner .clinet-l .word {font-size:20px}
#clients .client-swiper-inner .clinet-r .name {font-size:22px}}
@media(max-width:1440px) {#about .about-con .home-label,.home-title {font-size:44px}
#brand .brand-list li .brand-title {font-size:24px}
#about .about-con .about-des {font-size:18px}
#different .diff-t {font-size:40px}
#different .diff-r ul li p,#different .diff-st {font-size:22px}
#clients .client-swiper-inner {margin:50px 50px 0 70px}
#clients .client-swiper {width:90%}
#clients .client-swiper-inner .clinet-l .yinhao {font-size:60px}
#clients .client-swiper-inner .clinet-l .word,#clients .client-swiper-inner .clinet-r .name {font-size:16px}
#news #home-news .news-list .news-item-title {font-size:18px;min-height:55px}}
@media(max-width:1025px) {#about .about-con .home-label,.home-title {font-size:38px}
#brand .brand-list li .brand-title,#cate .cate-r .cate-list .cate-item .cate-t a {font-size:20px}
#different .diff-t {font-size:28px;margin:10px 0px}
#different .diff-r ul li p,#different .diff-st {font-size:16px}
#different .diff-inner-bottom .diff-inner-left>div .diff-w {font-size:14px}
#different .diff-inner-bottom .diff-inner-imgBox p a {font-size:18px}
#different .diff-inner-bottom,#different .diff-inner-down,#different .diff-inner-top {margin:30px 0px}
#clients .client-swiper-inner {align-items:center;margin:0;padding:25px}
#clients .client-swiper {width:85%;margin:0px auto}
#clients .client-swiper-inner .clinet-r {margin:0px}}
@media(max-width:900px) {#product .pro-list li {margin:0px}
#projects #home-projects {margin-top:20px}
#projects #home-projects .swiper-slide {width:65%}
#projects #home-projects .swiper-slide.swiper-slide-next,#projects #home-projects .swiper-slide.swiper-slide-prev {transform:scale(.7)}
#projects #home-projects .swiper-slide.swiper-slide-active {transform:scale(1.3)}
#product .pro-list {justify-content:space-between}
#product .pro-list li {width:48%;margin:0 0 20px}
#product .pro-list li .pro-cont {padding:10px 0px}}
@media(max-width:768px) {#brand .brand-list li {width:49%}
#brand .brand-list {padding:0px}
#about .about-con,#about .about-img {width:100%}
#cate {padding:30px 0px}
#cate .cate-l {display:none}
#cate .cate-r {width:100%}
#cate .cate-r .cate-list .cate-item {width:49%}
#different .diff-line {height:30px}
#different .diff-inner-bottom,#different .diff-inner-down,#different .diff-inner-top {margin:15px 0px}
#different .diff-inner-bottom .diff-inner-down,#different .diff-inner-bottom .diff-inner-left,#different .diff-inner-bottom .diff-inner-right,#different .diff-inner-top>div {width:100%;margin:5px 0px}
#different .diff-inner-down .diff-inner-imgBox,#product .pro-list li {width:49%}
#about .about-con .home-label,.home-title {position:relative;z-index:999}
#clients .client-swiper-inner .clinet-l .word,#clients .client-swiper-inner .clinet-r .name {font-size:14px}
#clients .client-swiper-inner .clinet-l .yinhao {display:none}
#clients .client-swiper-inner .clinet-l .word {padding-left:0;margin:0px}
#logoBox .logo-ul li {width:32%}
#news #home-news {margin:20px 0px}
#news #home-news .news-list li {width:49%;margin:5px 0px}
#news #home-news .news-list .news-item-des {margin:0px}}
@media(max-width:500px) {#about .about-con .home-label,.home-title {font-size:30px}
#brand {padding:30px 0px}
#brand .brand-list li {width:100%;margin:10px 0px}
#about .about-con .about-des {margin:10px 0;font-size:14px}
#about .about-con .home-label,.home-title {font-size:22px}
#product .pro-list li .pro-cont .pro-name {font-size:13px;min-height:inherit}
#different {margin:25px 0px}
#different .diff-inner-bottom .diff-inner-left>div {padding-left:25px}
#brand .brand-list li .brand-title,#cate .cate-r .cate-list .cate-item .cate-t a {font-size:14px}
#product .pro-list li .pro-cont {padding:10px 0px}
#clients .client-inner {margin:10px 0px}
#clients .client-swiper-inner {padding:8px}
#clients .client-swiper-inner .clinet-l,#clients .client-swiper-inner .clinet-r {width:100%;margin:5px 0px}
#logoBox .logo-ul li {margin:3px 0px}
#news #home-news .news-list .news-item-title {font-size:13px}
#news #home-news .news-list .news-item-des {font-size:12px}}
.head-main .head-logo {max-width:inherit;height:auto}
@media(min-width:1025px) {.head-top {display:none}
.head-main,.head.is-fixed .head-main {background:#FFF;height:140px}
.head-main .l-wrap {flex-wrap:wrap}
.head-main .head-logo {width:100%}
.head-menu-box nav>ul>li>a {color:#000;padding:0 20px}
.head-right {width:auto;min-width:65%;margin:0px auto;height:50px;line-height:50px}
.head-menu-box nav>ul>li ul a {line-height:1.4}}
@media(min-width:1025px) and (max-width:1366px) {.head-menu-box nav>ul>li>a {font-size:16px;padding:0 7px}}
footer {background:#FFF;color:#000}
footer .foot-sign .sign-tit,footer .foot-sign,footer .foot-main .foot-item.foot-contact li .con p,footer a {color:#000}
#news .home-title {transform:none!important;transition:unset!important;opacity:1}
#projects #home-projects .swiper-slide>p>a {border:1px solid #000;width:150px}
@media(min-width:768px) {#brand .brand-list li {width:24%}}
#brand .brand-list li {display:flex;text-align:left;justify-content:space-between}
.brand-icon {width:50px;margin-right:10px}
.brand-con {flex:1}
#brand .brand-list li .brand-title {font-size:22px;color:#000}
#brand .brand-list li .brand-word {text-align:left;text-align-last:left;margin:0px}
#projects .home-title {position:relative}
.share-link ul a {color:#6a6a6a}
footer .foot-main .foot-item.foot-about,footer .foot-main,footer .foot-main .foot-item.foot-contact {border-color:#ddd}
#brand .brand-list li .brand-word {color:#000}
#brand .brand-list {margin:0px}
#cate .cate-inner {width:80%}
#about .about-con .about-des {font-size:20px}
#about .about-title {font-size:26px;font-weight:700;color:#62803f}
#different {max-width:90%;margin:0px auto}
#different .more-btn {color:#5a7670;padding:10px 20px;border:1px solid #5a7670;margin-top:10px}
#different .more-btn::before {background:#5a7670}
#different .more-btn:hover {color:#FFF}
#different .diff-t {font-size:54px}
#different .diff-st {font-size:30px}
#different .diff-r ul li p {font-size:30px}
#different .diff-inner-bottom,#different .diff-inner-down,#different .diff-inner-top {margin:30px 0px}
@media(max-width:1600px) {#different .diff-t {font-size:46px;margin:10px 0px}
#different .diff-r ul li p {font-size:24px}}
@media(max-width:1440px) {#about .about-con .about-des {font-size:16px}
#cate .cate-inner {width:90%}
#different .diff-r ul li p,#different .diff-inner-bottom .diff-inner-imgBox p a {font-size:18px}
#different .diff-t {font-size:40px}
#different .diff-st {font-size:24px}
#different .diff-inner-bottom .diff-inner-left>div {padding-left:25px}
#different .diff-line {height:40px}}
@media(max-width:1024px) {#about .about-con .home-label,.home-title {font-size:32px}
#brand .brand-list li .brand-title,#about .about-title {font-size:20px}
#about .about-con .about-des {margin:10px 0px}
#different .diff-t {font-size:32px}
#different .diff-inner-bottom,#different .diff-inner-down,#different .diff-inner-top {align-items:center}
#different .more-btn {padding:5px 20px}
#product .pro-list li {margin:10px 0 0}
#product .pro-list li .pro-cont .pro-name {min-height:inherit;font-size:14px}
#news #home-news .news-list .news-item-title {font-size:15px}}
@media(max-width:768px) {#brand .brand-list li {width:49%}
#different .diff-inner-bottom,#different .diff-inner-down,#different .diff-inner-top {margin:15px 0px}}
@media(max-width:450px) {#brand .brand-list li,#cate .cate-inner {width:100%}
#different .diff-st {font-size:17px}
#different .diff-t {font-size:24px}
#different {max-width:100%}
#different .diff-r ul li p,#different .diff-inner-bottom .diff-inner-imgBox p a {font-size:13px}}
.toptitleSwiper-box {width:100%;background:#cda274;padding:10px 0px}
.toptitleSwiper-box-inner p {text-align:center}
.toptitleSwiper-box-inner p a {display:inline-block;margin:0px auto;font-size:16px;transition:all .5s}
.toptitleSwiper-box-inner p a:hover {color:#2c3838}
.head-right {position:relative}
.head-right .top-imgBox {position:absolute;top:50%;right:-25%;transform:translateY(-50%)}
.head-right .top-imgBox img {height:30px}
@media(max-width:1440px) {.head-right .top-imgBox {right:-19%}
.head-right .top-imgBox img {height:20px}}
@media(max-width:1300px) {.head-right .top-imgBox {display:none}}
.common-main.single-main {margin-top:0}
.fabrics-wrapper h2 {font-size:27px;text-transform:uppercase;margin-bottom:40px}
@media(max-width:768px) {.fabrics-wrapper h2 {margin-bottom:15px}}
.container {max-width:1420px;margin:0px auto;padding:0 20px}
.fabrics-wrapper .sub {font-size:18px;line-height:1.8;margin-bottom:40px}
@media(max-width:768px) {.fabrics-wrapper .sub {margin-bottom:20px;font-size:16px}}
.flex-3p {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-3p>* {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:32%}
@media(max-width:768px) {.flex-3p>* {width:100%}}
.flex-5p>* {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc((100% - 40px)/5);margin-right:10px}
.flex-5p li:nth-child(5n) {margin-right:0}
@media(max-width:768px) {.flex-5p>* {width:calc((100% - 10px)/2)}
.flex-5p li:nth-child(5n) {margin-right:10px}
.flex-5p li:nth-child(2n) {margin-right:0}}
.facbric-bot {text-align:center}
.facbric-bot .facbric-rm {background:#000;padding:8px 15px;color:#FFF;text-decoration:none;display:inline-block;font-size:27px;margin:0px auto;text-transform:uppercase}
.fabrics-content img:hover,.how-content img:hover {-webkit-transform:scale(1.1);transform:scale(1.1)}
.fabrics-content .imgbox,.how-content .imgbox {overflow:hidden;position:relative}
.fabrics-content .imgbox img,.how-content .imgbox img {width:100%}
.get-sample .container {max-width:1280px}
.get-sample h2 {font-size:36px;margin-bottom:0;text-transform:capitalize}
.get-sample p {font-size:16px;margin:10px 0px}
.get-sample .get-sample-left,.get-sample .get-sample-right {width:calc((100% - 50px)/2);margin-right:50px}
.get-sample .get-sample-left:nth-child(2n),.get-sample .get-sample-right:nth-child(2n) {margin-right:0}
.get-sample .get-sample-right .imgbox {height:100%;display:flex;align-items:center}
.get-sample .get-sample-right .imgbox img {height:70%;object-fit:cover}
@media(max-width:1024px) {.get-sample .get-sample-right .imgbox img {height:auto}
.get-sample h2 {font-size:22px}
.get-sample p {font-size:14px}
.get-sample .get-sample-left,.get-sample .get-sample-right {width:calc((100% - 0px)/1);margin-right:0}
.get-sample .get-sample-left:nth-child(1n),.get-sample .get-sample-right:nth-child(1n) {margin-right:0}}
.get-sample .inquiry-form input {height:40px}
.get-sample .inquiry-form textarea {height:200px}
.fabrics-content {padding:50px 0 60px;background:url(/uploads/7284/fabbg.png) repeat-x bottom left}
@media(max-width:768px) {.fabrics-content {padding:20px 0px}}
.fabrics-content .natural-list {width:100%}
.fabrics-content .natural-list li {margin-bottom:40px}
@media(max-width:768px) {.fabrics-content .sub {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}
.fabrics-content .rm {background:#000;padding:8px 15px;color:#FFF;text-decoration:none;display:inline-block;font-size:17px;text-transform:uppercase;float:right;margin-bottom:50px}
@media(max-width:768px) {.fabrics-content .rm {float:none;margin-bottom:0}}
.fabrics-content .natural-name {background:#000;padding:8px 15px;color:#FFF;text-decoration:none;display:inline-block;position:absolute;right:0;bottom:0;font-size:16px;text-align:center;width:200px;height:34px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;overflow:hidden}
.fabrics-content .natural-name span {font-size:8px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media(max-width:1024px) {.fabrics-content .natural-name {padding:5px;height:auto;width:100%;display:block}}
.fabrics-content .text {font-size:13px;margin-top:15px}
.fabrics-content img,.how-content img {display:block}
.fabrics-content1 .range-list {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.fabrics-content1 .range-list li {position:relative}
@media(max-width:768px) {.fabrics-content1 .range-list li {margin-bottom:15px}}
.fabrics-content1 .range-list img {width:100%}
.fabrics-content1 .range-list .range-name {background:#000;padding:8px 15px;color:#FFF;text-decoration:none;display:inline-block;position:absolute;right:0;bottom:0;font-size:22px}
@media(max-width:415px) {.fabrics-content1 .range-list .range-name {font-size:18px}}
.fabrics-content4 {background:0 0}
.container-m {max-width:1180px;padding:0 20px;margin:0px auto}
.how-title {font-size:30px;font-weight:700;text-align:center;text-transform:uppercase}
@media(max-width:768px) {.how-title {font-size:22px}}
.how-sub {text-align:center;margin-top:32px;font-size:20px}
@media(max-width:768px) {.how-sub {margin-top:15px;font-size:16px}}
.how-content {padding:60px 0px}
@media(max-width:768px) {.how-content {padding:20px 0px}}
.how-content1,.how-content3,.how-content5 {background:#efefef}
.how-content2 .flex-4p li {width:calc((100% - 0px)/4);margin-right:0}
.how-content2 .flex-4p li:nth-child(4n) {margin-right:0}
@media(max-width:768px) {.how-content2 .flex-4p li {width:calc((100% - 0px)/2);margin-right:0}
.how-content2 .flex-4p li:nth-child(2n) {margin-right:0}}
.how-content2 .flex-4p li .con {padding:10px;text-align:center}
.how-content2 .flex-4p li .con .tit {font-size:16px;margin-bottom:10px;font-weight:700;min-height:44.8px;display:flex;align-items:center;justify-content:center;letter-spacing:-.07em}
.how-content2 .flex-4p li .con p {font-size:13px}
.how-content2 .flex-4p li .con p:nth-child(2) {min-height:68px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-align:left;letter-spacing:-.01em}
.how-content4 .odm-top {margin-bottom:50px}
@media(max-width:768px) {.how-content4 .odm-top {margin-bottom:20px}}
.how-content4 .odm-top-left,.how-content4 .odm-top-right {width:calc((100% - 0px)/2);margin-right:0;padding:0 45px 0 50px}
.how-content4 .odm-top-left:nth-child(2n),.how-content4 .odm-top-right:nth-child(2n) {margin-right:0}
@media(max-width:768px) {.how-content4 .odm-top-left,.how-content4 .odm-top-right {width:calc((100% - 0px)/1);margin-right:0;padding:0;margin-bottom:15px}
.how-content4 .odm-top-left:nth-child(1n),.how-content4 .odm-top-right:nth-child(1n) {margin-right:0}}
.how-content4 .odm-top-right {overflow:hidden}
.how-content4 .odm-top-right img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.how-content4 .odm-top-title {font-size:18px;color:#5c809e;margin-bottom:30px;text-align:center;font-weight:700}
.how-content4 .odm-top-title+p {line-height:2;margin-bottom:30px;font-size:18px}
@media(max-width:768px) {.how-content4 .odm-top-title {margin-bottom:15px}
.how-content4 .odm-top-title+p {line-height:1.5;margin-bottom:15px}}
.how-content4 ul.dot-style {margin-bottom:40px}
@media(max-width:768px) {.how-content4 ul.dot-style {margin-bottom:15px}}
.how-content4 ul.dot-style li {position:relative;padding-left:20px;margin-bottom:10px;font-size:18px;font-weight:700}
.how-content4 ul.dot-style li:before {content:"";position:absolute;left:0;width:10px;height:10px;border-radius:50%;background:#9c9a9b;top:7px}
.how-content4 .odm-tit {color:#5c809e;text-transform:uppercase;margin:30px 0;text-align:center;font-weight:700;padding:0 10px;font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:51px}
@media(max-width:768px) {.how-content4 .odm-tit {margin:10px 0;height:auto}}
.how-content4 .text {font-size:16px;margin-bottom:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;line-height:2;min-height:192px}
@media(max-width:768px) {.how-content4 .text {min-height:auto;margin-bottom:20px;line-height:1.5}}
.how-content4 .intro {min-height:400px;overflow:hidden}
@media(max-width:768px) {.how-content4 .intro {min-height:auto}}
.how-content4 .odm-rm {text-align:center}
@media(max-width:768px) {.how-content4 .odm-list li {margin-bottom:15px}}
.how-content .rm {background:#000;padding:8px 15px;color:#FFF;text-decoration:none;display:inline-block;text-transform:uppercase;font-weight:700}
.how-content6 .how-sub {margin-top:0;margin-bottom:50px}
@media(max-width:768px) {.how-content6 .how-sub {margin-bottom:20px}}
.custom-list .custom-item {margin-bottom:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media(max-width:768px) {.custom-list .custom-item {margin-bottom:20px}}
.custom-list .custom-item .custom-tit {font-size:30px;font-weight:700}
@media(max-width:768px) {.custom-list .custom-item .custom-tit {font-size:22px}}
.custom-list .custom-item p {margin:20px 0px}
.custom-list .custom-item p,.custom-list .custom-item li {line-height:2;font-size:18px}
@media(max-width:768px) {.custom-list .custom-item p,.custom-list .custom-item li {font-size:16px;line-height:1.5}}
.custom-list .custom-item li {position:relative;padding-left:20px;margin-bottom:10px}
.custom-list .custom-item li:before {content:"";position:absolute;left:0;width:10px;height:10px;border-radius:50%;background:#9c9a9b;top:7px}
.custom-list .custom-item li:before {top:12px}
@media(max-width:768px) {.custom-list .custom-item li:before {top:7px}}
.custom-list .custom-item>div {width:calc((100% - 20px)/2);margin-right:20px}
.custom-list .custom-item>div:nth-child(2n) {margin-right:0}
@media(max-width:768px) {.custom-list .custom-item>div {width:calc((100% - 0px)/1);margin-right:0}
.custom-list .custom-item>div:nth-child(1n) {margin-right:0}}
.custom-list .custom-item:nth-child(2n) {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.custom-list .custom-item:nth-child(2n) .custom-item-left {margin-right:0;margin-left:20px}
@media(max-width:768px) {.custom-list .custom-item:nth-child(2n) .custom-item-left {margin-left:0}}
.how-content7 {padding:0;text-align:center}
.how-content7 .how-sub {font-size:22px}
.how-content7 .how-title {margin:30px 0px}
.how-content7 .rm {font-size:27px;padding:8px 20px}
@media(max-width:768px) {.how-content7 .how-sub {font-size:18px}
.how-content7 .how-title {margin:15px 0px}
.how-content7 .rm {font-size:18px}}
.faq-wrapper .l-wrap {padding:0px}
.faq-box {padding:50px 20px}
@media(max-width:768px) {.faq-box {padding:20px 15px}}
.faq-box .faq-catename {margin-bottom:20px}
.faq-box .policy-list li {font-size:18px;margin-bottom:1em}
@media(max-width:768px) {.faq-box .policy-list li {font-size:16px}}
.faq-box:nth-child(2n+1) {background-color:#f5f5f5}
.faq-box ul {width:calc((100% - 50px)/2);margin-right:50px}
.faq-box ul:nth-child(2n) {margin-right:0}
@media(max-width:1024px) {.faq-box ul {width:calc((100% - 0px)/1);margin-right:0}
.faq-box ul:nth-child(1n) {margin-right:0}}
.faq-box-item .project-name {cursor:pointer;font-size:18px;padding:11px 50px 11px 24px;border:1px solid #e6e6e6;position:relative}
@media(max-width:768px) {.faq-box-item .project-name {font-size:16px}}
.faq-box-item .project-name:after {content:"+";display:block;width:22px;height:22px;background:#e4e4e4;border-radius:50%;position:absolute;right:16px;top:12px;font-size:20px;text-align:center;line-height:20px}
.faq-box-item .project-content {padding:16px 50px 16px 24px;display:none;color:#555;line-height:1.75}
.faq-box-item .project-info.is-active .project-name:after {content:"-";font-size:30px;line-height:18px}
.faq-box-item>li {width:100%;margin-bottom:1em;background:#FFF}
.head-right .top-imgBox {display:flex;flex-wrap:wrap;width:140px;right:-18%;top:20%}
.head-right .top-imgBox img {width:50%;height:auto;max-height:40px;object-fit:contain;padding:4px}
@media (max-width:1300px) {.head-right .top-imgBox {display:none}}
.toptitleSwiper-box-inner p a {font-weight:bold}
#brand .common-width {max-width:1400px}
#brand .brand-list li img {filter:contrast(15)}
#brand .brand-list li .brand-title {font-size:18px}
.diff-more {text-align:center}
#different .more-btn {font-weight:bold}
.faq-box-item li:first-child {background:transparent}
.inspired-top {-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:50px auto 20px}
.inspired-top img {width:250px;border-right:1px solid #000;padding-right:15px}
.inspired-top p {font-size:40px;font-weight:700;padding-left:15px}
@media (max-width:768px) {.inspired-top {margin:20px auto}
.inspired-top img {width:150px}
.inspired-top p {font-size:22px}}
.tab-nav {margin-bottom:50px}
@media (max-width:768px) {.tab-nav {margin-bottom:20px}}
article .tab-nav a {border:1px solid #000;padding:5px 10px;text-decoration:none;margin-right:20px;color:#000;border-radius:5px}
article .tab-nav a.active,article .tab-nav a:hover {background:#cda274;color:#FFF;border-color:#cda274}
@media (max-width:768px) {article .tab-nav a {margin-bottom:10px}}
.inspired-list {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.tab-con .right .lazy-wrap::after {padding-bottom:0}
.inspired-list>li {width:32%;margin-bottom:20px;-webkit-box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);border-radius:10px}
.inspired-list>li .imgbox {padding-bottom:75%;width:100%;position:relative;overflow:hidden;height:0}
.inspired-list>li .imgbox img {position:absolute;top:50%;left:50%;max-height:100%;max-width:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.inspired-list>li .imgbox img:hover {-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
.inspired-list>li h3 {text-align:center;margin:15px 0px}
.inspired-list>li .con {padding:10px 15px;font-size:14px}
.inspired-list>li ul {padding:0 15px}
.inspired-list>li ul li {position:relative;padding-left:15px}
.inspired-list>li ul li:before {content:"";position:absolute;width:8px;height:8px;background:#000;border-radius:50%;top:6px;left:0}
@media (max-width:768px) {.inspired-list>li {width:48%}
.inspired-list>li h3 {font-size:16px;margin-bottom:10px}
.inspired-list>li ul li {font-size:14px}}
.tab-content h2 {font-size:30px;margin:30px 0px 40px;text-align:center}
@media (max-width:768px) {.tab-content h2 {font-size:24px;margin:20px 0px}}
.tab-con-wrapper .tab-con:not(.active) {display:none}
.tab-content:not(.active) {display:none}
@media (max-width:768px) {.tab-con-nav.flex {-ms-flex-wrap:nowrap;flex-wrap:nowrap}}
.tab-con-nav.flex a {width:20%;text-decoration:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border:1px solid #CCC;padding:20px 5px;color:#000;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.tab-con-nav.flex a img {position:absolute;bottom:5px;max-width:100%;width:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.tab-con-nav.flex a.active,.tab-con-nav.flex a:hover {background:#cda274;color:#FFF}
@media (max-width:768px) {.tab-con-nav.flex a {-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;font-size:14px;line-height:1}}
.tab-con-nav.flex a+a {border-left:none}
.tab-con {border:1px solid #CCC;padding:40px;margin-bottom:50px}
.tab-con .hem-name {font-size:18px;font-weight:700;text-align:center}
.tab-con .flex {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.tab-con .flex>div {width:48%}
.tab-con h3 {margin-bottom:20px}
.tab-con .adv,.tab-con .disadv {margin:10px 0px}
.tab-con ul li {position:relative;font-size:14px;padding-left:15px}
.tab-con ul li:before {content:"";position:absolute;width:6px;height:6px;left:0;top:6px;background:#000;border-radius:50%}
@media (max-width:768px) {.tab-con {padding:15px;margin-bottom:20px}
.tab-con .flex>div {width:100%;margin-bottom:15px}
.tab-con img {width:100%}}
.cert-wrapper {margin-bottom:50px}
.cert-wrapper .cert-list {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px}
.cert-wrapper .cert-list li {width:24%}
@media (max-width:768px) {.cert-wrapper {margin-bottom:20px}
.cert-wrapper .cert-list li {width:50%}}
.advantage-wrapper .item {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}
.advantage-wrapper .item>div {width:48%}
.advantage-wrapper .item .num {font-size:30px;font-weight:700;margin-bottom:20px}
.advantage-wrapper .item h3 {margin:15px 0px}
@media (max-width:768px) {.advantage-wrapper .item {margin-bottom:15px}
.advantage-wrapper .item>div {width:100%;margin-bottom:15px}}
.zoom-box {position:relative}
.zoom-left {position:relative;margin-left:auto}
.zoom-left img {display:block}
.zoom-right {display:none;width:100%;height:100%;position:absolute;right:100%;overflow:hidden;top:0}
.zoom-right .big-img {position:absolute;left:0;top:0;width:300%;max-width:none}
.zoom-right:before {content:"";padding-bottom:100%}
.zoom-box .mask {position:absolute;top:0;left:0;display:none;width:150px;height:90px;background:#000;opacity:.3;cursor:move;z-index:1}
.tab-content5 h2 {text-align:left}
.tab-content5 ul.label-list li {position:relative;padding-left:20px;margin-bottom:15px}
.tab-content5 ul.label-list li:before {content:"";position:absolute;width:8px;height:8px;background:#000;border-radius:50%;top:6px;left:0}
.tab-content5 h3 {margin:30px 0px}
@media (max-width:1024px) {.tab-content5 h3 {margin:15px 0px}}
.tab-content5 .imglist {margin:20px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.tab-content5 .imglist li {width:48%}
.tab-content5 .imglist p {text-align:center;font-size:18px;margin-top:20px;font-weight:700}
.flex-ac {-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-jsb {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.contact-box {max-width:1200px;margin:70px auto}
@media (max-width:1024px) {.contact-box {margin:30px auto}}
.contact-content1 .left,.contact-content2 .left {width:35%}
.contact-content1 .right,.contact-content2 .right {width:56%}
@media (max-width:1024px) {.contact-content1 .left,.contact-content2 .left {width:100%}
.contact-content1 .right,.contact-content2 .right {width:100%;margin-top:20px}}
.contact-content1 {margin-bottom:50px}
.contact-content1 h2 {font-size:50px;font-weight:bold;text-transform:uppercase;color:#597670}
.contact-content1 .left {padding-left:50px}
.contact-content1 .left p {font-size:20px;color:#597670}
.contact-content1 .right {padding-left:50px}
.contact-content1 .right p {font-size:20px;color:#597670}
@media (max-width:1024px) {.contact-content1 {margin-bottom:30px}
.contact-content1 h2 {font-size:24px;margin-bottom:20px}
.contact-content1 .left {padding:0px}
.contact-content1 .left p {font-size:18px}
.contact-content1 .right {padding:0px}
.contact-content1 .right p {font-size:18px}}
.contact-content2 .left h3 {font-size:38px;margin-bottom:20px;font-weight:normal;padding-left:40px;text-align:right;color:#597670}
.contact-content2 .left p {font-size:14px}
@media (max-width:1024px) {.contact-content2 .left h3 {font-size:24px;margin-bottom:15px;text-align:left;padding:0px}}
.contact-content2 .right ul {-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:100px;-moz-column-gap:100px;column-gap:100px}
@media (max-width:1024px) {.contact-content2 .right ul {-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}
.contact-content2 .right ul li {margin-bottom:15px}
.contact-content2 .right ul li .icon {margin-bottom:15px}
.contact-content2 .right ul li .icon img {width:40px;display:block}
.contact-content2 .right ul li .line {width:100%;height:2px;background:#597670}
.contact-content2 .right ul li h3 {font-size:24px;margin-bottom:10px;font-weight:normal;color:#597670}
.contact-content2 .right ul li p {font-size:14px;margin-bottom:15px;color:#597670}
.contact-content2 .right ul li:nth-child(2) p {max-width:118px}
@media (max-width:1024px) {.contact-content2 .right ul li {margin-bottom:15px}
.contact-content2 .right ul li h3 {font-size:20px}
.contact-content2 .right ul li:nth-child(2) p {max-width:100%}}
.contact-content2 .right .links {margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}
.contact-content2 .right .links a {background:#9fa8a3;color:#FFF;width:45px;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:5px;text-decoration:none;border-radius:5px}
.contact-content2 .right .links a i {font-size:20px}
.contact-box .contact {margin-top:50px}
@font-face {font-family:"Segoe UI";src:url('/uploads/7284/Segoe UI.ttf') format('truetype');font-display:swap}
.contact-box .contact-content1 *,.contact-box .contact-content2 * {font-family:'Segoe UI' !important}
.contact-box .contact-content2 em {font-family:'iconfont' !important;font-size:22px}
.wmkc-template-33 .wmkc-flex {display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-flex .wmkc-item-img {padding:0!important}
.wmkc-template-33 .wmkc-flex .wmkc-item-img img {max-height:100%}
@media (min-width:1025px) {.head-main .l-wrap {position:relative}
li#liproducts {position:static}
li#liproducts .submenu.nav1 {display:flex;width:1640px;padding:10px;flex-wrap:wrap;left:50%;transform:translateX(-50%) scaleY(0)}
li#liproducts:hover .submenu.nav1 {transform:translateX(-50%) scaleY(1)}
li#liproducts .submenu.nav1>li {width:14.28%;margin:6px 0 6px 0;border-right:1px solid #CCC;padding:0 15px}
li#liproducts .submenu.nav1>li:nth-child(7n) {margin-right:0;border:none}
li#liproducts .submenu.nav1>li>a {font-weight:bold;padding:0;margin-bottom:8px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
li#liproducts .submenu.nav1 ul {opacity:1;position:static;transform:scale(1);width:100%}
li#liproducts .submenu.nav1 ul li a {color:#444;padding:0;font-size:15px;margin-bottom:5px}
li#liproducts .submenu.nav1 ul ul {padding-left:10px}
li#liproducts .submenu.nav1 ul li a:hover {color:var(--color)}}
@media (max-width:1680px) and (min-width:1025px) {li#liproducts .submenu.nav1 {width:98vw}}
@media (max-width:1366px) and (min-width:1025px) {li#liproducts .submenu.nav1>li {width:20%}
li#liproducts .submenu.nav1>li:nth-child(7n) {border-right:1px solid #ccc}
li#liproducts .submenu.nav1>li:nth-child(5n) {border:none}
li#liproducts .submenu.nav1>li>a {margin-bottom:5px;font-size:15px}
li#liproducts .submenu.nav1 ul li a {font-size:13px;margin-bottom:2px}}
@media (max-width:1024px) {li#liproducts .submenu.nav1 ul ul {display:block;padding-left:10px}
li#liproducts .submenu.nav1>li>ul>li .arrow {display:none}
li#liproducts .submenu.nav1>li>a {font-weight:bold}}
@media screen and (min-width:1025px){.head-main{position:relative}
.head-main .lang{position:absolute;right:28px;top:25%;transform:translate(0,-50%);z-index:11}}
.head-main .lang .lang-icon{color:#333}
.head-main .lang .lang-icon::before{border:0 solid #333;border-bottom-width:1px;border-left-width:1px}
@media (min-width:1025px) and (max-width:1600px){.product-main>.l-wrap{padding-left:5%;padding-right:5%;}
.product-main .prohome-content,.product-main .prolist-bottom{margin-left:5%;margin-right:5%;}
.product-main .prolist-bottom .kche-wrap-width1,.product-main .prolist-bottom .kche-wrap-width{padding-left:0;padding-right:0;}}
.common-main .news-list.list1 .news-img img{aspect-ratio: 1 / 1;}
.common-main .pro-list.list1 li img{aspect-ratio: 1 / 1;object-fit:contain;background:#fff;}
.product-main .procate-swiper-inner.procate-swiper-inner-sec .kche-t41>div>.kche-flex-item{height:auto;display:flex;flex-direction:column;}
.product-main .procate-swiper-inner.procate-swiper-inner-sec .kche-t41 .kche-item-img{aspect-ratio:1 / 1}
.product-main .procate-swiper-inner.procate-swiper-inner-sec .kche-item-title{flex:1;display:flex;flex-direction:column;}
.product-main .procate-swiper-inner.procate-swiper-inner-sec .kche-item-title .kche-t76{margin-top:auto}