﻿.home-project{position:relative;background:#fafafa;padding:4% 15px;margin-top:4%;}
.home-project .swiper{margin-top:40px;padding-bottom:80px}
.home-project .swiper .project-button-next,.home-project .swiper .project-button-prev{position:absolute;bottom:0px;left:calc(50% - 50px);background:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;width:40px;height:40px;cursor:pointer;transition:all .1s linear}
.home-project .swiper .project-button-next.swiper-button-disabled,.home-project .swiper .project-button-prev.swiper-button-disabled{background:#bababa}
.home-project .swiper .project-button-next em,.home-project .swiper .project-button-prev em{font-size:var(--fontsize20)}
.home-project .swiper .project-button-next:hover,.home-project .swiper .project-button-prev:hover{opacity:.9}
.home-project .swiper .swiper-slide{overflow:hidden;}
.home-project .swiper .swiper-slide a{aspect-ratio:4 / 3;}
.home-project .swiper .swiper-slide img{transition:all .2s linear;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.home-project .swiper .swiper-slide img:hover{transform:scale(1.1)}
.home-project .swiper .project-button-next{left:auto;right:calc(50% - 50px)}
@media (max-width:768px){.home-project{padding:40px 15px 30px;margin-top:40px;}
.home-project .swiper{margin-top:25px}
.home-project .swiper .project-button-next,.home-project .swiper .project-button-prev{bottom:20px}}

.home-helpcenter .list .title{text-align: center;font-weight: 500;}
.home-mainpro{padding-top:0;padding-bottom:3%}
@media(min-width:1025px){.home-about{padding-top:7%;}}
.home-helpcenter .list .info{position:unset;order:-1;flex:1}
.home-helpcenter .list li{display:flex;flex-direction:column;align-items:center}
.home-helpcenter .list .imgbg{height:100%;top:0}
.home-helpcenter .list .img a{height:100%}
.home-helpcenter .list .imgbg img { object-fit: cover;}
.home-helpcenter .list .img {height: 14vw}
.home-helpcenter .list .imgbg{border-radius:6px;overflow:hidden}
.home-mainpro .mainpro-list li{border-radius:10px;overflow:hidden}
@media (max-width:1024px){.home-helpcenter .list .img{height:40vw}}
@media (max-width:768px){.home-helpcenter .list .img{height:60vw}}
.home-banner .banner-animote2{max-width:1000px;padding:0px 10px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0;text-align:center}
.home-banner .banner-animote2 .p1{font-size:45px;font-weight:var(--fontbold5);line-height:1.4;margin:10px 0px 20px}
.home-banner .banner-animote2 .p2{font-size:var(--fontsize20);margin-bottom:30px}
.home-banner .banner-animote2 .p3 a{border:1px solid #FFFFFF;background:0 0;color:#FFFFFF;border-radius:40px}
.home-banner .banner-animote2 .p3 a:hover{border-color:var(--color);background:var(--color)}
@media(min-width:1025px){.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}}
.home-banner .swiper-slide-active .banner-animote2{animation:bannerani .5s forwards;animation-delay:.7s}
@media (max-width:1366px){.home-banner .banner-animote2{top:50%}}
@media (max-width:1024px){
.home-banner .banner-animote2 .p1{font-size:40px}}
@media (max-width:768px){.home-banner .banner-animote2 .p1{font-size:var(--fontsize20);margin-bottom:5px}
.home-banner .banner-animote2 .p2{margin-bottom:10px;font-size:var(--fontsize14);line-height:1.4}
.home-banner .banner-animote2 .p3{display:none}
.home-banner .banner-animote2{top:45%}}