﻿.home-banner .swiper-slide>a::after{background:rgba(21,21,21,.4)}
.home-work .item .img img{filter: unset;}
.home-banner .banner-animote{text-align:left}
.home-banner .banner-animote .p1{text-align:left;font-size:40px;text-transform:uppercase}
.home-banner .banner-animote .tit{font-size:41px;line-height:1.4;text-transform:uppercase}
.home-banner .banner-animote .p2{margin:20px 0 30px}
.home-banner .banner-animote .p3 a{background-color:#fff;border-radius:5px;color:#000;border-color:#fff}
.home-banner .banner-animote .p3 a:hover{background-color:var(--color)}
@media screen and (max-width:1280px){.home-banner .banner-animote .p1{font-size:24px}
.home-banner .banner-animote .tit{font-size:25px}
}
@media screen and (max-width:768px){.home-banner .banner-animote .p2{display:none}
.home-banner .banner-animote .p3{display:none}
}
@media screen and (max-width:500px){.home-banner .banner-animote .p1{font-size:20px}
.home-banner .banner-animote .tit{font-size:21px}
}
.home-service{display:block;background:var(--color);padding:4% 0;}
.home-service .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.service-video{width:48%;}
.service-info{width:48%;color:#fff;}
.service-info .title{line-height:1.3;font-size:26px;margin-bottom:20px;}
.service-info .text{margin-bottom:30px;}
.service-info .home-more:hover{background:#fff;}
@media (max-width:1350px){.service-info .title{font-size:23px;margin-bottom:10px}}
@media (max-width:768px){.home-service{padding:40px 0;}
.service-video{width:100%;}
.service-info{width:100%;margin-top:20px}
.service-info .title{font-size:21px;}
.service-info .text{margin-bottom:20px;}}


.home-procate{padding:4% 0 3%;}
.home-procate .l-wrap{max-width:100%;}
.home-procate .procate-inner{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-procate .procate-inner .procate-left,.home-procate .procate-inner .procate-right{width:50%}
.home-procate .procate-inner .procate-right{display:flex;flex-direction: column;}
.home-procate .procate-inner .procate-right .top{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-procate .procate-inner .procate-right .top .procate-item{width:50%}
.home-procate .procate-inner .procate-item img{width:100%;display:block;}
.home-procate .procate-inner .procate-item .inner{margin:15px;position: relative;}
.home-procate .procate-inner .procate-left .procate-item{height:100%;}
.home-procate .procate-inner .procate-item .inner .procate-titbox{position: absolute;bottom:20%;left:0;width:100%;color:#fff;font-weight: var(--fontbold7);font-size:32px;line-height:1.3;text-transform: uppercase;padding:0 6%;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.home-procate .procate-inner .procate-left .procate-item .procate-titbox{text-align: center;}
.home-procate .procate-inner .procate-item .inner .procate-img{width:100%;transition:all .3s;border-radius: 13px;overflow: hidden;}
.home-procate .procate-inner .procate-item .inner .procate-more a{display:inline-block;padding:8px 20px;color:var(--introcolor);background: #fff;border-radius: 10px;overflow: hidden;transition: all .3s;font-size:18px;text-shadow: none;margin-top:10%;}
.home-procate .procate-inner .procate-item .inner .procate-more a:hover{transform: translateY(-5px);}
.home-procate .procate-inner .procate-item .inner:hover .procate-img{box-shadow:0px 20px 20px -10px rgba(0, 0, 0, 0.33)}
@media (max-width:1600px){.home-procate .procate-inner .procate-item .inner .procate-titbox{font-size:1.8vw;}
.home-procate .procate-inner .procate-item .inner .procate-more a{font-size:1.1vw;}}
@media (max-width:768px){.home-procate{padding:40px 0 30px;}
.home-procate .procate-inner .procate-item .inner{margin:7px;}
.home-procate .procate-inner .procate-item .inner .procate-titbox{font-size:var(--fontsize18)}
.home-procate .procate-inner .procate-item .inner .procate-more a{font-size:var(--fontsize14)}}
@media (max-width:600px){.home-procate .procate-inner .procate-left, .home-procate .procate-inner .procate-right,.home-procate .procate-inner .procate-right .top .procate-item{width:100%;}
.home-procate .procate-inner .procate-item .inner{margin-left:0;margin-right:0;}}
@media (min-width:1025px){.home-about .about-info .l-wrap{padding-right:13%;}}
@media (min-width:1025px) and (max-width:1600px){.home-about .about-info .l-wrap{padding-right:18%;}}
.home-about{margin-bottom:4%;}
@media (max-width:768px){.home-about{margin-bottom:40px;}}
@media (min-width:1025px) {.home-about .about-img,.home-hotpro .hotpro-img{width: 50%;padding: 30px;}
.home-hotpro .hotpro-img{padding-right:230px;}}
@media (min-width:1025px){.home-about{padding: 0 230px 0 8%;}}
@media (min-width:1025px) and (max-width:1600px){.home-hotpro .hotpro-img{padding-right:70px}
.home-about{padding: 0 70px 0 8%;}}
@media (min-width:1025px) and (max-width:1599px){.home-about{padding-left:40px;}}