@charset "utf-8";
:root{--color:#e50044}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;padding:15px 0;margin-bottom:15px}
.siggle-page .container{max-width:1200px}
.tabs .tabs-item{padding:0 15px;font-size:18px}
.tabs .tabs-item{width:20%;text-align:center;background:#474747;color:#fff;border-right:1px solid #fff;padding:20px 10px;display:flex;align-items:center;justify-content:center}
.tabs .tabs-item:last-child{border:none}
.tabs .tabs-item.active{background:var(--color)}
.about-content .items:not(.active){display:none}
@media (max-width:768px){.tabs .tabs-item{padding:14px 10px;width:49%;text-align:center;font-size:14px;border:1px solid #fff}
.tabs{justify-content:flex-start}}
.home-titl{color:#657180}
@media (min-width:1025px){body{padding:0}
header:not(.headact){background:0 0}
.head-search-btn,nav .nav>li>a{color:#000;font-weight:700}}
.location{padding:0}
.location img{width:100%;display:block}
.write-text{font-size:20px}
.writetous{padding:30px 0;background:#55595a}
.foot-b,.foot-t{background:#55595a}
.foot-t{padding:30px 0 20px}
.foot-list div h6{margin-bottom:12px}
footer,footer a{color:#fff}
.foot-list{overflow:inherit}
.fshare{margin-left:-13px}
.fshare a{color:#fff}
.fshare a:nth-child(1){background:#1278f3}
.fshare a:nth-child(2){background:#2d8dc5}
.fshare a:nth-child(3){background:#fd0000}
.fshare a:nth-child(4){background:#0b66c1}
.fcontact li>p:nth-child(1){font-size:0;color:transparent;width:20px;margin-right:8px;background:url(/Content/C_IMG/icon/icon-mob-w.png) no-repeat left 0}
.fcontact li:nth-child(1)>p:nth-child(1){width:70px;background:0 0;display:flex}
.fcontact li:nth-child(1)>p:nth-child(1) span{display:block;width:20px;height:20px;background:url(/Content/C_IMG/icon/icon-mob-w.png) no-repeat left 0}
.fcontact li:nth-child(1)>p:nth-child(1) span:nth-child(2){margin-left:5px;background-image:url(/Content/C_IMG/icon/icon-whats-w.png)}
.fcontact li:nth-child(1)>p:nth-child(1) span:nth-child(3){margin-left:5px;background:url(/Content/C_IMG/icon/icon-we-w.png) no-repeat left 3px;background-size:20px}
.fcontact li:nth-child(2)>p:nth-child(1){background-image:url(/Content/C_IMG/icon/icon-mail-w.png)}
.fcontact li:nth-child(3)>p:nth-child(1){background-image:url(/Content/C_IMG/icon/icon-tel1-w.png)}
.fcontact li:nth-child(4)>p:nth-child(1){background-image:url(/Content/C_IMG/icon/icon-add-w.png)}
.fcontact li p:nth-child(2){width:calc(100% - 28px)}
.send-inquiry .inquiry-form #in-email{background-image:url(/js/37097/inemail.png)}
.send-inquiry .inquiry-form #in-content{background-image:url(/js/37097/incontent-c.png)}
.contactus-box .location-box{background:#474747}
.contactus li a,.contactus li p{color:#fff}
.about{padding-bottom:0}
.about-l-text,.lastproducts-text,.latestnews-text,.newpages-list>div,.newpages-list>div a,.news-data,.news-text,.newsdetails-cont,.newspage-item-text,.newspage-item-tit a,.pdservice li span,.pdshow-r,.prodetails-bref,.prodetails-bref a,body,nav .nav .submenu li a{color:#000}
nav .nav .submenu li a:hover{color:var(--color)}
.page-tit{font-weight:700}
.home-more{background:#474747;color:#fff;border-color:#474747}
.home-more:hover{background:var(--color);border-color:var(--color)}
.home-title{color:#32383f}
.writetous .home-more{border-color:#000;background:#000}
.writetous .home-more:hover{border-color:var(--color);background:var(--color);color:#fff}
.news-list li:hover .home-more{border-color:var(--color);background:var(--color)}
.page-l-menu-tit{background:#474747}
.page-tit{border-color:#474747}
.viewmore:hover{border-color:var(--color)}
.lastproducts-list li:hover .viewmore,.latestnews li:hover .viewmore,.pdshow-r-btn>a:hover,.pdshow-r-btn>div:hover{background:var(--color);border-color:var(--color)}
#feedbackForm .send-btn:hover{background:var(--color)}
.products-add-inquirl{display:none}
@media (min-width:1025px){.foot-t .container{padding:0 50px}
.foot-list>.foot-item-box{width:75%}
.fshare{margin-top:0}}
.copyright{text-align:center}
.about-l-text{-webkit-line-clamp:inherit;max-height:inherit}
.swiper-pagination-bullet{width:12px;height:12px}
#swiper-banner .swiper-pagination-bullet-active{border:5px solid #fff;background:0 0;box-sizing:content-box}
.swiper-pagination-bullet{vertical-align:middle}
.headertop{height:30px}
.headertop .container{display:flex;justify-content:flex-end}
.headertop .tcontact{display:flex;align-items:center}
.headertop .tcontact p{margin-left:10px}
@media (min-width:769px){header{height:100px}
header>.container{height:60px}
.headact{height:100px}}
@media (max-width:768px){.headertop{display:none}}
.headertop .tcontact{margin-top:20px;padding-right:5px;font-weight:700}
.page-l-menu-tit{font-weight:700}
.prodetails-bref{font-family:arial!important}
.location{margin-top:50px}
.location-item,.location-tabs{display:flex;flex-wrap:wrap}
.location-item>div{width:50%}
.location-item iframe{width:100%;height:100%;position:absolute;left:0;top:0;display:block}
.location-item:nth-child(2) .item-left{padding:50px}
.location-item:nth-child(2) .item-left .item-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%}
.location-tabs>div{font-size:20px;margin-right:20px;margin-bottom:10px}
.location-tabs>div.active a{color:var(--color);border-bottom:1px solid var(--color);padding-bottom:10px}
.location-tabs{margin-bottom:20px}
.tab-content:not(.active){display:none}
.video-wrapper{padding-bottom:75%;height:0;position:relative}
.tab-content p{line-height:1.8;margin-top:20px}
.tab-content h4{font-size:30px}
@media (max-width:1200px){.location-item:nth-child(2) .item-left{padding:15px}
.location-tabs{margin-bottom:0}
.location-tabs>div{font-size:16px}}
@media (max-width:1024px){.location-item>div{width:100%}}
.item-left{position:relative}
.zoom-container{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999}
.zoom-container .zoom-mask{width:100%;height:100%;background:#00000080;position:absolute;top:0;left:0;z-index:9997}
.zoom-container .zoom-imgbox{position:absolute;z-index:9998;top:50%;left:50%;transform:translate(-50%,-50%)}
.zoom-container .zoom-imgbox img{max-width:98vw;max-height:98vh}
.prodetails-bref table{text-transform:capitalize}
.headertop .tcontact{padding-right:67px}
@media (max-width:1367px){.head-search-btn{margin-left:10px}
.headertop .tcontact{padding-right:54px}}
@media (max-width:1024px){.headertop .tcontact{display:none}}
.hotproduct>.container{display:block}
.hotproduct .home-title{text-align:center}
.hotproduct-r{width:100%;margin-top:50px}
.hotpro-list li,.hotpro-list li:nth-child(3n),.hotpro-list li:nth-child(n+4){width:calc(25% - 8px);margin-right:8px;margin-bottom:8px}
@media (max-width:768px){.hotpro-list li,.hotpro-list li:nth-child(3n),.hotpro-list li:nth-child(n+4){width:49%;margin-right:1%;margin-bottom:5px}}
.location-item:nth-child(2) .item-left{background:#55595a;color:#fff}
.share-btn-list>span{font-weight:700;margin-right:10px;font-size:17px;text-shadow:1px 1px 1px #aaa}
table.nyvideotable tr{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
table.nyvideotable tr td{width:32.5%;display:block;margin-bottom:25px}
table.nyvideotable tr td iframe{width:100%}
@media (max-width:768px){table.nyvideotable tr td{width:100%}
table.nyvideotable tr td iframe{height:320px}}
@media (max-width:540px){table.nyvideotable tr td iframe{height:260px}}
.wmkc-wechat{display:none}
.wmkc-phone i{font-size:20px!important;color:#00a9e9}
.wmkc-phone:hover{background:#00a9e9}
.wmkc-phone:hover i{color:#fff}
#feedbackForm .send-btn{background:#474747}
.newsdetails-cont p{margin-bottom:2px}
.fshare a:nth-child(2){display:none}
.location lite-youtube{max-width:100%!important;width:100%!important;height:100%!important}
@media(max-width:768px){.video-wrapper{padding-bottom:0;height:auto}}
@media(min-width:768px){.video-wrapper lite-youtube{position:absolute!important}}
@media (min-width:1025px){#liproducts{position:relative}
nav .nav .liproducts-diff .submenu{padding:0;display:block;width:auto;border:none}
nav .nav .submenu>.LiLevel1{margin:0;width:100%;min-height:inherit;padding:0}
nav .nav .submenu>.LiLevel1 a{margin:0;display:block;padding:8px 15px}
nav .nav .submenu>.LiLevel1 ul{position:absolute;left:100%;top:0;background:#fff;display:none}
nav .nav .submenu>.LiLevel1:hover>ul{display:block}}
@media (max-width:1024px){nav .nav .submenu>li.LiLevel1 a{color:#fff}}