﻿.service>.l-wrap{padding:0;margin:0 auto;max-width:100%}
.service .page-main{padding:0}
.modtitle{font-weight:var(--fontbold6);font-size:var(--fontsize42);color:#111;line-height:1.25}
.modulehead{text-align:center}
.modtext{color:#555;line-height:30px;margin-top: 25px;}
.modback{background:#f5f5f5}
.margintop{margin-top:50px}
.padding2{padding:5.5% 0}
.padding{padding:5% 0}
.bannercard{position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bannercard .p1{color: #fff;}
.bannerdev{width: 100px;height: 3px;background: var(--color);margin-top: 20px;}
.bannercard .p2{color: #fff;margin-top: 20px;}
.modulebtn{display: flex;margin-top: 25px;}
.modulebtn a{border-radius: 6px;padding: 20px 25px;line-height: 1;background: var(--color);color: #fff;}
.modulebtn a em{transition: all .3s ease-in-out;}
.modulebtn:hover a{color: #fff;}
.modulebtn a:hover{text-decoration: unset;}
.modulebtn a:hover em{margin-left: 10px;} 
.bannertext{position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bannertext .line{width: 100px;height: 3px;background: var(--color);display: flex;margin-top: 25px;}
.bannertext .p1{color: #fff;}
.bannertext .p2{color: #fff;margin-top: 20px;}
@media (max-width:1640px) {.modtitle{font-size: var(--fontsize32);}}
@media (max-width:1440px) {.modtitle{font-size: var(--fontsize28);}
.padding2{padding:4% 0}
.padding{padding:3.5% 0}
.margintop{margin-top:40px}}
@media (max-width:1280px) {.modtitle{font-size: var(--fontsize26);}}
@media (max-width:1024px) {.modtitle{font-size: var(--fontsize24);}
.padding2{padding:5% 0}
.padding{padding:4% 0}
.margintop{margin-top:30px}}
@media (max-width:768px) {.modtitle{font-size: var(--fontsize22);}
.modtext{line-height:26px}
.padding2{padding:6% 0}
.padding{padding:5% 0}}
@media (max-width:550px) {.padding2{padding:7% 0}
.padding{padding:6% 0}
.margintop{margin-top:25px}}

.module1 .l-wrap{display:flex;align-items:center;gap:60px}
.module1 .img{width:48%;border-radius:8px;overflow:hidden}
.module1 .info{flex:1}
.module1 .info .text{margin-top:35px}
.module1 .info .text p{color:#555;line-height:30px;margin-bottom:10px}
.module2-item{display:flex;align-items:center;gap:60px}
.module2-img{width:48%;aspect-ratio:4/3;border-radius:8px;overflow:hidden}
.module2-img img{width:100%;height:100%;object-fit:cover}
.module2-info{flex:1}
.module2-info .text{margin-top:25px;color:#555;line-height:30px}
.module2-info .tit{font-weight:var(--fontbold6);color:#001;line-height:1;margin-top:20px;margin-bottom:10px}
.module2-info ul li{color:#555;line-height:30px;display:flex;align-items:center}
.module3-contant{display:flex;gap:30px;margin-top:45px}
.module3-item{flex:1;background:#fff;box-shadow:0 3px 0 0 #009b4d;border-radius:6px;overflow:hidden}
.module3-item .info{padding:35px 30px}
.module3-item .info .tit{font-weight:var(--fontbold6);font-size:var(--fontsize20);color:#000;line-height:30px}
.module3-item .info ul{margin-top:20px}
.module4-item{display:flex;position:relative;z-index:2}
.module4-item::after{position:absolute;content:'';width:100%;height:100%;background:var(--color);opacity:.06;top:0;z-index:-1;left:0}
.module4-img,.module4-info{width:50%}
.module4-info{display:flex;flex-direction:column;justify-content:center;padding:20px 60px}
.module4-head{display:flex;gap:30px;align-items:baseline;margin-bottom:30px}
.module4-head .title{font-weight:700;font-size:36px;color:var(--color);line-height:50px;padding-bottom:30px;position:relative}
.module4-head .title::after{position:absolute;content:'';width:100px;height:4px;background:var(--color);left:0;bottom:0}
.module4-head .icon{display:flex}
.module4-head .icon em{font-size:42px;width:42px;line-height:1;color:var(--color);transform:translateY(30px)}
.module4-contant p{color:#555;line-height:30px}
.module4-contant ul{margin-top:15px}
.module4-contant ul li{color:#555;line-height:30px}
@media (max-width:1640px) {
    .module4-head .title{font-size: 26px;line-height: 1.25;}
}
@media (max-width:1280px) {
    .module2-item,.module1 .l-wrap{gap: 40px;}
    .module2-info .text{margin-top: 10px;}
    .module3-item .info{padding: 20px 15px;}
    .module4-head .title{font-size: 24px;}
}
@media (max-width:1024px) {
    .module1 .l-wrap{flex-direction: column;}
    .module1 .img{width: 100%;}
    .module1 .img img{width: 100%;}
    .module4-info{padding: 10px 25px;}
    .module4-head .title{padding-bottom: 15px;}
    .module4-head{margin-bottom: 15px;gap: 15px}
    .module4-img img{width: 100%;height: 100%;object-fit: cover;}
}
@media (max-width:768px) {
    .module2-img{width: 100%;}
    .module2.modback .module2-item{flex-direction: column-reverse;}
    .module2 .module2-item{flex-direction: column;}
    .module3-contant{flex-wrap: wrap;}
    .module3-item {flex: auto;width: 100%;}
    .module3-item .img img{width: 100%;}
    .module4-item{flex-direction: column-reverse;}
    .module4-item:nth-of-type(2n){flex-direction: column;}
    .module4-info {padding: 20px 25px;width: 100%;}
    .module4-img{width: 100%;}
}