@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: #1C68A8;--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:"arial",sans-serif;}
*,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}
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)}
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:1600px;margin:0px auto;padding:0 20px;}
.container-s{width:100%;max-width:1400px;margin:0px auto;padding:0 20px;}
.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){.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 */
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;}
.head-contact>a:hover{}
.head-contact em{color: #fff;margin-right:4px;vertical-align: middle;line-height: 1;}
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);padding: 0px 30px;transition:all .1s linear;text-transform:capitalize;position:relative;white-space:nowrap;font-size: 20px;/* font-weight: bold; */}
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)}
}
#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;max-width:1600px;padding-bottom: 30px;}
.productcate .swiper-pagination{
    bottom: 0 !important;
}
.productcate>ul{justify-content:space-between}
.productcate-list li{position:relative;overflow:hidden;}
.productcate-list li:last-child{border-right:none}
.productcate-img{
    border: 1px solid #EEEEEE;
    aspect-ratio: 1.33;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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{display:flex;flex-direction:column;justify-content:flex-end;padding: 10px 6%;transition:left .3s ease-in-out;text-align: center;}
.productcate-box-title{font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;line-height:1.5;max-height:75px}
.productcate-box-more{font-size:var(--fontsize16);font-weight:var(--fontbold4);padding: 0px 0px;display: none;}
.productcate-list li:hover .productcate-box{left:50%}
.about,.hotproduct,.writetous{overflow:hidden}
.about{padding:4% 0px;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;text-align:center;color: #fff;border-radius: 20px;text-transform:lowercase;transition:all .2s ease-in-out;background: linear-gradient(to right,#1160AB,#0074DE);}
.home-more:hover{background:var(--color);color:#FFFFFF}
.about-l-text{color: var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 7;overflow:hidden;margin: 20px 0px;text-indent: 2em;text-align: justify;line-height: 2;}
.about-r{width:50%}
.about-r li{width:33.3%;border:1px solid #EEEEEE;text-align:center;padding: 50px 0px;border-right:none;transition:all .2s ease-in-out}
.about-r li:nth-child(3n){border-right:1px solid #EEEEEE}
.about-r li:nth-child(n+4){border-top:none}
.about-r li i,.about-r li em{font-size:40px;color:var(--color);display: block;height: 48px;}
.about-r li i img{display:block;margin:0 auto}
.about-r li:hover{box-shadow:0 0 14px #CCCCCC}
.about-r-title{font-size:var(--fontsize16);color:var(--fontcolor);}
.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{background:#111111}
.highpro-l,.highpro-r{width:50%}
.highpro-l img{display:block;width:100%;height:100%}
.highpro-r{background: #000000;padding:4% 5%;color:#FFFFFF}
.highpro-r .home-title{color: #008BC4;font-weight:var(--fontbold6);font-size: 40px;}
.highpro-text{font-size:var(--fontsize16);color:#DDDDDD;line-height:1.7;margin:10px 0px 30px}
.highpro-authentication{margin-top: 25px;}
.highpro-authentication li{position:relative;font-size:var(--fontsize16);margin-bottom:15px}
.highpro-step{display:flex;justify-content:space-between;margin-bottom: 10%;max-width: 700px;margin: 0 auto 80px;}
.highpro-r-box::before{content:'';width:88%;height: 1px;background: #EEEEEE;left:6%;top:20px;position:absolute}
.highpro-step li{position:relative;cursor:pointer;text-align:center}
.highpro-step-num{width:40px;height:40px;background: #000000;border: 1px solid #EEEEEE;border-radius:50%;text-align:center;line-height:40px;font-size:var(--fontsize18);color:#FFFFFF;margin:0px auto 18px}
.highpro-step-title{font-size:var(--fontsize18)}
.highpro-step-act .highpro-step-title{color: #008BC4;}
.highpro-step-act .highpro-step-num{background:var(--color);border-color:var(--color)}
.highpro-l .swiper-pagination{bottom:20px}
.hotproduct{padding:4% 0px}
.hotproduct-l{width:23%;padding-right:3%}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.hotpro-list{display:flex;flex-wrap:wrap;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:32%;margin:0px 20px 20px 0px}
@media(max-width:1366px){
	.hotpro-list li{width:31%}
}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{position:absolute;bottom:-60px;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;aspect-ratio: 1.33;}
.hotpro-img img{}
.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(3n){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{border-left:1px solid #BFBFBF;margin:20px 0px 50px;padding-right:10%}
.hotprocate li{padding:10px 0px 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0px;left:0px;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act::before,.hotprocate li:hover::before{opacity:1}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:var(--color)}
.writetous{background: #0074E1;padding:2.5% 0px;color: #fff;}
.writetous .container-s{align-items:center}
.writetous h5{font-size: 50px;text-align: center;}
.write-text{font-size: 19px;display: flex;flex-wrap: wrap;margin-top: 30px;line-height: 2;justify-content: space-between;}
.write-text li{width: 50%;display: flex;max-width: 700px;padding: 0 10px;}
.write-text li:before{content:'';display: block;width: 3px;height: 3px;background: #fff;margin-right: 15px;margin-top: 18px;}
.news{padding:4% 0px}
.news .home-title{text-align:center;margin-bottom:2%}
.news-list li{width:32.5%;background: #F0F0F0;padding: 10px;}
.news-list li .news-img{
    aspect-ratio: 1.33;
    background: #fff;
}
.news-img{overflow:hidden;display:block}
.news-img img{display:block;}
.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}
.location-box{background:#FFFFFF;padding: 3% 5% 4%;width: 500px;border: 1px solid #B2D5F5;}
.location-title{font-size:var(--fontsize26);font-weight:var(--fontbold6);color:var(--fontcolor);padding-bottom:10px}
.contact li,.contactus li{margin-top: 15px;}
.contact li a,.contact li p{color:var(--fontcolor)}
.contact li strong{display:inline-block;font-size:var(--fontsize16);font-weight: bold;color:var(--fontcolor);margin-bottom: 0;}
footer{clear:both;margin:0px auto;padding:0px;color: #fff;background: #121212;}
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:30%}
.foot-item1 p{line-height:1.6;max-width:80%;font-size: 14px;}
.foot-list div h6{font-size:var(--fontsize22);margin-bottom: 20px;}
.foot-list div h6:after{content:'';background: #1062AC;display: block;width: 30px;height: 4px;margin-top: 5px;}
.fnav li a,.fpronav li a{display:block;transition:color .2s ease-in-out;font-size: 14px;}
.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 #424242;}
.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}
.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}
.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%}
.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:#111111}
.contactus-box .contactus li strong,.contactus-box .location-title{color:#FFFFFF}
.contactus li a,.contactus li p{color:#CCCCCC}
.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:10px}
.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 .newspage-img a{
    display: flex;
    aspect-ratio: 1.3;
    align-items: center;
    justify-content: center;
}
.newspage-ninelist-1 li:nth-child(3n){margin-right:0px}
.newspage-ninelist-1 li .newspage-content{margin:10px 15px}
.newspage-img img{display:block;}
.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;height:42px;min-width: 42px;line-height:41px;text-align:center;margin:5px;padding: 0 10px;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}
.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: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}
.products-ninelist-1 li:hover{box-shadow:0px 4px 10px #EEEEEE}
.products-ninelist-1 li:nth-child(3n){margin-right:0px}
.products-ninelist-1 li .products-list-img{overflow:hidden}
.products-ninelist-1 li .products-list-img>a{
    aspect-ratio: 1.33;
}
.products-ninelist-1 li .products-list-img img{display:block;}
.products-list-tit{font-size:var(--fontsize18);color:var(--fontcolor);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:1.4}
.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{width:calc(100% - 500px);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:48%;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}
.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%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #EFEFEF}
.singglepic img{transition:transform .3s ease-in-out}
.singglepic:hover img{transform:scale(1.2)}
.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}
.faq-list .project-info{width:100%;padding:0px 0px 25px 0px}
.faq-list .project-name{font-size:var(--fontsize18);color:var(--fontcolor);padding:10px 0px 10px 50px;background:url(../images/faq1.webp) no-repeat 10px center,url(https://css02.v15cdn.com/m408/faq.webp) no-repeat 99% center #F7F7F9;white-space:normal;border-bottom:1px solid transparent;cursor:pointer}
.faq-list .project-content{font-size:var(--fontsize16);color:var(--introcolor);padding:10px 0px 10px 50px;margin:10px 0px;background:url(../images/faq2.webp) no-repeat 10px 0px #FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:1.8;max-height:45px}
.faq-list .faq-item-act .project-name{border-bottom:1px solid #EEEEEE;background:url(../images/faq1.webp) no-repeat 10px center,url(https://css02.v15cdn.com/m408/green/faq-c.webp) no-repeat 99% center #FFFFFF}
.faq-list .faq-item-act .project-content{display:block;max-height:100%}
.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;max-height:240px;flex-wrap:wrap}
	.foot-item2{width:22%}
}
@media(max-width:1441px){
	.pdshow-l{width:380px}
	.preview-container .big-box,.small-box{height:380px}
	.preview-container .thumbnail-box .list ul .item{width:65px;height:65px}
	.pdshow-r{width:calc(100% - 380px)}
}
@media(max-width:1367px){
	.head-search-btn{margin-left:2%}
	.hotproduct-l{width:25%}
	.hotproduct-r{width:75%}
}
@media(max-width:1024px){
	.writetous h5{font-size:30px}
	.write-text li{width:100%;font-size:14px}
	.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-r{margin-top:6%}
	.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;max-width:90%}
	.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{}
	.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{padding-left:9%;padding-right:9%}
	.faq-list .project-content{padding-left:9%}
	.fnav,.fpronav{display:flex;flex-wrap:wrap}
	.foot-list>.foot-item-box>div{max-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){
	.item-con{display:none}
	.preview-container .thumbnail-box{margin-top:0px}
	.nav2 .item-info{display:none}
	.pdshow-l,.pdshow-r{width:100%}
	.hotprocate,.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{padding-left:11%;padding-right:11%}
	.faq-list .project-content{-webkit-line-clamp:2;line-height:1.4;padding:3px 0px 3px 11%;font-size:var(--fontsize14)}
	.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}
}
@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)}
	.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){
	.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-r li{width:50%;border-right:1px solid #EEEEEE}
	.about-r 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-r li:nth-child(3){border-top:none}
	.headact{height:1rem}
	.headact .head-box{top:1rem}
	.headact .actbox{height:calc(100% - 1rem)}
	.hotprocate li{left:-1px}
	.hotprocate{margin:20px 0px}
	.hotpro-box{padding:6px}
	.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}
	.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{padding-left:15%;padding-right:15%}
	.faq-list .project-content{padding-left:15%}
	.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:25%;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{max-width:236px;max-height:342px}
.ch-flex>li p{margin-top:10px}
.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: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}
	.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
	.competitive section{margin-bottom:.4rem}
}
@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}