﻿.home-banner .swiper-slide>a::after{display:none;}
.home-banner .banner-animote{color: var(--fontcolor);top:50%;}
.home-banner .banner-animote .p1{max-width:50%;font-size:50px;color: #fff;}
.home-banner .banner-animote .p2{font-size:20px;}
@media (max-width:1800px){.home-banner .banner-animote .p1{font-size:3.2vw}
.home-banner .banner-animote .p2{font-size:1.1vw;}}
@media (max-width:768px){.home-banner .banner-animote .p1{font-size:20px}
.home-banner .banner-animote .p2{font-size:12px;max-width:50%;}}
@media (max-width:550px){.home-banner .banner-animote .p1{font-size:16px;}
.home-banner .banner-animote .p2{display:none;}}


.home-application{padding-top:4%;}
.home-application .list{margin-top:2.5%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-application .list li{width:24%;list-style: none;box-shadow: 0px 5px 20px 0px rgba(13, 14, 67, 0.12);text-align:center;padding:2% 2% 0 2%;}
.home-application .list li>a{display:flex;flex-direction: column;align-items: center;}
.home-application .list li .icon{transition: all .3s;}
.home-application .list li:hover .icon{transform: translateY(-5px);}
.home-application .list li .tit{color:var(--color);font-weight:var(--fontbold7);font-size:20px;margin:15px 0 10px;}
.home-application .list li .des{margin-bottom:auto;}
@media (min-width:1025px){.home-application .list li .img-box{transform: translateY(12%);}
.home-application .list li .des{min-height:86px;}}
.home-application .list li .img-box{position: relative;}
.home-application .list li .img-box .img{overflow: hidden;clip-path:polygon(50% 0,100% 20%,100% 100%,0% 100%,0 75%,0 20%)}
.home-application .list li .img-box .img img{width:100%;display:block;}
.home-application .list li .img-box .btn{position: absolute;top:55%;left:50%;transform: translate(-50%,-50%) scale(0);width:90px;height:90px;z-index:2;display:flex;justify-content: center;align-items: center;opacity: 0;transition: all .3s;z-index:2;}
.home-application .list li:hover .img-box .btn{transform: translate(-50%,-50%) scale(1);opacity:1;}
@media (max-width:1366px){.home-application .list li .des{font-size:14px}}
@media (max-width:1024px){.home-application .list li:nth-child(n+3){margin-top:2%;}
.home-application .list li{width:49%;padding:20px;}
.home-application .list li .img-box{margin-top:10px;}
.home-application .list li .icon img{max-width:70px;}}
@media (max-width:550px){.home-application .list li{width:100%;}
.home-application .list li:nth-child(n+2){margin-top:2%;}}

#serviceswiper .home-more{margin-top:20px}