@charset "utf-8"; 
.head-top:after{display:none}
.head-top .head-box{background:var(--hovercolor)}
.head-main{background:#333}
@media (min-width:1081px){.head-nav a.inmenu_1,.head-nav>ul>li>a{color:#fff}}
@media (max-width:768px){.head-icon{color:#fff}
#about .about-img{padding-top:0;}}
#product .pro-list .pro-name{min-height:58px;}
@media (max-width:500px){#product .pro-list .pro-name{min-height:77px;}}
.home-projects{background: #CFCFCF;padding:5% 0;}
.home-projects .home-title h2{color:#fff;}
.home-projects .project-inner{display:flex;align-items: center;}
.home-projects .project-inner .home-projects-btn{font-size:54px;font-weight:var(--fontbold7);color:var(--fontcolor);cursor: pointer;}
.home-projects .project-inner .home-projects-btn:hover{color:var(--color)}
.home-projects .project-inner .projectSwiper{max-width:90%;}
.home-projects .projectSwiper .img img{width:100%;display:block;}
.home-projects .projectSwiper .project-tit{border-bottom:3px solid var(--color);background: #fff;color:var(--color);padding:20px;font-weight:var(--fontbold7);transition: all .3s;}
.home-projects .projectSwiper .swiper-slide:hover .project-tit{transform:translateY(-5px)}
.home-projects .project-more{text-align: center;}
.home-projects .project-more a{border: 1px solid var(--fontcolor);border-radius: 30px;color:var(--fontcolor);padding:10px 25px;display:inline-block;margin-top:40px;transition: all .3s;}
.home-projects .project-more a:hover{background: var(--color);border-color: var(--color);color:#fff;}
@media (max-width:1024px){.home-projects .projectSwiper .project-tit{padding:10px;}}
@media (max-width:768px){.home-projects .project-inner .home-projects-btn{font-size:30px;}
.home-projects .project-inner .projectSwiper{max-width:85%;}
.home-projects .project-more a{margin-top:20px;padding:5px 15px;}}
.home-projects .main-part{margin-bottom:30px;}
.home-projects .img{padding-bottom: 100%;position: relative;background: #fff;}
.home-projects .img img{position: absolute;height: 100%;top: 0;object-fit: contain;}
#home-swiper .swiper-slide-active img {animation:bannerimg 6s forwards}
@keyframes bannerimg {0% {transform:scale(1);opacity:0.5}
20% {opacity:1}
80% {transform:scale(1.05);opacity:1}
100% {transform:scale(1.02);opacity:.95}}