﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage195-page5 .wmpage195-page5-text{display:inline-block;position:relative;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font18);padding:0 50px;left:50%;transform:translateX(-50%)}
.wmpage195-page5 .wmpage195-page5-text::after{position:absolute;content:'';width:40px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage195-page5 .wmpage195-page5-text::before{position:absolute;content:'';width:40px;height:2px;background:var(--color);right:0;top:50%;transform:translateY(-50%)}
.wmpage195-page5 .wmpage-title{margin:5px 0 10px;text-align:center}
.wmpage195-page5 .wmpage195-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage195-page5 .wmpage195-page5-box .wmpage195-page5-item{width:32%;position:relative;box-shadow:0 1px 7px 0 #0000001a;padding:45px 35px;border:1px solid #fff;margin-top:40px}
.wmpage195-page5 .wmpage195-page5-box .wmpage195-page5-item::before{position:absolute;right:0;top:0;width:20%;height:35%;background:var(--color);opacity: 0.2;content:'';z-index:-1;transition:.5s;border-radius:0 0 0 100px}
.wmpage195-page5 .wmpage195-page5-box .wmpage195-page5-item:hover::before{border-radius:0;width:100%;height:100%}
.wmpage195-page5 .wmpage195-page5-item .wmpage195-page5-icon{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:var(--color);position:absolute;border:4px solid #fff;top:-40px;transition:all .2s linear}
.wmpage195-page5 .wmpage195-page5-item:hover .wmpage195-page5-icon{background:#fff;border:4px solid var(--color)}
.wmpage195-page5 .wmpage195-page5-item:hover em{color: var(--color) !important;}
.wmpage195-page5 .wmpage195-page5-item .wmpage195-page5-icon em{color: #ffffff;font-size: var(--wmpage-font32);width: var(--wmpage-font32);line-height: 1;}
.wmpage195-page5 .wmpage195-page5-item .wmpage195-page5-title{color:#000;font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin:10px 0 15px}
.wmpage195-page5 .wmpage195-page5-item .wmpage195-page5-desc{color:var(--wmpage-color8)}
@media screen and (max-width:1024px){.wmpage195-page5 .wmpage195-page5-box .wmpage195-page5-item{width:48%}
}
@media screen and (max-width:768px){.wmpage195-page5 .wmpage195-page5-box .wmpage195-page5-item{width:100%}
}
#product{display:none}
.home-service{position:relative;padding:4% 0}
.home-service{background:no-repeat top}
.home-service .home-des,.home-service .home-title{color:#fff}
.home-service .home-des{font-size: var(--fontsize16);text-align: center;max-width: 1000px;margin: 0px auto 10px;}
#serviceswiper{margin-top:40px}
#serviceswiper .swiper-slide{background:#fafafa;width:49%;padding:3% 4%;text-align:center}
#serviceswiper .swiper-slide .p1{font-size:var(--fontsize28);font-weight:var(--fontbold6)}
#serviceswiper .swiper-slide .icon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0}
#serviceswiper .swiper-slide .icon li{display:inline-flex;flex-direction:column;margin:10px 20px}
#serviceswiper .swiper-slide .icon li:hover p{color:var(--color)}
#serviceswiper .swiper-slide .icon li>em{height:40px;font-size:45px;color:var(--color);display:flex;align-items:center;justify-content:center}
#serviceswiper .swiper-slide .icon li p{padding-top:5px;font-size:var(--fontsize18)}
@media (min-width:768px){#serviceswiper .swiper-wrapper{display:flex;justify-content:space-between;align-items:flex-start}}
@media (max-width:1024px){#serviceswiper .swiper-slide .icon li p{font-size:var(--fontsize16);font-weight:var(--fontbold4)}}
@media (max-width:768px){#serviceswiper{padding-bottom:50px;margin-top:30px}
#serviceswiper .swiper-slide{padding:20px 15px}
#serviceswiper .swiper-slide .p1{font-size:var(--fontsize22)}
#serviceswiper .swiper-slide .icon li{width:50%;margin:10px 0 0}}
.home-more {margin-right: 20px;min-width: 200px;padding: 0px 20px;height: 50px;background: 0 0;border: 1px solid var(--color);border-radius: var(--borderradius);color: var(--fontcolor);background: var(--color);text-transform: capitalize;display: inline-flex;align-items: center;justify-content: center;transition: all .1s linear;font-size: var(--fontsize18);}

.index .l-wrap{margin: 0 auto;}