﻿.b2b-module{display:flex;align-items:center;justify-content:space-between;margin:80px auto;background:#ffffff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.08);}
.b2b-module .b2b-image{width:45%;position:relative;}
.b2b-module .b2b-image img{width:100%;height:100%;object-fit:cover;display:block;}
.b2b-module .b2b-image::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,133,158,0.25),transparent);}
.b2b-module .b2b-content{width:55%;padding:60px 50px;}
.b2b-module .tagline{color:#00859E;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;font-weight:500;}
.b2b-module h2{font-size:36px;font-weight:300;color:#1E2A2E;margin-bottom:18px;line-height:1.3;font-weight:500}
.sub-text{color:#6b6b6b;font-size:16px;line-height:1.8;margin-bottom:30px;}
.b2b-module ul{padding:0;margin:0;list-style:none;}
.b2b-module li{margin-bottom:14px;padding-left:26px;position:relative;color:#444;line-height:1.6;}
.b2b-module li::before{content:"✓";position:absolute;left:0;color:#00859E;font-weight:bold;}
.b2b-module li strong{font-weight:500}
.b2b-module .btn-contact{display:inline-block;margin-top:35px;padding:14px 34px;background:#00859E;color:#fff;text-decoration:none;border-radius:999px;font-weight:500;transition:0.3s;box-shadow:0 10px 30px rgba(0,133,158,0.25);}
.b2b-module .btn-contact:hover{transform:translateY(-2px);background:#00738a;}
@media (max-width:1250px){.b2b-module{margin:80px 0}}
@media (max-width:1024px){.b2b-module{flex-wrap:wrap}
.b2b-module .b2b-image{width:100%}
.b2b-module .b2b-content{width:100%;padding:40px}}
@media (max-width:768px){.b2b-module{margin:40px 0}
.b2b-module .b2b-image{width:100%}
.b2b-module .b2b-content{width:100%;padding:25px 15px}
.b2b-module .tagline{margin-bottom:10px}
.b2b-module h2{font-size:var(--fontsize26)}
.sub-text{margin-bottom:20px}
.b2b-module .btn-contact{padding:14px 20px;margin-top:10px}}
@media (min-width:1025px){.home-who .l-wrap>div:nth-child(2){flex-wrap:nowrap!important}
.home-who .l-wrap>div:nth-child(2)>div{min-width:inherit!important}}
@media (max-width:768px){.home-who h2{font-size:var(--fontsize26)!important}
.home-who{padding:40px 0!important}
.home-who .l-wrap>div:nth-child(1){margin-bottom:20px!important}
.home-who .l-wrap>div:nth-child(3){margin-top:35px!important}}
.home-procate{padding-bottom:4%}
.home-procate .catelist{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-procate .catelist .cateitem{width:19%;margin-top:2%;}
.home-procate .catelist .cateitem .imgbox{overflow: hidden;}
.home-procate .catelist .cateitem .imgbox img{width:100%;display:block;transition: all .3s;}
.home-procate .catelist .cateitem .catetit a{display:block;text-align:center;padding:10px 0 0;font-weight:var(--fontbold7);width:100%;transition: 
all .3s;}
.home-procate .catelist .cateitem:hover .imgbox img{transform: scale(1.03);}
.home-procate .catelist .cateitem:hover .catetit a{color:var(--color)}
@media (max-width:768px){.home-procate{padding-bottom:40px}
.home-procate .catelist .cateitem{width:49%;}}
@media (min-width:768px) {
.home-service .service-flex .right .list li .img{height: 60px;width: 60px;margin: auto;}}
.home-title,.home-service .service-flex .title,.home-service .service-flex .title span,.home-about .aboutflex .aboutinfo .title,.home-contact p{font-size:36px;margin-bottom:18px;line-height:1.3;font-weight:500}
@media (max-width:768px){.home-title,.home-service .service-flex .title,.home-service .service-flex .title span,.home-about .aboutflex .aboutinfo .title,.home-contact p{font-size:var(--fontsize26)}}
.home-about .aboutflex .aboutimg{aspect-ratio: initial;}
.home-about .aboutflex{align-items: center;}