@charset "utf-8"; 
:root {--fontfamily: "Barlow", sans-serif;}
.details-tit{margin-bottom:25px}
.prodetails-bref .table-responsive{margin:0}
.newsdetails-cont p{margin-bottom:2px}
.touch-list li a{color:#fff}
.latestnews-img{width:140px;height:auto}
.aboutus-box p:not(.secondary-tit){margin:2px 0}
#info+img{width:100%;margin-top:40px}
#info{background-position-y:30%}
#news{padding-top:80px}
#projects .l-wrap{padding:0}
.home-projects-list ul{display:flex;flex-wrap:wrap}
.home-projects-list ul li{width:50%;display:flex;flex-wrap:wrap}
.home-projects-list ul li .project-img{position:relative;width:58%}
.home-projects-list ul li .project-img.lazy-loaded .load{display:none}
.home-projects-list ul li .project-img img{height:100%;width:100%;object-fit:cover;position: absolute;}
.home-projects-list ul li .project-intro{flex:1;background:#0b2d4d;padding:40px;font-family:Arial,Helvetica,sans-serif}
.home-projects-list .project-intro .project-tit{font-size:24px;margin-bottom:14px}
.home-projects-list .project-intro p{font-size:14px;line-height:20px;text-transform: initial;}
.home-projects-list .project-intro .more-btn{color:#fff;margin-top:32px;padding:0;text-transform: initial;}
.home-projects-list .project-intro .more-btn:hover{padding:0}
.home-projects-list .project-intro .more-btn:before{display:none}
.home-projects-list ul li .project-intro:hover{background:#d0e1df;transition:background 0.2s}
.home-projects-list ul li .project-intro:hover p,.home-projects-list ul li .project-intro:hover .more-btn{color:#000}
@media (max-width:1024px){.home-projects-list ul li .project-img{width:100%}
.home-projects-list ul li .project-intro{padding:15px}
.home-projects-list .project-intro .more-btn{margin-top:20px}}
#product .pro-list li .pro-img .lazy-wrap::before{content:'';background:#00000040 url(../images/video-btn.png) center center no-repeat;width:100%;height:100%;position:absolute;z-index:1}
#info>img{width:100%;display:block}
#info{position:relative;padding:0;background:none}
#services .services-left{width:63%;}
#services .services-right{width:37%}
#services{overflow:visible}
#services .l-wrap{padding:0}
.services-left{box-shadow:0px 5px 10px rgb(118 153 200 / 42%)}
#services .l-wrap{justify-content:flex-end}
#services .services-left{background:#fff;text-align:center;padding-top:30px}
.sertitle{display:inline-block;width:70%;position:relative;margin-bottom:10px;border:1px solid #000}
.sertitle span{display:block;font-size:25px;padding:5px 0;position:relative;z-index:1}
.sertitle:before{content:'';width:calc(100% + 2px);height:26px;background:#fff;position:absolute;left:-1px;top:50%;margin-top:-13px}
.sertitle:after{content:'';height:calc(100% + 2px);width:20px;background:#fff;position:absolute;left:50%;top:-1px;margin-left:-10px}
#services .services-right{padding:20px;background-color:#7299C9;color:#fff;font-family:Arial,Helvetica,sans-serif}
#services .services-right .services-tit{font-size:26px;text-align:center;margin-bottom:10px;font-weight: var(--fontbold7);}
#services .services-right .services-tit.services-tit2{margin-top:20px}
#services .services-right p{font-size:18px;margin-bottom:10px}
@media (min-width:1025px) and (max-width:1366px){#services .services-right .services-tit{font-size:22px;}
#services .services-right p{font-size:17px;}}
@media (max-width:1024px){#services .services-left,#services .services-right{width:100%}
#services .services-left img{transform:none}
#services .services-right{padding:15px}
#services .services-right .services-tit{font-size:24px}
#services .services-right p{font-size:14px}
#services .services-left{margin:0}}
@media (max-width:640px){.sertitle{width:80%}
.sertitle span{font-size:20px}}.home-projects-list ul li .project-intro
#projects .home-label{color:#fff}
#projects .home-label::before,#projects .home-label::after{background-color:#fff}
#info .info-cont .info-des{text-transform:capitalize;margin-bottom:8px}
@media (max-width:900px){#info{padding:50px 0}
#info>img{position:absolute;width:100%;height:100%;object-fit:cover;top:0}
#info .l-wrap{position:relative}
#info .info-cont .info-des{text-align:left}}
@media (max-width:540px){#info{padding:30px 0}
#info .info-cont .info-des{font-size:14px}}
.home-projects-list .project-intro .project-tit{font-size:22px;line-height:25px;text-transform: initial;}
.wmkc-template-8 .wmkc-bg-darkblue-light{background:#072f4e!important}
.wmkc-template-8{margin-bottom:20px}
@media (min-width:1025px){.head-contact em,.head-contact>a:hover {color:#fff;}
.head-contact>a {font-size:16px;}
.head-top {height:50px;}
.head-top .l-wrap {height:100%;}}
.head-top{background:#7299c9}
.head-top .l-wrap{flex-direction:row-reverse}
.head-contact>a:nth-child(2):before{content:'WeChat/WhatsApp:';margin-right:3px}
header .l-wrap{max-width:1350px}
.pro-detail .pro-detail-content .pro-detail-box {max-width:1200px;margin:0 auto}
@media (min-width:1025px) {
.head-menu-box nav>ul{justify-content:center}
.head-menu-box nav>ul>li>a{font-weight: bold;}
.share-link ul a i{font-size: var(--fontsize22);}
.head-contact>a{font-size: var(--fontsize18);}
.head-contact em{font-size: var(--fontsize22);}
.head-menu-box nav>ul>li>a.inmenu_1,.head-menu-box nav>ul>li>a:hover{background: #7299c9;color: #fff;}
.head-share{display: flex;align-items: center;}}

@media (max-width:768px){.head-menu-box nav>ul>li#liInfo>a{background:var(--color);color: #fff;padding: 12px 5px;}}
@media (min-width:1024px) {.head-menu-box nav>ul>li#liInfo>a{font-size:var(--fontsize20);background:var(--color);color:#fff;height:auto;padding:4px 10px}
.head-menu-box nav>ul>li#liInfo{display:flex;align-items:center;justify-content:center}}
@media (min-width:1025px){#liInfo>a{position:relative;}
#liInfo>a:before{content:'';width:30px;height:30px;position:absolute;background:url(../images/p202509151133090c7bd.png) no-repeat center;background-size:100%;top:-17px;left:-10px;}}
#liorder-tracking{display: none;}
#wmkc .wmkc-wechat-img{width:180px}
#wmkc .wmkc-wechat-img img{width:100%;}
body #wmkc{transform: translateY(-50%) scale(1.2);right: 10px;}
.common-main article .news-title .col {color:red}
.pro-detail .pro-detail-content .tabs-nav .tab1{display: inline-block;font-size: var(--fontsize24);color: var(--headercolor);background: var(--color);font-weight: var(--fontbold5);padding: 15px;position: relative;text-transform: capitalize;cursor: pointer;}
.tabs-cont .tabs-item .order-tracking-wrap{display: none;}
.tabs-cont .tabs-item .order-tracking-wrap.active{display: block;}
.tabs-cont .tabs-item .description-wrap{display: none;}
.tabs-cont .tabs-item .description-wrap.active{display: block;}
footer .foot-intro{text-align:center;}
@media (min-width:1461px){footer .foot-intro{font-size:20px;}}
footer .foot-main .foot-item.foot-contact li span,footer .foot-main .foot-item.foot-contact li a{color: #fff !important;}
footer .foot-main .foot-item.foot-contact li{display: unset; }