@import url(https://js01.v15cdn.com/single-template/public.css);
.home-introduction{transform:none;margin-top:4%;}
@media (max-width:768px){.home-introduction{margin-top:40px}}
.home-product .l-wrap .product .pro-list{align-items:inherit}
.home-product .l-wrap .product .pro-list .item{height:auto;display:flex;flex-direction:column}
.home-product .l-wrap .product .pro-list .item .text{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.home-product .l-wrap .product .pro-list .item .text .btn{margin-top:auto}
#indexbanner .swiper-pagination {bottom: 30px;}

.home-aboutus{position:relative}
.home-aboutus::before{content:'';display:block;width:25%;height:100%;position:absolute;top:0px;left:0px;background:#F7F7F7;z-index:-1}
.home-aboutus>.l-wrap{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.home-aboutus .about-l{width:43.75%;display:flex;flex-wrap:wrap;}
.home-aboutus .about-l img{display:block;width:100%;transition: all .3s;}
.home-aboutus .about-l img:hover{transform:scale(1.03)}
.home-aboutus .about-l-l{width:50%;margin:20px 0px;background:var(--color);display:flex;flex-wrap:wrap;align-items:flex-start}
.home-aboutus .about-l-l .img{width:100%}
.home-aboutus .about-l-r{width:50%}
.home-aboutus .about-r{width:56.25%;padding-left:3.5%}
.home-aboutus .about-l-l-txt{line-height:1.8;padding:20px;text-align: center;width:100%;}
.home-aboutus .about-l-l .about-l-l-txt p{color:#FFFFFF;font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:87px}
.home-aboutus.home .unify .title.home-title{text-align:left;margin-bottom:10px;color:var(--color)}
.home-aboutus .about-r-txt1{font-size:var(--fontsize20);font-weight:var(--fontbold4);color:var(--fontcolor);line-height:1.5;margin-bottom:20px}
.home-aboutus .about-r-txt2{color:var(--fontcolor);font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;max-height:200px}
.home-aboutus .viewmore{display:block;width:150px;background:var(--hovercolor);border-radius:25px;text-align:center;padding:10px 0px;color:#FFFFFF;font-size:var(--fontsize14);line-height:1.7;margin:30px auto 0px;transition:background .2s ease-in-out;text-transform:capitalize}
.home-aboutus .viewmore:hover{background:var(--color);color:#FFFFFF}
.home-aboutus .about-r .viewmore{margin-left:0px}
@media (max-width:768px){.home-aboutus .about-l,.home-aboutus .about-r{width:100%;}
.home-aboutus .about-r{padding-left:0;padding-top:20px;}
.home-aboutus .about-l-l-txt{padding:10px;}}


.home-service{position:relative;}
.home-service{background:no-repeat top}
.home-service.home .unify .home-des,.home-service.home .unify .home-title{color:#FFFFFF}
.home-service #serviceswiper{margin-top:40px}
.home-service #serviceswiper .swiper-slide{height:auto;background:#fafafa;width:49%;padding:3% 4%;text-align:center;display: flex;flex-direction: column;align-items: center;}
.home-service #serviceswiper .swiper-slide .p1{font-size:var(--fontsize28);font-weight:var(--fontbold5)}
.home-service #serviceswiper .swiper-slide .icon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0}
.home-service #serviceswiper .swiper-slide .icon li{display:inline-flex;flex-direction:column;margin:10px 20px}
.home-service #serviceswiper .swiper-slide .icon li:hover p{color:var(--color)}
.home-service #serviceswiper .swiper-slide .icon li>em{height:40px;font-size:45px;color:var(--color);display:flex;align-items:center;justify-content:center}
.home-service #serviceswiper .swiper-slide .icon li p{padding-top:5px;font-size:var(--fontsize18)}
.home-service.home .home-more{margin-top:auto;min-width:200px;padding:0px 20px;height:50px;background:0 0;border:1px solid var(--color);border-radius:5px;color:#fff;background:var(--color);text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;font-size:var(--fontsize18)}
.home-service.home .home-more em{margin-left:10px}
@media (min-width:769px){.home-service #serviceswiper .swiper-wrapper{display:flex;justify-content:space-between;}}
@media (max-width:1024px){.home-service #serviceswiper .swiper-slide .icon li p{font-size:var(--fontsize16);font-weight:var(--fontbold4)}}
@media (max-width:768px){.home-service #serviceswiper{padding-bottom:50px;margin-top:30px}
.home-service #serviceswiper .swiper-slide{padding:20px 15px}
.home-service #serviceswiper .swiper-slide .p1{font-size:var(--fontsize22)}
.home-service #serviceswiper .swiper-slide .icon{width:100%;}
.home-service #serviceswiper .swiper-slide .icon li{width:50%;margin:10px 0 0}
.home-service.home .serviceswiper-pagination{position: absolute;text-align: center;}}
.home-aboutus .viewmore{ display: inline-block;width: auto; padding: 10px 15px;}

.wmpage02-colla-title h5{margin-top:0;margin-bottom:25px;font-size:var(--wmpage-font34);font-weight:var(--fontbold6);line-height:1.25;color:var(--wmpage-color5,#0e0f11);text-align:center}
.wmpage02-colla-title{max-width:70%;margin:0 auto}
.wmpage02-colla-pre{color:var(--wmpage-color4,#3d3d3d);font-weight:var(--fontbold4);line-height:1.75em;text-align:center;font-size:var(--wmpage-font16)}
.wmpage02-colla-box{border:1px rgba(27,35,97,.23);border-radius:20px;padding:30px 0;width:49%;}
.wmpage02-colla-item{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage02-colla-img img{width:50px;height:50px;margin-bottom:20px;margin-right:auto;transition:all .3s ease-in-out}
.wmpage02-colla-tit p{margin-bottom:10px;font-size:var(--wmpage-font20);font-weight:var(--fontbold6);line-height:1.5;color:var(--wmpage-color5,#0e0f11)}
.wmpage02-colla-size p{color:var(--wmpage-color4,#3d3d3d);text-align:left;font-weight:var(--fontbold4);font-size:var(--wmpage-font16);line-height:1.75}
.wmpage02-colla-span{background-color:var(--color);height:6px;width:85px;color:var(--color);line-height:1.25;display:block;margin:13px auto}
.wmpage02-colla-box:hover .wmpage02-colla-img em{transform:rotateY(180deg)}
.wmpage02-colla-img em{font-size:var(--wmpage-font50);width:50px;transition:all .3s ease-in-out;height: 80px;line-height: 50px;display: flex;align-items: center;}
.wmpage02-colla-img{display:flex;justify-content:left;align-items:center}
@media(max-width:1024px){.wmpage02-colla-title{max-width:100%}
.wmpage02-colla-box{padding:15px 0}
.wmpage02-colla-title h5{margin-bottom:15px}
}
@media(max-width:600px){.wmpage02-colla-box{width:100%;display:flex;flex-direction:column;align-items:center}
.wmpage02-colla-tit p{line-height:1}
.wmpage02-colla-img em{line-height:1;margin-bottom:10px}
}
.wmpage02-collaborate .wmpage-lwrap{max-width:100%;padding-left:0;padding-right:0;}
.wmpage02-colla-item{margin:0 auto;max-width:1200px;}
@media (min-width:601px){.wmpage02-colla-box{width:48%}}


.wmpage172-page4 .wmpage172-page4-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item{width:24%;text-align:center;border-radius:10px;background:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,.1);padding:30px 0;transition:all .2s linear}
.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item .wmpage172-page4-num{color:var(--color);font-size:var(--wmpage-font36,36px);font-weight:var(--fontbold8);line-height: 1;margin-bottom: 10px;}
.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item .wmpage172-page4-title{color:var(--wmpage-color22);font-size:var(--wmpage-font20,20px);font-weight:var(--fontbold7)}
.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item:hover{background:var(--color)}
.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item:hover .wmpage172-page4-num,.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item:hover .wmpage172-page4-title{color:#fff}
@media screen and (max-width:1024px){.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item{width:45%;margin-top:40px}
}
@media screen and (max-width:768px){.wmpage172-page4 .wmpage172-page4-list .wmpage172-page4-item{width:100%}
}
.cateul li {margin:5px 10px;display:flex;align-items:center;justify-content:center}
@media(max-width:768px){.cateul{flex-wrap:wrap}
.cateul li{min-width:auto;width:48%;margin:0 0 10px;}}