﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.banner-text{position:absolute;left:5%;top:50%;transform:translate(0,-50%);color:#3B3838;max-width:40%;line-height:1.2}
.banner-text .title{font-size:2.5vw;font-weight:900}
.banner-text .tag{font-size:1.45vw;margin:3% 0;width:fit-content;font-weight:800}
.banner-text .title span{color:#009C4D}
.banner-text .list{display:flex;margin:3% 0;padding-bottom:5%;}
.banner-text .list li{margin-right:2%;list-style:none;flex:1;display:flex;align-items:center}
.banner-text .list li .info{padding-left:4%;display:flex;flex-direction:column}
.banner-text .list li .info span:nth-of-type(1){font-size:1.7vw;font-weight: var(--fontbold7);}
.banner-text .list li .info span:nth-of-type(2){font-size:1vw}
.banner-text .list li img{max-width:3vw}
.banner-text .more{font-size:1.3vw}
@media (max-width:600px){.banner-text .list{display:none;}
.banner-text .title{font-size:12px;}
.banner-text .tag{display:none}}
.home-choose .choose-container .item:hover  .show-item img{filter:brightness(0) invert(1);}
.home-cate{padding:4% 0 0;}
.home-cate ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-cate ul li{width:24%;list-style: none;position: relative;margin-top:2%}
.home-cate ul li>a{width:100%;height:100%;display:block;position: relative;}
.home-cate ul li .img{overflow: hidden;}
.home-cate ul li .img img{width:100%;display: block;transition: all .3s;}
.home-cate ul li:hover img{transform: scale(1.05);}
.home-cate ul li p{text-align:center;width:100%;height:100%;background: rgba(0,0,0,0.4);color:#fff;font-weight: var(--fontbold7);padding:20px;position: absolute;top:0;left:0;display:flex;align-items: center;justify-content: center;transition: all .3s;font-size:22px}
.home-cate ul li:hover p{color:var(--color)}
@media (max-width:768px){.home-cate ul li{width:49%;}
.home-cate ul li p{font-size:18px;}}
@media (max-width:600px){.home-cate ul li p{font-size:14px;padding:10px;}}

.home-message .homemessage-img .home-title{margin-bottom:15px;font-size:22px;}
.wmpage213-page4 .wmpage213-page4-content{position:relative}
.wmpage213-page4 .wmpage213-page4-info li{border:1px solid #d9e5e8}
.wmpage213-page4 .wmpage213-page4-info li:not(:last-child){margin-bottom:10px}
.wmpage213-page4 .wmpage213-page4-info li .wmpage213-page4-open{padding:10px 15px;display:flex;align-items:center;justify-content:space-between;background:#fff;transition:all .3s linear}
.wmpage213-page4 .wmpage213-page4-info li.active .wmpage213-page4-open{background:var(--color)}
.wmpage213-page4 .wmpage213-page4-info li .wmpage213-page4-title{flex:1;color:var(--wmpage-color22);font-weight:var(--fontbold6);font-size:var(--wmpage-font18);transition:all .3s linear}
.wmpage213-page4 .wmpage213-page4-info li.active .wmpage213-page4-title{color:#fff}
.wmpage213-page4 .wmpage213-page4-info li .wmpage213-page4-icon{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background:var(--color);border-radius:3px;transition:all .3s linear}
.wmpage213-page4 .wmpage213-page4-info li.active .wmpage213-page4-icon{background:#fff;transform:rotate(90deg)}
.wmpage213-page4 .wmpage213-page4-info li .wmpage213-page4-icon em{color:#fff;transition:all .3s linear}
.wmpage213-page4 .wmpage213-page4-info li.active .wmpage213-page4-icon em{color:var(--color)}
.wmpage213-page4 .wmpage213-page4-info li .wmpage213-page4-close{padding:10px 15px;color:var(--wmpage-color8);display:none}
@media (max-width:1024px){.wmpage213-page4 .wmpage213-page4-info{width:100%}}
.home-message .l-wrap{align-items: flex-start;}

.home-appli{position:relative;padding-bottom:3%}
.home-appli .home-title{text-align:left}
.home-appli .home-des{margin-top:10px;text-align:left;color:#000}
.home-appli .appli-list{display:flex;flex-wrap:wrap}
.home-appli .appli-list li{width:23.5%;margin-right:2%;margin-top:25px;list-style:none}
.home-appli .appli-list li:nth-child(4n){margin-right:0}
.home-appli .appli-list .li-img{border-radius:15px;overflow-x:hidden}
.home-appli .appli-list .li-img img{width:100%}
.home-appli .appli-list .li-title{padding:10px;text-align:center;font-size:var(--fontsize20);font-weight:700}
@media (max-width:1024px){.home-appli{padding-bottom:50px}
.home-appli .appli-list li{margin-top:15px}
}
@media (max-width:768px){.home-appli .appli-list{justify-content:space-between}
.home-appli .appli-list li{width:49%;margin-right:0}
.home-appli .appli-list .li-title{padding:5px;font-size:var(--fontsize18)}
}
