﻿.flex-jc-ai-sb {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.home-dingzhi{padding:4% 0;background:no-repeat top;background-size:cover;background-image:url(https://css02.v15cdn.com/m438/imgs/homedingzhibg.webp)}
.home-dingzhi .dingzhi-label{font-weight:var(--fontbold6);font-size:var(--fontsize18);color:var(--color);text-transform:uppercase;margin-bottom:10px}
.home-dingzhi .dingzhi-con{width:46%}
.home-dingzhi .dingzhi-con .home-label{text-align:left}
.home-dingzhi .dingzhi-con .home-label:after{display:none}
.home-dingzhi .dingzhi-con .home-title{text-align:left}
.home-dingzhi .dingzhi-con .dingzhi-des{color:#656567;margin-top:20px}
.home-dingzhi .dingzhi-con .more-btn{border-radius:0px;padding:10px 18px;border-bottom:1px solid var(--color);margin-top:40px;margin-right:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);transition: all 0.2s linear;}
.home-dingzhi .dingzhi-con .more-btn:hover{background-color: var(--color);color: #fff;border-radius: 5px;}
.home-dingzhi .dingzhi-con .more-btn em{margin-left:6px;transition: all 0.2s linear;}
.home-dingzhi .dingzhi-con .more-btn.btn1{background:var(--color);color:#fff;padding:10px 20px;min-width:180px;border-radius:5px}
.home-dingzhi .dingzhi-con .more-btn.btn1:hover em{transform: translateX(4px);}
.home-dingzhi .dingzhi-con .more-btn:hover{border-color:var(--color)}
.home-dingzhi .dingzhi-img{width:50%;position:relative;z-index:1}
.home-dingzhi .dingzhi-img img{border-radius:10px}
.home-dingzhi .dingzhi-img .lazy-wrap::after{padding-bottom:0}

@media screen and (max-width:1024px){
.home-dingzhi{padding:40px 0}
.home-dingzhi .dingzhi-img{width:100%}
.home-dingzhi .dingzhi-con{width:100%;padding-top:25px;padding-left:0}}
@media (max-width:900px){.home-dingzhi{padding:0}
.home-dingzhi .l-wrap{flex-direction:column;padding-bottom:20px}
.home-dingzhi .dingzhi-con{width:100%;padding:5% 0}
.home-dingzhi .dingzhi-con .more-btn{margin-top:30px}
.home-dingzhi .dingzhi-img{width:100%}}
.home-service .swiper-slide .img img {display:block;aspect-ratio:1/1;object-fit:cover}

@media (min-width:1025px) {.home-service .box .serviceswiper-pagination{display: none;}
#serviceswiper .swiper-wrapper{transform: initial!important;justify-content: space-between;}
#serviceswiper .swiper-slide{width: 19%!important;margin: 0!important;}}
.home-icon{background:var(--color);text-align:center;text-transform:uppercase;margin-bottom:10px;width:30px;height:3px;display:flex}
.home-about2{padding:5% 0 0;position:relative}
.home-about2 .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-about2 .aboutinfo{width:50%}
.home-about2 .aboutinfo .home-title{text-align:left}
.home-about2 .aboutinfo p{margin:1em 0;color:var(--introcolor)}
.home-about2 .aboutinfo .more{font-size:var(--fontsize18);font-weight:var(--fontbold5);height:50px;color:var(--color);display:inline-flex;align-items:center;margin-top:10px;border-radius:10px;transition:all .2s linear}
.home-about2 .aboutinfo .more:hover{background:var(--color);padding:0px 20px;color:#FFFFFF}
.home-about2 .aboutinfo .more em{margin-left:10px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;font-size:12px;background:var(--color)}
.home-about2 .aboutimg{flex:1;padding-left:3%;overflow:inherit}
.home-about2 .aboutimg img{transition:all .1s linear}
.home-about2 .aboutimg img:hover{transform:scale(1.02) rotate(1deg)}
@media (max-width:768px){.home-about2{padding:50px 0 0}
.home-about2 .l-wrap{flex-direction:column}
.home-about2 .aboutinfo{width:100%}
.home-about2 .aboutinfo .more{margin-top:0px}
.home-about2 .aboutimg{width:100%;padding:0px;margin-top:20px}}

.home-choose .img-box{padding:0;aspect-ratio:auto;border-radius:0;}
.home-choose .img-box::before{display:none}
.home-choose .img-box img{width:100%;display:block;max-width:100%;border-radius:initial}
.home-our{padding:4% 0;}
.home-our .home-des{max-width:100%;margin-bottom:20px;}
@media (max-width:768px){.home-our{padding:40px 0;}}

@media (min-width:769px){.home-choose .left{width:40%}
.home-choose .img-box{width:58%;}}
.home-choose .left{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-choose .item{margin:10px 0;}
.home-choose .item .info{padding-top:0;}
@media (max-width:500px){.home-choose .img-box{max-width:100%;}}