﻿ .abouts-main .about-banner{width:100%;margin-top:70px;line-height:1.2;position:relative}
.abouts-main .about-banner .pagesbanner::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.308),rgba(0,0,0,.6))}
.banner-inner-text{position:absolute;left:8%;top:50%;width:100%;z-index:1;transform:translate(0,-50%)}
.banner-inner-text .more{display:inline-flex;align-items:center;padding:6px 16px 6px 28px;border-radius:999px;background-color:color-mix(in oklab,#fff 10%,transparent);color:#fff;font-size:14px;position:relative;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.349)}
.banner-inner-text .more span{display:inline-block;width:100%;height:100%;margin:2px}
.banner-inner-text .more::before{content:"";position:absolute;left:12px;width:8px;height:8px;border-radius:50%;background:#ff9c2a;box-shadow:0 0 0 rgba(255,156,42,0.7);animation:dotPulse 1.5s infinite}
@keyframes dotPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,156,42,0.7)}
70%{transform:scale(1.2);box-shadow:0 0 0 8px rgba(255,156,42,0)}
100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,156,42,0)}
}.banner-inner-text .title{font-size:4vw;font-weight:900;color:var(--color);margin:.1% 0}
.banner-inner-text .title span{color:#fff}
.banner-inner-text .list{display:flex}
.banner-inner-text .desc{color:color-mix(in oklab,#fff 90%,transparent);font-size:1.2vw;margin:1% 0}
.banner-inner-text .list .img-box{width:16px;height:16px}
.banner-inner-text .list li{border-left:1px solid #eeeeee93;padding:1% 7% 1% 1%}
.banner-inner-text .list li .text{font-size:.7vw;color:color-mix(in oklab,#fff 90%,transparent)}
.banner-inner-text .list li .unm{font-size:1.4vw;font-weight:800;color:#fff}
.banner-inner-text .list .img-box img{display:inline-block;width:100%;min-height:unset;height:100%;margin-right:20px}
.banner-inner-text .list .list-top{display:flex;align-items:center}
@media (max-width:1024px){.banner-inner-text{display:none}
}

.abouts-main .abouts-container .abouts-left{display:none}
.abouts-main .abouts-container .abouts-main{padding:0;margin-bottom:0}
.abouts-container{background:#fafafa}
.abouts-container .abouts-main{display:grid;gap:30px;grid-template-columns:1fr 1.5fr}
.contact-info .top{padding:32px;border:1px solid #e9eaeb;border-radius:24px;box-shadow:rgba(149,157,165,.2) 0 8px 24px;transition:all .3s ease-in-out}
.contact-info .top:hover{transform:translateY(-10px)}
.contact-info .top .title-wrap{display:flex;justify-content:space-between;align-items:center}
.contact-info .top .title-wrap .title{font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.contact-info .top .title-wrap a{width:40px;height:40px;color:#dc6803;background:#fffaeb;border-radius:8px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
.contact-info .top .title-wrap a:hover{color:#fff;background:#dc6803}
.contact-info .top p.desc{margin:4px 0 20px;color:#717680;font-size:var(--fontsize15)}
.contact-info .top .list li{margin-bottom:10x;display:flex;justify-content:space-between}
.contact-info .top .list li:last-child{margin-bottom:0}
.contact-info .top .list li .icon{width:20px;margin-right:16px;padding-top:5px;text-align:center}
.contact-info .top .list li em{color:var(--color);font-size:var(--fontsize20)}
.contact-info .top .list li .info{flex:1}
.contact-info .top .list li a{color:#535862;font-size:var(--fontsize15);line-height:1.3}
.contact-info .top .list li a:hover{color:var(--color)}
.contact-info .bottom{padding:24px;border:1px solid #e9eaeb;border-radius:24px;margin-top:24px;box-shadow:rgba(149,157,165,.2) 0 8px 24px}
.contact-info .bottom .title{position:relative;padding-left:16px;font-weight:var(--fontbold6);font-size:var(--fontsize16)}
.contact-info .bottom .title::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:8px;height:8px;background:#2e90fa;border-radius:50%}
.contact-info .bottom .desc{margin:5px 0 10px;color:#717680;font-size:var(--fontsize15)}
.contact-info .bottom a{color:var(--color);font-weight:var(--fontbold6)}
.contact-info .bottom a:hover{color:#b54708}
.contact-inquiry{padding:32px;border:1px solid #e9eaeb;border-radius:24px;box-shadow:rgba(149,157,165,.2) 0 8px 24px}
.contact-inquiry .title{font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.contact-inquiry .title span{color:var(--color)}
.contact-inquiry .desc1{color:#717680}
.contact-inquiry .desc2{color:#a4a7ae;font-size:var(--fontsize12);margin-top:15px;text-align:center}
.contact-inquiry .desc2 a{color:#a4a7ae}
.contact-inquiry .desc2 a:hover{color:#717680}
.contact-inquiry .wmkcfeedback .send-btn{width:100%;padding:15px 0;color:#fff;font-weight:var(--fontbold6);background:var(--color);border-color:var(--color);border-radius:15px;box-shadow:#fedf89 0 8px 24px;transition:all .3s ease-in-out}
.contact-inquiry .wmkcfeedback .send-btn:hover{background:#b54708}
.contact-inquiry .wmkcfeedback .send-btn::before{display:none}
@media (max-width:1024px){.abouts-main .abouts-container{padding:30px 15px}
.abouts-container .abouts-main{grid-template-columns:1fr;gap:15px}
.contact-info .bottom{margin-top:15px}
.contact-info .top{padding:20px}
.contact-info .bottom{padding:20px}
.contact-inquiry{padding:20px}
}
@media (max-width:768px){.contact-inquiry .title{font-size:var(--fontsize24)}
}
