.regard-box{padding:80rem 0;}
.regard-content:after{display:block; content:''; clear:both;}
.regard-name{float:left; width:60%; padding-right:80rem;}
.regard-name>h2{font-size:28rem;}
.regard-name>div{padding-top:20rem; font-size:16rem;}
.regard-name>div p{margin-bottom:10rem;}
.regard-img{float:left; width:40%;}
.regard-img img{width:100%; display:block; border-radius:10rem;}
.regard-list{padding-top:30rem; margin:0 -15rem; clear:both;}
.regard-list:after{display:block; content:''; clear:both;}
.regard-li{float:left; width:50%; padding:0 15rem; margin-top:25rem;}
.regard-li>span{display:block; padding:30rem; border-radius:10rem; transition:0.3s; position:relative; background-image:linear-gradient(45deg, #f1f4ff, #f5f7ff 15%, #f8fcff 35%, #f5f7ff 85%, #eaecfe);}
.regard-li:hover>span{transform:translateY(-5rem); box-shadow:0 0 10rem #c4213666;}
.regard-li>span>img{position:absolute; top:25rem; right:25rem; height:50rem;}
.regard-li>span>h3{font-size:22rem; color:#c42136;}
.regard-li>span>h4{font-size:17rem; margin:8rem 0;}
.regard-li>span>p{display:block; color:#787878;}
@media(max-width:1200px){
.regard-box{padding:50rem 0;}
.regard-name{width:50%; padding-right:20rem;}
.regard-img{width:50%;}
.regard-list{padding-top:0; margin:0 -10rem;}
.regard-li{padding:0 10rem; margin-top:20rem;}
.regard-li>span{padding:20rem;}
.regard-li>span>img{top:15rem; right:15rem;}
}
@media(max-width:992px){
.regard-name{width:100%; padding:0 0 10rem 0;}
.regard-img{width:100%;}
}
@media(max-width:767px){
.regard-box{padding:20rem 0;}
.regard-name>h2{font-size:22rem;}
.regard-name>div{padding-top:10rem; font-size:14rem;}
.regard-name>div p{margin-bottom:5rem;}
.regard-list{padding-top:5rem; margin:0 -5rem;}
.regard-li{ padding:0 5rem; margin-top:10rem;}
.regard-li>span{padding:10rem; border-radius:5rem;}
.regard-li:hover>span{transform:translateY(0);}
.regard-li>span>img{top:5rem; right:5rem; display:none;}
.regard-li>span>h3{font-size:17rem;}
.regard-li>span>h4{font-size:14rem; font-weight:normal; margin:5rem 0 0; line-height:1.5;}
.regard-li>span>p{display:none;}
}


.service-box{padding:80rem 0; background:url('../../upload/photo/202409/141221174.png') no-repeat; background-size:cover;}
.service-title{text-align:center;}
.service-title h2{font-size:36rem; padding-bottom:10rem;}
.service-title p{font-size:16rem;}
.service-nav{display:block; padding-top:10rem; margin:30rem -10rem;}
.service-nav>ul{border-radius:10rem;}
.service-nav>ul:after{display:block; content:''; clear:both;}
.service-nav>ul>li{float:left; width:16.6666%; padding:10rem;}
.service-nav>ul>li>span{display:block; background:rgba(255,255,255,0.5); border:1rem solid #fff; padding:10rem; border-radius:10rem; cursor:pointer; box-shadow:0 0 18rem rgba(0,0,0,0.1);}
.service-nav>ul>li.on>span{background:#fff;}
.service-nav>ul>li>span>img{display:block; margin:0 auto; height:40rem;}
.service-nav>ul>li>span>ins{display:block; text-align:center; margin-top:10rem; font-size:15rem; line-height:1.5;}
.service-swiper{display:block; overflow:hidden;}
.service-wrapper{width:10000%;}
.service-wrapper:after{display:block; content:''; clear:both;}
.service-slide{display:block; width:1%; float:left;}
.service-image{float:left; width:48%;}
.service-image img{display:block; width:100%; border-radius:10rem;}
.service-text{float:left; width:52%; padding-left:50rem;}
.service-text>h2{font-size:26rem;}
.service-text>div{margin:5rem 0; font-size:16rem;}
.service-text>div p{margin-top:5rem;}
.service-text>ul{display:block; margin:30rem 0;}
.service-text>ul>li{display:inline-block; line-height:1;}
.service-text>ul>li+li{margin-left:30rem;}
.service-text>ul>li strong{display:block; font-size:36rem;}
.service-text>ul>li span{display:block; font-size:15rem; margin-top:10rem; color:#787878;}
@media(max-width:1200px){
.service-box{padding:50rem 0;}
.service-nav>ul>li{padding:5rem;}
.service-text{padding-left:20rem;}
.service-nav>ul>li>span{padding:10rem 0;}
.service-wrapper{display: flex; align-items: flex-start;}
}
@media(max-width:992px){
.service-nav{padding-top:0; margin:20rem -5rem;}
.service-nav>ul>li{width:33.3333%;}
.service-image{width:100%;}
.service-text{padding:20rem 0 0; width:100%;}
}
@media(max-width:767px){
.service-box{padding:20rem 0;}
.service-title h2{font-size:24rem; padding-bottom:0;}
.service-title p{font-size:14rem;}
.service-swiper{margin:0 -5rem;}
.service-slide{padding:0 5rem;}
.service-nav{margin:10rem -3rem;} 
.service-nav>ul>li{width:50%; padding:3rem;}
.service-nav>ul>li>span{padding:5rem 0; border-radius:5rem;}
.service-nav>ul>li>span>img{height:25rem; display: none;}
.service-nav>ul>li>span>ins{margin-top:0; font-size:14rem;}
.service-text{padding-top:10rem;}
.service-text>h2{font-size:20rem;}
.service-text>div{margin:5rem 0; font-size:14rem;}
.service-text>ul{margin:10rem 0;}
.service-text>ul>li+li{margin-left:15rem;}
.service-text>ul>li strong{font-size:26rem;}
.service-text>ul>li span{font-size:14rem; margin-top:5rem;}
}