@charset "utf-8"; 
body { font-family:Bai Jamjuree}
.wmkc-template-45 .wmkc-flex{align-items:center}
.pro-detail-container .common-content .left-part{display:none}
.pro-detail-container .common-content .common-main{margin-left:0}
.common-main .resourcesmore {margin-top:30px}
.common-main .resourcesmore a{border:1px solid #222;padding:16px 24px}
.common-content.About.Us .common-conatct {display:none}
.common-content.About.Us .common-main {margin-left:0}
.wmkc-template-46 .wmkc-flex-row-reverse{align-items:center}
.home-container .news-product .news-content .ircn {height:50px}
.home-container .news-product {background-image:url(/uploads/40017/banner/20241106113736d7d63.jpg);background-size:cover}
.common-container .common-content .contact-list {display:none}
.home-container .company-advantage .pro-list>li>a span{text-transform:capitalize}
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree&display=swap');
body { font-family:'Bai Jamjuree', sans-serif}
@media (min-width:769px){.header nav{background:#fff}
@media (max-width:768px){.home-container .about-us:nth-child(2) .about-wrap{flex-wrap:wrap}
.home-container .about-us:nth-child(2) .about-wrap>img{width:20%}}
@media (min-width:769px){header nav ul .submenu li:hover a{background:#fff}
header nav ul .submenu li a{color:#fff}}
header nav ul #liproducts .submenu li.menu-item.LiLevel1>ul{flex-wrap:wrap;height:auto}
header nav ul #liproducts .submenu li.menu-item.LiLevel1>ul .LiLevel2{width:100%}
header nav ul #liproducts .submenu>li.menu-item.LiLevel1{display:block;width:18%}
header nav ul #liproducts .submenu li a{text-transform:inherit;white-space:nowrap;line-height:initial;height:auto;padding:5px 0;color:#000}
header nav ul #liproducts .submenu li a:hover{color:#023670}
header nav ul #liproducts .submenu>li.menu-item.LiLevel1>a{font-size:22px;color:#000}
header nav ul #liproducts .submenu{background:#fff;width:100vw;right:-320px;flex-direction:initial;flex-wrap:initial;justify-content:center;padding:30px 0}
header nav ul .inmenu_1 {color:#000}
header nav ul #liproducts .submenu li{background:#fff}
header nav ul #liproducts .submenu>li.menu-item.LiLevel1:hover>a{color:#023670}
header nav ul #liproducts .submenu li:hover a{background:#fff}
header nav ul #liproducts .submenu a:hover,header nav ul #liproducts .submenu li a:hover{color:#023670}
.home-container .about-wrap>img{width:9%}}
.home-container .newsafter .about-wrap>div {padding:5px 0;text-align:center;width:22%}
@media (min-width:768px) and (max-width:1600px){header nav ul #liproducts .submenu{right:-170px}}
@media (min-width:768px) and (max-width:1280px){header nav ul #liproducts .submenu{right:-120px}
header nav ul #liproducts .submenu>li.menu-item.LiLevel1{width:21%}}
.common-container .common-content .left-part{display:none}
header nav ul .submenu li a {white-space:nowrap}
.newsafter .home-container .section-title{margin-bottom:20px}
.newsafter{padding-bottom:50px}
header .header-top #xyz .xyz12{position:relative}
#xyz ul{display:flex;flex-wrap:wrap;width:600px;position:absolute;right:0;z-index:-1;margin-top:40px;box-shadow:0px 1px 4px rgb(0 0 0 / 13%);background:#023670}
header .header-top #xyz .xyz12 ul li{width:200px;box-sizing:border-box;height:36px;line-height:36px;padding:0 6px}
#xyz ul li:nth-child(1){text-align:right;padding-right:35px;background:none;position:absolute;top:-40px;right:0}
#xyz ul li:nth-child(1):hover{background:none}
header .header-top #xyz .xyz12 span{z-index:9999;right:0}
header .header-top #xyz .xyz12 ul li:nth-child(1){width:120px}
header .header-top #xyz .xyz12 ul li a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}
@media (max-width:768px){header .header-top #xyz .xyz12 ul{width:300px;flex-direction:inherit;right:auto;left:0}
header .header-top #xyz .xyz12 ul li{width:150px;height:26px;line-height:26px;padding:0 6px}
header .header-top #xyz{width:100px}
header .header-top #xyz .xyz12 ul li:nth-child(1){width:100px;top:-33px}
header .header-top #xyz .xyz12 span{left:80px}
#xyz ul li:nth-child(1){right:auto}}
header nav{background:#fff}
header nav ul>li:hover>a{color:#023670}
.home-container .company-advantage .pro-list>li>a span,.home-container .news-product .news-btn i,.home-container .news-product .news-btn:hover span,.home-container .news-product .pro-btn a:hover,.home-container .video-btn a:hover,.home-container .about-btn a:hover, .home-container .video-btn a:hover,.home-container .company-advantage .advantage-list li:hover p,.addToCart, .common-main .pro-top .pro-con .btn-list .send-btn, .common-main .pro-top .pro-con .btn-list>a,.common-main .pro-detail .pro-detail-title h3,.newslist-1 li .news-date p{color:#fff}
#li_Menu101_home{display:none}
header .header-top .top-info>div {white-space:nowrap}
header .header-top .top-right span {white-space:nowrap}
#colee_left {overflow:hidden;margin:0 40px;color:#fff}
#colee_left td {white-space:nowrap;line-height:40px;font-size:14px}
@media (max-width:960px){#colee_left{margin-left:0}}
.common-content .prolist-0 li .compare-action span:after {content:'Free to Quote';font-size:14px}
.common-content .prolist-0 li .compare-action span {font-size:0}
header .header-top,footer .footer-top {background:var(--color)}
footer .footer-top .footer-intro .foot-phone .phone i,footer .footer-top .footer-intro .foot-phone .phone em {color:var(--color)}
header .header-top .top-info,header .header-top .top-info i,header .header-top .top-info a,header .header-top .top-right span {color:#fff}
footer .footer-top .footer-intro .foot-phone span,footer .footer-top .footer-intro>p,footer .footer-top .footer-nav li a,footer .footer-top .footer-nav li:hover a,footer .footer-copy a:hover {color:#fff}
footer .footer-top .footer-intro .foot-phone .phone,footer .footer-top .footer-intro .foot-phone .circle {background:#fff}
footer .footer-top .footer-nav li:hover:after {border-color:#fff}
footer .footer-copy {background:var(--color);border-color:#fff;color:#fff}
footer .footer-copy .top-btn {border:1px solid #fff}
footer .footer-copy .top-btn i {color:#fff}
@media (min-width:769px){footer .footer-top .footer-nav{width:auto;flex-basis:inherit}}
@media (min-width:1701px){footer .footer-top,footer .footer-copy{padding-left:360px;padding-right:360px}}
header .header-top .top-right>ul {display:flex}
header .header-top .top-right>ul li i {color:#fff}
header .header-top .top-right>ul li a:hover i {color:#fff}
@media (max-width:1024px){header .header-top .top-right>ul{margin-right:40px}}
@media (max-width:768px){header .header-top .top-right>ul{display:none}}
header nav .header-logo img{max-height:80%}
.common-content .prolist-0 li .compare-action:hover,.common-content .prolist-0 li .compare-action{background:#ffff00}
.common-content .prolist-0 li .compare-action:hover .compare-action-check:checked+label:before,.common-content .prolist-0 li .compare-action:hover span{color:#1D1D1D}
.common-content .prolist-0 li .compare-action:hover .compare-action-check+label{border-color:#1D1D1D}
.tlink {display:flex;margin:0 auto}
.tlink a {display:block;background:#f9af01;color:#fff;font-size:16px;padding:8px 15px;text-transform:capitalize}
.tlink a:hover {background:#333}
header .header-top,header nav {padding:0 calc(50% - 700px)}
@media (max-width:1450px) {header .header-top,header nav {padding:0 20px}}
@media (max-width:560px) {.tlink a {font-size:14px;padding:6px 10px}}
.wmkc-list {max-width:100px!important}
#wmkc .wmkc-list>li .iconfont {width:24px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:22px;color:#f9af01;padding:2px 0 6px}
.wmkc-email:hover {background:var(--color)!important}
#wmkc .wmkc-list>li.wmkc-email:hover .iconfont {color:#FFF}
.footlink {display:flex;margin-top:120px}
.footlink a {background:#f9af01;color:#fff;text-transform:capitalize;font-size:18px;padding:10px 20px;border-radius:65px;border:2px solid #fff}
.footlink a:hover {color:var(--color);background:#fff}
.common-main .pro-top .pro-con .btn-list .send-btn {display:none}
.detailbtn-list {margin-top:25px;margin-bottom:10px;display:flex}
.detailbtn-list a {display:flex;justify-content:center;align-items:center;font-size:16px;border-radius:3px;text-transform:uppercase;min-width:200px;box-sizing:border-box;height:45px;cursor:pointer;background:#f9af01;color:#fff;padding:0 15px}
@media (max-width:768px){.detailbtn-list a{width:100%;height:13.3333333333vw}}
.home-container .news-product .pro-btn a:hover{border-color: #f98101}
.hvr-bounce-to-right:before{background: #f98101}
.foot-message a,.foot-message p{color: #fff;margin-top: 10px;display: block;}
.index .news{ display: none; }
.home-container .news-product .news-products-list ul{display:flex;flex-wrap:wrap;margin-top:3%}
.home-container .news-product .news-products-list ul li{width:23.5%;margin-right:2%;margin-bottom:2%;display: flex;flex-direction: column;}
.home-container .news-product .news-products-list ul li:nth-child(4n){margin-right:0;}
.home-container .news-product .news-content{flex:1;}
.home-container .news-product .news-products-list ul li:hover .news-content .ircn:after{transition: width .6s ease-in-out;width:100%;}
.home-container .news-product .news-content .ircn{height:auto;}
@media (max-width:768px){.home-container .news-product .news-products-list ul{justify-content: space-between;}
.home-container .news-product .news-products-list ul li{width:49%;margin-right:0;}
.home-container .news-product .news-content .ircn{-webkit-line-clamp: inherit;}}
.section-title.section-title-cnc{padding-top:0;margin-bottom:30px;}