
/*! #index-banner start */
.md24402.index-banner .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md24402.index-banner .icon.reverse-x{transform:rotateY(180deg)}
.md24402.index-banner .icon.reverse-y{transform:rotateX(180deg)}
.md24402.index-banner .icon.white{filter:grayscale(1) brightness(15)}
.md24402.index-banner .icon.black{filter:grayscale(1) brightness(0)}
.md24402.index-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md24402.index-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md24402.index-banner .icon img:nth-child(2),.md24402.index-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md24402.index-banner .hover-icon:hover.icon img:first-child,.md24402.index-banner .hover-icon:hover .icon img:first-child,.md24402.index-banner .active-icon.icon img:first-child,.md24402.index-banner .active-icon .icon img:first-child{opacity:0}
.md24402.index-banner .hover-icon:hover.icon img:last-child,.md24402.index-banner .hover-icon:hover .icon img:last-child,.md24402.index-banner .active-icon.icon img:last-child,.md24402.index-banner .active-icon .icon img:last-child{opacity:1}
.md24402.index-banner .cn-wh,.md24402.index-banner .cn-w,.md24402.index-banner .cv-wh,.md24402.index-banner .cv-w{display:block;width:100%}
.md24402.index-banner .cn-wh,.md24402.index-banner .cn-h,.md24402.index-banner .cv-wh,.md24402.index-banner .cv-h{display:block;height:100%}
.md24402.index-banner .cn-wh,.md24402.index-banner .cn-w,.md24402.index-banner .cn-h{object-fit:contain}
.md24402.index-banner .cv-wh,.md24402.index-banner .cv-w,.md24402.index-banner .cv-h{object-fit:cover}
.md24402.index-banner .pic-box{max-width:100%;max-height:100%}
.md24402.index-banner .pic-box img{max-width:100%;max-height:100%}
.md24402.index-banner.wrap,.md24402.index-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md24402.index-banner .area{margin:0 auto;width:14.92rem;max-width:100%}
.md24402.index-banner button,.md24402.index-banner input,.md24402.index-banner textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.md24402.index-banner img{opacity:0}
.md24402.index-banner img[src]{opacity:1}
.md24402.index-banner button{cursor:pointer}
.md24402.index-banner .hide{display:none}
.md24402.index-banner .bold{font-weight:bold}
.md24402.index-banner .color-t{color:rgba(var(--theme), 1)}
.md24402.index-banner{color:#333}
.md24402.index-banner .swp-pagination{display:flex;justify-content:center;bottom:.65rem;height:6px}
.md24402.index-banner .swp-pagination .swiper-pagination-bullet{display:block;width:.6rem;margin:0;border-radius:0;background-color:#c6c6c6;transition:.3s}
.md24402.index-banner .swp-pagination .swiper-pagination-bullet-active{background-color:rgba(var(--theme), 1)}
.md24402.index-banner .swp-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:rgba(0,0,0,0);background-color:rgba(17,17,17,.1);pointer-events:auto;transition:.3s}
.md24402.index-banner .swp-btn.swiper-button-disabled{pointer-events:none;opacity:0}
.md24402.index-banner .swp-btn:hover{background-color:rgba(var(--theme), 1)}
.md24402.index-banner{position:relative}
.md24402.index-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.md24402.index-banner .index-banner-inner{position:relative;z-index:2}
.md24402.index-banner .banner-item{display:flex;min-height:9rem;overflow:hidden}
.md24402.index-banner .banner-pic{width:100%}
.md24402.index-banner .swp-opt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none;z-index:10}
.md24402.index-banner .swp-turner{display:flex;align-items:center;justify-content:space-between;margin:0 auto}
/*! #index-banner end */

/*! #index-card start */
.md24403.index-card .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md24403.index-card .icon.reverse-x{transform:rotateY(180deg)}
.md24403.index-card .icon.reverse-y{transform:rotateX(180deg)}
.md24403.index-card .icon.white{filter:grayscale(1) brightness(15)}
.md24403.index-card .icon.black{filter:grayscale(1) brightness(0)}
.md24403.index-card .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md24403.index-card .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md24403.index-card .icon img:nth-child(2),.md24403.index-card .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md24403.index-card .hover-icon:hover.icon img:first-child,.md24403.index-card .hover-icon:hover .icon img:first-child,.md24403.index-card .active-icon.icon img:first-child,.md24403.index-card .active-icon .icon img:first-child{opacity:0}
.md24403.index-card .hover-icon:hover.icon img:last-child,.md24403.index-card .hover-icon:hover .icon img:last-child,.md24403.index-card .active-icon.icon img:last-child,.md24403.index-card .active-icon .icon img:last-child{opacity:1}
.md24403.index-card .cn-wh,.md24403.index-card .cn-w,.md24403.index-card .cv-wh,.md24403.index-card .cv-w{display:block;width:100%}
.md24403.index-card .cn-wh,.md24403.index-card .cn-h,.md24403.index-card .cv-wh,.md24403.index-card .cv-h{display:block;height:100%}
.md24403.index-card .cn-wh,.md24403.index-card .cn-w,.md24403.index-card .cn-h{object-fit:contain}
.md24403.index-card .cv-wh,.md24403.index-card .cv-w,.md24403.index-card .cv-h{object-fit:cover}
.md24403.index-card .pic-box{max-width:100%;max-height:100%}
.md24403.index-card .pic-box img{max-width:100%;max-height:100%}
.md24403.index-card.wrap,.md24403.index-card .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md24403.index-card .area{margin:0 auto;width:14.92rem;max-width:100%}
.md24403.index-card button,.md24403.index-card input,.md24403.index-card textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.md24403.index-card img{opacity:0}
.md24403.index-card img[src]{opacity:1}
.md24403.index-card button{cursor:pointer}
.md24403.index-card .hide{display:none}
.md24403.index-card .bold{font-weight:bold}
.md24403.index-card .color-t{color:rgba(var(--theme), 1)}
.md24403.index-card{color:#333}
.md24403.index-card{position:relative}
.md24403.index-card .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.md24403.index-card{padding-top:.72rem;padding-bottom:1.2rem}
.md24403.index-card .index-card-inner{position:relative;z-index:2}
.md24403.index-card .card-list{display:flex;flex-wrap:wrap}
.md24403.index-card .card-item{display:flex;flex-direction:column;align-items:center}
.md24403.index-card .card-item{width:calc((100% - 1.8rem)/4)}
.md24403.index-card .card-item:nth-child(n+2){margin-left:.6rem}
.md24403.index-card .card-item:nth-child(4n+1){margin-left:0}
.md24403.index-card .card-item:nth-child(n+5){margin-top:.6rem}
.md24403.index-card .card-item{padding:.4rem .45rem .5rem;border-radius:.2rem;background-color:#fff;transition:.3s}
.md24403.index-card .card-item:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.md24403.index-card .card-icon{width:1.42rem}
.md24403.index-card .card-icon{position:relative;flex-shrink:0}
.md24403.index-card .card-icon::before{content:"";display:block;padding-top:106.338028169%}
.md24403.index-card .card-icon .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md24403.index-card .card-title{line-height:1.3333333333;margin-top:.28rem;text-align:center}
.md24403.index-card .card-info{line-height:1.6666666667;margin-top:.16rem;text-align:center;color:#3d3d3d}
@media(max-width: 750px){
	.md24403.index-card .card-item{width:calc((100% - .6rem)/2)}
.md24403.index-card .card-item:nth-child(n+2){margin-left:.6rem}
.md24403.index-card .card-item:nth-child(2n+1){margin-left:0}
.md24403.index-card .card-item:nth-child(n+3){margin-top:.6rem}
}
@media(max-width: 600px){
	.md24403.index-card .card-item{width:calc((100% - 0rem)/1)}
.md24403.index-card .card-item:nth-child(n+2){margin-left:.6rem}
.md24403.index-card .card-item:nth-child(1n+1){margin-left:0}
.md24403.index-card .card-item:nth-child(n+2){margin-top:.6rem}
}
/*! #index-card end */

/*! #achievement start */
.md24404.achievement .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md24404.achievement .icon.reverse-x{transform:rotateY(180deg)}
.md24404.achievement .icon.reverse-y{transform:rotateX(180deg)}
.md24404.achievement .icon.white{filter:grayscale(1) brightness(15)}
.md24404.achievement .icon.black{filter:grayscale(1) brightness(0)}
.md24404.achievement .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md24404.achievement .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md24404.achievement .icon img:nth-child(2),.md24404.achievement .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md24404.achievement .hover-icon:hover.icon img:first-child,.md24404.achievement .hover-icon:hover .icon img:first-child,.md24404.achievement .active-icon.icon img:first-child,.md24404.achievement .active-icon .icon img:first-child{opacity:0}
.md24404.achievement .hover-icon:hover.icon img:last-child,.md24404.achievement .hover-icon:hover .icon img:last-child,.md24404.achievement .active-icon.icon img:last-child,.md24404.achievement .active-icon .icon img:last-child{opacity:1}
.md24404.achievement .cn-wh,.md24404.achievement .cn-w,.md24404.achievement .cv-wh,.md24404.achievement .cv-w{display:block;width:100%}
.md24404.achievement .cn-wh,.md24404.achievement .cn-h,.md24404.achievement .cv-wh,.md24404.achievement .cv-h{display:block;height:100%}
.md24404.achievement .cn-wh,.md24404.achievement .cn-w,.md24404.achievement .cn-h{object-fit:contain}
.md24404.achievement .cv-wh,.md24404.achievement .cv-w,.md24404.achievement .cv-h{object-fit:cover}
.md24404.achievement .pic-box{max-width:100%;max-height:100%}
.md24404.achievement .pic-box img{max-width:100%;max-height:100%}
.md24404.achievement.wrap,.md24404.achievement .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md24404.achievement .area{margin:0 auto;width:14.92rem;max-width:100%}
.md24404.achievement button,.md24404.achievement input,.md24404.achievement textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.md24404.achievement img{opacity:0}
.md24404.achievement img[src]{opacity:1}
.md24404.achievement button{cursor:pointer}
.md24404.achievement .hide{display:none}
.md24404.achievement .bold{font-weight:bold}
.md24404.achievement .color-t{color:rgba(var(--theme), 1)}
.md24404.achievement{color:#333}
.md24404.achievement .mod-head{display:flex;flex-direction:column;align-items:center}
.md24404.achievement .mod-title{line-height:1.4545454545}
.md24404.achievement .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.md24404.achievement{padding-top:.4rem;padding-bottom:1.35rem;background-color:#f4f7ff}
.md24404.achievement .achievement-main{padding:.5rem .4rem;margin-top:.4rem;border-radius:.2rem;background-color:#fff}
.md24404.achievement .data-board{display:flex;align-items:center;justify-content:space-between}
.md24404.achievement .data-item{display:flex;align-items:center}
.md24404.achievement .data-icon{width:.91rem;margin-right:.05rem}
.md24404.achievement .data-icon{position:relative;flex-shrink:0}
.md24404.achievement .data-icon::before{content:"";display:block;padding-top:100%}
.md24404.achievement .data-icon .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md24404.achievement .data-value{display:flex;line-height:.8}
.md24404.achievement .data-name{line-height:1.4;margin-top:.15rem;color:#48494a}
.md24404.achievement .data-line{height:2em;width:2px;margin:0 .2rem;background-color:#b2b2b2}
@media(max-width: 750px){
	.md24404.achievement .data-board{flex-wrap:wrap;margin-top:-0.6rem}
.md24404.achievement .data-line{display:none}
.md24404.achievement .data-item{justify-content:center;width:50%;margin-top:.6rem}
}
/*! #achievement end */

/*! #client start */
.md24405.client .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md24405.client .icon.reverse-x{transform:rotateY(180deg)}
.md24405.client .icon.reverse-y{transform:rotateX(180deg)}
.md24405.client .icon.white{filter:grayscale(1) brightness(15)}
.md24405.client .icon.black{filter:grayscale(1) brightness(0)}
.md24405.client .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md24405.client .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md24405.client .icon img:nth-child(2),.md24405.client .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md24405.client .hover-icon:hover.icon img:first-child,.md24405.client .hover-icon:hover .icon img:first-child,.md24405.client .active-icon.icon img:first-child,.md24405.client .active-icon .icon img:first-child{opacity:0}
.md24405.client .hover-icon:hover.icon img:last-child,.md24405.client .hover-icon:hover .icon img:last-child,.md24405.client .active-icon.icon img:last-child,.md24405.client .active-icon .icon img:last-child{opacity:1}
.md24405.client .cn-wh,.md24405.client .cn-w,.md24405.client .cv-wh,.md24405.client .cv-w{display:block;width:100%}
.md24405.client .cn-wh,.md24405.client .cn-h,.md24405.client .cv-wh,.md24405.client .cv-h{display:block;height:100%}
.md24405.client .cn-wh,.md24405.client .cn-w,.md24405.client .cn-h{object-fit:contain}
.md24405.client .cv-wh,.md24405.client .cv-w,.md24405.client .cv-h{object-fit:cover}
.md24405.client .pic-box{max-width:100%;max-height:100%}
.md24405.client .pic-box img{max-width:100%;max-height:100%}
.md24405.client.wrap,.md24405.client .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md24405.client .area{margin:0 auto;width:14.92rem;max-width:100%}
.md24405.client button,.md24405.client input,.md24405.client textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.md24405.client img{opacity:0}
.md24405.client img[src]{opacity:1}
.md24405.client button{cursor:pointer}
.md24405.client .hide{display:none}
.md24405.client .bold{font-weight:bold}
.md24405.client .color-t{color:rgba(var(--theme), 1)}
.md24405.client{color:#333}
.md24405.client .mod-head{display:flex;flex-direction:column;align-items:center}
.md24405.client .mod-title{line-height:1.4545454545}
.md24405.client .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.md24405.client{position:relative}
.md24405.client .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.md24405.client{padding-top:4.1666666667vw;padding-bottom:13.8020833333vw;background-color:#f4f7ff}
.md24405.client .client-inner{position:relative;z-index:2}
.md24405.client .client-main{display:flex;justify-content:center;margin-top:4.9479166667vw}
.md24405.client .client-list{display:flex;justify-content:space-between}
.md24405.client .client-group{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}
.md24405.client .client-group.smaller{width:6.6666666667vw;margin:0 .5208333333vw}
.md24405.client .client-group.smaller.once{margin:0 .3125vw}
.md24405.client .client-group.smaller .client-item{width:8.8541666667vw}
.md24405.client .client-group.midden{width:8.8541666667vw;margin:0 .15625vw}
.md24405.client .client-group.midden.once{margin:0 .5208333333vw}
.md24405.client .client-group.midden .client-item{width:11.71875vw}
.md24405.client .client-group.bigger{width:14.0625vw}
.md24405.client .client-group.bigger .client-item{width:15.625vw}
.md24405.client .client-item{display:flex;align-items:center;justify-content:center}
.md24405.client .client-item{position:relative;flex-shrink:0}
.md24405.client .client-item::before{content:"";display:block;padding-top:87.6666666667%}
.md24405.client .client-item .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md24405.client .client-item{margin:.3125vw 0;flex-shrink:0;transform:scale(0);transition:transform .3s}
.md24405.client .client-item.played{transform:scale(1)}
.md24405.client .client-pic{display:flex;align-items:center;justify-content:center;transform:scale(1.38)}
/*! #client end */
