@import url('css2-Robotowght400500_swap.css');
*,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:16px;line-height:1.7;font-family:Roboto,Arial}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
li,ol,ul{list-style:none}
img{height:auto}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:#000;text-decoration:none}
@font-face{font-family:BlowBrush;font-display:swap;src:url(../font/blowbrush-1.ttf)}
@font-face{font-family:iconfont;src:url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url(http://www.m417.seo.com.cn/images/m417/green/iconfont.woff?t=1677824147722) format('woff'),url(http://www.m417.seo.com.cn/images/m417/green/iconfont.ttf?t=1677824147722) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-inquiry:before{content:"\e641"}
.icon-skype:before{content:"\e7f2"}
.icon-whatsapp:before{content:"\e97b"}
.icon-pinterest:before{content:"\e63a"}
.icon-linkedin:before{content:"\e6bf"}
.icon-youtube:before{content:"\e764"}
.icon-instagram:before{content:"\e87f"}
.icon-twitter:before{content:"\e882"}
.icon-facebook:before{content:"\e71a"}
.icon-tiktok:before{content:"\ecdc"}
.icon-phone:before{content:"\e657"}
.icon-close:before{content:"\e685"}
.icon-jiahao:before{content:"\e602"}
.icon-jianhao:before{content:"\e615"}
.icon-cart:before{content:"\e682"}
.icon-tubiao313:before{content:"\e624"}
.icon-home:before{content:"\e821"}
.icon-xiala:before{content:"\e65c"}
.icon-wode:before{content:"\e630"}
.icon-xitong-weizhipeizhi:before{content:"\e666"}
.icon-view:before{content:"\e6ad"}
.icon-time:before{content:"\e608"}
.icon-si-glyph-bubble-message-dot-2:before{content:"\e616"}
.icon-dianhuatianchong:before{content:"\e678"}
.icon-youxiang1:before{content:"\e667"}
.icon-jiantou_yemian_xiangyou:before{content:"\eb0b"}
.icon-right:before{content:"\e609"}
.icon-Search:before{content:"\e66d"}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;margin-left:10px;width:120px;height:32px;line-height:32px}
.xyz12{position:absolute;width:100%;height:100%}
.xyz12 ul{background:#f1d229}
.xyz12 ul>li{display:none}
.xyz12 ul>li:nth-of-type(1){display:flex;align-items:center}
.xyz12 li{position:relative;z-index:1;float:none;margin-left:0;width:100%;height:30px;text-align:left}
.xyz12 li a{display:block;overflow:hidden;padding:0;padding:0 8px;color:#fefefe;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.xyz12 li.selected{border-top:0}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;top:0;right:0;z-index:100;display:block;width:32px;height:32px;cursor:pointer}
.xyz12 span:after{position:absolute;top:10px;right:10px;width:7px;height:7px;border:1px solid #fefefe;border-top:none;border-left:none;content:" ";cursor:pointer;transform:rotate(45deg)}
.xyz12 span.dp:after{top:13px;transform:rotate(-135deg)}
.xyz12 li img{margin:0 7px 0 0;vertical-align:middle}
.xyz12 li:hover{background:#f1d229}
header{position:fixed;top:0;left:0;width:100%;z-index:99;transition:all .3s ease}
header .headTop{background:#f1d229;height:35px}
.header{transform:translateY(0px)}
.bannerSwiper  .swiper-wrapper{ margin-top:89px;}
header .headTop .headTopWrapper{width:1600px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center}
.headTopWrapper .headContact,.headTopWrapper .headLink,.headTopWrapper .headLink>ul{display:flex;align-items:center}
.headTopWrapper .headContact .mail{margin-right:50px}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{color:#fefefe;font-size:14px}
.headTopWrapper .headContact div i{margin-right:13px}
.headTopWrapper .headLink>ul{margin-left:20px}
.headTopWrapper .headLink>ul li a{display:flex;align-items:center;margin-left:5px;transition:all .3s ease}
.headTopWrapper .headLink>ul li a:hover{transform:translateY(-5px)}
.headTopWrapper .headLink>ul li a i{color:#FFF;border:1px solid;width:20px;text-align:center;line-height:20px;border-radius:3px}
header .headBot{background: #ffba83;position:relative;transition:all .3s ease}
.header .headBot{height:80px}
header .headBot .headBotWrapper{width:1600px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center}
header .headBot .headBotWrapper .logo img{max-height:100%}
.headBotWrapper .headNav{height:100%;flex:1}
.headBotWrapper .headNav>ul{display:flex;align-items:center;height:100%;justify-content:right}
.headBotWrapper .headNav>ul>li>a{color:#fff;font-size:18px;font-weight:500}
.headBotWrapper .headNav>ul>li .inmenu:hover,.headBotWrapper .headNav>ul>li .inmenu_1,.headBotWrapper {color:#f6ff00}
.headNav>ul>li>ul>li>a:hover{color:#000}
.headBotWrapper .headNav>ul>li{margin-right:52px;position:relative;height:100%;display:flex;align-items:center}
.headBotWrapper .headNav>ul>li>ul{position:absolute;background:#FFF;padding:10px 20px;top:60px;width:200px;opacity:0;transform:rotateX(90deg);transform-origin:top;transition:all .3s ease}
.headBotWrapper .headNav>ul>li:hover>ul{opacity:1;transform:rotateX(0)}
.headBotWrapper .headNav>ul>li>ul>li{margin-bottom:10px}
.headBotWrapper .headNav>ul>li>ul>li>a{color:#1e1e1e;font-size:16px;opacity:.8}
.headBotWrapper .search{position:relative;display:flex;align-items:center}
.headBotWrapper .search i{color:#FFF;font-size:26px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:1;cursor:pointer}
.headBot .searchInput{position:absolute;top:100%;left:0;width:100%;padding:20px 0;background:rgba(255,255,255,.8);display:none}
.searchInputWrapper{position:relative;width:1600px;margin:0 auto}
.searchInputWrapper input{width:100%;background:rgba(255,255,255,0);outline:0;border-bottom:1px solid #a6a6a6;padding:10px 30px;box-sizing:border-box}
.searchInputWrapper i{position:absolute;top:10px;right:30px;color:#a6a6a6;cursor:pointer}
.phoneNavIcon{position:relative;display:none;width:32px;height:30px;cursor:pointer}
.phoneNavIcon div{position:absolute;top:0;right:0;width:30px;height:4px;border-radius:3px;background:#fff;transition:all .5s ease}
.phoneNavIcon .hx1{width:30px;top:3px}
.phoneNavIcon .hx2{top:13px;width:30px}
.phoneNavIcon .hx3{top:23px}
.phoneNavIcon1 .hx1{top:12px;transform:rotate(-225deg);width:30px}
.phoneNavIcon1 .hx2{opacity:0}
.phoneNavIcon1 .hx3{top:12px;transform:rotate(225deg)}

.bannerSwiper img{width:100%;height:100%}
.bannerSwiper .swiper-slide{height:auto}
.swiper-pagination-bullet{background:#FFF;opacity:1}
.swiper-pagination-bullet-active{background:#f1d229}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px;color:#FFF;width:26px;height:40px;background:#f1d229;text-align:center;line-height:40px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0}
.homeProductType{width:100%;margin-top:60px}
.homeProductTypeWrapper{display:flex}
.homeProductType .item{flex:1;overflow:hidden;position:relative;height:auto;line-height:0; margin-right:3px;}
.homeProductType .item img{width:101%;transition:all .3s ease}
.homeProductType .item img:hover{transform:scale(1.1)}
.homeProductType .item a{position:absolute;display:inline-flex;background:#ffba83;right:0;bottom:0;padding:10px 20px 10px;box-sizing:border-box;border-radius:60px 0 0 0;justify-content:center}
.homeProductType .item a i,.homeProductType .item a span{color:#FFF;font-size:20px}
.homeProductType .item a span{margin-right:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
.homeTiele span{color:#1e1e1e;font-size:30px; font-weight:bold; text-align:center; }
.homeTiele{ text-align:center}
.homeProductType  .homeTiele{ margin-bottom:30px;}
.aboutContent .homeTiele{ text-align:left} 
.homeTiele span:nth-child(2){color:#f1d229;}
.homeHorPro{padding-top:60px;overflow:hidden}
.homeHorProWrapper{width:1600px;margin:0 auto}
.homeHorProList{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.homeHorProList li{width:33%;overflow:hidden;line-height:0;border:1px solid #d9d9d9;position:relative;margin-bottom:20px;height:auto;text-align:center;min-height:100px;display:flex;justify-content:center;align-items:center}
.homeHorProList li a{width:100%}
.homeHorProList li .loaded{width:100%;transform:scale(1.1)}
.homeHorProList li .mask{position:absolute;top:90%;left:0;width:100%;height:100%;background:#ffba83;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;transition:all .5s ease}
.homeHorProList li:hover .mask{top:0;align-items:center;align-content:center;padding:0 30px;box-sizing:border-box}
.homeHorProList li .mask strong{font-size:18px;color:#FFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-top:5px;text-transform:capitalize}
.homeHorProList li .mask span{display:block;width:100%;text-align:center;color:#FFF;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;margin-top:10px}
.homeHorProList li .mask i{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#FFF;padding:20px;border-radius:50% 50% 0 0;color:#ffba83;font-size:18px}
.homeAbout{background:url(http://www.m417.seo.com.cn/images/m417/green/images/m417/about-bg.png) no-repeat;padding:100px 0 80px;background-size:100% 100%;overflow:hidden}
.homeAboutWrapper{width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.homeAboutWrapper .aboutImg{width:55%}
.homeAboutWrapper .aboutImg img{width:95%}
.homeAboutWrapper .aboutContent{width:50%}
.homeAboutWrapper .aboutContent .aboutTit{margin-bottom:20px;width:20%}
.homeAboutWrapper .aboutContent .aboutTit img{width:100%}
.homeAboutWrapper .aboutContent p{line-height:2em;font-size:16px;color:#1e1e1e}
.homeAboutWrapper .aboutContent p i,.homeAboutWrapper .aboutContent p em{color:#ffba83;margin-right:15px}
.homeAboutWrapper .aboutContent .content{margin:10px 0}
.homeAboutWrapper .aboutContent a{display:inline-block;padding:10px 50px;font-size:22px;background:#ffba83;margin-top:30px;color:#FFF;border-radius:30px;transition:all .3s ease}
.homeAboutWrapper .aboutContent a:hover{transform:translateX(10px)}
.homeAdvantage{background:#ffba83;background-size:100% 100%;padding:50px 0;overflow:hidden}
.homeAdvantage ul{width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.homeAdvantage ul li{display:flex;align-items:center;cursor:pointer}
.homeAdvantage ul li img{margin-right:30px;transition:all .5s ease}
.homeAdvantage ul li:hover img{transform:rotateY(360deg)}
.homeAdvantage ul li .content strong{font-size:18px;font-weight:500;color:#FFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
.homeAdvantage ul li .content p{font-size:16px;color:#FFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.homeAdvantage ul li .content a{color:#FFF}
.homeNews{padding:60px 0 80px;overflow:hidden}
.homeNews .homeTiele{text-align:center}
.newsSwiper{padding:50px 0 0;width:1600px;margin:30px auto 0}
.swiper-button-next,.swiper-button-prev{height:auto;width:auto}
.newsSwiper .swiper-button-next,.newsSwiper .swiper-button-prev{top:20px}
.newsSwiper .swiper-button-next:after,.newsSwiper .swiper-button-prev:after{height:25px;width:35px;line-height:25px;font-size:12px;background:#ffba83}
.newsSwiper .swiper-wrapper .swiper-slide{display:flex;background:#F6F6F6;border-radius:10px;overflow:hidden}
.newsSwiper .swiper-wrapper .swiper-slide .newsListImg{width:50%;overflow:hidden}
.newsSwiper .swiper-wrapper .swiper-slide .newsListImg img{width:100%;height:100%;transition:all .3s ease}
.newsSwiper .swiper-wrapper .swiper-slide .newsListImg img:hover{transform:scale(1.1)}
.newsSwiper .swiper-wrapper .swiper-slide .newsListContent{width:50%;padding-top:50px;box-sizing:border-box}
.newsSwiper .newsListContent .date{display:inline-flex;border-radius:10px;overflow:hidden;transform:translateX(-50%);width:120px;height:40px}
.newsSwiper .newsListContent .date>div{width:50%;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}
.newsSwiper .newsListContent .date .day{font-size:30px;color:#FFF;background:#ffba83;line-height:1}
.newsSwiper .newsListContent .date .YY{background:#333}
.newsSwiper .newsListContent .date .YY span{display:block;line-height:1;width:100%;text-align:center;color:#FFF}
.newsSwiper .newsListContent .content{padding:30px 25px;box-sizing:border-box}
.newsSwiper .newsListContent .content strong{font-size:18px;font-weight:500;color:#1e1e1e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.newsSwiper .newsListContent .content p{font-size:16px;color:#1e1e1e;opacity:.65;margin:20px 0 25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}
.newsSwiper .newsListContent .content .contentA{display:inline-block;padding:5px 35px;box-sizing:border-box;border:1px solid #0a0204;color:#1e1e1e;font-weight:500;opacity:.51;border-radius:19px;transition:all .2s ease}
.newsSwiper .newsListContent .content .contentA:hover{background:#ffba83;opacity:1;color:#FFF;border:1px solid #ffba83}
footer{background:#ffba83;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.footerWrapper{margin:0px auto;padding:45px 0px;width:1600px;box-sizing:border-box;display:flex;justify-content:space-between}
.footerLeft{width:30%;padding-right:160px;box-sizing:border-box;text-align:center}
.footerLeft>img{max-width:250px}
.footerLeft p{margin:40px 0px;font-size:14px;color:#FFF;}
.footerLeft ul{display:flex;justify-content:center}
.footerLeft ul li{margin-right:10px;transition:all .3s ease;border:1px solid #FFF;width:30px;height:30px;border-radius:5px}
.footerLeft ul li:nth-last-child(1){margin-right:0}
.footerLeft ul li:hover{transform:translateY(-5px)}
.footerLeft ul li i,.footerLeft ul li em{color:#FFF;font-size:18px;line-height:30px}
.footerRight{display:flex;width:70%;justify-content:end;border-left:1px solid rgba(255,255,255,.2)}
.footerRight>div{width:30%}
.footerRight .footerNav{margin-right:25%}
.footerRight .footerTitle{display:flex;align-items:center;margin-bottom:40px}
.footerRight .footerTitle span{font-size:18px;color:#FFF;margin-left:15px}
.footerRight .footerNav ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.footerRight .footerNav ul li{width:50%}
.footerRight .footerNav ul li a{font-size:14px;color:#FFF;display:flex;align-items:center}
.footerRight .footerNav ul li a i,.footerRight .footerNav ul li a em{margin-right:5px}
.footerContact ul li a,.footerContact ul li span{font-size:14px;color:#FFF;}
.footerContact ul li:nth-child(1){display:flex;align-items:center;margin-bottom:20px}
.footerContact ul li:nth-child(1) span{font-size:23px;color:#FFF;opacity:1;margin-left:15px}
.footerBot{padding:10px 0px;border-top:1px solid #444;color:#FFF;text-align:center}
.footerBot a{font-size:12px;color:#DDD;}
.footerPhone{background:#ffba83;height:100px;width:100vw;position:fixed;bottom:0;left:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:98;display:none}
.footerPhone ul{display:flex;justify-content:space-around;align-items:center;text-align:center;height:100%}
.footerPhone ul li i,.footerPhone ul li em{font-size:40px;color:#FFF;line-height:1}
.footerPhone ul li span{display:block;font-size:22px;color:#FFF;line-height:1;text-transform:uppercase}
.singlePage{margin-top:89px}
.singlePage .singleBannerImg{width:100%;line-height:0}
.singlePage .singleBannerImg img{width:100%}
.singleTitle{display:flex;justify-content:center;background:#ededed;padding:5px 0}
.width1600{ width:1600px; margin:auto;}
.singleTitle a,.singleTitle h1,.singleTitle h2,.singleTitle i,.singleTitle em{font-size:14px;color:#1b1b1b}
.singleTitle h1,.singleTitle h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
.singleTitle i,.singleTitle em{margin:0 10px}
.singleTitle i:nth-last-of-type(1),.singleTitle em:nth-last-of-type(1){font-weight:normal;}
.singleTitle h1,.singleTitle h1 a,.singleTitle h2,.singleTitle h2 a{color:#f1d229}
.main{width:1600px;margin:50px auto}
.aboutMain section{margin-bottom:50px}
.aboutMain section h3{font-size:25px;color:#1b1b1b;margin-bottom:40px; text-align:center;}
.aboutMain section h4{color:#1b1b1b;font-size:16px}
.aboutMain section p{font-size:16px;color:#1b1b1b;opacity:.8;margin-bottom:20px}
.aboutMain .about2 .about2Div{display:flex;justify-content:space-between}
.aboutMain .about2 .about2Div .left{width:50%}
.aboutMain .about2 .about2Div .right{width:45%}
.aboutMain .about2 .about2Div .right img{width:100%}
.aboutMain .about4 ul{display:flex;justify-content:space-between}
.aboutMain .about4 ul li{width:23%}
.aboutMain .about4 ul li img{width:100%}
.flexMain{display:flex;justify-content:space-between}
.side{width:22%}
.side>div{margin-bottom:20px}
.side>div:nth-last-child(1){margin-bottom:0}
.side h4{color:#FFF;font-size:20px;padding:12px 0;width:100%;background:#ffba83;text-align:center;line-height:1}
.side .sideProTypr .sf-menu{border:1px solid #ededed}
.side .sideProTypr .sf-menu>li{position:relative}
.side .sideProTypr .sf-menu>li:nth-last-child(1){border-bottom:none}
.side .sideProTypr .sf-menu>li a{font-size:16px;color:#1b1b1b;padding:10px 40px;box-sizing:border-box;display:block;transition:all .2s ease}
.side .sideProTypr .sf-menu>li ul li:hover a,.side .sideProTypr .sf-menu>li:hover i,.side .sideProTypr .sf-menu>li:hover>a{color:#f1d229}
.liactive>a,.liactive>i{color:#f1d229!important}
.liactive2{color:#f1d229!important}
.side .sideProTypr .sf-menu>li>a{border-bottom:1px solid #ededed}
.side .sideProTypr .sf-menu>li:nth-last-child(1)>a{border-bottom:none}
.side .sideProTypr .sf-menu>li i{position:absolute;right:40px;top:10px;font-size:16px;cursor:pointer}
.side .sideProTypr .sf-menu>li .sub-menu{display:none;border-bottom:1px solid #ededed}
.sideLatestpro ul{display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap}
.sideLatestpro ul li{width:48%;line-height:1;margin-bottom:10px;overflow:hidden;border:1px solid #EFEFEF;position:relative}
.sideLatestpro ul li img{width:100%;transform:scale(1.1);display:block}
.sideLatestpro ul li .mask{background:#f1d229;opacity:0;width:100%;height:100%;position:absolute;transition:all .3s ease;top:100%;font-size:30px;color:#FFF;display:flex;align-items:center;justify-content:center;font-size:14px;text-align:center;overflow:hidden;padding:0 10px;box-sizing:border-box}
.sideLatestpro ul li:hover .mask{top:0;opacity:.87}
.MainList{width:75%}
.products-ninelist-0 li{display:flex;border:1px solid #d9d9d9;transition:all .3s ease;margin-bottom:20px}
.products-ninelist-0 li:hover{box-shadow:0 9px 21px 0 rgba(0,0,0,.07);transform:translateY(-10px)}
.products-ninelist-0 .products-list-img{position:relative;width:30%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}
.products-ninelist-0 .products-list-img a{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}
.products-ninelist-0 .products-list-img .loaded{width:100%;transform:scale(1.1)}
.products-list-img .products-add-inquirl{position:absolute;left:-1px;bottom:-1px;cursor:pointer;border:1px solid #EFEFEF;width:35px;text-align:center;transition:all .2s ease}
.products-list-img .products-add-inquirl i{font-size:26px;line-height:35px;color:#ffba83;transition:all .2s ease}
.products-list-img .pro-checked{background:#ffba83}
.products-list-img .pro-checked i{color:#FFF}
.products-list-box{width:70%;padding:0 50px;display:flex;align-items:center;align-content:center}
.products-ninelist-0 .products-list-box{align-items:baseline;justify-content:center;flex-direction:column}
.products-list-box .products-list-name span{font-size:16px;color:#242424;transition:all .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}
.products-list-box .products-list-name span:hover{color:#f1d229}
.products-list-box>p{font-size:14px;color:#1e1e1e;opacity:.65;margin:20px 0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:3.4em;}
.products-list-box .product-price{font-size:16px}
.products-list-box .product-price span{font-size:30px;margin-left:5px}
.switchPage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.switchPage span{color:#626262}
.switchPage a,.switchPage span{margin-right:10px;width:50px;height:50px;text-align:center;line-height:50px;border:1px solid #e5e5e5;transition:all .2s ease;margin-bottom:10px}
.switchPage a{color:#242424}
.switchPage .ctxt{background:#ffba83;color:#FFF}
.switchPage a:hover{background:#ffba83;color:#FFF}
.productsList>ul{margin-bottom:60px}
.products-ninelist-1{display:flex;flex-wrap:wrap;justify-content:space-between}
.products-ninelist-1 li{width:24%;margin-bottom:20px}
.products-ninelist-1 li .products-list-img{position:relative;overflow:hidden;border:1px solid #EFEFEF}
.products-ninelist-1 li .products-list-img a{display:flex;width:100%;min-height:300px;justify-content:center;align-items:center}
.products-ninelist-1 li .products-list-img .loaded{display:block;width:100%;transform:scale(1.1);transition:all .3s ease}
.products-ninelist-1 li:hover .products-list-img img{transform:scale(1.2)}
.products-ninelist-1 li .products-list-box{display:flex;justify-content:space-between;padding:0;width:100%;margin-top:10px}
.products-ninelist-1 .products-list-box .product-price{display:flex;align-items:center}
.products-ninelist-1 .products-list-box .product-price span{font-size:18px}
.preview-container{position:relative;padding-bottom:1px;width:450px;background:#FFF}
.preview-container .small-box{position:relative;display:flex;overflow:hidden;box-sizing:border-box;width:450px;height:450px;border:1px solid #EEE;background-color:#FFF;cursor:move;justify-content:center;align-items:center}
.preview-container .small-box img{height:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;display:none;width:180px;height:180px;border:1px solid #EEE;background-color:hsla(0,0%,80%,.6)}
.preview-container .thumbnail-box{position:relative;box-sizing:border-box;margin:20px 0;width:100%;background:#FFF}
.preview-container .thumbnail-box .list{position:relative;margin:0 auto;width:390px}
.preview-container .thumbnail-box .list ul{display:flex;padding:2px 0;width:100000px}
.preview-container .thumbnail-box .list ul .item{display:flex;overflow:hidden;box-sizing:border-box;margin:0 10px;width:58px;height:58px;border:1px solid #CCC;justify-content:center;align-items:center}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{display:block;height:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:1px solid #ffba83;border:none}
.preview-container .thumbnail-box .list .banner-page{position:absolute;right:1.3333333333vw;bottom:1.3333333333vw;z-index:999;display:none;width:13.3333333333vw;height:6.6666666667vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);justify-content:center;align-items:center}
.preview-container .thumbnail-box .list .banner-page span{color:#FFF;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;margin-top:-10px;width:22px;height:32px}
.preview-container .thumbnail-box .btn-prev{left:0;background:url(../images/btn_prev.png) no-repeat;background-position:10px 0;background-size:10px}
.preview-container .thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat;background-size:10px}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../images/btn_prev_disabled.png) no-repeat;background-position:10px 0;background-size:10px;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../images/btn_next_disabled.png) no-repeat;background-size:10px;cursor:not-allowed}
.preview-container .big-box{position:absolute;top:0;left:449px;z-index:20;display:none;overflow:hidden;box-sizing:border-box;width:450px;height:450px;border:1px solid #EEE;background:#FFF}
.preview-container .big-box img{transform:scale(1.1);display:block;width:200%;max-width:none;max-height:none}
.productDetailsTop{display:flex}
.productDetailsTop .productDetailsTit{margin-left:50px}
.productDetailsTop .productDetailsTit h1{font-size:25px;font-weight:500;color:#242424;text-transform:capitalize}
.productDetailsTop .productDetailsTit p{font-size:16px;color:#1e1e1e;opacity:.65;margin:30px 0}
.productDetailsTop .productDetailsTit .product-content-price{opacity:1}
.productDetailsTit .link{display:flex;margin-top:40px;flex-wrap:wrap}
.productDetailsTit .link span{width:200px;padding:10px 30px;border:1px solid #ffba83;box-sizing:border-box;color:#ffba83;display:flex;justify-content:space-between;cursor:pointer;margin-right:20px}
.productDetailsTit .link span:hover{border:1px solid #f6ff00;color:#f6ff00}
.productDetailsTit .link a{color:#f1d229}
.productDetailsTit .link>div:hover a{color:#ffba83}
.productDetailsContent{margin-top:60px;display:flex;flex-wrap:wrap;align-items:center}
.productDetailsContent h4{font-size:25px;color:#242424;}
.productDetailsContent .content{margin-top:20px;width:100%}
.productDetailsContent .content p,.productDetailsContent .content li{font-size:16px;color:#333;line-height:2em}
.productDetailsContent .content img{max-width:100%}
.productDetailsContent .content video{max-width:100%}
.productDetailsContent .content table{min-width:450px;overflow:scroll}
.productDetailsContent .content td{border:1px solid #EFEFEF}
.detailsPage{margin-top:40px;display:flex}
.detailsPage>div{width:50%;display:flex;align-items:center;min-height:50px;background:#ffba83;color:#FFF;justify-content:flex-end}
.detailsPage .left{justify-content:flex-start}
.detailsPage>div i,.detailsPage>div em{display:flex;background:#1be0d4;width:50px;height:100%;text-align:center;line-height:100%;font-size:20px;color:#FFF;align-items:center;justify-content:center}
.detailsPage .left i,.detailsPage .left em{transform:rotate(180deg);margin-right:20PX}
.detailsPage .right i,.detailsPage .right em{margin-left:20PX}
.detailsPage>div a{display:block;color:#FFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.detailsInquiry{margin-top:80px}
.contactBot .detailsInquiry{margin-top:0}
.detailsInquiry .inquiryTit{display:flex;align-items:center;margin-bottom:30px}
.detailsInquiry .inquiryTit h4{line-height:1;font-size:20px;color:#242424}
#feedbackForm .inquiry-form{display:flex;justify-content:space-between;flex-wrap:wrap}
#feedbackForm .inquiry-form input{width:49%;min-height:60px}
#feedbackForm .inquiry-form input,#feedbackForm .inquiry-form textarea{outline:0;padding-left:40px;box-sizing:border-box;border:1px solid #d9d9d9; margin-top:15px;}
#feedbackForm .inquiry-form textarea{width:100%;max-height:120px;padding-top:20px;margin-top:20px;}
#feedbackForm .send-btn{text-align:center}
#feedbackForm .send-btn .span:first-child{display:inline-block;margin-top:40px;padding:10px 40px;background:#ffba83;color:#FFF;cursor:pointer;text-transform:uppercase}
.sideLatestNews ul li{display:flex;justify-content:space-between;margin-top:20px}
.sideLatestNews ul li>a{width:26%;display:inline-block}
.sideLatestNews ul li>a img{width:100%;height:100%}
.sideLatestNews ul li>div{width:70%;align-content:center;align-items:center;flex-wrap:wrap}
.sideLatestNews ul li>div strong{display:block;font-size:14px;color:#1e1e1e;line-height:17px;margin-bottom:10px;transition:all .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.sideLatestNews ul li>div strong:hover{color:#f1d229}
.sideLatestNews ul li>div i{color:#f1d229}
.sideLatestNews ul li>div span{font-size:13px;color:#1e1e1e;line-height:15px;opacity:.73;margin-left:5px}
.newsList ul{margin-bottom:60px}
.newsList .news-list-0 li{display:flex;transition:all .3s ease;margin-bottom:20px;overflow:hidden}
.newsList .news-list-0 li:hover{box-shadow:0 9px 21px 0 rgba(0,0,0,.07);transform:translateY(-10px)}
.newsList .news-list-0 li .newsItemImg{width:26%}
.newsList .news-list-0 li .newsItemImg a{height:100%;display:flex;justify-content:center;align-items:center}
.newsList .news-list-0 li .newsItemImg .loaded{width:100%;height:100%;display:inline-block}
.newsList .news-list-0 li .newsItemContent{width:74%;background:#F6F6F6;padding:30px 0 0}
.newsList .news-list-0 li .newsItemContent .date{display:inline-flex;border-radius:10px;overflow:hidden;transform:translateX(-50%);width:120px;height:40px}
.newsList .news-list-0 li .newsItemContent .date>div{width:50%;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}
.newsList .news-list-0 li .newsItemContent .date .day{font-size:30px;color:#FFF;background:#f1d229;line-height:1}
.newsList .news-list-0 li .newsItemContent .date .YY{background:#333}
.newsList .news-list-0 li .newsItemContent .date .YY i{display:none}
.newsList .news-list-0 li .newsItemContent .date .YY span{display:block;line-height:1;width:100%;text-align:center;color:#FFF}
.newsList .news-list-0 li .newsItemContent .content{padding:20px 30px 20px 60px;box-sizing:border-box}
.newsList .news-list-0 li .newsItemContent .content strong{margin-bottom:15px;display:block;font-size:18px;color:#1e1e1e;transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}
.newsList .news-list-0 li .newsItemContent .content strong:hover{color:#f1d229}
.newsList .news-list-0 li .newsItemContent .content p{font-size:14px;color:#1e1e1e;opacity:.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden}
.newsList .news-list-0 li .newsItemContent .content .contentA{margin-top:20px;display:inline-block;padding:5px 30px;border:1px solid rgba(10,2,4,.51);border-radius:20px;color:rgba(30,30,30,.65);font-weight:500;transition:all .2s ease}
.newsList .news-list-0 li .newsItemContent .content .contentA:hover{background:#f1d229;border:1px solid #f1d229;color:#FFF}
.newsList .news-list-1{display:flex;flex-wrap:wrap;justify-content:space-between}
.newsList .news-list-1 li{width:32%;margin-bottom:30px}
.newsList .news-list-1 li .newsItemImg{overflow:hidden;margin-bottom:10px}
.newsList .news-list-1 li .newsItemImg a{display:flex;justify-content:center;align-items:center;min-height:150px}
.newsList .news-list-1 li .newsItemImg .loaded{width:100%;transition:all .3s ease}
.newsList .news-list-1 li .newsItemImg img:hover{transform:scale(1.1)}
.newsList .news-list-1 li .newsItemContent .content p{display:none}
.newsList .news-list-1 li .newsItemContent .date{display:inline-flex;overflow:hidden}
.newsList .news-list-1 li .newsItemContent .date .day{background:#ffba83;color:#FFF;width:50px;display:flex;justify-content:center;align-items:center}
.newsList .news-list-1 li .newsItemContent .date .YY{width:100px;background:#333;color:#FFF;display:flex;justify-content:center}
.newsList .news-list-1 li .newsItemContent .content strong{font-size:16px;color:#1e1e1e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;transition:all .2s ease}
.newsList .news-list-1 li .newsItemContent .content strong:hover{color:#f1d229}
.newsList .news-list-1 li .newsItemContent .content .contentA{display:none}
.newsDetailsContent h1{text-align:left;font-size:25px;color:#242424;text-transform:capitalize;font-weight:500}
.newsDetailsContent .date{text-align:left}
.newsDetailsContent .date i,.newsDetailsContent .date em{color:#f1d229;margin-right:5px;font-size:12px}
.newsDetailsContent .date span{font-size:12px;color:#1e1e1e;opacity:.73}
.newsDetailsContent .date span:nth-child(2){margin-right:15px}
.newsDetailsContent .content{margin-bottom:40px;margin-top:40px}
.newsDetailsContent .content p{font-size:16px;color:#333;line-height:2em}
.newsDetailsContent .content img{max-width:100%}
.newsDetailsContent .content video{max-width:100%}
.map{margin-top:80px}
.contactMain .contactBot{display:flex;justify-content:space-between}
.contactMain .contactBot>div{width:47%}
.contactMain .contactBot #feedbackForm .inquiry-form input{width:100%;margin-bottom:20px;}
.information .informationTit{display:flex;align-items:center;margin-bottom:30px}
.information .informationTit h4{line-height:1;margin-left:20px;font-size:25px;color:#242424}
.information p{font-size:16px;color:#1e1e1e;opacity:.65; padding-left:14px;}
.information ul{margin-top:30px}
.information ul li{display:flex;margin-bottom:20px;align-items:center}
.information ul li .bg{background:#ffba83;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.information ul li .bg i,.information ul li .bg em{color:#FFF;font-size:16px}
.information ul li span{display:block;margin-left:20px;font-size:16px;color:#1e1e1e;opacity:.65}
.side .documentlistSide h4{background:#ededed;color:#242424;transition:all .2s ease;margin-bottom:20px}
.side .documentlistSide h4:hover{background:#ffba83;color:#FFF}
.documentlist .video-list{display:flex;justify-content:space-between;margin-bottom:80px}
.documentlist .video-list li{width:32%;position:relative}
.documentlist .video-list li .video-img a{width:100%;display:block;overflow:hidden}
.documentlist .video-list li .video-img img{width:100%;transition:all .3s ease}
.documentlist .video-list li .video-img img:hover{transform:scale(1.1)}
.documentlist .video-list li .video-info{position:absolute;bottom:0;left:0;width:100%}
.documentlist .video-list li .video-info .video-in{display:none}
.documentlist .video-list li .video-info .video-name{background:#535353;color:#FFF;text-align:center;padding:5px 0;font-size:18px}
.documentlist h1{font-size:26px}
.documentlist .documentContent video{width:100%}
.documentlist .documentContent p{font-size:16px}
.FAQ .project-list li{background:#F6F6F6;padding:20px 20px 30px 20px;margin-bottom:20px}
.FAQ .project-list li .project-info{display:flex;position:relative}
.FAQ .project-list li .project-info .project-name{font-size:25px;color:#1e1e1e;transition:all .2s ease}
.FAQ .project-list li .project-info span{background:rgba(30,30,30,.65);font-size:25px;width:43px;height:43px;line-height:43px;text-align:center;display:block;margin-right:25px;color:#FFF;transition:all .2s ease}
.FAQ .project-list li .project-info i{position:absolute;right:20px;top:50%;font-size:25px;transform:translateY(-50%);cursor:pointer;color:#1e1e1e}
.FAQ .project-list li .project-content{margin-top:20px;display:flex;padding-left:70px;position:relative;}
.FAQ .project-list li .project-content span{background:#ffba83;font-size:25px;width:43px;height:43px;line-height:43px;text-align:center;display:block;color:#FFF;position:absolute;left:0;top:0;}
.faqi{color:#ffba83!important;height:2px;background:#ffba83;overflow:hidden}
.faqp{color:#f1d229!important}
.faqQ{background:#ffba83!important}
.download-list{display:flex;justify-content:space-between;margin-bottom:80px}
.download-list li{width:32%;border:1px solid #F6F6F6;text-align:center;transition:all .2s ease;margin-bottom:20px}
.download-list li:hover{box-shadow:0 9px 21px 0 rgba(0,0,0,.07)}
.download-list li .download-img{overflow:hidden}
.download-list li .download-img img{width:100%;transform:scale(1.1);transition:all .2s ease}
.download-list li .download-img img:hover{transform:scale(1.2)}
.download-list li .download-name{font-size:18px;color:#1e1e1e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.download-list li .download-btn span{display:inline-block;font-size:18px;font-weight:500;color:#1e1e1e;opacity:.65;border:1px solid rgba(10,2,4,.52);border-radius:20px;padding:3px 15px;margin:20px 0;transition:all .2s ease}
.download-list li .download-btn span:hover{background:#f1d229;color:#FFF;border:1px solid #f1d229}
.Project .project-list{margin-bottom:80px}
.Project .project-list li{display:flex;margin-bottom:20px;padding:2px;background:#F6F6F6;align-items:center;transition:all .3s ease}
.Project .project-list li:hover{box-shadow:0 9px 21px 0 rgba(0,0,0,.07)}
.Project .project-list li .project-img{width:30%;overflow:hidden}
.Project .project-list li .project-img img{width:100%;transform:scale(1.1)}
.Project .project-list li .project-info{width:70%;padding:0 30px;box-sizing:border-box}
.Project .project-list li .project-info .project-name{font-size:18px;color:#1e1e1e;transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.Project .project-list li .project-info .project-name:hover{color:#f1d229}
.Project .project-list li .project-info .project-content{font-size:16px;color:#1e1e1e;opacity:.65;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.productRecommendations{margin-top:40px}
.productRecommendations h4{font-size:25px;color:#242424}
.productRecommendations ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.productRecommendations ul li{width:15%;margin-bottom:20px}
.productRecommendations ul li .img{border:1px solid #EFEFEF;overflow:hidden;line-height:0}
.productRecommendations ul li .img a{line-height:0}
.productRecommendations ul li .img img{width:100%;transform:scale(1.1);transition:all .2s ease}
.productRecommendations ul li:hover .img img{transform:scale(1.2)}
.productRecommendations ul li strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;font-size:14px;transition:all .2s ease}
.productRecommendations ul li:hover strong{color:#f1d229}
.Feedback{width:1600px;margin:0 auto;padding:80px 0}
.inquiry-pro-list{margin:30px 0;padding:40px;border:1px solid #b7b7b7}
.inquiry-pro-item{display:flex;padding:20px 30px;border-bottom:1px solid #b7b7b7;justify-content:space-between}
.inquiry-pro-item:last-child{border:none}
.inquiry-pro-item .pro-item-img{display:flex;align-items:center}
.inquiry-pro-item .pro-item-img img{width:120px;height:120px}
.inquiry-pro-item .pro-item-name{display:flex;width:40%;align-items:center;flex-wrap:wrap}
.pro-item-del{display:flex;width:50px;cursor:pointer;align-items:center}
.product-sort-bottom{margin-bottom:20px;padding:10px;font-size:14px;line-height:170%;border:1px solid #EEE}
.product-sort-bottom div, .product-sort-bottom p{margin-bottom:10px;color:#444;font-size:14px;line-height:170%;}
.product-sort-bottom a{font-size:14px;line-height:170%;padding:3px 5px;border-radius:15px;background:#ffba83;color:#FFF}
.productSide .newsViewd .TitleName{margin-bottom:20px;padding:5px 0 5px 28px;background:#ffba83;color:#FFF;font-size:21px}
.productSide .newsViewd ul li{margin-bottom:22px}
.productSide .newsViewd ul li:hover p{color:#f1d229;transition:.5s}
.input-error{border:1px solid red!important}
.compare-panel .button-area .contact-button{background:#ffba83!important}
.orderNow{background:#f1d229!important}
@media(max-width:1650px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:1400px}
.newsSwiper .newsListContent .content p{margin:10px 0 15px}
.newsSwiper .swiper-wrapper .swiper-slide .newsListContent{padding-top:30px}
.newsSwiper .newsListContent .content{padding:20px 25px}
.newsList .news-list-0 li .newsItemContent .content{padding:10px 20px}
.FAQ .project-list li .project-content span{width:43px}
.side h4{font-size:22px;padding:15px 0}
.newsList .news-list-0 li .newsItemContent{padding:15px 0 0}}
@media(max-width:1450px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:1200px}
.headBotWrapper .headNav>ul>li{margin-right:20px}
.newsList .news-list-0 li .newsItemContent .content strong{margin-bottom:0}
.FAQ .project-list li .project-content span{width:43px}
.homeHorProList li .mask{top:88%}
.homeAboutWrapper .aboutContent a{padding:5px 35px}
.headBot .searchInput{padding:10px 0}
.side h4{font-size:18px;padding:12px 0}
.newsList .news-list-0 li .newsItemContent .content p{-webkit-line-clamp:2}}
@media(max-width:1266px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:1000px}
.headBotWrapper .headNav>ul>li{margin-right:15px}
.headBotWrapper .headNav>ul>li>a{font-size:14px; color:#000}
.newsSwiper .newsListContent .date{width:120px;height:40px}
.newsSwiper .newsListContent .date .day{font-size:30px}
.newsSwiper .newsListContent .date .YY span{font-size:14px}
.newsSwiper .newsListContent .content{padding:10px 15px}
.newsSwiper .newsListContent .content p{margin:0}
.newsSwiper .newsListContent .content .contentA{padding:0 25px;font-size:14px}
.side{display:none}
.MainList{width:100%}
.FAQ .project-list li .project-content span{width:43px}
.homeHorProList li .mask{top:86%}
.homeHorProList li .mask strong{font-size:20px}
.searchInputWrapper input{padding:5px 30px}}
@media(max-width:768px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:100%;padding:0 50px;box-sizing:border-box}
.Feedback{padding:40px 50px}
header .headBot .headBotWrapper,header .headTop .headTopWrapper{padding:0 30px}
header .headBot{height:95px}
.homeProductType .item{flex:none}
.headTopWrapper .headLink{display:none}
header .headTop{height:44px}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{font-size:25px}
header .headTop .headTopWrapper{justify-content:end}
.headTopWrapper .headContact .mail{margin-right:30px}
.bannerSwiper{margin-top:139px}
.headBotWrapper .headNav{position:absolute;top:100%;left:0;display:none;width:100vw;background:#FFF;height:calc(100vh - 95px);padding:0 30px;box-sizing:border-box;overflow-y:auto}
.headBotWrapper .headNav>ul{flex-wrap:wrap;height:auto}
.headBotWrapper .headNav>ul>li{width:100%;margin-right:0;height:auto;padding:10px 0;border-bottom:1px solid #f1f1f1;flex-wrap:wrap}
.headBotWrapper .headNav>ul>li>a{font-size:25px;opacity:.8;width:100%;padding:0 20px;box-sizing:border-box;transition:all .3s ease}
.headBotWrapper .headNav>ul>li .inmenu:hover,.headBotWrapper .headNav>ul>li .inmenu_1,.headBotWrapper .headNav>ul>li>ul>li>a:hover{color:#1e1e1e}
.headBotWrapper .headNav>ul>li>ul{position:static;opacity:1;transform:none;transform-origin:none;transition:none;padding:0 20px;margin:10px 20px 0;width:100%;display:none;}
#liproducts ul{display:block;}
.headBotWrapper .headNav>ul>li>ul>li{margin-bottom:20px}
.headBotWrapper .headNav>ul>li>ul>li:nth-last-child(1){margin-bottom:0}
.headBotWrapper .search{display:none}
.headBot .searchInput{position:static}
.headBot .searchInput{display:block;margin-bottom:30px}
.searchInputWrapper{padding:0 15px}
.searchInputWrapper input{border:1px solid #a6a6a6}
.searchInputWrapper i{right:50px}
.headBotWrapper .headNav>ul>li>i{position:absolute;right:20px;top:10px;font-size:22px;line-height:1;font-weight:500;color:#ffba83}
.headBotWrapper .headNav>ul>li>.icon-jiahao{color:#1e1e1e}
.headNavUlliA{padding:0 20px;box-shadow:0 5px 4px -2px #6666663b;color:#ffba83!important}
.phoneNavIcon{display:block}
.bannerSwiper .swiper-button-next,.bannerSwiper .swiper-button-prev{display:none}
.homeProductType{margin-top:10px}
.homeProductType .item{padding:0 50px;box-sizing:border-box;overflow:hidden}
.homeProductType .item img{width:100%}
.homeProductType .item a{right:50px}
.homeHorProList li{width:48%}
.homeAboutWrapper{flex-wrap:wrap}
.homeAboutWrapper .aboutImg{width:100%}
.homeAboutWrapper .aboutContent{width:100%;margin-top:20px}
.homeTiele span{font-size:38px}
.homeAdvantage{background-size:cover;padding:30px 0}
.homeAdvantage ul{flex-wrap:wrap}
.homeAdvantage ul li{width:45%;margin-bottom:20px}
.homeAdvantage ul li:nth-child(3),.homeAdvantage ul li:nth-child(4){margin-bottom:0}
.newsSwiper{padding:50px 0 0}
.homeNews{padding:60px 50px 80px;box-sizing:border-box}
.newsSwiper .swiper-wrapper .swiper-slide:nth-child(1),.newsSwiper .swiper-wrapper .swiper-slide:nth-child(2){margin-bottom:20px}
.newsSwiper .newsListContent .content p{margin:15px 0}
.newsSwiper .newsListContent .content .contentA{font-size:18px}
footer{margin-bottom:100px}
.footerLeft{display:none}
.footerRight{width:100%;border:none;justify-content:unset;flex-wrap:wrap}
.footerRight>div{width:100%}
.footerRight .footerNav{margin-right:0;margin-bottom:50px}
.footerWrapper{padding:50px 50px 40px}
.footerRight .footerTitle{margin-bottom:20px}
.footerRight .footerNav ul li{width:20%}
.footerRight .footerNav ul li a{font-size:16px}
.footerContact ul li a,.footerContact ul li span{font-size:16px}
.footerRight>ul{display:flex;margin-top:40px}
.footerRight>ul li{margin-right:15px}
.footerRight>ul li img{width:35px}
.singlePage{margin-top:139px}
.singlePage .singleBannerImg{display:none}
.singleTitle{background:0 0;padding:30px 50px 0;box-sizing:border-box;justify-content:left}
.singleTitle a,.singleTitle h1,.singleTitle h2,.singleTitle i,.singleTitle em{font-size:18px}
.main{margin:40px auto}
.aboutMain section h3{margin-bottom:20px}
.aboutMain section{margin-bottom:30px}
.aboutMain section p{margin-bottom:10px}
.aboutMain .about2 .about2Div .left{width:100%}
.aboutMain .about2 .about2Div .right{display:none}
.aboutMain .about4 ul{flex-wrap:wrap}
.aboutMain .about4 ul li{width:49%;margin-bottom:20px}
.products-list-box>p{margin:10px 0}
.products-ninelist-0 .products-list-img{width:40%}
.products-ninelist-0 .products-list-box{width:60%}
.productDetailsTop{flex-wrap:wrap}
.productDetailsTop .productDetailsTit{margin-left:0;margin-top:440px}
.preview-container{width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{margin:0;width:100%;margin-top:20px}
.preview-container .thumbnail-box .btn-next,.preview-container .thumbnail-box .btn_prev_disabled{display:none}
.preview-container .thumbnail-box .list{width:100%}
.preview-container .thumbnail-box .list ul{width:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:0}
.preview-container .thumbnail-box .list ul .item img{width:100%}
.preview-container .thumbnail-box .list ul .item{margin:0;width:100%!important;height:auto;border:none}
#gallery .swiper-pagination-bullet{background:#bfbfbf;width:10px;height:10px}
#gallery .swiper-pagination-bullet-active{background:#ffba83}
#gallery .swiper-pagination{bottom:10px}
.productDetailsTop .productDetailsTit h1{font-size:20px}
.productDetailsTop .productDetailsTit p{margin:15px 0}
.productDetailsTit .link{margin-top:20px;justify-content:space-between}
.productDetailsTit .link>div{width:48%}
.productDetailsTit .link a,.productDetailsTit .link span{width:100%}
.newsList .news-list-1 li{width:48%}
.newsList .news-list-0 li .newsItemContent .content{padding:10px 20px}
.newsList .news-list-0 li .newsItemContent{padding-top:20px}
.newsList .news-list-0 li .newsItemContent .content .contentA{margin-top:10px}
.documentlist .video-list{flex-wrap:wrap}
.documentlist .video-list li{width:48%;margin-bottom:30px}
.FAQ .project-list li .project-content span{width:43px}
.FAQ .project-list li .project-info .project-name{font-size:18px}
.download-list{flex-wrap:wrap}
.download-list li{width:48%}
.Project .project-list li .project-info .project-content{margin-top:0}
.products-ninelist-1 li .products-list-img a{min-height:200px}
.newsList .news-list-0 li .newsItemImg{width:30%}
.newsList .news-list-0 li .newsItemContent{width:70%}
.products-ninelist-0 .products-list-img a{min-height:200px}
.homeHorProList li:hover .mask{top:86%;align-content:baseline}
.headTopWrapper .headContact{justify-content:space-between;width:100%}
#xyz{width:100%;margin-left:0;margin-bottom:100px}
.xyz12 span{display:none}
.xyz12 ul{display:flex;flex-wrap:wrap;width:100%;background:0 0;justify-content:space-between}
.xyz12 ul>li{display:inline-block!important;width:31%}
.xyz12 li a{color:#1e1e1e}
.headBotWrapper .headNav>ul>li:last-child{margin-bottom:20px}
.singglepic{height:auto!important;margin-top:20px!important}
.singglepic img{width:100%}
.newsList .news-list-0 li:hover{transform:none}
.singglepic{position:absolute!important;left:0;top:60px}}
@media(max-width:500px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{padding:0 20px}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{font-size:12px}
header .headTop{height:30px}
header .headBot .headBotWrapper,header .headTop .headTopWrapper{padding:0 20px}
header .headBot{height:60px}
.bannerSwiper{margin-top:-29px}
.homeProductType .item{padding:0 20px}
.homeProductType .item a{right:20px;padding:5px 10px}
.homeProductType .item a i,.homeProductType .item a span{font-size:14px}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-5px}
.footerPhone{height:50px}
.footerPhone ul li i,.footerPhone ul li em{font-size:26px}
.footerPhone ul li span{font-size:12px}
.headBot .searchInput{margin-bottom:0}
.searchInputWrapper input{padding:5px 20px}
.searchInputWrapper i{right:35px;top:5px}
.headBotWrapper .headNav{padding:10px 10px 100px;height:calc(100vh - 50px)}
.headBotWrapper .headNav>ul>li>a{padding:0 10px;font-size:18px}
.headBotWrapper .headNav>ul>li>i{top:15px;right:5px}
.headBotWrapper .headNav>ul>li>ul{margin:10px 0 0}
.headBotWrapper .headNav>ul>li>ul>li{margin-bottom:10px}
.homeHorPro{padding-top:30px}
.homeTiele span{font-size:26px}
.homeHorProList{margin-top:0}
.homeHorProWrapper{padding:0 20px}
.homeHorProList li .loaded{transform:scale(1.2)}
.homeHorProList li{margin-bottom:10px}
.homeAbout{padding:30px 0 40px}
.homeNews{padding:30px 20px}
.footerRight .footerNav ul li{width:30%}
.footerWrapper{padding:20px}
footer{margin-bottom:50px}
.newsSwiper{padding:30px 0 0;margin-top:10px}
.newsSwiper .swiper-wrapper .swiper-slide{max-height:170px;overflow:hidden}
.newsSwiper .swiper-wrapper .swiper-slide .newsListContent{padding-top:20px}
.newsSwiper .newsListContent .content p{margin:5px 0;font-size:14px}
.newsSwiper .newsListContent .content .contentA{display:none}
.newsSwiper .newsListContent .date{width:80px;height:30px}
.newsSwiper .newsListContent .date .YY span{font-size:12px}
.newsSwiper .newsListContent .date .day{font-size:24px}
.newsSwiper .newsListContent .content{padding:5px 10px}
.newsSwiper .newsListContent .content strong{line-height:1;max-height:16px;font-size:16px}
.homeAdvantage ul li img{margin-right:5px;width:30px}
.homeAdvantage ul li .content strong{font-size:12px}
.homeAdvantage ul li .content p{font-size:12px}
.homeAdvantage{padding:20px 0}
.homeAdvantage ul li{width:48%}
.footerRight .footerNav{margin-bottom:20px}
.footerContact ul li:nth-child(1) span{font-size:18px}
.footerContact ul li:nth-child(1) img{width:40px}
.footerContact ul li a,.footerContact ul li span{font-size:14px}
.footerRight>ul{margin-top:20px}
.footerRight>ul li img{width:30px}
.footerBot{padding:5px 0}
.homeAboutWrapper .aboutContent a{padding:5px 30px;font-size:18px;margin-top:20px}
.homeProductType .item img:hover{transform:none}
.singlePage{margin-top:90px}
.singleTitle{padding:20px 20px 0}
.singleTitle1{display:none}
.main{margin:30px 0}
.aboutMain section h3{font-size:20px;margin-bottom:10px}
.products-ninelist-0 .products-list-box{padding:0 20px}
.products-list-box .products-list-name span{font-size:14px;line-height:18px;-webkit-line-clamp:2}
.products-list-box>p{margin:0}
.products-list-box .product-price span{font-size:20px}
.products-list-img .products-add-inquirl{width:30px}
.products-list-img .products-add-inquirl i{font-size:20px;line-height:30px}
.productsList>ul{margin-bottom:20px}
.switchPage a,.switchPage span{font-size:14px;width:30px;height:30px;line-height:30px}
.products-ninelist-1 li{width:48%}
.productDetailsTit .link>div{font-size:14px;align-items:center}
.productDetailsTit .link a,.productDetailsTit .link span{height:100%}
.productDetailsTit .link .linkPdf{display:none}
.productDetailsTit .link>div .addToCart{height:100%}
#feedbackForm .inquiry-form input{width:100%;min-height:40px}
#feedbackForm .inquiry-form input,#feedbackForm .inquiry-form textarea{padding-left:20px}
.singleTitle a,.singleTitle h1,.singleTitle h2,.singleTitle i,.singleTitle em{font-size:14px}
.productDetailsContent{margin-top:40px}
.detailsInquiry .inquiryTit h4,.productDetailsContent h4{font-size:20px}
.newsList .news-list-1 li{margin-bottom:10px}
.newsList .news-list-1 li .newsItemContent .date .day{font-size:14px;width:40px}
.newsList .news-list-1 li .newsItemContent .date .YY{width:80px;font-size:14px}
.newsList .news-list-1 li .newsItemContent .content strong{font-size:18px}
.newsList .news-list-1 li .newsItemImg{margin-bottom:0}
.newsList .news-list-0 li .newsItemContent .content p{-webkit-line-clamp:2}
.newsList .news-list-0 li .newsItemContent .date{width:80px;height:30px}
.newsList .news-list-0 li .newsItemContent .content .contentA{display:none}
.newsList .news-list-0 li .newsItemContent .content{padding:0 15px 10px}
.newsList .news-list-0 li .newsItemContent .date .day{font-size:24px}
.newsList .news-list-0 li .newsItemContent .date .YY span{font-size:12px}
.newsList .news-list-0 li .newsItemContent{padding-top:10px}
.contactMain .contactBot{flex-wrap:wrap}
.contactMain .contactBot>div{width:100%}
.information .informationTit h4{font-size:20px}
.contactMain .map iframe{height:300px}
.contactBot .detailsInquiry{margin-top:40px}
.map{margin-top:50px}
.documentlist .video-list{margin-bottom:0}
.FAQ .project-list li .project-content span{width:43px}
.FAQ .project-list li .project-info i{right:-5px}
.download-list li .download-name{font-size:16px}
.download-list li .download-btn span{font-size:14px;padding:0 5px;margin:3px 0;font-weight:400}
.download-list{margin-bottom:0}
.Project .project-list li .project-img{width:35%}
.Project .project-list li .project-info{width:65%;padding:0 20px}
.Project .project-list li .project-info .project-content{font-size:14px}
.newsDetailsContent h1{font-size:20px;margin-top:20px;text-transform:capitalize}
.detailsPage{flex-wrap:wrap}
.detailsPage>div{width:100%}
.detailsPage .left{margin-bottom:20px}
header .headBot .headBotWrapper .logo{height:50%}
.productRecommendations ul li strong{font-size:12px}
.productRecommendations h4{font-size:20px}
.Feedback{padding:40px 20px}
.inquiry-pro-list{padding:5px}
.inquiry-pro-item{padding:3px 5px}
.inquiry-pro-item .pro-item-img img{width:80px;height:80px}
.products-ninelist-1 li .products-list-img a{min-height:150px}
.newsList .news-list-0 li .newsItemImg{width:35%}
.newsList .news-list-0 li .newsItemContent{width:65%}
.products-ninelist-0 .products-list-img a{min-height:100px}
.homeHorProList li .mask strong{font-size:14px;margin-top:2px}
.productRecommendations ul li{width:32%}
.footerRight .footerTitle img{width:18px}
.preview-container{position:absolute;top:60px;left:0}
.newsList .news-list-0 li .newsItemContent .content strong{font-size:14px}
.newsList .news-list-0 li .newsItemContent .content p{font-size:12px}
.documentlist .video-list li .video-info .video-name{padding:0;font-size:14px}
.product-sort-bottom a{font-size:12px}
.products-ninelist-1 li .products-list-box{display:block}
.products-list-box .product-price{font-size:14px}
.products-ninelist-1 .products-list-box .product-price span{font-size:16px}}
.toast-title{font-weight:500}
.toast-message{word-wrap:break-word;-ms-word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFF}
.toast-message a:hover{color:#ccc;text-decoration:none}
.toast-close-button{position:relative;top:-.3em;right:-.3em;float:right;color:#FFF;text-shadow:0 1px 0 #FFF;font-weight:500;font-size:20px;line-height:1;opacity:.8;-webkit-text-shadow:0 1px 0 #FFF}
.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;opacity:.4;cursor:pointer}
.rtl .toast-close-button{right:.3em;left:-.3em;float:left}
button.toast-close-button{padding:0;border:0;background:0 0;cursor:pointer;-webkit-appearance:none}
.toast-top-center{top:0;right:0;width:100%}
.toast-bottom-center{right:0;bottom:0;width:100%}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{right:0;bottom:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;top:200px;left:50%;z-index:999999;transform:translateX(-16%);pointer-events:none}
#toast-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999;-moz-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;pointer-events:auto}
#toast-container>div.rtl{padding:15px 50px 15px 15px;background-position:right 15px center;direction:rtl}
#toast-container>div:hover{-webkit-box-shadow:0 0 12px #000;-moz-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{margin-right:auto;margin-left:auto;width:300px}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{margin-right:auto;margin-left:auto;width:96%}
.toast{background-color:#030303}
.toast-success{background-color:#51a351}
.toast-error{background-color:#bd362f}
.toast-info{background-color:#2f96b4}
.toast-warning{background-color:#f89406}
.toast-progress{position:absolute;bottom:0;left:0;height:4px;background-color:#000;opacity:.4}
@media all and (max-width:240px){
#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{top:-.2em;right:-.2em}
#toast-container .rtl .toast-close-button{right:.2em;left:-.2em}}
@media all and (min-width:241px) and (max-width:480px){
#toast-container{top:20%;left:24%}
#toast-container>div{padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{top:-.2em;right:-.2em}
#toast-container .rtl .toast-close-button{right:.2em;left:-.2em}}
@media all and (min-width:481px) and (max-width:768px){
#toast-container{top:20%;left:50%;transform:translateX(-50%)}
#toast-container>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}}
@media(max-width:500px){
.footerPhone{z-index:500}
header{z-index:999}}
#jljw_IM_GdImBox{z-index:900!important}
.footerBot a a{margin-left:20px}
.footerBot{font-size:14px}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-reverse{flex-direction:row-reverse}
.aboutMain img{height:auto;max-width:100%}
.aboutMain *{box-sizing:border-box}
.solu-flex-l{width:40%}
.solu-flex-r{width:60%;padding-left:2%}
.solu-flex-l img{display:block;width:100%;max-height:380px;object-fit:cover}
.flex-reverse .solu-flex-r{padding:0 2% 0 0}
.solutions>.flex{margin-bottom:4%}
.solu-name{font-size:26px;color:#111;position:relative;padding-bottom:6px;margin-bottom:20px;display:block}
.solu-name::before{content:'';display:block;position:absolute;bottom:0;left:0;width:70px;height:3px;background-color:#fe9900}
.solutions-list>li{width:24%;background:#F6F6F6;text-align:center;padding:2% 10px 4%;margin:2% 0}
.solutions-list>li .iconfont{font-size:40px;color:#fe9900}
.solutions-list>li p{font-size:18px;color:#777;line-height:1.6;margin-top:6px}
.solutions-list>li p strong{font-size:24px;color:#333;font-weight:500}
.support{color:#666;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:1px;background:#484742;opacity:.5;vertical-align:middle;margin-right:10px}
.sup-name{display:block;font-size:26px;color:#222;line-height:1.3;margin:10px 0}
.sup-bref2{font-size:18px;color:#666;line-height:1.6}
.sup-text{margin:20px 0 30px;font-size:18px}
.sup-list>li{max-width:50%;margin-right:10px}
.sup-list>li div{font-size:20px;font-weight:500;color:#222}
.sup-list>li div p{display:inline-block;border-bottom:1px solid #EEE;position:relative;line-height:1.3;padding:10px 0}
.sup-list>li div p::before{content:'';display:block;width:40px;height:4px;background:#fe9900;position:absolute;bottom:-2px;left:0}
.sup-list>li strong{font-size:40px;font-weight:500;color:#333;line-height:1.7}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0 0 0 6%}
.sup-list2>li{display:flex;flex-wrap:wrap}
.sup-list2>li .iconfont{font-size:40px;color:#fe9900;line-height:1}
.sup-list2>li>div{flex:1;padding-left:16px}
.sup-list2>li>div p{font-size:14px;color:#888;line-height:1.7}
.sup-list2>li>div p:nth-child(1){font-size:20px;color:#222;line-height:1.3;margin-bottom:6px}
.application{color:#666;line-height:1.8}
.app-name{display:block;font-size:26px;font-weight:500;color:#222;margin-bottom:20px;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:24px;margin-bottom:20px;line-height:1.3}
.teami{margin-bottom:3%}
#brand-history-list{padding-bottom:160px;*zoom:1}
#brand-history-list:after{content:'';display:block;width:0;height:0;clear:both}
#brand-history-list li{position:relative;height:130px;width:50.6%;background-size:auto 80%!important}
#brand-history-list li h2{color:#000;font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#brand-history-list li:hover h2{color:#fe9900}
#brand-history-list li p{color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden;line-height:1.5}
#brand-history-list li:hover p{color:#333}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(../image/history_01.png) 100% 100% no-repeat}
#brand-history-list li.left h2,#brand-history-list li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
#brand-history-list li.left p,#brand-history-list li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
#brand-history-list li.right,#brand-history-list li:nth-of-type(2n){float:right;background:url(../image/history_02.png) 0 100% no-repeat}
#brand-history-list li.right h2,#brand-history-list li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
#brand-history-list li.right p,#brand-history-list li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
.rank-flex{justify-content:space-between}
.rank-flex>li{width:32%;text-align:center;background:#FFF;margin-top:2%;padding:2%;position:relative;box-shadow:0 0 10px #EEE}
.rank-flex>li p:nth-of-type(2){margin-bottom:0;font-size:20px;font-weight:500;line-height:1.3;text-transform:capitalize;}
.rank-flex>li::before{position:absolute;top:0;right:2%;font-size:140px;color:rgba(255,255,255,.5);line-height:1}
.rank-flex>li:nth-child(1)::before{content:'1'}
.rank-flex>li:nth-child(2)::before{content:'2'}
.rank-flex>li:nth-child(3)::before{content:'3'}
.rank-flex>li:nth-child(4)::before{content:'4'}
.rank-flex>li:nth-child(5)::before{content:'5'}
.rank-flex>li:nth-child(6)::before{content:'6'}
.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}
.proequ-list>div{width:calc(25% - 8px);margin:0 10px 10px 0}
.proequ-list{margin-top:3%}
.proequ-list>div img{display:block;width:100%}
.proequ-list>div:nth-of-type(4n){margin-right:0}
.organ-item{width:25%;text-align:center;padding:0 4% 4%}
.organ-item img{max-width:140px!important}
.organ-item h6{font-size:20px;line-height:1.3;margin:10px 0;font-style:italic}
.organ-item h6>span{font-size:24px;font-style:initial}
.ch-name{font-size:20px;margin:10px 0;font-weight:bold;}
.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:20px;line-height:1.3;margin:10px 0}
.office>.flex{margin-top:2%}
.competitive-tit,.rdc-tit{font-size:20px;line-height:1.3;position:relative;padding-bottom:8px;margin-bottom:20px}
.competitive-tit::before,.rdc-tit::before{content:'';display:block;width:60px;height:3px;background-color:#fe9900;position:absolute;bottom:0;left:0}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:32%;margin:2% 0}
.competitive section p:nth-of-type(n+2),.cvision>p,.rdc>p:nth-of-type(n+2){margin-bottom:10px}
.competitive-four{margin-top:2%}
.strategy-list{padding-left:20px}
.strategy-list,.strategy-list li{list-style-type:circle}
.strategy-list li{margin:10px 0}
.cmission-item{width:31.3%}
.cmission-item-tit{font-size:20px;line-height:1.3;position:relative;text-transform:uppercase;padding-bottom:8px;margin-bottom:20px}
.cmission-item-tit>span{color:#fe9900}
.cmission-item-tit::before{content:'';display:block;width:50px;height:2px;background-color:#fe9900;position:absolute;bottom:0;left:0}
.cvision .flex-jc-sb>div{width:calc(50% - 10px)}
.cphil-item{width:24%;text-align:center}
.cphil-item p{text-transform:uppercase;font-size:18px;margin-top:10px;line-height:1.3}
.cphil-item img{max-width:300px!important;width:100%}
@media(max-width:1281px){
.ch-name{margin:0}}
@media(max-width:1024px){
.solutions-list>li{width:48%}
.application,.howtouse,.solutions,.support{line-height:1.8}
.ch-flex>li img{max-width:100%!important}
.president-l,.teami-l{width:100%}
.president-r,.teami-r{width:100%;padding:20px 0 0}
.teami{margin-bottom:6%}
.company-honor>div:nth-of-type(1){width:100%}
.office-l{width:100%;padding-right:0}
.office-r{width:100%;margin-top:20px}
.flex-reverse .office-l{padding:0}}
@media(max-width:800px){
.flex-half-l,.president-l,.solu-flex-l,.teami-l{width:100%;padding:0}
.president-r,.solu-flex-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:0}
.sup-list2>li>div p{font-size:16px}
.app-name,.ch-name,.cmission-item-tit,.competitive-tit,.office-l .atext-t,.organ-item h6,.rank-flex>li p:nth-of-type(2),.rdc-tit,.solu-name,.sup-name{font-size:.3rem}
.organ-item h6>span{font-size:.32rem}
.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}
.proequ-list>div{width:calc(50% - 5px)}
.proequ-list>div:nth-of-type(2n){margin-right:0}
.organ-item{width:50%}
.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
.competitive section{margin-bottom:.4rem}
.rank-flex>li{width:49%}
.cmission-item{width:100%;margin-bottom:.4rem}
.cvision .flex-jc-sb>div{width:100%;margin-bottom:20px}
.cphil-item{width:48%;margin-bottom:.4rem}
html{font-size:64px;}}
@media(max-width:540px){
#brand-history-list li h2{font-size:26px}}
@media(max-width:481px){
.solutions-list{margin:.2rem 0}
.solutions-list>li{width:100%;padding:.2rem .3rem .4rem}
.solutions-list>li p strong{font-size:18px}
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:20px}
.sup-list>li{max-width:100%}
.solutions-list>li p{font-size:16px}
.rank-flex>li::before{font-size:70px}
.rank-flex>li img{max-width:80px!important}
.organ-item img{max-width:90px!important}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:100%}}
@media(max-width:415px){
.sup-bref2,.sup-list>li div,.sup-text{font-size:16px}
.sup-list>li strong{font-size:30px}
.ch-flex>li p,.cphil-item p{font-size:14px}
#brand-history-list li p{max-height:2.7rem}}
@media(max-width:321px){
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:18px}}.link .addToCart.added span{border:1px solid #ffba83;color:#ffba83}
.wmkc-team-alls{position:relative;overflow:hidden;margin-bottom:40px;width:23%;text-align:center;}
.wmkc-team-tab{padding:60px 0;text-align:center;font-size:22px;}
.wmkc-team-img{display:flex;background-color:#ffba83;justify-content:center;}
.wmkc-team-name{padding:15px 0;background-color:#000;opacity:.8;}
.wmkc-team-name p{color:#FFF;font-size:18px;}
.wmkc-team-box{position:relative;}
.wmkc-team-name{position:absolute;bottom:0;width:100%;}
.wmkc-team-all{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wmkc-team-size{position:absolute;top:0;display:none;padding:0 10px;width:100%;height:100%;background-color:#000;color:#FFF;opacity:.6;}
.wmkc-team-size p:nth-of-type(1){margin-top:50px;font-size:20px;}
.wmkc-team-size p:nth-of-type(3){font-size:14px;}
.wmck-team-g{margin:auto;margin-top:20px;margin-bottom:20px;width:50%;height:1px;background-color:#FFF;}
.wmkc-team-alls:hover .wmkc-team-name{display:none;}
.wmkc-team-alls:hover .wmkc-team-size{display:block;}
.wmkc-history-all{display:flex;width:49%;}
.wmkc-history-g{width:2px;background-color:#e1e1e1;}
.wmkc-history-z{position:relative;margin:12px 0;width:12px;height:12px;border:2px solid #ffba83;}
.wmkc-history-boxs{display:flex;overflow:hidden;justify-content:end;}
.wmkc-history-boxx{display:flex;overflow:hidden;margin-bottom:30px;}
.wmkc-history-z::after{position:absolute;top:2px;left:2px;width:4px;height:4px;background-color:#ffba83;content:'';}
.wmkc-history-img p{color:#ffba83;font-size:22px;}
.wmkc-history-g{margin:auto;width:2px;height:100%;background-color:#e1e1e1;}
.wmkc-history-left{margin-right:10px;}
.wmkc-history-lefts{margin-left:10px;}
.wmkc-history-size{margin-top:30px;padding:0 20px;width:65%;}
.wmkc-history-box{width:45%;}
.wmkc-history-box img{width:100%;}
.wmkc-history-btn{margin:auto;padding:15px 0;width:170px;background-color:#ffba83;color:#FFF;text-align:center;}
.wmkc-history-box p{color:#ffba83;font-size:20px;}
.wmkc-advan-table{margin:auto;width:50%;text-align:center;}
.wmkc-advan-table p:nth-of-type(1){font-weight:500;font-size:24px;}
.wmkc-advan-table p:nth-of-type(2){font-size:16px;}
.wmkc-advan-all{display:flex;margin-top:100px;justify-content:space-between;flex-wrap:wrap;}
.wmck-advan-box{margin-bottom:100px;width:30%;}
.wmkc-advan-img{width:50px;height:50px;}
.wmkc-advan-img img{width:100%;}
.wmck-advan-box p:nth-of-type(1){padding:30px 0;font-size:20px;}
.wmkc-profile-left{width:50%;}
.wmkc-profile-table{margin-bottom:80px;text-align:center;font-size:24px;}
.wmkc-profile-left p:nth-of-type(1){margin-bottom:25px;font-size:20px;}
.wmkc-profile-left p:nth-of-type(2),.wmkc-profile-left p:nth-of-type(4){margin-bottom:25px;}
.wmkc-profile-math{display:flex;margin-top:58px;justify-content:space-around;}
.wmkc-profile-p{display:flex;justify-content:center;}
.wmkc-profile-p p{margin-bottom:0!important;font-weight:500;font-size:30px!important;}
.wmkc-profile-red{color:red;}
.wmkc-profile-right{position:relative;margin-left:80px;width:50%;}
.wmkc-profile-im{position:absolute;top:40%;left:25%;vertical-align:bottom;}
.wmkc-profile-g{width:1px;background-color:#f1f1f1;}
.wmkc-profile-all{display:flex;margin-bottom:150px;}
.wmkc-profile-years{position:absolute;left:20%;width:100px;height:100px;background-color:#ffba83;text-align:center;}
.wmkc-profile-years p:nth-of-type(1){color:#FFF;font-weight:800;font-size:25px;}
.wmkc-profile-years p:nth-of-type(2){color:#FFF;font-size:16px;}
@media(max-width:768px){.wmkc-team-alls{width:49%;}
.wmkc-team-size p:nth-of-type(1){margin-top:10px;}
.wmck-team-g{margin-top:5px;margin-bottom:5px;}
.wmkc-team-size p:nth-of-type(3){display:-webkit-box;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.wmkc-history-all{width:100%;flex-direction:column;margin-bottom:20px;}
.wmkc-history-size{padding:0;width:100%;margin-top:10px;}
.wmkc-history-left,.wmkc-history-lefts{display:none;}
.wmkc-history-box{margin:auto;width:100%;}
.wmkc-history-btn{margin-top:50px;}
.wmkc-history-boxx .wmkc-history-all{flex-direction:column-reverse;}
.wmck-advan-box,.wmkc-advan-table{width:100%;}
.wmck-advan-box{text-align:center;}
.wmkc-advan-img{margin:auto;}
.wmck-advan-box{margin-bottom:50px;}
.wmkc-advan-all{margin-top:50px;}
.wmck-advan-box p:nth-of-type(1){padding:20px 0;}
.wmkc-profile-all{flex-direction:column;}
.wmkc-profile-left{width:100%;}
.wmkc-profile-im{position:revert;}
.wmkc-profile-right{width:100%;margin:auto;text-align:center;}
.wmkc-profile-years{bottom:0;left:0;}
.wmkc-profile-table{margin-bottom:20px;}
.wmkc-profile-math{margin:20px 0;}
.wmkc-profile-left p:nth-of-type(1),.wmkc-profile-left p:nth-of-type(4){margin-bottom:20px;}
.wmkc-profile-left p:nth-of-type(1){font-size:17px;}}
@media(max-width:320px){.wmkc-team-alls{width:100%;}}
@media(min-width:769px) and (max-width:1020px){
.Feedback, .footerWrapper, .homeAboutWrapper, .homeAdvantage ul, .homeHorProWrapper, .main, .newsSwiper, .searchInputWrapper, header .headBot .headBotWrapper, header .headTop .headTopWrapper {max-width:96%;}}
#feedbackForm .inquiry-form .feed-verification{width:100%;display:flex;margin-top:20px}
#feedbackForm .inquiry-form .feed-verification input{margin:0 !important;flex:1;max-width:300px}
#feedbackForm .inquiry-form .feed-verification img{width:90px;height:100%!important;cursor:pointer}
@media(max-width:1024px){
.mobcate-main{flex-wrap:wrap}
.mobcate-main .side{display:block;width:100%}
.mobcate-main .side .sideLatestpro{display:none}
.mobcate-main .side .sideProTypr{position:relative;margin-bottom:30px}
.mobcate-main .side .sideProTypr .sf-menu{position:absolute;top:110%;left:0;right:0;padding:0;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .side .sideProTypr h4{text-align:left;background-color:#FFF;color:#000;border-bottom:1px solid #ddd;cursor:pointer;background:url(../image/cate-btn.png) right center/24px no-repeat}}
@media(min-width:769px){
.newsList .news-list-0 li .newsItemContent .content p,.products-list-box>p{-webkit-line-clamp:initial;max-height:100%}}
@media(max-width:768px){.side .sideProTypr .sf-menu>li a{padding:10px 30px 10px 10px}
.side .sideProTypr .sf-menu>li i{right:10px}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold;}
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:175%;}


.what-new_title {
  margin: 30px 0;
  margin-top: 60px; text-align:center;
/*   padding: 30px; */  
  background-color: #fff;
  color: #000;
  font-size: 30px;
  font-weight: 700;
}

.what-new-box {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}

.one-new-item {
  position: relative;
/*   height: 100%;
  max-height: 470px;
  overflow: hidden; */
}

.one-new-item .one-item_img {
  display: block;
/*   height: 600px; */
}

.one-item_img img {
  object-fit: cover;
}

.one-item-content {
  position: absolute;
  top: 50%;
  left: 47%; text-align:center;
  transform: translateY(-50%);
}

.one-item-content h2 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 35px;
  font-weight: 600;
}

.one-item-content_button {
  padding: 5px 0;
  width: 175px;
  text-align: center; margin:auto;
  background-color:#ffba83;
}

.one-item-content_button a {
  font-size: 18px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .one-item-content {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .one-item-content h2 {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .one-item-content_button {
    padding: 3px 0; 
    width: 150px;
    margin: 0 auto;
  }
  .one-item-content_button a {
    font-size: 14px;
  }
  .one-new-item .one-item_img {
    height: 200px;
  }
}
.pr {
  position: relative;
  overflow: hidden;
}

.two-new-oneimg_content,
.two-new-twoimg_content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.two-new-oneimg_content {
  left: 30%;
}

.two-new-twoimg_content {
  left: 40%;
}

.two-new-oneimg_content h2,
.two-new-twoimg_content h2{
  margin-bottom: 10px;
  color: #fff; text-align:center;
  font-size: 35px;
  font-weight: 600;
}

.two-new-item {
  margin-top: 10px;
  display:flex;
}

.two-new_picture {
  width: 100%;
 height: 360px;
}

.two-new_picture img{
  object-fit: cover;
}

.imgs img{
  width: 100%;
  height: 100%
}

.what-new-box .imgs img{ height:inherit}

.two-new-oneimg {
  padding-right: 5px;
}

.two-new-twoimg {
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .two-new-item {
    display:flex;
    flex-flow: column;
  }
  .two-new-oneimg {
    padding-right: 0px;
  }

  .two-new-twoimg {
    padding-left: 0px;
  }
  
  .mt-10 {
    margin-top: 10px;
  }
  
  .two-new_picture {
  	height: 100%;
  }
  
  .one-new-item {
    height: 100%;
  }
  
  .two-new-oneimg_content h2,
  .two-new-twoimg_content h2 {
    font-size: 20px;
  }

/*   .two-new-oneimg_content {
    left: 50%;
    transform: translateX(-50%);
  } */
  .two-new-oneimg_content,
  .two-new-twoimg_content {
    left: 50%;
    transform: translate(-50%,-50%);
  }
}