@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#ff7e00;--fontcolor:#333333;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,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}
body {margin:0px auto;padding:0px;font-size:14px;color:var(--fontcolor);line-height:1.6;font-family:Microsoft Yahei,Arial,Helvetica,sans-serif}
caption,td,th{font-size:16px;border:1px}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6);font-size:100%}
address,caption,cite,code,var{font-style:normal;font-weight:var(--fontbold4)}
a{color:#333333;text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:none}
img{border:none;max-width:100%;height:auto}
li,ol,ul{list-style:none}
button,input,select,textarea{font:14px Verdana,Helvetica,Arial,sans-serif}
table{border-collapse:collapse}
html{overflow-y:scroll}
i{font-style:normal}
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{zoom:1}
.flex{display:flex;flex-wrap:wrap}
.top{background:#666666;width:100%;padding:0px 50px;height:30px;align-items:center;justify-content:flex-end;position:relative;z-index:99}
.top span,.top span a{color:#FFFFFF}
.top span{padding-left:15px}
.top i{padding:0px 5px}
.header-con{padding:0px 50px;justify-content:space-between;position:relative;height:80px;align-items:center;z-index:9;background:#FFFFFF}
.search-from{position:absolute;top:0px;z-index:8;padding:20px;box-shadow:0 0 5px rgba(0,0,0,.2);background:#FFFFFF;right:50px;opacity:0;transition:.5s all ease-in-out}
.search-from.active{top:110px;opacity:1;transition:.5s all ease-in-out}
.search-from form{justify-items:center}
.search-from #txtSearch{width:300px;border:1px #dedede solid;height:42px;outline:0;padding-left:10px}
.search-from #btnSearch{border:none;font-size:16px;background:var(--color);width:90px;color:#FFFFFF}
.container{width:1280px;margin:0px auto}
@media (min-width:992px){
.pro-list-one .pro-img:hover:after{content:' ';position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(255,126,0,.902)}
#news-list>li:hover{padding-left:30px;padding-right:30px;transition:.3s padding ease-in-out;background:var(--color);color:#FFFFFF}
#news-list>li:hover .pro-con p{color:#FFFFFF}
#news-list>li:hover .ind-btn a{background-color:#FFFFFF}
#news-list>li:hover .ind-btn a:before{background-color:#FFFFFF}
#news-list>li:hover .ind-btn a:hover{color:var(--color)}
#news-list>li:hover h3 a{color:#FFFFFF}
.ind-pro:hover .ind-pro-con{opacity:1;padding-top:60px}
.search-from.active .searchOff{position:fixed;width:100%;height:100%;top:110px;left:0px;opacity:.5;background-color:#000000;z-index:9}
.nav-active>a{color:#FFFFFF}
#nav>ul>li{float:left}
#nav{float:right}
#nav{display:flex;justify-content:flex-end}
.search-icon{width:60px;display:flex;justify-content:flex-end;align-items:center;height:100%}
.search-icon i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color);font-size:20px;cursor:pointer}
.nav-btn{display:none}
#nav>ul>li>a{font-size:16px;display:flex;align-items:center;height:80px;padding:0px 20px;position:relative}
#nav>ul>li{position:relative}
#liinquiry{display:flex;align-items:center;height:80px;}
#liinquiry a{background:var(--color);height:40px!important;padding:0 15px!important;border-radius:30px;color:#fff!important;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
.submenu{position:absolute;top:100%;border:none;border-radius:0;background-color:#FFFFFF;box-shadow:none;left:0px;z-index:99999;display:none;transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out}
.nav-list:hover .submenu{top:100%;opacity:1;visibility:visible;transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out}
#nav li .submenu a{white-space:nowrap;font-size:16px;line-height:48px;color:#333333;padding:0px 30px;display:block}
#nav li .submenu li:hover{background:var(--color)}
#nav li:hover>a{color:var(--color)}
#nav li .submenu li:hover a{color:#FFFFFF}
#nav .nav-list>a:after{content:' ';position:absolute;bottom:20px;left:50%;margin-left:-3px;border:2px solid #FFFFFF;display:inline-block;width:6px;height:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:none;border-right:none;opacity:0;visibility:hidden}
#nav .nav-list:hover>a:after{opacity:1;visibility:visible}
#banner img{display:block}
.banner-btn>div{background:rgba(255,255,255,.3) url(banner-btn-w.png) no-repeat center;width:53px;height:112px;margin-top:-56px;left:-53px;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
.banner-btn>div:hover{background-color:var(--color)}
.banner-btn .swiper-button-next{left:auto;right:-53px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#banner:hover .banner-btn>div{left:0px;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
#banner:hover .banner-btn .swiper-button-next{right:0px;left:auto}
#banner .swiper-pagination-bullet{background:var(--color);width:30px;border-radius:4px}}
.section{padding-bottom:80px}
#banner .swiper-pagination-bullet-active{background:var(--color)}
.sec_padding{padding:75px 0px}
.c_section{background:#f6f6f6}
#ind-about{padding-top:0px}
.about-data{width:80%;justify-content:space-between;margin:30px auto 0px}
.about-data li{text-align:center}
.about-data>li>span{display:block;font-size:40px;font-weight:var(--fontbold7);color:var(--color)}
.about-data p{font-size:13px;margin-top:5px}
.reason-ul li{width:calc(25% - 18px);padding:0px 10px}
.reason-ul li:hover .i,.reason-ul li:hover i{display:none;background:var(--color)}
.reason-ul li:hover .i.hover{display:flex}
.reason-ul li:hover h3{color:var(--color)}
.reason-ul li:hover{border-color:var(--color)}
.reason-ul{margin-top:40px;display:flex;justify-content:space-between}
.reason-ul li .i,.reason-ul li i{display:flex;height:128px;width:128px;border-radius:50%;margin:0px auto 20px;background:#FFFFFF;align-items:center;justify-content:center}
.reason-ul li .i.hover,.reason-ul li i.hover{display:none}
.reason-ul li .h3,.reason-ul li h3{font-size:18px;font-weight:var(--fontbold7);color:#333333;margin-bottom:15px;text-align:center}
.reason-ul li p{font-size:14px;color:#333333;line-height:2;text-align:center}
.indAbout-ul{margin-top:30px;display:flex;justify-content:space-between;margin-bottom:75px}
.indAbout-ul>li{flex-basis:auto;width:calc(33.3% - 15px);position:relative}
.indAbout-ul li>span{display:inline-block;padding:10px 20px 10px 20px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:50%;bottom:0px;background:rgba(255,126,0,.902);font-size:18px;color:#FFFFFF;text-transform:capitalize;transform:translateX(-50%)}
.indAbout-ul .ind-hover{position:absolute;background:rgba(46,46,46,.902);top:0px;left:0px;bottom:0px;right:0px;text-align:center;padding-top:50px;display:none}
.indAbout-ul li:hover .ind-hover{display:block}
.indAbout-ul li:hover span{display:none}
.indAbout-ul .ind-hover a{font-size:14px;color:#FFFFFF}
.indAbout-ul .ind-hover a:hover{color:var(--color)}
.indAbout-ul .ind-hover li{margin-bottom:15px}
.indAbout-ul .ind-hover .h3,.indAbout-ul .ind-hover h3{margin-bottom:30px}
.indAbout-ul .ind-hover .h3 a,.indAbout-ul .ind-hover h3 a{font-size:18px;color:var(--color);text-transform:capitalize;font-weight:var(--fontbold7)}
.indAbout-ul img{display:block}
.tit-h2{font-size:30px;font-weight:var(--fontbold7);color:#333333;text-align:center;line-height:1.6;margin-bottom:20px}
.tit-h2 span{color:var(--color)}
.tit-p{color:#333333;font-size:14px;line-height:2;max-width:90%;text-align:center;margin:0px auto}
.ind-btn{text-align:center}
#ind-about .ind-btn{margin-top:30px}
.ind-btn a{transition:.3s all ease-out;display:inline-block;color:var(--color);border:1px solid var(--color);position:relative;overflow:hidden;font-size:16px;line-height:1;padding:10px 30px}
.ind-btn a:before{content:"";background:var(--color);position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:2;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.ind-btn a i,.ind-btn a .i{position:relative;z-index:9}
.ind-btn a:hover{color:#FFFFFF}
.ind-btn a:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.ind-pro-ul{margin-top:40px}
#ProductTopHotList .ind-pro-ul{display:flex;flex-wrap:wrap}
.ind-pro{width:calc(25% - 20px);float:left;margin:0px 10px 20px 10px;background:#FFFFFF}
.ind-pro>a{position:relative;display:block}
.ind-pro a>.i,.ind-pro a>i{align-items:center;justify-content:center;position:relative;border:1px #EEE solid}
.ind-pro a>.i img,.ind-pro a>i img{max-width:100%;max-height:100%}
.ind-pro .ind-pro-con{position:absolute;top:0px;height:100%;bottom:0px;left:0px;right:0px;background:rgba(255,126,0,.902);opacity:0}
.ind-pro span{display:block;padding:0px 10px;text-align:center;line-height:1.6}
.ind-pro:hover span{color:var(--color)}
.ind-pro:hover .ind-pro-con i,.pro-list-one .pro-img:hover i{display:block;width:66px;height:66px;border-radius:50%;background:#FFFFFF;position:relative;margin:0px auto 20px}
.ind-pro:hover .ind-pro-con i:after,.ind-pro:hover .ind-pro-con i:before,.pro-list-one .pro-img:hover i:after,.pro-list-one .pro-img:hover i:before{content:' ';position:absolute;top:50%;left:50%;width:20px;height:4px;transform:translate(-50%,-50%);background:var(--color)}
.ind-pro:hover .ind-pro-con i:after,.pro-list-one .pro-img:hover i:after{width:4px;height:20px}
.pro-list-one:hover .pro-img i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}
.ind-pro:hover .ind-pro-con p{text-align:center;padding:0px 10px;line-height:1.6}
.idx-news-list li{padding:20px;background:#FFFFFF;width:calc(50% - 15px);margin-bottom:40px;display:flex;justify-content:center;transition:.3s transform ease-in-out}
.idx-news-list li>a{width:44%;flex-basis:44%}
.idx-news-list li>.idx-news-con{width:56%;flex-basis:56%;padding-left:20px}
.idx-news-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.idx-news-list li img{display:block;max-height:100%}
.idx-news-list li:hover{color:#FFFFFF;background:var(--color);transition:.3s transform ease-in-out;box-shadow:0 5px 10px #e3e3e3;transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px)}
.idx-news-con .h3 a,.idx-news-con h3 a{font-size:20px;color:#050713;margin-bottom:5px;position:relative}
.idx-news-con time{padding:5px 0px 10px;font-size:14px;display:block}
.idx-news-con p{font-size:16px;line-height:1.6;color:#848484}
.idx-news-list li:hover a,.idx-news-list li:hover p{color:#FFFFFF}
.video{background:url(video.jpg) no-repeat;background-size:cover}
.video .container{padding:75px 0 55px}
.video p{text-align:center;color:#FFFFFF;font-size:24px;font-weight:var(--fontbold7);margin-bottom:30px}
.foot-content{width:100%;padding:50px 0 30px}
.foot-content>.container{display:flex;justify-content:space-between;flex-wrap:wrap}
.foot-contact .date{color:#ececec;display:flex;margin-top:15px;line-height:1.6}
.foot-contact .date p{color:#ececec;padding-left:5px}
.foot-contact{max-width:400px}
.company-contact{min-width:200px}
.foot-contact li{font-size:15px;color:#666666;line-height:1.6}
.foot-logo{margin-bottom:20px}
.foot-logo img{max-height:60px}
.foot-tit{position:relative;font-size:23px;color:#333333;text-transform:capitalize;padding-bottom:10px}
.foot-tit:after{content:' ';position:absolute;bottom:0px;left:0px;width:40px;height:2px;background:var(--color)}
.company-contact li a{font-size:16px;color:#666666;padding:5px 10px 5px 15px;display:inline-block}
.company-info li{position:relative}
.company-info li:after{position:absolute;content:' ';top:11px;left:0px;width:4px;height:4px;border:1px #666 solid;border-left:none;border-top:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.company-info ul,.contact-us ul{margin:10px 0px}
.company-contact li:hover a{color:var(--color)}
.company-contact li:hover:after{border-color:var(--color)}
.company-contact .contact-us li{padding:10px 0px;display:flex;color:silver}
.company-contact .contact-us i{flex-basis:36px;text-align:center;font-size:18px;color:var(--color)}
.company-contact .contact-us li a{padding:0px}
.code img{display:block}
.code i{display:inline-block;padding:6px;background:#FFFFFF;margin-top:20px;width:138px}
.copy{font-size:16px;width:100%;background:#111111;color:#595959;display:flex;position:relative;border-top:1px #272727 solid}
.copy .container{position:relative;padding:20px 0px;display:flex;justify-content:space-between}
.copy .header-share,.copy .header-share ul{height:auto}
.copy .header-share{margin-right:50px}
.foot-bot{height:58px;border-top:1px rgba(255,255,255,.05) solid;background:var(--color)}
.foot-bot>div{margin:0px auto;display:flex;justify-content:space-between;height:100%;align-items:center}
.copyright{color:#FFFFFF;font-size:14px}
.foot-share ul{display:flex;justify-content:flex-end;align-items:center;height:100%}
.foot-share ul li{width:34px;height:34px;border-radius:50%;margin:0px 5px}
.foot-share ul li a{color:#FFFFFF;display:flex;width:34px;height:34px;align-items:center;justify-content:center;font-size:18px}
.foot-share ul li:hover a{color:var(--color)}
.foot-share ul li:hover{background:#FFFFFF}
.inner{margin:50px auto}
.inner-left{width:calc(100% - 285px);padding-right:40px;float:left}
.inner-right{width:285px;float:left}
.inner-left .ind-pro-ul{margin-top:0px}
.inner-left .ind-pro{width:calc(33.3% - 20px)}
.addresss{background-color:var(--color);height:88px;width:100%;color:#FFFFFF;font-size:16px}
.addresss .container{display:flex;height:100%;align-items:center;justify-content:space-between;text-transform:capitalize}
.addresss span{padding:0px 7px}
.addresss .current{font-size:24px;color:#FFFFFF}
.addresss a{color:#FFFFFF}
.inner-right .tit{width:100%;background:var(--color);height:55px;font-size:18px;font-weight:var(--fontbold7);line-height:55px;padding-left:10px;color:#FFFFFF}
.inner-right .sf-menu{margin-top:10px}
.inner-right .sf-menu .LiLevel1 a{display:block;color:#333333;padding-left:10px;line-height:38px;position:relative}
.inner-right .sf-menu .LiLevel1{border:1px #EEE solid;border-radius:4px;margin:3px 0px}
.inner-right .sf-menu .LiLevel1>a:after{content:' ';position:absolute;width:2px;height:38px;top:0px;left:0px;background:var(--color)}
.inner-right .sf-menu .LiLevel1.active>a:after{display:none}
.inner-right .sf-menu .LiLevel1.active{border-color:transparent}
.inner-right .sf-menu .LiLevel2 a{padding-left:10px;line-height:30px}
.inner-right .sf-menu .sub-menu{display:none;padding-left:15px}
.inner-right .nav-list{position:relative}
.inner-right .nav-list i{position:absolute;content:' ';top:0px;right:0px;width:50px;height:38px;cursor:pointer;display:block;z-index:33}
.inner-right .nav-list i:before{position:absolute;content:' ';top:13px;right:21px;width:8px;height:8px;border:2px #707070 solid;border-top:none;border-left:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:.3s transform ease-in-out;-webkit-transition:.3s -webkit-transform ease-in-out;cursor:pointer}
.inner-right .nav-list.active i:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:.3s transform ease-in-out;-webkit-transition:.3s -webkit-transform ease-in-out}
.inner-right .nav-list:hover>a,.inner-right .sf-menu .currentProType,.inner-right .sf-menu a:hover{color:var(--color)}
.inner-right li:hover i:before{border-color:var(--color)}
.latest-products ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:15px}
.latest-products ul:after{content:none}
.latest-products li{width:50%}
.inner-right .latest-products li{border:none;margin-bottom:18px}
.inner-right .latest-products li a{display:block;width:100%}
.latest-products li i{width:135px;height:135px;border:1px #EEE solid;display:flex;align-items:center;justify-content:center;position:relative}
.latest-products li a img{display:block;max-width:100%;max-height:100%}
.latest-products{margin-top:30px}
.latest-products li p{line-height:1.6;text-align:center}
.latest-products li:hover p{color:var(--color)}
.latest-products li:hover i{border-color:var(--color)}
.pages a,.pages span{display:inline-block;margin:0px 5px 15px;padding:13px 18px;font-size:16px;position:relative}
.pages a,.pages span{border:1px solid #CCCCCC}
.pages span{opacity:.6}
.pages a:hover,.pages span.ctxt{background:var(--color);border-color:var(--color);opacity:1;color:#FFFFFF}
.pages{text-align:center;margin:30px 0px}
.pages .page-list:first-child:before,.pages .page-list:last-child:before{content:' ';position:absolute;top:14px;left:26px;width:8px;height:8px;border:2px transparent solid;border-bottom-color:#333333;border-left-color:#333333;transform:rotate(45deg)}
.pages span:before{opacity:.6}
.pages .page-list:first-child{padding:13px 21px 13px 57px}
.pages .page-list:last-child{padding:13px 57px 13px 21px}
.pages .page-list:last-child:before{transform:rotate(-135deg);left:72px}
.pages a.page-list:first-child:hover:before,.pages a.page-list:last-child:hover:before{border-bottom-color:#FFFFFF;border-left-color:#FFFFFF}
.pro-p,.pro-seo{line-height:1.6;font-size:16px;margin-bottom:20px;color:#333333;padding:0px 10px}
.pro-list{margin-bottom:30px}
#news-list>li,.pro-list-one{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;position:relative}
.pro-list-one:hover h3 a{color:var(--color)}
#news-list>li .pro-img,.pro-list-one .pro-img{position:relative;display:flex;flex-basis:280px;width:280px;height:280px;align-items:center;justify-content:center;border:1px #EEE solid}
#news-list>li img,.pro-list-one .pro-img img{display:block;max-height:100%}
#news-list>li .pro-con,.pro-list-one .pro-con{flex-basis:auto;width:calc(100% - 280px);padding:35px}
.pro-list>.pro-item{float:left;width:31%;margin:0px 1% 20px;display:block;padding:0px}
.pro-con p{color:#4f4f4f;font-size:16px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box;max-height:75px}
#news-list .pro-con p{-webkit-line-clamp:3;max-height:50px}
.pro-con .ind-btn{text-align:left;margin-top:30px}
.pro-con h3 a{font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.pro-con h3{margin-bottom:20px}
#news-list>li{margin-bottom:0px}
#news-list>li .pro-img{height:183px;border:none}
#news-list>li .pro-con{padding:10px 0px 10px 35px}
#news-list>li{padding:30px 0px}
#news-list>li{border-bottom:1px #EEE solid;transition:.3s padding ease-in-out}
#news-list>li h3{margin-bottom:0px}
#news-list .news-tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
#news-list .news-tit h3{width:calc(100% - 130px);flex-basis:auto}
#news-list .news-tit time{display:flex;justify-content:flex-end;flex-basis:130px;width:130px}
.jq-zoom,.singglepic{width:450px;float:left;position:relative}
.pro-info-con{float:right;width:calc(100% - 450px)}
.pro-info-con h1{font-size:24px;color:var(--color);font-weight:var(--fontbold7);padding-bottom:10px;border-bottom:1px #EEE solid}
.pro-info-con p{font-size:14px;color:#5f5f5f;line-height:1.8;padding-top:10px}
.pro-info-con .btn{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}
.pro-info-con .LayImAhrefNode,.pro-info-con .btn>div,.pro-info-con .sendInquiry{font-size:18px;display:flex;height:56px;justify-content:center;align-items:center;color:#FFFFFF;text-align:center;position:relative;width:235px;float:left;margin-bottom:20px;text-transform:uppercase}
.pro-info-con .sendInquiry{border:1px var(--color) solid;color:var(--color)}
.pro-info-con .LayImAhrefNode{background:var(--color);color:#FFFFFF}
.pro-info-con .btn>div{border:1px #EEE solid;color:#333333}
.pro-info-con .btn>div{color:#333333}
.pro-info-con .btn>div:after{background:#FFFFFF;border:1px #EEE solid}
.pro-info-con .btn>div a{display:flex;align-items:center;height:100%;justify-content:center}
.pro-info-con .btn>div a i{padding:0px 10px}
.pro-tit{font-size:22px;color:#333333;font-weight:var(--fontbold7);line-height:2;padding-bottom:5px;border-bottom:1px #EEE solid}
.pro-details-tit{font-size:24px;color:var(--color);line-height:2}
.change-page{padding:15px 0 25px;border-top:1px #EEE solid}
.change-page>div{display:flex;margin-bottom:10px;align-items:center}
.change-page .link-type{font-size:18px;padding-right:10px}
.change-page>div a{font-size:16px}
.change-page>div:hover a{text-decoration:underline;text-decoration-color:var(--color);color:var(--color)}
#inquiry .tit-h2{margin:20px 0px}
.about-body p{font-size:14px;color:#333333;line-height:2;margin-bottom:10px}
.contact-way h1{font-size:24px;color:var(--color);margin-bottom:10px}
.contact-way{width:50%;float:left;padding-right:40px}
#map{width:50%;float:left;height:300px}
.contact-ul{margin-top:30px}
.contact-ul li{padding-left:40px;background:url(https://css02.v15cdn.com/m252/yellow/contact-icon.png) no-repeat;background-position:0 0}
.contact-ul li:nth-child(2){background-position:0 -103px}
.contact-ul li:nth-child(3){background-position:0 -180px}
.contact-ul h3{font-size:18px;color:var(--color)}
.contact-ul p{font-size:16px}
.news-con-tit{margin-top:50px;text-align:center;padding-bottom:20px;border-bottom:1px #EEE solid}
.news-con-tit h1{font-size:24px;font-weight:var(--fontbold7);color:var(--color);margin-bottom:10px}
.news-con-tit time{font-size:14px;color:#666666}
.news-con-p{padding:30px 0px}
.news-con-p p{font-size:16px;line-height:1.4;margin-bottom:15px}
.news-body .change-page{border-bottom:none}
.inner .ftxt{width:14%}
#inquiry{border:1px #e5e5e5 solid;padding:30px}
.contact-con{margin-bottom:50px}
@media (max-width:1366px){
.container{width:1080px}
.indAbout-ul .ind-hover li{margin-bottom:10px}
.indAbout-ul .ind-hover{padding-top:30px}
.indAbout-ul .ind-hover .h3,.indAbout-ul .ind-hover h3{margin-bottom:20px}
.ind-pro:hover .ind-pro-con{padding-top:50px}
.sec_padding{padding:60px 0px}
#pro-list .pro-con h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:nowrap}
.pro-list-one .pro-img{width:250px;flex-basis:250px;height:250px}}
@media (max-width:1280px) and (min-width:992px){
.container{width:970px}
.ind-pro:hover .ind-pro-con{padding-top:30px}
.sec_padding{padding:55px 0px}}
@media (max-width:1170px){
#nav>ul>li>a{padding:0px 10px}
.header-con{padding:0px 30px}}
@media (max-width:991px){
.nav-btn{position:absolute;right:30px;bottom:0px;height:72px;display:flex;align-items:center;z-index:99999;justify-content:center}
.nav-r-btn{position:relative;width:40px;height:40px}
.nav-btn span{position:absolute;top:11px;right:0px;display:block;width:25px;height:3px;border:0 solid #333333;background-color:#333333;-webkit-transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
.nav-btn span:nth-of-type(2){top:19px}
.nav-btn span:nth-of-type(3){top:auto;bottom:10px;-webkit-transition:bottom .2s .2s,background .2s,-webkit-transform .2s;transition:bottom .2s .2s,transform .2s,background .2s}
.nav-btn.toggle-animate span:nth-of-type(1){top:19px;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(45deg);-webkit-transition:top .2s,-webkit-transform .2s .2s,background .2s}
.nav-btn.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s}
.nav-btn.toggle-animate span:nth-of-type(3){bottom:18px;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(-45deg);-webkit-transition:bottom .2s,-webkit-transform .2s .2s,background .2s}
#nav>ul{position:absolute;top:100%;width:300px;background:#222222;right:-300px;overflow-y:auto;height:calc(100vh - 112px);transition:.3s right ease-in-out;-webkit-transition:.3s right ease-in-out;-o-transition:.3s right ease-in-out;-moz-transition:.3s right ease-in-out;z-index:999}
#nav.actived>ul{right:0px;transition:.3s right ease-in-out;-webkit-transition:.3s right ease-in-out;-o-transition:.3s right ease-in-out;-moz-transition:.3s right ease-in-out}
.down #nav>ul{height:calc(100vh - 72px)}
#nav>ul li a{display:block;font-size:16px;line-height:48px}
#nav>ul>li>a{padding:0px 20px;color:rgba(255,255,255,.8)}
.nav .icon-right{position:absolute;right:0px;width:48px;height:48px}
.nav .icon-right:after{content:'';border:2px solid rgba(255,255,255,.8);display:block;width:8px;height:8px;margin:auto;position:absolute;top:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);border-top:none;border-right:none;right:20px;transition:.3s all ease-in-out}
.nav .submenu{display:none}
.nav li.actived .icon-right:after{transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all .3s cubic-bezier(.66,.53,.65,1);-o-transition:all .3s cubic-bezier(.66,.53,.65,1);-moz-transition:all .3s cubic-bezier(.66,.53,.65,1);-webkit-transition:all .3s cubic-bezier(.66,.53,.65,1)}
#nav>ul .submenu li a{padding:0px 20px 0 30px;color:rgba(255,255,255,.7)}
.nav-btn.toggle-animate span:nth-of-type(1){top:19px;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(45deg);-webkit-transition:top .2s,-webkit-transform .2s .2s,background .2s}
.nav-btn.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s}
.nav-btn.toggle-animate span:nth-of-type(3){bottom:18px;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(-45deg);-webkit-transition:bottom .2s,-webkit-transform .2s .2s,background .2s}
.search{position:absolute;right:70px;top:0px;height:100%;display:flex;align-items:center;padding:0px 20px}
.header-con{height:72px}
.search i{font-size:20px}
.search-from.active{top:102px}
.banner-btn{display:none}
.mask.mask-block{position:fixed;top:0px;width:100%;bottom:0px;background:rgba(0,0,0,.6);z-index:8}
.container,.header-con,.top{width:100%;padding:0px 30px}
.ind-pro{width:calc(33.3% - 20px)}
.idx-news-list li{width:100%;flex-basis:100%}
.sec_padding{padding:45px 0px}
.foot-content .container>div{padding-bottom:20px}
.code{min-width:200px}
.indAbout-ul{margin-bottom:30px}
.about-data li{width:50%;flex-basis:50%;margin-bottom:20px}
.body{overflow-x:hidden;width:100%}
#map,.contact-way{width:100%;padding-right:0px;margin-bottom:20px}
#news-list .news-tit{flex-wrap:wrap}
#news-list .news-tit h3,#news-list .news-tit time{width:100%;flex-basis:100%;justify-content:flex-start}
#news-list .news-tit h3{margin-bottom:10px}
.pro-con .ind-btn{display:none}
#news-list>li .pro-img{width:256px;flex-basis:256px;height:155px}
.pro-list-one .pro-con{width:calc(100% - 256px);flex-basis:auto;padding:10px 0px 10px 25px}
.pro-list-one h3 a{color:var(--color)}
.pro-con .ind-btn{display:none}
.inner-right{display:none}
.inner-left{width:100%;padding-right:0px}
.pro-list-one .pro-img{width:200px;height:200px;flex-basis:200px}
.pro-list-one .pro-con{width:calc(100% - 200px);flex-basis:auto}
.pro-list-one:hover .pro-img i{display:none}
.jq-zoom,.product-content .singglepic{width:392px}
.pro-info-con{width:calc(100% - 420px)}
#news-list>li .pro-con{padding-left:25px}}
@media(max-width:767px){
.jq-zoom,.pro-info-con,.product-content .singglepic{width:100%}
.pro-info-con .LayImAhrefNode,.pro-info-con .btn>div,.pro-info-con .sendInquiry{margin-bottom:10px}
.container{width:100%;padding:0px 15px}
.reason-ul li{width:calc(50% - 20px);margin-bottom:20px}
.sec_padding{padding:30px 0px}
.container,.header-con,.top{padding:0px 15px}
.nav-btn{right:15px}
.foot-bot>div{flex-wrap:wrap;justify-content:center;padding-top:10px;padding-bottom:10px}
.foot-bot{height:auto}
.news-con-tit h1{font-size:20px}}
@media(max-width:640px){
.indAbout-ul>li{width:100%;flex-basis:100%;margin-bottom:20px;text-align:center}
.indAbout-ul img{display:inline-block}
.indAbout-ul{flex-wrap:wrap}
.ind-pro{width:calc(50% - 20px)}}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0px;margin:0px}
#news-list>li.newsitem-nopic .pro-img{display:none}
#news-list>li.newsitem-nopic .pro-con{width:100%;flex-basis:initial}
#news-list>li.newsitem-nopic{padding:10px 0px}
#news-list .newsitem-nopic .news-tit{margin-bottom:5px}
.newsitem-nopic .pro-con .ind-btn{display:none}
#news-list .pro-con p{font-size:14px}
#news-list>li.newsitem-nopic:hover{padding:10px 0px;background:0 0;color:#000000}
#news-list>li.newsitem-nopic:hover .pro-con p{color:#000000}
#news-list>li.newsitem-nopic:hover h3 a{color:var(--color)}
.indAbout-ul>li .i,.indAbout-ul>li i{display:flex;align-items:center;justify-content:center}
.ImgSrc_ProDetail{float:left}
#plr .ptit{text-align:center;font-size:30px;margin:30px 0px}
#plr .rollPro1{display:flex;justify-content:space-between}
#plr .rollPro1 li{width:16%;box-sizing:border-box;border:1px solid #DDD}
#plr .rollPro1 li p{padding:8px;background:#F5F5F5;line-height:1.5;text-align:center;font-size:14px}
.pro-details{line-height:1.6;font-size:15px}
.protypebody{line-height:1.6;font-size:16px;margin-bottom:25px}
a.logo {height:80px}
a.logo img {max-height:75px;padding:5px 0px}
.pro-p{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6}
.productsTags {margin:10px 0px}
#plr .rollPro1 li p a {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:42px}
#plr .rollPro1 li .pbox a {display:flex;height:150px;align-items:center;justify-content:center}
#plr .rollPro1 li .pbox a img {max-height:100%;max-width:100%}
#plr .rollPro1 li:hover p {background:var(--color)}
#plr .rollPro1 li:hover p a {color:#FFFFFF}
#con {margin-top:30px}
#tagContent {padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li {margin-bottom:10px;float:left}
#tags li a {text-decoration:none;display:block;line-height:52px;padding:0px 24px;margin-right:8px;background:#efefef;color:#222222;font-size:22px}
ul#tags li.selectTag a {color:#FFFFFF;background:var(--color)}
.tagContent{display:none;width:100%;color:#333333;padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag{display:block}
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: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:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.lang{z-index:99999;text-align:left;position:relative;height:30px;padding:0px 5px;border-radius:4px;margin-left:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding:0;;padding-right:18px;margin-left:5px;line-height:20px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#FFFFFF;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#FFFFFF;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 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(20%)}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.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{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:0px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;padding:8px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:20px}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;margin-right:20px;transition:all .2s linear}
.lang-icon img{width:32px}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}}
.blogflex-info{display:flex;align-items:flex-start;background:#fafafa;padding:20px 15px;margin:20px 0 0}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#555555;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear;box-sizing:border-box}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color,#333);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}