@charset "utf-8";@font-face{font-family:"iconfont";font-display:swap;src:url(../fonts/iconfont.woff2) format('woff2'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype')}
@font-face{font-family:"iconfont";font-display:swap;src:url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALcAAsAAAAABpwAAAKPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcAqBFIEUATYCJAMICwYABCAFhGcHNBvUBRHVk0VkXxTYbitWaAy5hsb5WDi4EAfN4U+uEqg02O8X8QC/P95z8UWNqGBaXgKz09IW2vJCXJI7gLj8Fufs3cCYqKuxnD159IW0A0xzEvrC+Bv34gGc/n4+/9XnTb0NZKNhVFBiJVbxphtCwAZcQAHa7BPm83/v+C+gD3xB5A8aOxprU5seWIDpB21uywILtBN54ikMrzrInXhGQKV5m8QdR38A1B6V7RbolNmTgaw1HG3LWVAuxWWZlsoFpejeLFxTQrwSn+Nq9Pnwx2IIiEoSu2PPEW8B3P51zoK0SHrrwnx99LGIEiRMIxMOdOd3SUITn1T6s0HanQW+d0UR+IRd24L419nN1aCbivckefKtNkeQk+kxrB71JsTBEu8Ow9eKLsT2dGC13Z6YYmE7eK65cnQHHfweDmc2FCuFO8m3270QcKFnGL9k8/2m/Ofxep/n4XI1/F5f1//JGrsVy1+ec+iR/9aL046G+2ILKErXU7+AwIVt1dKY/0Gcwae0+okWFGWpH+V79wd+lXoYJGYjScxHrBIQFWlUNqLSSVFghxu9H2s03VI5KNd0Y8EyXRmScoNU5iZRosoiSpXbiEpTdh6u0uSkJOQKjLpMENS7gajWTST1HlGZe4ESrX6gVD3rj8g91JwX2wa9I5SMBtQHWj1P1tU58npG9xgk1WXuSL6lKSizolw64YQ0xQb/dBWzBUvzCEfhMRyGGRaaO9ScNcxLnee26SWZnkexQ5DEkAGUD9DSZhMbkLn4fWfIeRhIBFL3PPFa6h2UMgVAnZQJGrqTS7wnp8KYBSwixRE4SrPQYDADS/OsDtJYphmRXdRyh2RRJVtfG7+eII5hmzE425Lo7KtlRkqLUggA') format('woff2')}
.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-Download:before{content:"\e675"}
.icon-xiaohuoche:before{content:"\e620"}
.icon-dianhua:before{content:"\e661"}
.icon-baozhang:before{content:"\e7ba"}
.icon-bi:before{content:"\e61b"}
.icon-user:before{content:"\e92d"}
.icon-H:before{content:"\e609"}
.icon-PhoneMobile:before{content:"\e6be"}
.icon-company:before{content:"\ea15"}
.icon-arrow-long-r:before{content:"\e92e"}
.icon-youtube1:before{content:"\e7b2"}
.icon-gp:before{content:"\e65d"}
.icon-rili:before{content:"\e603"}
.icon-diqiu:before{content:"\e60a"}
.icon-gongsi:before{content:"\e617"}
.icon-zhizao:before{content:"\e600"}
.icon-fuwu:before{content:"\e704"}
.icon-jingyan:before{content:"\e61a"}
.icon-users:before{content:"\e62e"}
.icon-skype:before{content:"\ec02"}
.icon-arrow-r:before{content:"\e64d"}
.icon-facebook:before{content:"\e63a"}
.icon-close:before{content:"\e650"}
.icon-arrow-l:before{content:"\e606"}
.icon-instagram:before{content:"\e664"}
.icon-ins:before{content:"\e664"}
.icon-arrow-t:before{content:"\e60d"}
.icon-pinterest:before{content:"\e685"}
.icon-search:before{content:"\e64f"}
.icon-arrow-b:before{content:"\e60c"}
.icon-email:before{content:"\e638"}
.icon-email1:before{content:"\e638"}
.icon-phone:before{content:"\e63d"}
.icon-liaotian:before{content:"\e6db"}
.icon-home:before{content:"\e821"}
.icon-xiazai:before{content:"\e610"}
.icon-dizhi1:before{content:"\e628"}
.icon-linkedin:before{content:"\e696"}
.icon-youtube:before{content:"\e660"}
.icon-whatsapp:before{content:"\e933"}
.icon-whatsapp1:before{content:"\e97b"}
.icon-twitter:before{content:"\e66a"}
.icon-vkontakte:before{content:"\e863"}
.icon-vkontakte1:before{content:"\e863"}
.icon-tiktok:before{content:"\e61f"}
:root{--color: #6FC597;--hovercolor:#111111;--fontcolor:#111111;--headercolor:#ffffff;--footercolor:#CCCCCC;--introcolor:#555555;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato','Open Sans','Roboto','Poppins','Oswald','Noto Sans',sans-serif;/* --fontfamily: arial; */}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-weight: 300;}
html{margin:0px;padding:0px;font-size:13.3333vw;overflow-x:hidden;}
body{margin:0px auto;padding:140px 0px 0px 0px;max-width:1920px;color:var(--fontcolor);font-size:var(--fontsize16);line-height:1.6;font-family:var(--fontfamily);font-weight: 300;}
*{font-family:var(--fontfamily) !important}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6);text-transform:capitalize}
a,a:hover{text-decoration:none;color:inherit;cursor:pointer}
img{max-width:100%;max-height:100%;height:auto;border:none;transition:all .1s linear}
ul,li,ol{list-style:none}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom}
input::placeholder,textarea::placeholder{font-family:var(--fontfamily)}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0px}
button{cursor:pointer}
table{border-collapse:collapse}
i{vertical-align:middle}
.clearfix{zoom:1}
.clearfix::after{clear:both;content:'';display:block;height:0px;visibility:hidden}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.container{width:100%;max-width: 1640px;margin:0px auto;padding: 0 40px;}
.container-s{width:100%;max-width:1400px;margin:0px auto;padding: 0 40px;}
.table td,.table th{border:1px solid #DDDDDD;padding:5px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #EEEEEE;padding:5px}
.body-layer{overflow-y:hidden}
.project-name{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.head-lang{display:flex;align-items:center;justify-content:center}
.lang{width:auto;z-index:9999;text-align:left;position:relative;margin-right:20px}
.lang-icon{display:flex;align-items:center;width:100%;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor)}
.lang-icon>img{margin-right:5px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:var(--border);box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(23%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:0px}
.lang-flex .lang-wrap li a{padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
	.container{padding:0 20px}
	.l-wrap{padding:0px 15px}
	.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:54px!important;position:fixed;width:calc(100vw - 20px)}
	.lang-flex .lang-wrap{width:100%}
	.lang-drop.lang-flex .lang-arrow{left:80%}
	.lang{margin-left:auto;margin-right:10px;transition:all .2s linear}
	.lang-icon span{display:none}
	.lang-icon>img{width:36px;height:24px}
	.lang-drop{display:none}
	.lang-drop.active{display:block}
}
header{position:fixed;top:0px;left:0px;width:100%;background:#FFFFFF;z-index:999}
header.is-active .head-top{margin-top:-40px;opacity:0;visibility:hidden}
header.is-active .head-info{height:80px}
header .head-top{height:40px;color:var(--headercolor);background:#2B2B2B;transition:margin .1s linear;background: var(--color);}
header .head-top .container{height:100%;align-items:center}
header .head-top .head-share{display:flex;align-items:center;height:100%}
header .head-top .head-share ul{display:flex;align-items:center;margin-right:10px;height:100%}
header .head-top .head-share ul li{width:26px;height:26px;margin:0px 4px}
header .head-top .head-share ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all .1s linear;color:var(--headercolor);border-radius:var(--border)}
header .head-top .head-share ul li a:hover{color:var(--color);background-color:#FFFFFF}
.head-top{background:#2B2B2B;padding:2px 0px}
.head-top .head-share{color:#fff;line-height:32px;font-size:13px}
.head-contact>a{color:#FFF;font-size:14px;margin-right:20px;position: relative;}
.head-contact>a:after{content:'';position: absolute;display: block;right: 0;bottom: 0;width: calc(100% - 21px);height: 1px;background: #fff;opacity: 0;}
.head-contact>a:hover:after{opacity:1}
.head-contact em{margin-right:4px;vertical-align:middle;line-height:1;color: #fff;}
header .head-info{height:100px;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear}
header .head-info .container{max-width:1600px;padding:0px 15px;height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-info .head-logo{max-width:50%;display:flex;align-items:center}
header .head-info .head-logo a{display:inline-flex;align-items:center}
header .head-info .head-logo a span{font-size:var(--fontsize18);padding-left:10px}
header .head-info .head-logo img{width:auto;max-height:60px}
header .head-info .head-nav{height:100%;display:flex;align-items:center}
header .head-info .head-nav .nav-ul{display:flex;height:100%}
header .head-info .head-nav .nav-ul>li{position:relative;height:100%}
header .head-info .head-nav .nav-ul>li>em{position:absolute;right:0px;top:50%;transform:translateY(-50%);font-size:var(--fontsize12)}
header .head-info .head-nav .nav-ul>li>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold5);padding:0px 25px;transition:all .1s linear;text-transform:uppercase;position:relative;white-space:nowrap;font-size:24px}
header .head-info .head-nav .nav-ul>li>a:after{content:'';display:block;width:calc(100% - 50px);height:1px;background:transparent;position:absolute;margin-top:40px}
header .head-info .head-nav .nav-ul>li:hover>em{color:var(--color)}
header .head-info .head-nav .nav-ul>li:hover>a{color:var(--color)}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul>li .submenu{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .1s linear;position:absolute;top:100%;left:0px;min-width:200px;background:#FFFFFF;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
header .head-info .head-nav .nav-ul>li .submenu li{white-space:nowrap;position:relative;padding:0px 10px;height:55px}
header .head-info .head-nav .nav-ul>li .submenu li a{display:flex;align-items:center;font-size:var(--fontsize16);height:100%;color:var(--fontcolor);padding-right:30px;border-bottom:1px solid #eaeaea;text-transform:capitalize}
header .head-info .head-nav .nav-ul>li .submenu li ul li a{color:var(--fontcolor);text-transform:capitalize}
header .head-info .head-nav .nav-ul>li .submenu li em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:var(--fontsize12)}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:none}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:#F6F6F6}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul{display:block;position:absolute;left:100%;top:0px;background:#FFFFFF;box-shadow:1px 2px 10px rgba(0,0,0,.1);min-width:200px}
header .head-info .head-nav .nav-ul>li .submenu>li:hover>a,header .head-info .head-nav .nav-ul>li .submenu>li:hover>em{color:var(--color)}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover a,header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover em{color:var(--color)}
header .head-info .head-nav .nav-ul>li>a.inmenu_1{color:var(--color)}
header .head-info .head-nav .nav-ul>li>a.inmenu_1:after{background:var(--color)}
.m-menu{display:none}
.head-search{position:relative;height:100%;display:flex;align-items:center;border:1px solid #BED7FF}
.head-search .search-wrap{display:flex}
.head-search .search-wrap.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.head-search .txtSearch{width:160px;line-height:26px;padding-left:10px;font-size:14px;background:transparent;color:#fff}
.head-search .txtSearch::-moz-placeholder{color:#fff}
.head-search .txtSearch:-ms-input-placeholder{color:#fff}
.head-search .txtSearch::placeholder{color:#fff}
.head-search #btnSearch{width:28px;background:transparent;display:block}
.head-nav .head-search{display:none}
@media (max-width:1280px){
	header .head-info .head-nav .nav-ul>li>a{padding:0px 15px}
	header .head-info .head-nav .nav-ul>li>em{right:15px}
	.footer-bottom .main .mid{margin:0px 3%}
}
	@media (max-width:1024px){
		body{padding-top:55px}
	.head-search{display:none}
	.search-input{margin:10px 0px;display:block;position:static;opacity:1;transform:none;visibility:inherit;display:flex;align-items:center;width:100%;box-shadow:none;border:1px solid #c2c2c2;border-radius:var(--border);overflow:hidden}
	.search-input input{flex:1}
	header.is-active .head-info{height:55px}
	header .head-info .head-logo img{max-height:45px}
	header.is-active .head-info .head-nav{top:54px;height:calc(100vh - 54px)}
	header .head-top{font-size:var(--fontsize14);height:30px;position:static;transition:all .2s linear;display:none}
	header .nav-ul>li .submenu>li em{display:none}
	header .head-info{height:55px}
	header .head-info .head-logo{max-width:inherit}
	header .head-info .head-nav{background:#FFFFFF;width:100%;height:calc(100vh - 55px);padding:10px 20px;position:fixed;left:0px;top:55px;transition:all .2s linear;display:flex;flex-direction:column-reverse;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(-20px);z-index:9999}
	header .head-info .head-nav.head-nav-act{opacity:1;visibility:inherit;transform:translateY(0)}
	header .head-info .head-nav .nav-ul{width:100%;height:100%;display:block;flex-direction:column;overflow-y:auto;padding:0px 0px 60px}
	header .head-info .head-nav .nav-ul>li{height:auto}
	header .head-info .head-nav .nav-ul>li:hover>a,header .head-info .head-nav .nav-ul>li:hover>em{color:inherit}
	header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:inherit;visibility:inherit;transform:inherit;transform:none}
	header .head-info .head-nav .nav-ul>li.cur>a{color:var(--color)}
	header .head-info .head-nav .nav-ul>li.cur>em{color:var(--color);transform:rotateX(180deg)}
	header .head-info .head-nav .nav-ul>li>em{width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:8px;right:0px;font-size:var(--fontsize22);cursor:pointer;transition:all .1s linear;transform:none}
	header .head-info .head-nav .nav-ul>li>a{padding:12px 0px;height:auto;justify-content:flex-start;font-size:var(--fontsize18);font-weight:normal}
	header .head-info .head-nav .nav-ul>li>a::after{content:none}
	header .head-info .head-nav .nav-ul>li .submenu{display:none;opacity:1;visibility:inherit;position:static;transform:none;box-shadow:none;transition:none;padding-left:10px;min-width:inherit}
	header .head-info .head-nav .nav-ul>li .submenu li{height:auto}
	header .head-info .head-nav .nav-ul>li .submenu li:hover{background:0 0}
	header .head-info .head-nav .nav-ul>li .submenu li a{border:none;font-weight:var(--fontbold4);padding:5px 0px}
	header .head-info .head-nav .nav-ul>li .submenu li ul{display:block!important;position:static!important;padding-left:10px;box-shadow:none!important}
	.search-box{height:auto;width:100%}
	.search-box input{flex:1}
	.m-menu{display:block;position:relative;width:35px;height:40px;cursor:pointer}
	.m-menu span{position:absolute;background:var(--color);width:30px;height:2px;border-radius:var(--border);right:0px;transition:all .2s linear}
	.m-menu span:nth-child(1){top:25%}
	.m-menu span:nth-child(2){top:48%}
	.m-menu span:nth-child(3){top:73%}
	.m-menu.act span{top:48%;width:32px}
	.m-menu.act span:nth-child(1){transform:rotate(45deg)}
	.m-menu.act span:nth-child(2){width:0px}
	.m-menu.act span:nth-child(3){transform:rotate(-45deg)}
}

.cccc{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}
.cccc img{
    display: block;
    width: unset !important;
    height: unset !important;
    max-width: 32%;
}
#swiper-banner img{width:100%;display:block}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:30px;height:60px;background:rgba(0,0,0,.2);text-align:center;line-height:60px;transition:all .3s ease-in-out;margin-top:-30px}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background-color:rgba(0,0,0,.6)}
#swiper-banner .swiper-button-next{right:0px}
#swiper-banner .swiper-button-prev{left:0px}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:var(--fontsize30);color:#FFFFFF}
.swiper-pagination-bullet{background:#FFFFFF;opacity:1;width:10px;height:10px;margin:0px 8px}
.swiper-pagination-bullet-active{background:var(--color)}
.productcate{margin-top:28px;margin-bottom:30px}
.productcate>ul{justify-content:space-between}
.productcate-list li{position:relative;overflow:hidden;width: 49%;border-right:solid 1px #EEEEEE}
.productcate-list li:last-child{border-right:none}
.productcate-img img{width:100%;display:block}
.productcate-hot{position:absolute;right:0px;top:0px;background:var(--color);border-radius:0 0 0 16px;color:#FFFFFF;padding:6px 10px;z-index:1}
.productcate-hot strong{font-weight:var(--fontbold4);font-size:var(--fontsize20);display:block}
.productcate-box{position:absolute;left:100%;top:0px;background:rgba(0,0,0,.4);color:#FFFFFF;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 6%;transition:left .3s ease-in-out}
.productcate-box-title{font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5;max-height:75px}
.productcate-box-more{font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--color);padding:20px 0px}
.productcate-list li:hover .productcate-box{left:50%}
#ppp{}
#ppp .home-title{text-align:center;margin-bottom:30px;margin-top:30px}
#ppp .container-s{display:flex;justify-content:space-between;flex-wrap: wrap;}
#ppp .t{width: 49%;}
#ppp h4{text-align:center;line-height:2;height:4em;margin-bottom:15px}
#ppp .img{}
#ppp .img img{display:block;border-radius: 10px;}
#ppp .t2{text-align:center;margin:40px 0 10px;font-size:24px;color:var(--color)}

.about,.hotproduct,.writetous{overflow:hidden}
.about{padding: 4% 0px 3%;background-color: #FDFDFD;}
.about .container-s{align-items:center}
.about-l{width:45%}
.about h4{position:relative;font-size:20px;font-weight:bold;margin-bottom:30px}
.about h4:after{content:'';display:block;width:50px;height:6px;background:var(--color);border-radius:5px}
.home-title{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor);text-transform:capitalize}
.home-more{display:block;padding:3px 0;margin-bottom:10px;width:120px;border:1px solid var(--color);text-align:center;color:var(--color);border-radius:4px;text-transform:lowercase;transition:all .2s ease-in-out}
.home-more:hover{background:var(--color);color:#FFFFFF}
.about-l-text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:20px 0px 0}
.about-l-text p{
    margin-bottom: 15px;
}
.about-r{width:50%}
.about-r iframe{
    width: 100%;
    aspect-ratio: 1.77;
    border-radius: 10px;
}
.about-ul{
    width: 100%;
    margin-top: 50px;
    justify-content: space-between;
}
.about-ul li{/* width: 16.6%; */text-align:center;border-right:none;transition:all .2s ease-in-out}
.about-ul li:nth-child(3n){}
.about-ul li:nth-child(n+4){}
.about-ul li i,.about-r li em{font-size:40px;color:var(--color);transition: 0.5s all;display: block;margin: 0 auto;}
.about-ul li:hover i{
    transform: rotateY(180deg);
}
.about-r-title{font-size:var(--fontsize16);color:var(--fontcolor);margin:0px 0px 10px 0px}
.about-r-num{font-size:var(--fontsize30);color:var(--fontcolor)}
.about-r-num sub,.about-r-num sup{font-size:var(--fontsize16);vertical-align:bottom}
.about-r-num sup{vertical-align:super;font-size:large}
.highpro{
    align-items: center;
    margin-bottom: 50px;
}
.highpro-l,.highpro-r{width:50%}
.highpro-l img{}
.highpro-l img{display:block;width:100%;height:100%;border-radius: 0 10px 10px 0;}
.highpro-r{padding:4% 5%;background: #fff;}
.highpro-r .home-title{font-weight:var(--fontbold6);font-size:40px;color: var(--color);}
.highpro-text{font-size:var(--fontsize16);color:#DDDDDD;line-height:1.7;margin:10px 0px 30px}
.highpro-authentication{margin-top:50px}
.highpro-authentication li{position:relative;color: var(--color);padding: 20px 0;display: flex;align-items: center;font-size: 20px;line-height: 1.6;}
.highpro-authentication li svg {
    margin-right: 20px;
    width: 50px;
}
.highpro-authentication li p{flex:1;color: #000;}
.highpro-authentication li p span{/* color:var(--color); *//* font-weight: bold; */}
.highpro-step{display:flex;justify-content:space-between;margin-bottom:10%}
.highpro-step li{position:relative;cursor:pointer;text-align:center}
.highpro-step-num{width:38px;height:38px;background:#eee;border:1px solid #20995d;border-radius:50%;text-align:center;line-height:38px;font-size:var(--fontsize18);color:#20995d;margin:1px auto 18px}
.highpro-step-title{font-size:var(--fontsize18)}
.highpro-step-act .highpro-step-title{color:var(--color)}
.highpro-step-act .highpro-step-num{background:var(--color);border-color:var(--color);color:#fff}
.highpro-l .swiper-pagination{bottom:20px}
.hotproduct{padding:4% 0px}
.hotproduct-l{}
.hotproduct-r{position:relative;overflow:hidden}
.hotpro-list{display:flex;flex-wrap:wrap;justify-content: space-between;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0px;left:0px;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width: 24%;margin-bottom: 20px;}
@media(max-width:1366px){
	.hotpro-list li{}
}
#ddd1,#ddd{text-align:center;background:var(--color);font-size: 40px;color:#fff;padding:50px 0;text-transform: uppercase;font-weight: bold;}
#ddd1 p, #ddd p{font-weight: bold;}
#aaa{}
#aaa .t{text-align:center;color:var(--color);font-size: 30px;margin: 40px 0 0;}
#aaa h4{text-align: center;margin-bottom: 35px;}
#aaa .container-s{display:flex;flex-wrap:wrap;justify-content:space-between}
#aaa .t2{width:40%;margin-right:4%}
#aaa .t2 h4{text-align:center;line-height:2;margin-bottom:15px}
#aaa .t2 .img{}
#aaa .t2 .img img{
    border-radius: 40px;
}
#aaa .t3{flex:1;display:flex;flex-wrap:wrap;align-items:center}
#aaa .t3 p{line-height:2;margin-bottom:15px}
#aaa .im2{
    margin: 40px 0;
	color:var(--color)
}
#aaa .im2 table,#aaa .im2 td{border-color: var(--color) !important;}
#aaa .im2 img{}
#pppp{margin-bottom:50px;margin-top: 50px;}
#pppp ul{}
#pppp li{display:flex;flex-wrap: wrap;}
#pppp li:last-child{flex-direction:row-reverse;margin-top: 50px;}
#pppp li .txt{width:50%;display:flex;align-items: flex-start;padding:0 50px}
#pppp li .txt>div>div{display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden;margin: 20px 0;}
#pppp li .txt div p{
}
#pppp li .txt h4 a{font-size:24px;font-weight: bold;}
#pppp li .txt h4 a:hover{color:var(--color)}
#pppp li .txt div{}
#pppp li .txt>div>a{display:block;background:var(--color);color:#fff;text-align:center;line-height:40px;border-radius:20px;width:160px}
#pppp li .txt>div>a:hover{
    background: #000;
}
#pppp li .img{width:50%;overflow: hidden;border-radius: 10px;}
#pppp li .img img{width:100%;display:block;border-radius: 10px;transition: 0.3s all;}
#pppp li .img:hover img{
    transform: scale(1.1);
}
@media(max-width:1240px){
	#pppp{}
	#pppp ul{}
	#pppp li{}
	#pppp li .txt{}
	#pppp li .txt h4{
    font-size: 20px;
}
	#pppp li .txt div{
    -webkit-line-clamp: 8;
}
	#pppp li .txt div p{}
	#pppp li .txt a{}
	#pppp li .img{}
	#pppp li .img img{}
	.about-r-num{
    font-size: 28px;
}
}
@media(max-width:768px){
	.highpro-authentication{
    margin-top: 20px;
}
	.highpro{
    margin-bottom: 20px;
}
	.highpro-authentication li{margin-bottom:0;padding: 10px 0;}
	.cccc img{max-width:100%;width:100%;margin-bottom: 15px;}
	#ddd{font-size:20px;padding:30px 0}
	#aaa{}
	#aaa .t{font-size:20px;margin:15px 0}
	#aaa .container-s{}
	#aaa .t2{width:100%;margin:0 auto}
	#aaa .t2 h4{}
	#aaa .t2 .img{}
	#aaa .t2 .img img{}
	#aaa .t3{}
	#aaa .t3 p{margin-bottom:10px;line-height:1.6}
	#aaa .im2{
    overflow-x: scroll;
    margin: 20px 0;
}
	#aaa .im2 table{
    min-width: 1000px;
}
	#aaa .im2 img{}
	#ppp{}
	#ppp .home-title{font-size:24px;margin:20px 0}
	#ppp .container-s{}
	#ppp .t{}
	#ppp h4,#aaa h4{height:unset;line-height:1.6;font-size:14px;/* min-height:4.8em; */}
	 #aaa h4{
    margin-bottom: 20px;
}
	#ppp .img{}
	#ppp .img img{}
	#ppp .t2{}
	#pppp{}
	#pppp ul{}
	#pppp li{}
	#pppp li:last-child{
    flex-direction: row;
}
	#pppp li .txt{
    width: 100%;
    padding: 0 10px;
}
	#pppp li .txt h4{}
	#pppp li .txt div{}
	#pppp li .txt a{}
	#pppp li .img{
    width: 100%;
    margin-top: 30px;
}
	#pppp li .img img{}
}
@media(max-width:460px){
	#ppp .t{width:100%;margin-bottom: 20px;}
	#ppp h4,#aaa h4{
    min-height: unset;
    margin-bottom: 5px;
}
}
@media(max-width:400px){
}
.hotpro-list li>a{display:block;overflow:hidden;position:relative;border-radius: 10px;}
.hotpro-box{position:absolute;bottom: -66px;background:rgba(42,42,42,.85);color:#FFFFFF;padding:8px 15px;width:100%;display:flex;justify-content:space-between;left:0px;align-items:center;transition:all .2s ease-in-out}
.hotpro-img{border:1px solid #EEEEEE;overflow:hidden;text-align:center}
.hotpro-img img{width:100%}
.hotpro-title{font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}
.hotpro-box i,.hotpro-box em{font-size:var(--fontsize24)}
.hotpro-list li:nth-child(4n){margin-right:0px}
.hotpro-list li:nth-child(n+4){margin-bottom:0px}
.hotpro-list li:hover .hotpro-box{bottom:0px}
.hotpro-list li:hover img{transform:scale(1.05)}
.hotprocate{margin:20px 0px 50px;display:flex;justify-content:center}
.hotprocate li{width:100px;line-height:40px;text-align:center;margin:0 10px;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out;border:1px solid var(--color)}
.hotprocate .hotprocate-act{background:var(--color);color:#fff}
.writetous{padding:2% 0}
.writetous .container-s{align-items:center}
.writetous3 .container-s{
    max-width: 1600px;
}
.writetous h5{font-size:50px;text-align:center;color: var(--color);}
.write-text{font-size:var(--fontsize20);display:flex;flex-wrap:wrap;margin-top: 0;line-height:2}
.write-text li{width: 33.3333333%;padding: 20px 20px;display:flex;align-items:center;font-size: 20px;line-height: 1.6;}
.write-text li svg{
    margin-right: 20px;
    width: 50px;
}
.write-text li span{
    flex: 1;
}
.writetous3{
    background: var(--color);
    margin-top: 40px;
    color: #fff;
}
.writetous3  h5{font-size: 40px;color: #fff;}
.writetous3 .write-text{justify-content:space-between}
.writetous3 .write-text li{width:unset;}
.writetous3 .write-text li img{width:unset;margin-right: 10px;}
.writetous2 .write-text li{width: 50%;}
@media(max-width:1200px){
	.writetous3 .write-text{}
	.writetous3 .write-text li{
    font-size: 16px;
}
	.writetous3 .write-text li img{}
}
@media(max-width:960px){
		.writetous3 .write-text li{
    font-size: 14px;
    margin-bottom: 10px;
    margin: 5px 10px;
}
}
.news{padding:4% 0px}
.news .home-title,.hotproduct .home-title{text-align:center;margin-bottom:2%}
.news-list li{width:32.5%;background:#F0F0F0;padding:10px}
.news-img{overflow:hidden;display:block}
.news-img img{display:block;width:100%}
.news-data{margin:10px 0px;font-size:var(--fontsize14);color:var(--introcolor)}
.news-data i{font-size:var(--fontsize14);margin-right:5px}
.news-title{font-size:var(--fontsize18);font-weight:normal;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-transform:capitalize;transition:all .3s ease-in-out;margin:15px 0 20px}
.news-text{margin:0px 0px 10px;color:var(--introcolor);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-list li:hover img{transform:scale(1.05)}
.news-list li:hover .news-title{color:var(--color)}
.news-list li:hover .home-more{background:var(--color);color:#FFFFFF}
.location{background-position:center;background-size:cover;padding:3% 0px}
.location .container-s{display:flex;justify-content:flex-end}
.ddd{background:#fff;padding:50px;display:flex;flex-wrap:wrap;align-items:center}
.ddd li{color:var(--color);font-size:20px;font-weight:bold;width:100%}
.ddd li:before{content:'';display:block}
.location-box{background:#FFFFFF;padding:3%;width:400px}
.location-title{font-size:var(--fontsize26);font-weight:var(--fontbold6);color:var(--fontcolor);padding-bottom:10px}
.contact li,.contactus li{margin-top:10px}
.contact li a,.contact li p{color:var(--fontcolor)}
.contact li strong{display:inline-block;font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--fontcolor);margin-bottom:4px}
footer{clear:both;margin:0px auto;padding:0px;color:#fff;background:#0B6E47}
footer a{color:#fff;font-size:14px}
.foot-t{padding:30px 0px}
.foot-list{overflow:hidden}
.foot-list>.foot-item1{width:25%}
.foot-list>.foot-item-box{width:70%}
.foot-list>.foot-item-box>div{max-width:32%;}
.foot-item1 p{line-height:1.6;max-width:80%;font-size:14px}
.foot-list div h6{font-size:var(--fontsize22);margin-bottom:10px}
.fnav li a,.fpronav li a{display:block;margin-bottom:10px;transition:color .2s ease-in-out;font-size:14px;text-transform:uppercase}
.fnav li a:hover,.fpronav li a:hover,.copyright a:hover,.foot-list ul.fcontact a:hover{color:var(--color)}
.foot-qr{max-height:120px}
.foot-b{overflow:hidden;line-height:3}
.foot-b .container{border-top:1px solid #3E8769}
.gotop{position:fixed;bottom:calc(145px + constant(safe-area-inset-bottom));bottom:calc(145px + env(safe-area-inset-bottom));right:24px;width:30px;height:30px;background:#FFFFFF;text-align:center;line-height:30px;cursor:pointer;display:none;z-index:10}
.gotop i{color:var(--color);font-size:var(--fontsize20)}
.mob-menu{display:none;cursor:pointer;position:relative;width:30px;height:22px;margin-left:25px}
.mob-menu span{position:absolute;right:0px;display:block;height:2px;background:var(--color);border-radius:2px;transition:all .2s ease-in-out}
.mob-menu span:nth-child(1){width:90%;top:0px}
.mob-menu span:nth-child(2){width:75%;top:46%}
.mob-menu span:nth-child(3){width:90%;top:auto;bottom:0px}
.mob-search{display:none}
nav .nav>li i{display:none}
.noscroll{overflow-Y:hidden}
.mobact span{height:3px}
.mobact span:first-child{transform:rotate(45deg);top:46%}
.mobact span:nth-child(2){opacity:0}
.mobact span:nth-child(3){width:90%;transform:rotate(-45deg);top:46%}
.mobile-bottom{display:none;width:100%;left:0px;bottom:0px;z-index:500;overflow:hidden;position:fixed;background:#FCFCFCFB;color:var(--color);transition:all .3s ease-in-out;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.mobile-bottom-item{text-align:center;width:33.3%;height:1rem;font-size:var(--fontsize12);text-transform:capitalize;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.mobile-bottom-item i{display:block;font-size:var(--fontsize20);line-height:1}
.fcontact li{display:flex;line-height:1.4;margin-bottom:10px;font-size:14px}
.fcontact li i{margin-right:10px}
.page-box{padding-bottom:4%}
.inner-banner{min-height:1px;background-color:#EEEEEE;display:none}
.inner-banner img{display:block}
.breadcrumbs{padding:10px 0px;margin-bottom:30px;background:#FAFAFA}
.breadcrumbs .container{display:flex;align-items:center;justify-content:space-between}
.breadcrumbs .container>div,.breadcrumbs .container>div a{font-size:var(--fontsize14);color:var(--introcolor);display:inline-block;font-weight:normal;text-transform:uppercase}
.breadcrumbs .breadcrumbs-title{color:var(--color);font-size:var(--fontsize22);font-weight:var(--fontbold5);line-height:1}
.page-l{float:left;width:330px;color:var(--fontcolor)}
.page-r{width:calc(100% - 400px);float:right}
.pageAll{width:100%;margin-top: 70px;}
.aboutus-box2{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap:wrap;
    margin: 40px auto 40px;
    max-width: unset;
    padding: 0;
}
.aboutus-box2 .about-img2{margin-right: 50px;width: 48%;max-width: 600px;}
.aboutus-box2 .about-img2 img{display:block;border-radius: 10px;}
.aboutus-box2 .about-txt2{flex: 1;}
.aboutus-box2 .about-txt2 p{
}
.aboutus-box2 .about-txt2 p br{}
.aboutus-box2 .about-txt2 a{color: var(--color);text-decoration: underline;font-weight: bold;}
.aboutus-box2 .about-txt2 p:last-child{margin-bottom:0}

.cypher{
    margin-top: 70px;
}
.cypher h2{
    text-align: center;
    font-size: 34px;
    margin-bottom: 20px;
}
.cypher-text{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cypher-text div{
    padding: 10px 25px;
}
.cypher-text div:first-child{
    width: 60%;
}
.cypher-text div:nth-child(2){
    width: 38%;
}
.cypher-text div:nth-child(3){
    margin-top: 30px;
}
.cypher-text span{
    display: block;
    width: 61px;
    height: 61px;
    line-height: 53px;
    text-align: center;
    color: var(--color);
    border: 4px solid var(--color);
    border-radius: 50%;
    font-size: 36px;
}
.cypher-text h3{
    font-size: 28px;
    margin: 30px 0 10px;
    color: var(--color);
}
.cypher-text h4{
    font-size: 22px;
    color: var(--color);
}
.cypher-text p{font-size: 18px;color: #282828;/* font-weight: 300; */}
.cypher-text ul{
    padding-left: 23px;
}
.cypher-text li{
    font-size: 20px;
    list-style: disc;
    font-weight: 300;
}
.cypher-text li:last-child{}
.cypher-text strong{}
@media(max-width:1325px){
    .cypher{}
    .cypher h2{
    font-size: 30px;
}
    .cypher-text{}
    .cypher-text div{}
	.cypher-text div:first-child{}
	.cypher-text div:nth-child(2){}
	.cypher-text div:nth-child(3){}
    .cypher-text span{}
    .cypher-text h3{}
    .cypher-text h4{}
    .cypher-text p{}
    .cypher-text ul{}
    .cypher-text li{}
    .cypher-text strong{}
}
@media(max-width:1260px){
	.pageAll{margin-top: 50px;}
	.aboutus-box2{align-items: flex-start;}
	.aboutus-box2 .about-img2{margin-right: 25px;}
    .cypher{}
    .cypher h2{}
    .cypher-text{}
    .cypher-text div{}
	.cypher-text div:first-child{}
	.cypher-text div:nth-child(2){}
	.cypher-text div:nth-child(3){}
    .cypher-text span{}
    .cypher-text h3{}
    .cypher-text h4{}
    .cypher-text p{}
    .cypher-text ul{}
    .cypher-text li{}
    .cypher-text strong{}
}
@media(max-width:1180px){
    .cypher{}
    .cypher h2{
    font-size: 24px;
}
    .cypher-text{}
    .cypher-text div{}
	.cypher-text div:first-child{}
	.cypher-text div:nth-child(2){}
	.cypher-text div:nth-child(3){}
    .cypher-text span{}
    .cypher-text h3{
    font-size: 24px;
}
    .cypher-text h4{}
    .cypher-text p{}
    .cypher-text ul{}
    .cypher-text li{}
    .cypher-text strong{}
}
@media(max-width:912px){
    .cypher{}
    .cypher h2{
    font-size: 20px;
}
    .cypher-text{}
    .cypher-text div{}
	.cypher-text div:first-child{}
	.cypher-text div:nth-child(2){}
	.cypher-text div:nth-child(3){}
    .cypher-text span{}
    .cypher-text h3{
    font-size: 20px;
}
    .cypher-text h4{}
    .cypher-text p{}
    .cypher-text ul{}
    .cypher-text li{}
    .cypher-text strong{}
}
@media(max-width:768px){
	.pageAll{margin-top: 30px;}
	.aboutus-box2 .about-img2{width: 100%;margin-right: 0;max-width: unset;}
	.aboutus-box2 .about-img2 img{width: 100%;}
	.aboutus-box2 .about-txt2{margin-top: 30px;}
    .cypher{}
    .cypher h2{}
    .cypher-text{}
    .cypher-text div{}
	.cypher-text div:first-child,.cypher-text div:nth-child(2),.cypher-text div:nth-child(3){width:100%}
    .cypher-text span{}
    .cypher-text h3{
    margin-top: 15px;
}
    .cypher-text h4{}
    .cypher-text p{}
    .cypher-text ul{}
    .cypher-text li{}
    .cypher-text strong{}
	
}

.about-factory{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about-factory li{width: 32%;display: flex;flex-direction: column;}
.about-factory li:nth-child(2){}
.about-factory .img{
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.about-factory .img img{
    display: block;
    transition: 0.5s all;
}
.about-factory li:hover img{
    transform: scale(1.1);
}
.about-factory li:hover .txt{
    background: #eee;
}
.about-factory .txt{
    padding: 15px 20px;
    border-radius: 0 0 10px 10px;
    flex: 1;
    border: 1px solid #eee;
}
.about-factory .txt .t{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
.about-factory .txt .wenben{
    font-size: 16px;
    font-weight: 300;
}
@media(max-width:1024px){
	.about-factory{}
	.about-factory li{}
	.about-factory li:nth-child(2){}
	.about-factory .img{}
	.about-factory .img img{}
	.about-factory .txt{}
	.about-factory .txt .t{}
	.about-factory .txt .wenben{}
}
@media(max-width:768px){
	.about-factory{}
	.about-factory li{
    width: 100%;
    margin-bottom: 20px;
}
	.about-factory li:nth-child(2){}
	.about-factory .img{}
	.about-factory .img img{
    width: 100%;
}
	.about-factory .txt{
    background: #eee;
}
	.about-factory .txt .t{}
	.about-factory .txt .wenben{}
}


.page-l-menu{text-align:center;margin-bottom:30px}
.page-l-menu-tit{color:#FFFFFF;padding:4px 10px;font-size:var(--fontsize22);font-weight:var(--fontbold6);background:var(--color);text-transform:capitalize}
.page-l-menu ul{border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE}
.page-l-menu ul li a{display:block;padding:15px 0px;border-bottom:1px solid #EEEEEE}
.page-l-menu ul li a:hover{color:var(--color)}
.page-l-contact-box{border:1px solid #EEEEEE;padding:30px 26px}
.page-l-contact-box>p{display:flex;margin-bottom:12px}
.page-l-contact-box>p:last-child{margin-bottom:0px}
.page-l-contact-box>p a:hover{color:var(--color)}
.page-l-contact-box>p span{display:block;flex:1}
.page-l-contact-box strong{font-weight:var(--fontbold4);margin-right:4px}
.project-list li{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid #EEEEEE;transition:all .3s ease-in-out;padding:20px 0px}
.project-list li:last-child{margin-bottom:0px}
.project-img{width:16%;font-size:0px;overflow:hidden}
.project-info{width:82%;padding:0px 0px 0px 1.8%;/* color:var(--fontcolor); */}
/*.project-name{font-size:var(--fontsize20);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--fontbold6)}*/
.project-content{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.project-list li:hover img{transform:scale(1.05)}
.project-list li:hover .project-name{color:var(--color)}
.project-list li .project-more{margin-top:3%}
.project-list li .project-more i{margin-left:22px}
.contactus-box-feed{width:calc(100% - 500px);padding-left:6%}
.contactus-box h5{font-size:var(--fontsize24);font-weight:var(--fontbold4);color:var(--color);margin-bottom:20px}
.contactus-box .location-box{background: var(--color);}
.contactus-box .contactus li strong,.contactus-box .location-title{color:#FFFFFF}
.contactus li a,.contactus li p{color: #fff;}
.contactus li a:hover{
    text-decoration: underline;
}
.contactmap{display:none}
.inquiry-tit{font-size:var(--fontsize22);margin:90px 0px 30px}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.aboutus-box{}
.aboutus-box p{margin-bottom: 15px;}
.aboutus-box h6{font-size:var(--fontsize24);color:var(--color);margin-top:10px;text-transform:uppercase}
.aboutus-box section{margin-bottom:4%}
.aboutus-box section:last-child{margin-bottom:0px}
.aboutus-sec2-img{width:50%;font-size:0px;padding-right:3%}
.aboutus-sec2-box{width:50%;text-align:left}
.aboutus-sec2-box p{font-size:var(--fontsize15);color:var(--introcolor);margin-bottom:4%}
.aboutus-sec2-box div:last-child p:last-child{margin-bottom:0px}
.aboutus-sec2-box .aboutus-years{font-size:var(--fontsize30);color:var(--fontcolor);margin-bottom:8px}
.aboutus-zs{margin-top:2%}
.aboutus-zs img{border:1px solid #EEEEEE;max-height:400px;max-width:20%;display:block;margin:0px 8px}
.latestnews ul{padding:0px}
.latestnews{margin-bottom:30px}
.latestnews ul li{padding:18px 0px;border-bottom:1px solid #EEEEEE}
.latestnews ul li:last-child{border-bottom:none}
.latestnews-img{overflow:hidden}
.latestnews-img img{display:block;max-height:200px;object-fit:cover;width:100%}
.latestnews-data{font-size:var(--fontsize14);color:var(--introcolor);margin:10px 0px 0px}
.latestnews-data i{font-size:var(--fontsize14);margin-right:5px}
.latestnews-tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease-in-out}
.latestnews-text{font-size:var(--fontsize14);color:var(--introcolor);margin:8px 0px 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.latestnews ul li:hover .latestnews-tit{color:var(--color)}
.latestnews ul li:hover .latestnews-img img{transform:scale(1.05)}
.newspage-ninelist-1{display:flex;flex-wrap:wrap}
.newspage-ninelist-1 li{width:31.3%;margin:0 3% 25px 0px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;border:solid 1px #EEEEEE}
.newspage-ninelist-1 li:nth-child(3n){margin-right:0px}
.newspage-ninelist-1 li .newspage-content{margin:10px 15px}
.newspage-img img{display:block;width:100%}
.newspage-data{font-size:var(--fontsize14);color:var(--introcolor);margin:10px 0px}
.newspage-data i{font-size:var(--fontsize14);margin-right:5px}
.newspage-title{font-size:var(--fontsize26);color:var(--fontcolor);border-left:4px solid var(--color);padding:0px 0px 0px 10px;margin-bottom:20px}
.newspage-tit a{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newspage-text{margin:0px 0px 10px;color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newspage-ninelist-1 li:hover{box-shadow:0px 4px 10px #EEEEEE}
.newspage-ninelist-1 li:hover .newspage-tit a{color:var(--color)}
.pages-turn{margin:20px 0px;color:var(--fontcolor);text-align:center}
.pages-turn a,.pages-turn span{display:inline-block;width:42px;height:42px;line-height:41px;text-align:center;margin:5px;border:1px solid #EEEEEE}
.pages-turn a{color:var(--fontcolor)}
.pages-turn span{color:var(--introcolor)}
.pages-turn .page-num-current,.pages-turn a:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}
.page-l .sf-menu{margin-bottom:30px}
.sf-menu a{color:var(--fontcolor);display:block;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-menu .LiLevel1>a{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:var(--fontcolor)}
.sf-menu>li{position:relative;border-bottom:1px solid #EEEEEE;padding-right:30px}
.sf-menu>li:last-child{border-bottom:none}
.sf-menu>li i{position:absolute;right:10px;top:12px;z-index:1;transform:rotate(-90deg);font-weight:var(--fontbold6);cursor:pointer;transition:transform .2s ease-in-out;color:var(--color)}
.sf-menu>li i.active{transform:rotate(0)}
.sf-menu .sub-menu{display:none}
.sf-menu .sub-menu a{color:var(--fontcolor);font-size:var(--fontsize16);padding:6px 0px 6px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page-l .categories .sf-menu .currentProType,.sf-menu li:hover>a{color:var(--color)}
@media(min-width:1025px){
	.sf-menu>li:hover i{transform:rotate(0)}
	.sf-menu>li:hover .sub-menu{display:block;padding-bottom:10px}
}
.newspage-ninelist-0>li{background:#FAFAFA;margin-bottom:25px;transition:box-shadow .3s ease-in-out}
.newspage-item-data{width:90px;padding:10px;background:var(--color);color:#FFFFFF;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;transition:background .2s ease-in-out}
.newspage-item-data p{width:100%;height:auto}
.newspage-item-data p:nth-child(1){font-size:var(--fontsize18);border-bottom:1px solid #FFFFFF3F;padding-bottom:5px;margin-bottom:5px}
.newspage-item-data p:nth-child(2){font-size:var(--fontsize14)}
.newspage-item-box{width:calc(100% - 90px);padding:0px 10px 0px 20px}
.newspage-item-tit a{color:var(--fontcolor);font-size:var(--fontsize18);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newspage-item-text{color:var(--introcolor);font-size:var(--fontsize16);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newspage-ninelist-0>li:hover{box-shadow:0px 4px 10px #CCCCCC}
.newspage-ninelist-0>li:hover .newspage-item-data{background-color:var(--color)}
.newspage-ninelist-0>li:hover .newspage-item-tit a{color:var(--color)}
.documentcontent-tit,.newsdetails h1{font-size:var(--fontsize26);color:var(--fontcolor);line-height:1.4;text-align: center;margin-bottom: 30px;}
.newsdetails-data{color:var(--introcolor);font-size:var(--fontsize14);width:100%}
.data-share{margin:10px 0px}
#page-content-view{margin-left:20px}
.newsdetails-cont p{word-break:break-word}
.newsdetails-cont{margin-bottom:20px;padding-bottom:20px;color:var(--fontcolor);border-bottom:1px solid #EEEEEE}
.newpages-list{display:flex;justify-content:center}
.newpages-list>div{width:40%;display:flex;align-items:center;font-size:var(--fontsize16);color:var(--introcolor);transition:all .2s ease-in-out}
.newpages-list>div span{display:block;width:calc(100% - 46px)}
.newpages-list>div i,.newpages-list>div em{font-size:var(--fontsize26);font-weight:var(--fontbold7);margin:0px 10px}
.newpages-list>div:first-child{text-align:right}
.newpages-list>div:hover{color:var(--fontcolor)}
.newpages-list>div:hover i,.newpages-list>div:hover em{color:var(--color)}
.pages-list{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.pages-list>div{width:50%;color:var(--fontcolor);display:flex;align-items:center;font-size:var(--fontsize18);line-height:1.2;transition:all .2s ease-in-out;border:1px solid transparent;padding:6px 10px;font-size:var(--fontsize18);background:#FAFAFA}
.pages-list>div>a{
    display: flex;
    align-items: center;
    width: 100%;
}
.pages-list>div:hover{color:var(--color);border-color:var(--color)}
.pages-list>div i,.pages-list>div em{display:inline-block;font-size:var(--fontsize26);margin:0px 10px}
.pages-list>div:nth-child(2){justify-content:flex-end;text-align:right}
.pages-list>div p{width:calc(100% - 46px)}
.lastproducts-list{margin-bottom:30px}
.lastproducts-list li{margin-top:20px}
.lastproducts-list li:hover{box-shadow:0px 4px 10px #EEEEEE}
.lastproducts-img{border:1px solid #EEEEEE;width:120px;overflow:hidden;max-height:120px}
.lastproducts-list li img{display:block;width:100%}
.lastproducts-box{width:calc(100% - 120px);padding-left:18px}
.lastproducts-title a{font-size:var(--fontsize16);font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease-in-out}
.lastproducts-text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:5px 0px 10px}
.viewmore{display:block;padding:8px 0px;width:150px;border:1px solid var(--color);font-size:var(--fontsize14);color:var(--color);text-align:center;border-radius:4px;text-transform:lowercase;transition:all .2s ease-in-out}
.lastproducts-list li:hover .lastproducts-title a{color:var(--color)}
.lastproducts-list li:hover .viewmore,.latestnews li:hover .viewmore,.newspage-ninelist-1 li:hover .viewmore,.project-list li:hover .project-more{background:var(--color);color:#FFFFFF}
.products-ninelist-1{display:flex;flex-wrap:wrap}
.products-ninelist-1 li{width:31.8%;margin:0px 2% 25px 0px;text-align:center;transition:all .2s ease-in-out;padding-bottom:10px;border:solid 1px #EEEEEE;border-radius: 10px;overflow: hidden;}
.prolist-ul{
    /* max-width: 1250px; */
    margin: 0 auto;
    justify-content: space-evenly;
}
.prolist-ul li{width: 48%;border: 0;margin: 0;margin-bottom: 20px;max-width: 600px;}
.products-ninelist-1 li:hover{box-shadow:0px 4px 10px #EEEEEE}
.products-ninelist-1 li:nth-child(3n){margin-right:0px}
/* .prolist-ul li:nth-child(3n){margin-right:2%} */
.prolist-ul li:nth-child(2n){margin-right:0}
.products-ninelist-1 li .products-list-img{overflow:hidden}
.products-ninelist-1 li .products-list-img img{display:block;width:100%;/* max-height:400px; */}
.products-list-tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:10px;padding:0px 6px;}
.products-list-tit a{display:block;max-width:100%;word-break:break-word;line-height: 2;font-family: "Times New Roman";font-weight: bolder;font-size: var(--fontsize22);color: var(--fontcolor);}
.products-list-text{margin:5px 0px 15px;padding:0px 5px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.products-ninelist-1 .products-list-text{-webkit-line-clamp:1;max-height:24px}
.products-add-inquirl{display:inline-block;color:var(--color);font-size:var(--fontsize14);cursor:pointer;padding:5px 10px;line-height:1}
.products-inquirl-btn{display:inline-block;width:16px;height:16px;border:1px solid var(--color);vertical-align:middle;margin-right:5px;cursor:pointer}
.products-add-inquirl span{font-size:var(--fontsize14);vertical-align:middle}
.products-ninelist-1 li:hover .products-list-img img{transform:scale(1.05)}
.pro-item-checked .products-list-tit a,.products-ninelist-1 li:hover .products-list-tit a{color:var(--color)}
.pro-checked .products-inquirl-btn::before{content:'√';position:relative;font-size:var(--fontsize26);top:-8px;right:0px}
.procateword{padding:6px;font-size:var(--fontsize16);line-height:1.7;background:#FEFEFE}
.procateword a{text-decoration:underline;text-transform:lowercase}
.procateword a:hover,.procateword a:active{color:var(--color)}
.protype-text{padding-top:4px}
.procate-a a{display:inline-block;border:1px solid #E3E3E3;border-radius:20px;padding:2px 8px;margin:6px 8px 6px 0px;font-size:var(--fontsize12);text-decoration:none}
.tips{background:orange;width:240px;padding:10px;font-size:var(--fontsize14);color:#FFFFFF;line-height:1.6;position:fixed;top:20%;left:50%;border-radius:6px;margin:-32px 0px 0px -120px}
.page-tit{font-size:var(--fontsize26);color:var(--fontcolor);border-left:3px solid var(--color);padding:0px 0px 0px 10px;margin-bottom:20px}
.small-box{width:100%;height:500px;border:1px solid #EEEEEE;position:relative;background:#FFFFFF;overflow:hidden}
.vPlay{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6) url(../images/vplay.webp) no-repeat center;background-size:26px;z-index:10;cursor:pointer;user-select:none;width:40px;height:40px;border-radius:50%}
.pdshow-l{width:500px}
.preview-container{position:relative;width:100%}
.preview-container .small-box img{max-width:100%;max-height:100%;display:block;width:100%}
.preview-container .small-box .hover{position:absolute;width:250px;height:250px;background-color:hsla(0,0%,80%,.6);display:none;cursor:move}
.preview-container .thumbnail-box{margin-top:20px;position:relative;width:100%}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;color:var(--color)}
.preview-container .thumbnail-box .btn i{font-size:var(--fontsize26);font-weight:var(--fontbold6)}
.preview-container .thumbnail-box .btn-prev{left:0px}
.preview-container .thumbnail-box .btn-next{right:0px}
.preview-container .thumbnail-box .btn_next_disabled,.preview-container .thumbnail-box .btn_prev_disabled{opacity:.5;cursor:not-allowed}
.preview-container .thumbnail-box .list{overflow:hidden;width:calc(100% - 72px);margin:0px auto;position:relative}
.preview-container .thumbnail-box .list .swiper-pagination{display:none}
.preview-container .thumbnail-box .list ul .item{width:100px;height:100px;display:flex;justify-content:center;align-items:center;margin:0px 4px;border:1px solid #EEEEEE;font-size:0px;cursor:pointer;overflow:hidden}
.preview-container .thumbnail-box .list ul .item img{width:99%}
.preview-container .thumbnail-box .list ul .item-cur{border-color:var(--color)}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;width:13.3333333333vw;border-radius:5.3333333333vw;background:var(--color);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFFFFF;font-size:4vw;margin:0px 2px}
.preview-container .big-box{display:none;overflow:hidden;top:0px;left:calc(100% - 1px);border:1px solid #EEEEEE;position:absolute;width:100%;height:500px;background:#FFFFFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.pdshow-r{flex: 1;padding:10px 0px 0px 30px;color:var(--fontcolor)}
.pdshow-r h1{font-size:var(--fontsize26);line-height:1.3}
.pdshow-r-text{font-size:var(--fontsize16);color:var(--introcolor);margin-bottom:2%;padding:2% 0px;border-bottom:1px solid #EEEEEE}
.pdshow-r-btn{margin-top:4%;display:flex;justify-content:space-between}
.pdshow-r-btn>a,.pdshow-r-btn>div{width: 50%;height:42px;border:1px solid var(--color);color:var(--color);display:flex;justify-content:space-between;align-items:center;padding:0px 20px;margin-bottom:10px;transition:all .2s ease-in-out;text-transform:uppercase}
.pdshow-r-btn>a:hover,.pdshow-r-btn>div:hover{background-color:var(--color);color:#FFFFFF}
.pdshow-r-btn>div a{display:flex;align-items:center;width:100%;height:100%}
.pdservice{border-top:1px solid #EEEEEE;padding:1% 0px}
.pdservice li i,.pdservice li em{font-size:var(--fontsize20);color:var(--color);margin-right:14px}
.pdservice li span{color:var(--introcolor)}
.prodetails-box-cont{margin-top:2%}
.prodetails-box-tit{font-size:var(--fontsize22);color:var(--fontcolor);padding:5px;background-color:#FAFAFA;margin-bottom:40px;}
.prodetails-box{margin-top:30px}
.prodetails-bref{padding:10px 0px;font-size:var(--fontsize16);color:var(--fontcolor)}
.prodetails-bref strong{font-weight:var(--fontbold6)}
.table-responsive{margin:10px 0px;overflow-x:auto}
.prodetails-bref table{max-width:100%;overflow-x:auto;width:100%}
.pd-inquirl{margin-top:2%}
.pd-inquirl .prodetails-box-tit{margin-bottom:30px}
.singglepic{width:100%;overflow:hidden;border-radius: 10px;}
.singglepic img{display: block;margin-bottom: 20px;}
.maybe{margin:20px auto 0px}
.maybe-list>li{width:32%;margin-top:15px;text-align:center}
.maybe-img{border:1px solid #EEEEEE;overflow:hidden}
.maybe-img img{transition:all .3s ease-in-out}
.maybe-tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:var(--fontsize16);margin:10px 0px;transition:all .2s ease-in-out;max-height:23px}
.maybe-list>li:hover .maybe-tit{color:var(--color)}
.maybe-list>li:hover img{transform:scale(1.05)}
.maybe-more{display:inline-block;border:1px solid var(--color);font-size:var(--fontsize12);text-align:center;color:var(--color);transition:all .2s ease-in-out;padding:1px 6%}
.maybe-list>li:hover .maybe-more{background-color:var(--color);color:#FFFFFF}
.feedback-tit{font-size:var(--fontsize22);color:var(--fontcolor);text-align:left;background:#FAFAFA;padding:5px;margin-bottom:2%}
.fshare{display:flex;margin:20px 0px 0px}
.fshare ul{display:flex}
.fshare a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;text-align:center;margin-right:10px;color:#d1d1d1;transition:all .2s ease-in-out}
.fshare a:hover{color:#FFFFFF;background-color:var(--color)}
.ErWeiImg{max-width:120px}
.inquiry-pro-list{margin:20px 0px;padding:0px 20px;display:none;width:100%;border:1px solid #DDDDDD}
.inquiry-pro-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0px;border-bottom:1px solid #DDDDDD}
.inquiry-pro-item:last-child{border:none}
.pro-item-name{width:50%;flex:1;margin-left:20px}
.pro-item-img img{max-height:100px}
.pro-item-name p a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}
.pro-item-name p a:hover{color:var(--color);text-decoration:underline}
.pro-item-del{cursor:pointer;padding:5px}
.pro-item-del i{font-size:var(--fontsize20)}
.document-title{text-align:center;border-bottom:1px solid #EEEEEE;margin-bottom:30px;text-transform:uppercase}
.document-title h1{font-size:var(--fontsize24);font-weight:var(--fontbold4);color:var(--color);text-align:center;padding-bottom:10px}
.document-text{font-size:var(--fontsize16);color:var(--fontcolor);padding:10px 0px 30px}
.faqtitle{margin:25px 0 20px;color:var(--color);text-align:center;font-size:44px}
.faq-list li{
    margin-bottom: 25px;
    border: 1px solid var(--color);
    border-radius: 10px;
}
.faq-list .project-info{width:100%;padding: 0;}
.faq-list .project-name{font-size:var(--fontsize18);padding:15px 15px;white-space:normal;/* border: 1px solid var(--color); */cursor:pointer;position:relative;color:var(--color);}
.faq-list .project-name:after{content:'+';position:absolute;right:18px;width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;font-weight:normal;font-size:30px}
.faq-list .project-content{font-size:var(--fontsize16);color:var(--introcolor);overflow:hidden;display:none;/* border: 1px solid var(--color); */color: var(--color);padding: 10px 15px;}
.faq-list .project-content table,.faq-list .project-content td{border-color: var(--color) !important;}
.faq-list .faq-item-act .project-name{border-bottom: 1px solid var(--color);}
.faq-list .faq-item-act .project-name:after{content:'—'}
.faq-list .faq-item-act .project-content{}
.faq-list .faq-item-act .project-content br{display:none}
.documentdetails .newsdetails-cont{border-bottom:none}
.product-price{margin:5px 0px;font-size:var(--fontsize14)}
.product-content-price{margin-top:10px}
@media(min-width:1025px){
	.fnav{display:flex;flex-direction:column;flex-wrap:wrap}
	.foot-item2{width:22%}
}
@media(max-width:1441px){
	.pdshow-l{}
	.preview-container .big-box,.small-box{height:380px}
	.preview-container .thumbnail-box .list ul .item{width:65px;height:65px}
	.pdshow-r{}
}
@media(max-width:1367px){
	.head-search-btn{margin-left:2%}
	.hotproduct-l{width:25%}
	.hotproduct-r{}
}
.contact-box{background:var(--color);padding:50px 0;color:#fff}
.contact-box .contact-txt{font-size:30px;padding-right:50px;width:calc(100% - 220px);text-transform:unset}
.contact-box .container-s{display:flex;align-items:center;justify-content:space-between}
.contact-box .contact-link{}
.contact-box .contact-link a{background:#fff;display:inline-block;cursor:pointer;font-size:15px;line-height:1.2;text-align:center;font-weight:700;text-transform:uppercase;background:#fff;border-radius:500px;color:var(--color);padding:15px 32px;margin-top:50px}
@media(max-width:1024px){
	
	.pdshow-l{width:400px}
	.contact-box{}
	.contact-box .contact-txt{
    width: 100%;
    font-size: 26px;
}
	.contact-box .container-s{
    flex-wrap: wrap;
}
	.contact-box .contact-link{}
	.contact-box .contact-link a{
    margin-top: 20px;
}
	.writetous h5{font-size: 26px;}
	.write-text li,.writetous2 .write-text li{width:100%;font-size:14px;padding: 15px 10px;}
	.write-text li svg{
    width: 50px;
    height: unset;
    margin-right: 20px;
}
	.foot-item1 p,.head-search-btn{display:none}
	.newsdetails-cont img,.prodetails-bref img,.siggle-page .page-r img{height:auto!important}
	.mob-menu{display:block;width:30px;height:22px}
	.logo{max-width:50%}
	.mobhead{background-color:#A9A9A9}
	.mobact span{background-color:#FFFFFF;height:5px;border-radius:5px}
	.cate-con .cate-img{display:none}
	.about-l,.about-r,.aboutus-sec2-box,.aboutus-sec2-img,.foot-list .foot-item1,.foot-list>.foot-item-box,.highpro-l,.highpro-r,.hotproduct-l,.hotproduct-r{width:100%}
	.about-ul{margin-top:30px}
	.about-ul li{
    width: 33.3%;
}
	.highpro-l img{
    width: 96%;
    margin: 0 auto;
    border-radius: 10px;
}
	.about-r{margin-top: 20px;}
	.hotproduct-l{padding-bottom:6%}
	.hotpro-list li{width:49%;margin-right:2%}
	.hotpro-list li:nth-child(3n){margin-right:2%}
	.hotpro-list li:nth-child(2n){margin-right:0px}
	.hotprocate,.hotproduct-l{padding-right:0px}
	.hotpro-box{bottom:0px}
	.writetous .container-s{display:block}
	.write-text{margin:.2rem 0 .3rem;}
	.foot-list div h6{margin-bottom:10px}
	.news .swiper-pagination{position:static;margin-top:10px}
	.news .swiper-pagination-bullet{background:#111111}
	.news .swiper-pagination-bullet-active{background:var(--color)}
	.news-list li .home-more{background:var(--color);color:#FFFFFF}
	.location .container-s{justify-content:center}
	.foot-list{flex-direction:column-reverse}
	.foot-list>.foot-item-box{justify-content:flex-start;margin-bottom:4%}
	.productcate-box{left:50%;background:rgba(0,0,0,.5);padding:.5rem 6%}
	.fshare{margin-top:20px}
	.contactus-box-feed{width:calc(100% - 400px);padding-left:20px}
	.aboutus-sec2-img{padding:2% 0}
	.aboutus-zs img{max-width:45%;margin-bottom:16px}
	.foot-item1 p{max-width:100%}
	.project-content{-webkit-line-clamp:3;max-height:72px}
	.project-img{width:40%}
	.project-info{width:60%}
	.page-l{display:none}
	.page-r{width:100%}
	.faq-list .project-name{}
	.faq-list .project-content{-webkit-line-clamp:unset;max-height:unset}
	.fnav,.fpronav{display:flex;flex-wrap:wrap}
	.foot-list>.foot-item-box>div{max-width: 100%;width: 100%;}
	.foot-item4{width:100%;margin-top:4%}
	.fnav>li,.fpronav>li{width:49.5%}
	.productcate-box-more{padding:10px 0px}
}
@media(max-width:800px){
	.contactus-box .location-box,.contactus-box-feed{width:100%;text-align:center}
	.contactus li a,.contactus li p{max-width:300px;margin:0px auto}
	.contactus-box-feed{padding:5% 0 0}
	.aboutus-box img{height:auto!important}
}
@media(max-width:768px){
	.faqtitle{
    font-size: 26px;
}
	.location .container-s{flex-wrap:wrap}
	.ddd{width:100%;padding:20px;display:none}
	.item-con{display:none}
	.preview-container .thumbnail-box{margin-top:0px}
	.nav2 .item-info{display:none}
	.pdshow-l,.pdshow-r{width:100%}
	.hotproduct-l .home-more,.preview-container .thumbnail-box .btn,.preview-container .thumbnail-box .list .swiper-pagination,.small-box{display:none}
	.preview-container .thumbnail-box .list{width:100%}
	.preview-container .thumbnail-box .list ul .item-cur{border:none}
	.preview-container .thumbnail-box .list ul .item{width:100%;height:auto;margin:0px;border:none}
	.preview-container .thumbnail-box .list .banner-page{display:flex}
	.pdshow-r{padding-left:0px}
	.pages-list>div{width:100%}
	.pages-list>div:nth-child(1){margin-bottom:10px}
	.faq-list .project-name{}
	.faq-list .project-content{font-size:var(--fontsize14);overflow-x: scroll;}
	.mobile-bottom-item a{color:var(--fontcolor)}
	.prodetails-page .crumbs,.prodetails-page .inner-banner{display:none}
	.news .news-list{flex-wrap:nowrap;justify-content:flex-start}
	.productcate{margin-left:.6rem;margin-right:.6rem}
	.hotproduct-l .home-title{text-align:center}
	.productcate-box-more{padding:20px 0px}
	.aboutus-box{text-align:left}
	.prolist-ul li{width:100%;max-width:unset}
}
@media(max-width:540px){
	.logo img{max-height:45px !important}
	.container,.container-s{padding-left:15px;padding-right:15px}
	.productcate{margin-left:15px;margin-right:15px}
	.mob-menu span{height:2px}
	.home-title,.location-title,.writetous h3,.writetous h5{font-size:var(--fontsize26)}
	.about-r-num,.page-tit{font-size:var(--fontsize22)}
	.foot-list div h6{font-size:var(--fontsize20)}
	.project-name{font-size:var(--fontsize18)}
	.faq-list .project-name{font-size:var(--fontsize16)}
	.hotpro-title,.newpages-list>div{font-size:var(--fontsize14)}
	.hotpro-box i,.hotpro-box em{font-size:var(--fontsize14);margin-left:5px}
	.inquiry-form input{width:100%;margin-bottom:10px}
	.document-text{padding-bottom:10px}
	.project-content{/* margin-top:2px; */}
	.document-title,.newsdetails-cont p{margin-bottom:10px}
	.newspage-ninelist-1 li,.products-ninelist-1 li{width:49%;margin-right:2%}
	.newspage-ninelist-1 li:nth-child(3n),.products-ninelist-1 li:nth-child(3n){margin-right:2%}
	.newspage-ninelist-1 li:nth-child(2n),.products-ninelist-1 li:nth-child(2n){margin-right:0px}
	.newsdetails .flex img{width:100%!important;margin:1% 0}
	.newpages-list>div{width:50%}
}
@media(max-width:415px){
	.about-ul li{width:50%}
	.pdshow-r h1{font-size:var(--fontsize24);line-height:1.4}
	.productcate-hot{padding:4px 8px;font-size:var(--fontsize12)}
	.productcate-box{padding:40px 3% 20px}
	.about-ul li{width:50%;border-right:1px solid #EEEEEE}
	.about-ul li:nth-child(2n-1){border-right:none}
	.productcate-box-more{font-size:var(--fontsize14);padding:10px 0px 20px}
	.about-l-text{margin:10px 0px 20px;-webkit-line-clamp:15;max-height:none}
	.about-ul li:nth-child(3){border-top:none}
	.headact{height:1rem}
	.headact .head-box{top:1rem}
	.headact .actbox{height:calc(100% - 1rem)}
	.hotprocate li{}
	.hotprocate{margin:20px 0px}
	.hotpro-box{padding:6px;position:relative}
	.foot-t{padding:5px 0px}
	.foot-b{line-height:1.6;padding:5px 0}
	.highpro-r-box::before{width:80%;left:10%}
	.highpro-authentication li,.highpro-step,.highpro-step-num{margin-bottom:10px}
	.highpro-text{margin:10px 0px}
	.hotprocate li{margin-bottom:0px;line-height:32px;font-size:var(--fontsize14)}
	.news-text{margin:6px 0px 10px}
	.news-data{margin:6px 0px}
	.contact li,.contactus li{margin-top:10px}
	.crumbs{padding:10px 0px}
	.breadcrumbs .container{flex-direction:column;align-items:flex-start}
	.breadcrumbs .container>div{margin-bottom:5px}
	.prodetails-page .breadcrumbs{display:none}
	.products-list-tit{font-size:var(--fontsize16);-webkit-line-clamp:3}
	.newspage-item-tit a{font-size:var(--fontsize16)}
	.newspage-item-text{font-size:var(--fontsize14)}
	.project-content{-webkit-line-clamp:2;max-height:45px}
	.page-tit{margin-bottom:15px;line-height:1}
	.newspage-item-box,.pdshow-r-btn>a{padding:0px 10px}
	.pdservice{justify-content:flex-start}
	.pdservice li{margin-right:20px}
	.pdservice li i,.pdservice li em{margin-right:6px}
	.maybe-list>li{width:49%}
	.newspage-ninelist-1 li .newspage-content{padding:5px 10px 10px;margin:0px}
	.newspage-data{margin:5px 0px;font-size:var(--fontsize14)}
	.faq-list .project-name{}
	.faq-list .project-content{}
	.head-box nav{height:calc(100% - 3.3rem)}
}
@media(max-width:376px){
	.aboutus-box h6,.document-title h1,.home-title,.location-title,.writetous h3,.writetous h5{font-size:var(--fontsize22)}
	.productcate-box-title{font-size:var(--fontsize16)}
	.productcate-box-more{padding-bottom:10px}
}
@media(max-width:321px){
	.products-add-inquirl{padding:6px 10px}
	.viewmore{width:140px}
}
.IE .newspage-tit a{display:block}
@media(max-width:1024px){
	.head-box nav{height:auto}
}
@media (max-width:415px){
	.head-box nav{height:auto}
}
@keyframes swiper-preloader-spin{
	to{transform:rotate(1turn)}
}
.lazy-lodding{position:absolute;width:100%;height:100%;top:0px;left:0px;background:#FCFCFC}
.lazy-lodding::before{content:'';display:block;width:22px;height:22px;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s linear infinite;border-left:2px solid var(--color);border-bottom:2px solid var(--color);border-right:2px solid var(--color);border-radius:50%;border-top:2px solid transparent}
img.lazy{opacity:0;position:absolute}
img.error,img.initial,img.loaded{opacity:1;position:static}
.lazy-wrap{display:flex;align-items:center;justify-content:center;position:relative;height:0px;padding-bottom:50%}
.lazy-loaded .lazy-lodding{display:none}
.lazy-loaded{height:auto;padding-bottom:0px}
.inquiry-form .input-error{border-color:var(--color)}
@media(max-width:768px){
	.preview-container{padding-top:15px}
	.mobmedia{position:absolute;left:0px;top:30px;width:100%;height:calc(100% - 30px)!important;z-index:9;background:#000000}
	.mobflag{position:absolute;right:0px;top:0px;z-index:10;width:30px;height:30px;font-size:var(--fontsize24)}
	.mobflag::after,.mobflag::before{content:'';display:block;position:absolute;width:20px;height:2px;background:#000000;top:14px;left:6px}
	.mobflag::before{transform:rotate(45deg)}
	.mobflag::after{transform:rotate(-45deg)}
}
@media(min-width:800px){
	.maybe-img{height:90%;display:flex;align-items:center}
}
@media(max-width:768px){
	.maybe-img{height:74%}
	.maybe-tit{-webkit-line-clamp:1}
}
@media screen and (max-width:768px){
	.prodetails-box-cont iframe{max-width:100%;min-height:240px;height:auto}
}
#tagContent{padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li{padding:0px 20px 10px 0px;float:left}
#tags li a{text-decoration:none;display:block;line-height:40px;margin-right:8px;border-bottom:1px solid transparent;color:var(--fontcolor);font-size:var(--fontsize22);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul#tags li.selectTag a{color:var(--color);border-color:var(--color)}
.tagContent{display:none}
#tagContent div.selectTag{display:block}
@media screen and (max-width:1200px){
	#tags li a{font-size:var(--fontsize18)}
}
@media screen and (max-width:560px){
	#tags li a{font-size:var(--fontsize13);margin:0px;border:none}
	#tags li{padding:3px;width:50%;text-align:center}
	#tags li:nth-child(n+3){border-top:1px solid #FFFFFF}
	#tags li:nth-child(2n){border-left:1px solid #FFFFFF}
	#tags{background:#F2F2F2}
}
@media screen and (min-width:769px){
	section.index11-knowledge .news-list li{width:24%}
}
@media screen and (max-width:1024px) and (min-width:769px){
	section.index11-knowledge .news-list li{width:49%;margin-bottom:20px}
}
@media(max-width:768px){
	.aboutus-box img,.prodetails-bref img{height:auto!important}
}
@media(max-width:768px){
	.mobbotact{display:flex;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
	.mobactfoot{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}
	iframe,video{max-width:100%;min-height:240px;height:auto}
}
.nocenter{text-align:left}
.flex-l{width:50%;padding-right:3%}
.flex-r{width:50%}
.atext-t{font-size:var(--fontsize20);position:relative;padding:10px 0px}
.atext-t::before{content:'';display:block;position:absolute;bottom:0px;left:0px;width:40px;height:2px;background-color:var(--color)}
@media(max-width:1024px){
	.flex-l{width:100%;padding:0px}
	.flex-r{width:100%}
	.ch-flex>li img{max-width:100%}
}
@media(max-width:768px){
	.ch-flex>li{width:50%;text-align:center}
	.ch-flex>li:nth-child(2n){border-right:1px solid #EFEFEF}
	.ch-flex>li:not(:nth-child(-n+2)){border-top:none}
}
@media(max-width:481px){
	.atext-t{font-size:var(--fontsize18)}
}
.copyright{font-size:var(--fontsize14)}
.copyright a{font-size:var(--fontsize14);margin-left:10px}
.solutions{color:var(--fontcolor);line-height:1.8}
.solutions>.flex{margin-bottom:4%}
.support{color:var(--fontcolor);line-height:1.8}
.flex-half{margin-bottom:60px}
.flex-half-l{width:50%;padding-right:6%}
.flex-half-r{width:50%}
.support .flex-half-r{border:1px solid #EFEFEF}
.sup-bref1::before{content:'';display:inline-block;width:60px;height:2px;background:var(--color);vertical-align:middle;margin-right:10px}
.sup-name{display:block;font-size:var(--fontsize26);color:var(--fontcolor);line-height:1.3;margin:10px 0px}
.sup-text{margin:10px 0px;font-size:var(--fontsize16)}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0 0 0 6%}
.application{color:var(--fontcolor);line-height:1.8}
.app-name{display:block;font-size:var(--fontsize26);font-weight:var(--fontbold5);color:var(--fontcolor);margin-bottom:10px;line-height:1.3;padding-top:6px}
.president-l,.teami-l{width:40%}
.president-r,.teami-r{width:60%;padding-left:2%}
.president-r p,.teami-r p{margin-bottom:10px}
.flex-reverse .teami-r{padding:0 2% 0 0}
.president-r h6,.teami-r h6{font-size:var(--fontsize24);margin-bottom:20px;line-height:1.3}
.teami{margin-bottom:3%}
.ch-flex{margin-top:3%}
.ch-flex>li{width: 50%;border:1px solid #EFEFEF;padding:2%;text-align:center}
.ch-flex>li:not(:nth-child(4n)){border-right:none}
.ch-flex>li:nth-child(n+5){border-top:none}
.ch-flex>li img{
    border-radius: 5px;
}
.ch-flex>li p{margin-top:10px;font-size: 26px;}
.ch-name{font-size:var(--fontsize20);margin:10px 0px}
.ch-name+p{margin-bottom:20px}
.company-honor>div:nth-of-type(1){width:58%}
.company-honor>div:nth-of-type(2){width:40%}
.office-l{width:60%;padding-right:2%}
.office-l p{margin-bottom:10px}
.office-r{width:40%}
.flex-reverse .office-l{padding:0 0 0 2%}
.office-l .atext-t{font-size:var(--fontsize20);line-height:1.3;margin:10px 0px}
.office>.flex{margin-top:2%}
.rdc-tit{font-size:var(--fontsize24);line-height:1.3;position:relative;padding-bottom:10px;margin-bottom:20px}
.rdc-tit::before{content:'';display:block;width:60px;height:2px;background-color:var(--color);position:absolute;bottom:0px;left:0px}
.rdc .flex-jc-sb>div{width:33%;margin:20px 0px;text-align:center}
.rdc>p:nth-of-type(n+2){margin-bottom:10px}
@media(max-width:1281px){
	.ch-name{margin:0px}
}
@media(max-width:1024px){
	.application,.howtouse,.solutions,.support{line-height:1.8}
	.ch-flex>li img{max-width:100%}
	.president-l,.teami-l{width:100%}
	.president-r,.teami-r{width:100%;padding:20px 0px 0px}
	.teami{margin-bottom:6%}
	.company-honor>div:nth-of-type(1){width:100%}
	.office-l{width:100%;padding-right:0px}
	.office-r{width:100%;margin-top:20px}
	.flex-reverse .office-l{padding:0px}
}
@media(max-width:800px){
	.flex-half-l,.president-l,.teami-l{width:100%;padding:0px}
	.president-r,.teami-r{width:100%;margin-top:.3rem;padding:0!important}
	.flex-half-r{width:100%;margin-top:.4rem}
	.flex-reverse .flex-half-l{padding:0px}
	.app-name,.ch-name,.competitive-tit,.office-l .atext-t,.rdc-tit,.sup-name{font-size:.3rem}
	.solutions>.flex,.teami{margin-bottom:.4rem}
	.president-r h6,.teami-r h6{font-size:.32rem;margin-bottom:10px}
	.ch-flex>li{width: 100%;text-align:center}
	.ch-flex>li:nth-child(2n){border-right:1px solid #EFEFEF}
	.ch-flex>li:not(:nth-child(-n+2)){border-top:none}
	.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
	.competitive section{margin-bottom:.4rem}
	.ch-flex>li p{
    font-size: 18px;
}
}
@media(max-width:481px){
	.app-name,.president-r h6,.sup-name,.teami-r h6{font-size:var(--fontsize20)}
	.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:100%}
}
@media(max-width:415px){
	.sup-bref2,.sup-text{font-size:var(--fontsize16)}
	.ch-flex>li p{font-size:var(--fontsize14)}
}
@media(max-width:321px){
	.app-name,.president-r h6,.sup-name,.teami-r h6{font-size:var(--fontsize18)}
}
.newsdetails-cont table{max-width:100%;overflow-x:auto;overflow-y:hidden}
#swiper-banner img{height:auto}
@media(max-width:1024px){
	.mobcate-main .page-l{display:block;width:100%;margin-bottom:20px}
	.mobcate-main .page-l .lastproducts{display:none}
	.mobcate-main .page-l .categories{position:relative}
	.mobcate-main .page-l .categories .sf-menu{position:absolute;top:100%;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
	.mobcate-main .page-l .categories .page-l-menu-tit{color:var(--fontcolor);font-size:var(--fontsize20);padding:10px 0px;border-bottom:1px solid #CCCCCC;cursor:pointer;background:url(../images/cate-btn.webp) right center/24px no-repeat}
}
h4.cate-h4,h4.pro-h4{clear:both;font-weight:var(--fontbold6)}
ul.cate-ulli,ul.pro-ulli{clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li,ul.pro-ulli li{list-style-type:disc;line-height:1.7}
ol.cate-ulli,ol.pro-ulli{clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li,ol.pro-ulli li{list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(max-width:1600px){
	.prohome-content,.prolist-bottom{padding:0px 15px}
}
@media(max-width:768px){
	.prohome-content{clear:both;padding:0px 15px;line-height:1.6;box-sizing:border-box}
	.prolist-bottom{clear:both;padding:0px 15px;line-height:1.6;box-sizing:border-box}
}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.preview-container .big-box.act{display:none!important}
@media(max-width:768px){
	.gotop{display:none!important}
	.mobile-bottom-item .gotop{display:flex!important;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);transition:none!important;opacity:1!important}
}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner img{width:100%;height:auto;object-fit:cover;min-height:160px}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#F3F3F3;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4)}
@keyframes pagesbanner{
	0%{margin-top:20px;opacity:0}
	100%{margin-top:0px;opacity:1}
}
@media (max-width:1024px){
	.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
	.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}
}
@media (max-width:768px){
	.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
	.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}
}
.wmkcfeedback .wmkcfb-name{background:url(../images/inname.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-email,.wmkcfeedback .wmkcfb-emailcomfirm{background:url(../images/inemail.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-phone{background:url(../images/inphone.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-company{background:url(../images/incompany.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-title{background:url(../images/intitle.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-content{background:url(../images/incontent.webp) no-repeat right 14px}
.wmkcfeedback .wmkcfb-content.require{background:url(../images/incontent-c.webp) no-repeat right 14px}
.inquiry-form input,.inquiry-form .wmkcfb-fileupload{width:49%;height:50px;background-color:#FFF!important;border:1px solid #E3E3E3;padding:0px 35px 0px 10px;color:var(--fontcolor);margin-bottom:20px;border-radius:3px;display:inline-flex;align-items:center}
.inquiry-form input#in-title{width:100%}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder,.inquiry-form .wmkcfb-fileupload{color:#666}
.inquiry-form textarea{width:100%;height:200px;padding:10px;background-color:#FFF!important;border:1px solid #E3E3E3;color:var(--fontcolor);border-radius:3px}
.wmkcfeedback .send-btn[disabled]{background:#EEE!important;color:#999!important}
.wmkcfeedback .send-btn[disabled]::before{content:none!important}
.wmkcfeedback .loading{position:relative;width:18px;height:18px;margin-left:8px;border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:feedbacksenloading infinite .75s linear}
@keyframes feedbacksenloading{
	0%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}
.wmkcfeedback .feed-verification{position:relative;width:100%;max-width:320px;margin-top:15px}
.wmkcfeedback .feed-verification input{width:100%!important;margin:0!important}
.wmkcfeedback .feed-verification img{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.wmkcfeedback .send-btn{min-width:200px;height:50px;background:var(--color);border-radius:5px;margin:20px auto;font-size:16px;color:#FFF;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.1s linear}
@media (max-width:768px){
	.wmkcfeedback input,.inquiry-form .wmkcfb-fileupload{width:100%}
	.wmkcfeedback .feed-verification{max-width:100%}
	.wmkcfeedback .select-menu{width:100%!important}
}
.page-section-contact-contact-box .wmkcfeedback .select-menu{width:100%}
.page-section-contact-box .send-inquiry .inquiry-form input,.page-section-contact-box .send-inquiry .inquiry-form .wmkcfb-fileupload,.page-section-contact-box .send-inquiry .inquiry-form textarea{color:#000!important}
.page-section-contact-box .send-inquiry .inquiry-form input::placeholder,.page-section-contact-box .send-inquiry .inquiry-form textarea::placeholder{color:#999!important}
.page-section-contact-box .wmkcfeedback .send-btn{background:#000}
.wmkcfeedback .send-btn:hover{background:#111111}