﻿@charset "utf-8"; 
:root {--color: #033460;--fontsize42: 42px;--color1:var(--color);--borderradius: 6px;}
@media (min-width:1025px) {body{padding-top: 0;}
body header .head-top,.index,header{background: initial;}
body header .head-info {box-shadow: none;}
body header .head-info .head-nav .nav-ul>li>a ,body header .head-info .head-nav .nav-ul>li>em{color: #fff;}
header.is-active{background: #FFFFFF;}
body header.is-active .head-info{box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);}
body header.is-active .head-info .head-nav .nav-ul>li>a ,body header.is-active .head-info .head-nav .nav-ul>li>em{color: var(--fontcolor);}}
@font-face{font-family:"Font Awesome 6 Pro";src:url(/js/42771/font/fa-light-300.woff2) format('woff2')}
.fas,.fa-solid,.fa-light,.fa-regular{font-family:"Font Awesome 6 Pro";font-weight:900;}
.fa,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin,.fad,.fa-duotone,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;}
.fa-link::before{content:"\f0c1";}
.fa-globe::before{content:"\f0ac";}
.fa-circle-info::before{content:"\f05a";}
.fa-file-lines::before{content:"\f15c";}
.newdetail-sort{padding:20px 30px;margin-bottom:10px;border:white 1px solid;border-radius:10px;box-shadow:1px 1px 8px gainsboro;display:flex;flex-wrap:wrap;margin:0 0 30px}
.newdetail-sort-pic{width:16%;padding:0 15px;max-width:140px}
.newdetail-sort-pic>p:first-child{display:none}
.newdetail-sort-info{width:84%;padding:0 15px;flex:1;}
.newdetail-sort .newdetail-sort-info a{color:var(--fontcolor)}
.newdetail-sort-info ul{padding:0!important}
.newdetail-sort-info ul li{list-style:none;margin:0 12px 0 0!important;}
.newdetail-sort-info ul li em{margin-right:3px}
.newdetail-sort-pic img{width:100px;height:60px;margin-top:4px;margin-bottom:10px;padding:10px 5px;border:white 1px solid;border-radius:10px;box-shadow:1px 1px 4px gainsboro;object-fit:contain}
.newdetail-sort-info .bold{font-size:16px;color:#000}
.newdetail-sort-info .company-tag{margin-left:6px;font-size:12px;font-weight:normal;border:1px solid gray;border-radius:6px;padding:2px 6px;box-shadow:rgba(0,0,0,0.1) 0 4px 12px;}
.company-information-icon{border:solid 1px white;border-radius:20px;padding:2px 5px 2px 0;background-color:white;color:#000;font-size:14px;}
.scroll-company-information a{font-size:14px;color:#000}
.scroll-company-information li{margin-right:6px!important}
.scroll-company-information{display:inline-block;padding:1px 30px 3px 0;margin:0;text-align:left;}
.scroll-company-information ul{flex-wrap:wrap}
li.scroll-company-information img{margin-right:4px;width:24px;height:17px;object-fit:contain;border:1px solid #DEE2E6;border-radius:4px;vertical-align:middle;}
.newdetail-sort-info h4{font-size:15px;margin-top:10px;margin-bottom:4px;color:#000;}
.newdetail-sort-info p{font-size:14px;line-height:20px;color:#000}
@media (max-width:768px){.newdetail-sort-pic{width:100%;padding:0;max-width:100%;}
.newdetail-sort-info{width:100%;padding:5px 0 0;}
.newdetail-sort{padding:15px}}
footer .right .foot-qrimg img:nth-child(2){margin-top:10px;}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>li>a {padding:0 13px}}
@media (max-width:1500px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize15)}}
@media (max-width:1350px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize13);padding:0 11px}
header .head-info .head-nav .nav-ul>li>em{right:-2px}}
@media (max-width:1200px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize12);padding:0 8px}}
@media (min-width:1024px){header .head-info .head-logo a{margin-left:20px}
header .head-info .head-logo img{max-height:unset}
}
@media (min-width:1025px){body header:not(.is-active){background:rgba(0 0 0 / 40%)}
body header:not(.is-active) .head-search button em{color:#fff}}
@media (min-width:1281px){.foot-item.foot-quick.mid{margin:0 3%}
.footer-bottom .main .mid>div.quick{width:20%}
.footer-bottom .main .mid>div.foot-pro{width:42%}
.footer-bottom .main .mid>div.foot-contact{width:28%}}
.footer-top{display:none}
.footertop{background:var(--hovercolor);text-align:center;padding:50px 0 0;color:#fff}
.footertop .l-wrap{position:relative;padding:0 0 50px;}
.footertop .l-wrap:after{content:'';width:calc(100% - 140px);height:1px;background:#aaa;position:absolute;bottom:0;left:70px}
.footertop-tit{font-size:38px;text-transform:uppercase;line-height:1.4}
.footertop-btn{margin-top:25px;display:flex;justify-content:center}
.footertop-btn a{background:#fff;color:var(--color);padding:10px 25px;margin:0 2%;border-radius:5px;min-width:160px;text-transform:capitalize;transition:.4s}
.footertop-btn a:hover{background:var(--color);color:#fff}
@media (max-width:1440px){.footertop-tit{font-size:32px}}
@media (max-width:1024px){.footertop-tit{font-size:27px}
.footertop .l-wrap:after{width:calc(100% - 30px);left:15px;}}
@media (max-width:768px){.footertop{padding:40px 0 0;}
.footertop .l-wrap{padding:0 0 40px;}
.footertop-tit{font-size:var(--fontsize22)}
.footertop-btn a{font-size:var(--fontsize14);padding:8px 15px;min-width:130px}}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>li .submenu li{height:40px;}
header .head-info .head-nav .nav-ul>li .submenu {z-index:2}}

/*header*/
@media (max-width:1024px){.head-nav .nav-ul>li .submenu li a{display:block;padding:8px 10px;height:auto;line-height:1.5;}}
header.is-active{background: var(--color);}
@media (min-width:1025px){
.head-nav .nav-ul>li>a::before{background: #fff;}
.head-nav .nav-ul>li:hover>a{color:#fff;}
.head-nav .nav-ul>li>a.inmenu_1{color:#fff !important}
body .head-nav .nav-ul>li>a.inmenu_1{color:#fff !important}
body .head-nav .nav-ul>li>a.inmenu_1::before{background:#fff !important}
body .head-left{margin-left:auto;margin-right:120px;color:var(--color)}
body .head-top .head-right .head-share .icon-share{color:var(--color)}
header.is-active .head-nav .search-box .head-search button em{color:#fff;}
.head-top .head-right .head-share ul{opacity: 1;visibility: unset;}  
.head-top .head-right .head-share{overflow: unset;}
.head-info .head-logo{flex-wrap:wrap}
.head-info .head-logo .head-left{width:100%;color:#fff;margin-top:-15px}
body header .head-info .head-nav .nav-ul>li>a,body header.is-active .head-info .head-nav .nav-ul>li>a, body header.is-active .head-info .head-nav .nav-ul>li>em{color: #fff;}
}
.head-nav .search-box .head-search button em{color:#fff}
@media (min-width:1501px){.head-nav .nav-ul>li>a{font-size:17px;margin:0 6px}}
@media (max-width:1650px) and (min-width:1441px){.head-nav .nav-ul>li>a{margin:0 2px}}
@media (max-width:1366px) and (min-width:1025px){.head-nav .nav-ul>li>a{font-size:13px}}
@media (max-width:1200px) and (min-width:1025px){.head-nav .nav-ul>li>a{font-size:12px}}
@media (max-width:1024px){header{background:var(--color);}}
@media (min-width:1025px){body{padding-top:130px;}
body .head-top{display:none}
body header{background:var(--color)}
body .head-info,header.is-active .head-info{height:130px;}
body .head-nav{max-width:55%;}
body .head-nav .nav-ul{flex-wrap:wrap;justify-content: flex-end;}
body header .head-info .head-nav .nav-ul>li{height:50%;}
body .head-info .l-wrap{padding-right:0}
body .head-nav .nav-ul>li#licontact-us{position: absolute;right:0;top:0;bottom:0;height:100%;background: #e88707;max-width:140px;}
body .head-nav .nav-ul>li#licontact-us>a{text-align: center;white-space: normal;}
body .head-nav .nav-ul>li>a::before{display:none;}
body .head-nav .search-box{margin-left:20px;}
body .head-nav .nav-ul>li:nth-child(n+6)>a{margin:0;}
#licontact-us .submenu {left:auto;right:0}}
@media (min-width:1025px) and (max-width:1700px){body .head-info .l-wrap{padding-right:150px;}
body .head-nav{max-width:55%;}
body .head-nav .nav-ul>li:not(#licontact-us)>a{padding:0 15px}
body .head-nav .nav-ul>li:not(#licontact-us):nth-child(n+6)>a{padding:0 10px;}}
@media (min-width:1025px) and (max-width:1366px){body .head-nav .nav-ul>li#licontact-us{max-width:125px}}
@media (min-width:1025px) and (max-width:1280px){body .head-nav .nav-ul>li:not(#licontact-us):nth-child(n+6)>a{padding:0 5px}}
.head-logo{display: flex;align-items: center;}
.head-logo .foot-share ul a{margin-bottom: 0;color: var(--headercolor);display: inline-flex;margin: 4px;width: 35px;height: 35px;background-color: #FFFFFF25;border-radius: var(--border);align-items: center;justify-content: center;transform: translateY(0);transition: all .2s linear;}
.head-logo .foot-share ul a:hover{background:var(--color)}
@media (min-width: 1025px) {body .head-nav .nav-ul {margin-right: 50px;}
body .head-nav .nav-ul:after{background: #fff;content: '';display: block;width: 35%;height: 1px;position: absolute;top:50%}}
/*@media (min-width:1025px){body:not(.index) .head-nav .nav-ul>li>a{font-size:var(--fontsize14);margin:0;color: #fff;}
body:not(.index) .head-logo a img{max-width:230px;}}
@media (min-width:1025px) and (max-width:1440px){body:not(.index) .head-nav .nav-ul>li>a{padding:0 6px;}
body:not(.index) .head-logo a img{max-width:190px;}}
@media (min-width:1025px) and (max-width:1366px){body:not(.index) .head-nav .nav-ul>li>a{font-size:var(--fontsize13)}
body:not(.index) .head-logo a img{max-width:160px;}}
@media (min-width:1025px) and (max-width:1280px){body:not(.index) .head-logo a img{max-width:130px;}
body:not(.index) .foot-share ul a{margin-right:5px;}}*/
@media (max-width:768px){.head-logo .foot-share{display:none}
}.applications .home-title{color:var(--fontcolor)}
@media(min-width:1025px){.head-info .head-logo .head-left{margin-left: 10px;}}
@media (min-width:1549px)and (max-width:1670px){body .head-nav .nav-ul{margin-right:80px}
}
.head-nav .nav-ul>li>ul{min-width: 260px;}

.head-left{display:flex;align-items:center;font-size:var(--fontsize14);font-weight:var(--fontbold3);color:var(--headercolor)}
.head-left .item{display:inline-flex;align-items:center}
.head-left .item:last-child{margin-left:20px}
.head-left .item em{margin-right:5px}
.head-left .item:hover{color:var(--color)}
.head-top .head-right{display:flex;flex-wrap:wrap;align-items:center}
.head-top .head-right .head-share{margin-right:10px;display:flex;align-items:center;position:relative;overflow:hidden}
.head-top .head-right .head-share .icon-share{display:none}
.head-top .head-right .head-share ul{padding:0px;list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;transition:all .1s linear;white-space:nowrap;}
@media (max-width:768px){.head-left{width:100%;flex-direction:column;margin-top:10px;align-items:flex-start;padding:10px 20px;color:var(--fontcolor)}
.head-left .item{margin-left:0px !important}}
.lang-icon img {width: 20px;}
@media (max-width:1024px){.lang{transition:all .2s linear;z-index: 99999999;}
.lang-icon img{width:26px;height: 26px;}}
header .head-info .head-nav .nav-ul>li>em{display:none}
header .head-info{box-shadow: none;}
header .head-info .head-nav .nav-ul>li:hover>a{color: #fff;}
.m-menu span{background: #fff;}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>.headnavli{display:flex}
header .head-info .head-nav .nav-ul>.headnavli>li{position:relative;height:100%}
header .head-info .head-nav .nav-ul>.headnavli>li>em{position:absolute;right:0px;top:50%;transform:translateY(-50%);font-size:var(--fontsize12)}
header .head-info .head-nav .nav-ul>.headnavli>li>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold5);padding:0px 20px;transition:all .1s linear;text-transform:capitalize;position:relative;white-space:nowrap}
header .head-info .head-nav .nav-ul>.headnavli>li:hover>em{color:var(--color)}
header .head-info .head-nav .nav-ul>.headnavli>li:hover>a{color:var(--color)}
header .head-info .head-nav .nav-ul>.headnavli>li:hover .submenu{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .1s linear;position:absolute;top:100%;left:0px;min-width:200px;background:#FFFFFF;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li{white-space:nowrap;position:relative;padding:0px 10px;height:55px}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li a{display:flex;align-items:center;font-size:var(--fontsize16);height:100%;color:var(--fontcolor);padding-right:30px;border-bottom:1px solid #eaeaea;text-transform:capitalize}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li ul li a{color:var(--fontcolor);text-transform:capitalize}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:var(--fontsize12)}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li ul{display:none}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li:hover{background:#F6F6F6}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li:hover ul{display:block;position:absolute;left:100%;top:0px;background:#FFFFFF;box-shadow:1px 2px 10px rgba(0,0,0,.1);min-width:200px}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu>li:hover>a,header .head-info .head-nav .nav-ul>.headnavli>li .submenu>li:hover>em{color:var(--color)}
header .head-info .head-nav .nav-ul>.headnavli> .submenu li:hover ul li:hover a,header .head-info .head-nav .nav-ul>.headnavli>li .submenu li:hover ul li:hover em{color:var(--color)}
header .head-info .head-nav .nav-ul>.headnavli>li>a.inmenu_1{color:var(--color)}
header .head-info .head-nav .nav-ul>.headnavli>li>em{display:none}
header .head-info .head-nav .nav-ul>.headnavli>li:hover>a{color: #fff;}
header .head-info .head-nav .nav-ul>.headnavli>li .submenu li{height:40px;}
body header .head-info .head-nav .nav-ul>.headnavli>li>a,body header.is-active .head-info .head-nav .nav-ul>.headnavli>li>a, body header.is-active .head-info .head-nav .nav-ul>.headnavli>li>em{color: #fff}}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>.headnavli>li>a {padding:0 13px}}
@media (max-width:1500px) and (min-width:1025px){header .head-info .head-nav .nav-ul>.headnavli>li>a{font-size:var(--fontsize15)}}
@media (max-width:1350px) and (min-width:1025px){header .head-info .head-nav .nav-ul>.headnavli>li>a{font-size:var(--fontsize13);padding:0 11px}
header .head-info .head-nav .nav-ul>.headnavli>li>em{right:-2px}}
@media (max-width:1200px) and (min-width:1025px){header .head-info .head-nav .nav-ul>.headnavli>li>a{font-size:var(--fontsize12);padding:0 8px}}

/*header*/
header.is-active {background: var(--hovercolor);}

@media (min-width:1025px){header.is-active .head-info .head-logo img.logo-2{display:block}
header.is-active .head-info .head-logo img:not(.logo-2){display:none}
header .head-info .head-logo img.logo-2{display:none}
header.head-info .head-logo img:not(.logo-2){display:block}
header .head-info .head-nav .nav-ul li .head-lang{height: 100%;}
li#linewslist-1 ul,li#lisupport ul{z-index:2;}
.head-lang{margin-right:30px;margin-left:auto}
.head-info .head-logo .head-left{display:none;}}
@media (min-width:1281px){body .head-nav{max-width:50%}}
@media (max-width:1500px) and (min-width:1025px){header .head-info .head-logo img {height:150px}}
@media (max-width:1280px) and (min-width:1025px){header .head-info .head-logo img {height:110px}}
@media (max-width:1150px) and (min-width:1025px){.head-lang{display:none}
body .head-nav{max-width:60%}}
.wmpage221-page1 .wmpage221-page1-btn a,.home-product .l-wrap .product .pro-list .item .text .btn::after,.footertop-btn a:hover,.news-item-slide:hover .news-item-read::after,.wmpage221-page1 .wmpage221-page1-btn a,.home-product .l-wrap .product .pro-list .item .text .btn::after,.footertop-btn a:hover,.news-item-slide:hover .news-item-read::after,footer .gotop,.product .page-container .product-catelist .product-cateitem:hover .cate-info .cate-more,.sidebar .categories .menu-item.active>a,.sidebar .wmkcfeedback .send-btn,.wmkcfeedback .send-btn,.news .wrap-r .news-list li:hover .info .more-btn,.email-subscription button,.common-page>.ctxt,.sidebar .mod ul li:hover>a{
   background: #033460 ;
}
.pro-main.t5ml-m2-t6m-m3-series .sidebar{display:none}
#wmkc .wmkc-content-box{width:280px;transform:translateY(-50%) translateX(360px)}
#wmkc .wmkc-content-box.is-active{transform:translateY(-50%) translateX(0);}
#wmkc:hover .wmkc-content-box{transform:translateY(-50%) translateX(0);}
#wmkc .wmkc-icon:before{content:"\e638";font-family:"iconfont" !important;font-style:initial}
#wmkc .wmkc-whatsapp .wmkc-icon:before{content:"\e97b";}
#wmkc .wmkc-email .wmkc-icon:before{content:"\e684";}
#wmkc .wmkc-wechat .wmkc-icon:before{content:"\e66b";}
#wmkc .wmkc-list>li i{display:flex;align-items:center;justify-content:center;}
#wmkc .wmkc-list>li i:before{font-size:var(--fontsize22);}
#wmkc .wmkc-whatsapp .wmkc-icon{color:#25d366;background:none}
#wmkc .wmkc-email .wmkc-icon{color:#f90;background:none}
#wmkc .wmkc-wechat .wmkc-icon{color:#07c160;background:none}