﻿#home-swiper .banner-animate{width: 80%;position: absolute;max-width: 1640px;opacity: 0}
#home-swiper .swiper-slide-active .banner-animate{animation: wkbanner .5s forwards;animation-delay: .7s}
#home-swiper .banner-animate .p1{line-height: 1.2;}
#home-swiper .banner-animate.ban1{top:60%;left: 15%;}
#home-swiper .banner-animate.ban1 .p1{font-weight: bold;margin-bottom: 10px;font-size: 56px;color:var(--color);}
#home-swiper .banner-animate.ban1 .p2{font-size: 22px;}
#home-swiper .banner-animate.ban2{top: 20%;left: 50%;transform: translateX(-50%);color:#fff;text-shadow: 1px 2px 3px var(--fontcolor);text-align:center;}
#home-swiper .banner-animate.ban2 .p1{text-align: center;font-size: 56px;font-weight: bold;}
#home-swiper .banner-animate.ban2 .p2{font-size: 24px;}
#home-swiper .banner-animate.ban3{top:10%;text-align: center;left: 50%;transform: translateX(-50%);}
#home-swiper .banner-animate.ban3 .p1 {line-height: 1;font-weight: bold;text-align: center;font-size: 56px;margin-bottom:10px;color:var(--color);}
#home-swiper .banner-animate.ban3 .p2{font-size: 24px;}
#home-swiper .banner-animate.ban4{top:15%;text-align: center;left: 50%;transform: translateX(-50%);color:#fff;text-shadow: 1px 2px 3px var(--fontcolor);}
#home-swiper .banner-animate.ban4 .p1 {line-height: 1;font-weight: bold;text-align: center;font-size: 56px;margin-bottom:10px;}
#home-swiper .banner-animate.ban4 .p2{font-size: 24px;}
@keyframes wkbanner{ 0% {margin-top: 50px;opacity: 0;}
100% {margin-top: 0;opacity: 1;}}
@-webkit-keyframes wkbanner { 0% {margin-top: 50px;opacity: 0;}
100% {margin-top: 0;opacity: 1;}}
@media (max-width:1700px){#home-swiper .banner-animate.ban1 .p1,#home-swiper .banner-animate.ban2 .p1,#home-swiper .banner-animate.ban3 .p1,#home-swiper .banner-animate.ban4 .p1{font-size:3.2vw}
#home-swiper .banner-animate.ban1 .p2{font-size:1.25vw}
#home-swiper .banner-animate.ban2 .p2,#home-swiper .banner-animate.ban3 .p2,#home-swiper .banner-animate.ban4 .p2{font-size:1.4vw;}}
@media (max-width:768px){#home-swiper .banner-animate.ban1 .p1,#home-swiper .banner-animate.ban2 .p1,#home-swiper .banner-animate.ban3 .p1,#home-swiper .banner-animate.ban4 .p1{font-size:24px;}
#home-swiper .banner-animate.ban1 .p2,#home-swiper .banner-animate.ban2 .p2,#home-swiper .banner-animate.ban3 .p2,#home-swiper .banner-animate.ban4 .p2{display:none}}
@media (max-width:550px){#home-swiper .banner-animate.ban2{top:27%;}
#home-swiper .banner-animate.ban1 .p1,#home-swiper .banner-animate.ban2 .p1,#home-swiper .banner-animate.ban3 .p1,#home-swiper .banner-animate.ban4 .p1{font-size:16px;}}
#projects #home-projects .swiper-slide.swiper-slide-next,#projects #home-projects .swiper-slide,#projects #home-projects .swiper-slide.swiper-slide-active ,#projects #home-projects .swiper-slide.swiper-slide-prev{transform: scale(.9)}
#projects #home-projects{padding:0;}
@media (min-width:769px){#projects{padding-top:4%;}}
#projects::after{display:none;}
#projects .home-title{margin-top:0;}
#projects .home-des{text-align:center;font-size:var(--fontsize18)}
#info .info-cont .info-title{max-width:inherit;}
#info .info-cont .info-more a{display: inline-block;padding: 8px 20px;background: #fff;color: #000;margin-top: 20px;}
#info .info-cont .info-more a:hover{background:var(--color);color:#fff;}

#brand .brand-list{justify-content: space-between;}
#brand .brand-list li{width:20%;text-align:center;flex-direction: column;}
#brand .brand-list li .icon img{transition: all .3s;}
#brand .brand-list li:hover img{transform: rotateY(360deg);}
#brand .brand-list li .number{font-size:34px;font-weight: var(--fontbold7);}
@media (max-width:1440px){#brand .brand-list li{width:23%;}}
@media (max-width:768px){#brand .brand-list{padding-left:0}
#brand .brand-list li{width:49%;padding:0 !important}
#brand .brand-list li:nth-child(n+3){margin-top:2%;margin-bottom:0;}}
@media (max-width:550px){#brand .brand-list li .number{font-size:24px;}}
#projects #home-projects2 .swiper-slide{overflow:hidden}
#projects #home-projects2 .swiper-slide .projects-cont{position:absolute;bottom:0;left:0;width:100%;background: linear-gradient(rgba(255 255 255 / 5%), rgba(255 255 255 / 80%));text-align:center;font-weight:var(--fontbold5);transition:.3s;padding:15px 10px}
#projects #home-projects2 .swiper-slide .projects-cont p{font-size:var(--fontsize17);color:var(--color);font-weight:bold;text-transform:capitalize;transition:color .3s}
#projects #home-projects2 .swiper-slide .projects-cont .projects-cont-more{display:none}
#projects .l-wrap{max-width:1740px}
#projects #home-projects2 .swiper-slide img{display:block}
#projects #home-projects2 .swiper-slide.swiper-lar img{transform:scale(1.02)}
#projects #home-projects2 .swiper-slide:hover .projects-cont{background: linear-gradient(rgba(255 255 255 / 35%), rgba(255 255 255 / 80%));}
#projects .swiper-pagination{display:none}
.projects-swiper{margin:30px 0 0;position:relative}
.projects-btn>div{cursor:pointer;position:absolute;z-index:2;top:50%;width:30px;height:50px;margin-top:-25px;transition:.3s;display:flex;align-items:center;justify-content:center;background:rgba(0 0 0 / 50%);border-radius:4px;opacity:0}
.projects-btn .projects-prev{left:0;}
.projects-btn .projects-next{right:0;}
.projects-swiper:hover .projects-btn>div{opacity:1;}
@media (max-width:768px){.projects-btn>div{display:none}
#projects .swiper-pagination{display:block}
#projects #home-projects2{padding-bottom:40px}
#projects #home-projects2 .swiper-slide .projects-cont p{font-size:var(--fontsize15);line-height:1.4;}
#projects #home-projects2 .swiper-slide .projects-cont{padding:5px}}
.projects-morebtn{margin-top:35px;display:flex;justify-content:center;}
.projects-morebtn a{background:var(--color);color:#fff;line-height:40px;padding:0 20px;border-radius:4px;transition:.3s;border:1px solid var(--color)}
.projects-morebtn a:hover{background:#fff;color:var(--color)}
@media (max-width:768px){.projects-morebtn{margin:15px 0 25px}}