.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;}

.home-banner .indexbanner-text{text-align:center;line-height: 1.1;display:flex;flex-direction: column;align-items: center;}
.home-banner .indexbanner-text .des1{color:#51A3C9;border:1px solid #eee;border-radius: 30px;padding:5px 10px;font-size: 0.8vw;}
.home-banner .indexbanner-text .tit{font-weight: var(--fontbold7);color:#3f3b3b;font-size:4vw;margin:1% 0;}
.home-banner .indexbanner-text .tit .span1{color:#51A3C9}
.home-banner .indexbanner-text .tit .span2{color:#D9A362;font-style: italic;}
.home-banner .indexbanner-text .des2{color:#49687D;font-size:1.2vw;max-width:38%;line-height: 1.4;}
.home-banner .indexbanner-text .des2 span{color:#fff;}
.home-banner .indexbanner-text .morebox{display:flex;justify-content: center;margin-top:2%;}
.home-banner .indexbanner-text .morebox a{transition: all .3s;padding:3% 5%;white-space: nowrap;border-radius: 5px;color:#fff;border:1px solid #50A6C7;font-size:1.2vw}
.home-banner .indexbanner-text .morebox a:hover{background: #50A6C7;}
.home-banner .indexbanner-text .morebox a:nth-child(1){background: #50A6C7;margin-right:2%}
.home-banner .indexbanner-text .morebox a:nth-child(1):hover{background:none;}
@media (max-width:768px){.home-banner .indexbanner-text .des1,.home-banner .indexbanner-text .morebox a{font-size:12px;}
.home-banner .indexbanner-text .tit{font-size:30px;}
.home-banner .indexbanner-text .des2{display: none;}}
@media (max-width:600px){.home-banner .indexbanner-text .des1{display:none;}
.home-banner .indexbanner-text .morebox a{font-size:12px;padding:5px 10px;}
.home-banner .indexbanner-text .tit{font-size:18px;}}

.container{width:1200px;margin:0 auto;text-align:center}
h2{font-size:32px;margin:0 0 12px;font-weight:700}
.subtitle{font-size:16px;color:#666;margin-bottom:48px}
.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.card{width:282px;background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;text-align:left}
.image-box{height:160px;background:#eee;position:relative;cursor:pointer;overflow:hidden}
.image-box img{width:100%;height:100%;object-fit:cover}
.image-box input{display:none}
.tag{position:absolute;top:12px;left:12px;background:#0c2340;color:white;padding:4px 8px;font-size:10px;font-weight:700;z-index:2}
.upload{height:100%;display:flex;align-items:center;justify-content:center;color:#888;font-size:12px}
.content{padding:18px}
.content h3{margin:0 0 10px;font-size:15px}
.content p{margin:0;font-size:13px;color:#555;line-height:1.55}
.home-bot {padding:4% 0;background:url(/uploads/17700/page/p20260720155902ccc2b.jpg) no-repeat center;background-size:cover;position:relative}
.home-bot:before {content:'';width:100%;height:100%;background:#054D83;position:absolute;top:0;left:0;opacity:.75}
.home-bot .l-wrap {position:relative;color:#fff;text-align:center}
.bottitle {font-size:40px;font-weight:500;margin-bottom:5px}
.home-bot p {color:#ccc;}
.botbtn {display:flex;justify-content:center;margin-top:20px;gap:20px}
.botbtn a:first-child {color:#2abcd8;border-radius:5px;padding:10px 30px;background:#ffffff44;transition:.3s}
.botbtn a:nth-child(2) {background:var(--color);border-radius:5px;padding:10px 30px;transition:.3s}
.botbtn a:first-child:hover{background:var(--color);color:#fff}
.botbtn a:nth-child(2):hover{color:var(--color);background:#fff}
@media (max-width:768px){.home-bot {padding:40px 0 50px;}
.bottitle {font-size:30px;}
.botbtn {gap:15px}
.botbtn a:first-child {padding:7px 20px;}
.botbtn a:nth-child(2) {padding:7px 20px;}}
@media (max-width:500px){.botbtn {flex-wrap:wrap}
.botbtn a:first-child {min-width:280px}
.botbtn a:nth-child(2) {min-width:280px}}
.home-module1,.home-module2,.home-module3,.home-module4,.home-module5,.home-module6,.home-module7{padding-left:15px!important;padding-right:15px!important}
@media (max-width:768px){.home-module3>div>div:nth-child(3){gap:20px!important}
.home-module3>div>div:nth-child(3)>div{width:calc(50% - 10px)!important}
.home-module4>div>div:nth-child(3){flex-wrap:wrap!important}
.home-module4>div{padding:0!important}
.home-module4>div>div:nth-child(3)>div{width:100%!important}
.home-module5>div>div:nth-child(2){gap:20px!important}
.home-module5>div>div:nth-child(2)>div{width:calc(50% - 10px)!important}}
@media (max-width:500px){.home-module3>div>div:nth-child(3)>div{width:100%!important}}