﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage207-page3-title{text-align:center}
.wmpage207-page3-contant{display:flex;justify-content:space-between;margin-top:35px}
.wmpage207-page3-box{width:31.5%;position:relative;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px 1px #ebebeb}
.wmpage207-page3-image{position:relative}
.wmpage207-page3-image img{width:100%}
.wmpage207-page3-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000000;transition:all .3s ease-in-out}
.wmpage207-page3-btn a{box-shadow:0 20px 30px rgba(0,0,0,.1);position:relative;display:inline-flex;overflow:hidden;padding:17px 35px 16px;text-align:center;z-index:1;letter-spacing:1px;color:#fff;font-weight:600;text-transform:uppercase;transition:all .3s ease-in-out;background-color:var(--color);line-height:1;transform:translateX(40px);opacity:0}
.wmpage207-page3-con{padding:25px;background:#fff}
.wmpage207-page3-tit{font-size: var(--wmpage-font20);line-height: 1.25;margin-bottom: 15px;font-weight: var(--fontbold6);}
.wmpage207-page3-box:hover .wmpage207-page3-btn{background:#00000052}
.wmpage207-page3-box:hover .wmpage207-page3-btn a{transform:translateX(0);opacity:1}
.wmpage207-page3-btn a:hover span{width:225%;height:562.5px}
.wmpage207-page3-btn a span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#2c2a49;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}
@media (max-width:1366px){.wmpage207-page3-con{padding:15px}
.wmpage207-page3-tit{font-size:18px;line-height:1.25;margin-bottom:10px}}
@media (max-width:1024px){.wmpage207-page3-btn a{padding:15px 20px;font-size:14px}}
@media (max-width:768px){.wmpage207-page3-contant{flex-wrap:wrap}
.wmpage207-page3-box{width:49%;margin-bottom:2%}}
@media (max-width:550px){.wmpage207-page3-box{width:100%;margin-bottom:2%}}
.wmpage207-page3 {padding:4% 0 1%;}
.wmpage207-page3-box:hover .wmpage207-page3-tit {color:var(--color)}
@media (max-width:768px){.wmpage207-page3 {padding:40px 0 20px;}
.wmpage207-page3-contant{margin-top:20px}}

.home-cirt{padding:4% 0;padding-bottom:0}
.home-cirt .list{display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}
.home-cirt .list li{width:100%;margin-right:0}
.home-cirt .list .title{margin-top:10px;font-size:var(--fontsize18);text-align:center}
.home-cirt .list li img{width:100%}
@media (max-width:768px){.home-cirt .list{grid-template-columns:repeat(2,1fr)}}

.home-about{background:url(/uploads/41530/banner/202607011014420f82e.jpg) no-repeat;background-size:cover;background-position:center}
.home-about::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.4)}
.home-about .l-wrap{position:relative;z-index:2}
.home-appli{position:relative;padding-bottom:5%}
.home-appli .appli-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-appli .appli-list li{width:23.5%;display:flex;flex-direction:column}
.home-appli .appli-list .li-img{flex:1;overflow:hidden}
.home-appli .appli-list .li-img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}
.home-appli .appli-list li:hover .li-img img{transform:scale(1.05)}
.home-appli .appli-list .li-title{margin-top:10px;font-size:var(--fontsize18);text-align:center}
@media (max-width:1024px){.home-appli .appli-list li{width:49%;margin-bottom:15px}}
@media (max-width:768px){.home-appli{padding-bottom:30px}}

.home-about .aboutinfo p{color: #000;}

.home-choose{background: url(/uploads/41530/banner/2026070110030849fc5.jpg)no-repeat;background-size: cover;}
.home-choose .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-choose .list .item{width: 24%;margin-bottom: 10px;color: #fff;}
.home-choose .list .num{font-size: var(--hometitlefont);}
@media (max-width:1024px) {.home-choose .list .item{width: 48%;}}

.wmpage155-page3 .wmpage-title{text-align:center;color:var(--color);margin-bottom:10px}
.wmpage155-page3 .wmpage155-page3-txt{text-align:center;color:#666}
.wmpage155-page3 .wmpage155-page3-item{border:1px solid var(--wmpage-color15);background:#f8f8f8;border-radius:8px;padding:15px 20px;margin-top:30px;cursor:pointer}
.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-open{display:flex;justify-content:space-between;align-items:center}
.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-title{flex:1;padding-right:10px;display:flex;align-items:center;font-size:var(--wmpage-font18);color:var(--color)}
.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-title em{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background:var(--color);color:#fff;font-size:var(--wmpage-font14);margin-right:10px}
.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-title em::after{transform:translateX(3px)}
.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-title p{flex:1}
.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-icon em{color:var(--color);transition:all .2s linear;display:inline-block}
.wmpage155-page3 .wmpage155-page3-item.active .wmpage155-page3-icon em{transform:rotate(180deg)}
.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-colse{display:none;color:#555;padding-top:15px}
.wmpage155-page3 .wmpage155-page3-item.active .wmpage155-page3-open{padding-bottom:15px;border-bottom:1px solid var(--wmpage-color15)}
@media screen and (max-width:500px){.wmpage155-page3 .wmpage155-page3-item .wmpage155-page3-title{font-size:var(--wmpage-font16)}
.wmpage155-page3 .wmpage155-page3-item{padding:20px 10px}}
.home-appli .appli-list ,.home-cirt .list{ margin-top: 2%;}
.home-banner .swiper-slide>a::after{display:none}
.home-choose{position:relative}
.home-choose::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.home-choose .l-wrap{position:relative;z-index:2}
.home-about .aboutinfo .about-num{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-about .aboutinfo .about-num .item{text-align:center;width:21%;}
.home-about .aboutinfo .about-num .item .num{font-size:34px;font-weight: var(--fontbold7);margin:0;}
.home-about .aboutinfo .about-num .item .word{margin:5px 0 0;}
@media (max-width:768px){.home-about .aboutinfo .about-num .item{width:49%;margin-bottom:2%;}
.home-about .aboutinfo .about-num .item .num{font-size:34px;}}