.service>.l-wrap{max-width:100%;padding:0;}
@media (min-width:1025px){body{padding-top:151px}
header{background:#1a1414}}
.pagesbanner .pagesbanner-animate{max-width:1540px;padding:0 70px;text-align:left;top:50%}
.banner-inner img{min-height:inherit;height:auto}
.pagesbanner .pagesbanner-animate .p1{font-weight:var(--fontbold7);font-size:42px;line-height:1.8}
.pagesbanner .pagesbanner-animate .p1 span{color:var(--color)}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2.65vw}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{padding:0 15px}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20);line-height:1.4}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize14)}}
.service1{position:relative;margin:2% 0 7%}
.service1:before{content:'';width:calc(100% - 165px);height:80%;background:#ffeee6;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.service1 .service1-bg{width:100%;height:80%;background:url(https://css02.v15cdn.com/m614/imgs/service1.webp) no-repeat;background-position:100% 100%;opacity:.45;position:absolute;top:50%;transform:translateY(-50%);right:0}
.service1:after{content:'';width:165px;height:165px;background:#ffeee6;display:block;position:absolute;left:0;top:90%}
.service1 .l-wrap,.service2 .l-wrap{z-index:2;position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.service-title{font-size:var(--fontsize24);font-weight:var(--fontbold7);line-height:1;margin-bottom:30px}
.service-des{color:var(--introcolor);font-size:var(--fontsize16)}
.service-line{position:absolute;top:0;left:0;width:4px;height:100%;display:block;background:#fff6f2}
.service-line::before{content:'';z-index:2;width:4px;height:60px;display:block;background:var(--color)}
.service1 .ser1-left{width:48%}
.service2 .ser2-left{width:46.7%}
.service1 .ser1-right,.service2 .ser2-right{width:48%;position:relative;padding-left:30px}
.swiper-pagination-bullet{background:#855433;opacity:1}
.swiper-pagination-bullet-active{background:var(--color);opacity:1}
.service3{margin:5% 0;padding:5% 0;background:url(https://css02.v15cdn.com/m614/imgs/service3-bg.webp) no-repeat center/cover}
.service3 .service3-top{display:flex;align-items:flex-end;justify-content:space-between}
.service3 .service3-top .right{position:relative;padding-right:30px;text-align:end}
.service3 .service-des{margin-left:auto;max-width:64%}
.service3 .service3-btn{display:flex;width:110px;align-items:center;justify-content:space-between}
.service3 .service3-btn>div{background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;width:45px;height:45px;font-weight:var(--fontbold7);cursor:pointer;transition:all .3s}
.service3 .service3-btn>div:hover{background:var(--color);color:#fff}
.service3 .service3-btn>div em{font-size:var(--fontsize18)}
.service3 .service-line{left:auto;right:0}
.service3 .service3-bot{margin-top:3.5%}
.service3Swiper .img{overflow:hidden}
.service3Swiper .img img{width:100%;display:block;transition:all .3s}
.service3Swiper .img:hover img{transform:scale(1.05)}
.service3Swiper .swiper-pagination{display:none}
.service4{margin-bottom:2%;}
.service4 .service-title{text-align:center;padding-bottom:25px;position:relative}
.service4 .service-title:after{content:'';width:60px;height:3px;display:block;background:var(--color);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.service4 .service4-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3.5%}
.service4 .service4-list .item{width:24%;background:#f6f6f6;padding:30px}
.service4 .service4-list .item em{font-size:50px;color:var(--color);display:inline-block;transition:all .3s}
.service4 .service4-list .item .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6);position:relative;margin-bottom:20px;padding-bottom:20px}
.service4 .service4-list .item .art{font-size:var(--fontsize16);color:var(--introcolor)}
.service4 .service4-list .item .tit:after{content:'';width:calc(100% + 30px);height:2px;background:#e7e7e7;display:block;position:absolute;bottom:0}
.service4 .service4-list .item:nth-child(odd){background:var(--color)}
.service4 .service4-list .item:nth-child(odd) .art,.service4 .service4-list .item:nth-child(odd) .tit,.service4 .service4-list .item:nth-child(odd) em{color:#fff}
.service4 .service4-list .item:nth-child(odd) .tit:after{background:#fff}
.service4 .service4-list .item:hover em{transform:rotateY(360deg)}
@media (max-width:1600px){.service1:before{width:calc(100% - 75px)}
.service1:after{width:75px;height:75px}
.service1{margin-bottom:4%}}
@media (max-width:1440px){.service1:before{width:calc(100% - 60px)}
.service1:after{width:60px;height:60px}
.service3 .service-des{max-width:810px}}
@media (max-width:1024px){.service1:before{height:95%}
.service-title{margin-bottom:20px}
.service4 .service4-list .item{width:49%;margin-bottom:15px}}
@media (max-width:768px){
.service1{margin-top:20px;margin-bottom:50px;}
.service1 .ser1-left,.service1 .ser1-right{width:100%}
.service1:after,.service1:before{display:none}
.service1 .ser1-left img,.service2 .ser2-left img{width:100%;display:block}
.service1 .ser1-right,.service2 .ser2-right{margin-top:25px}
.service2 .l-wrap{flex-direction:column-reverse}
.service2 .ser2-left,.service2 .ser2-right{width:100%}
.service3{margin:50px 0;padding:50px 0;}
.service3Swiper{padding-bottom:50px;}
.service3 .service3-bot{margin-top:20px;}
.service3Swiper .swiper-pagination{display:block;}
.service3 .service3-top{flex-direction:column-reverse}
.service3 .service-des{max-width:100%}
.service3 .service3-top .right{margin-bottom:20px}}
@media (max-width:500px){.service-des,.service4 .service4-list .item .art{font-size:var(--fontsize14)}
.service1 .ser1-right,.service2 .ser2-right{padding-left:15px}
.service-title{font-size:var(--fontsize22);margin-bottom:10px}
.service4 .service-title{padding-bottom:20px}
.service4 .service4-list{margin-top:20px;}
.service4 .service4-list .item{padding:10px;width:100%}
.service4 .service4-list .item em{font-size:36px}
.service4 .service4-list .item .tit{margin-bottom:10px;padding-bottom:10px}}