﻿/* home */
.home-banner .swiper-slide>a::after{display: none;}
.homehead{display:flex;justify-content:center;flex-direction:column;align-items:center}
.hometitle{text-align: center;text-transform: uppercase;line-height: 1;position: relative;margin: 55px 0 40px;}
.hometitle img{width: 100%;display: block;}
.hometitle::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:16px;background-color:var(--color);z-index:-1}
.homebanner img{width: 100%;display: block;}
.home-headlights{padding:30px 0 0}
.home-headlights .itembox{margin-bottom:40px}
.home-headlights .itembox:last-child{margin-bottom:0}
.homemain{background:#fff;border-radius:20px}
.homemain .titles{display: none;}
.hometit{font-weight:600;font-size:34px;color:#666;line-height:1;padding:30px 50px;border-bottom:3px solid #cbcbcb63;margin:0}
.homemain .contant{display:flex;flex-wrap:wrap;padding:20px 0}
.homemain .contant-item{width:25%;padding:20px 3.5%;border-right:3px solid #eee;border-bottom:3px solid #eee}
.homemain .contant-item:hover img{transform: scale(1.05);}
.homemain .contant-item:nth-last-child(-n+4){border-bottom:none}
.contant-item .img{box-shadow:0 0 15px 2px #d1d1d1;border-radius:35px;overflow:hidden}
.contant-item .img img{width:100%;height:100%;object-fit:cover;transition: all .3s ease-in-out;}
.homemain .contant-item:hover .tit{color: var(--color);}
.homemain .card{display:flex;flex-direction:column;align-items:baseline;margin-top:15px}
.homemain .card .tit a{font-size:18px;line-height:1.25;color:#000;font-weight:500;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;transition: all .3s ease-in-out;text-align: center;}
.homemain .text{font-weight:400;color:#454545;margin:9px 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box}
.home-abouts{position:relative}
.home-abouts .about-img img{width: 100%;display: block;}
.home-abouts .l-wrap{background:#000}
.home-abouts .homehead{position:absolute;width:100%;text-align:center;left:0;top:55px}
.home-video img{width: 100%;display: block;}
@media (max-width:1640px) {
    .hometitle{font-size: 48px;}
    .hometit{font-size: 28px;padding: 20px 40px;}
}
@media (max-width:1440px) {
    .hometitle{font-size: 42px;}
    .hometit{font-size: 26px;}
}
@media (max-width:1280px) {
    .hometitle{font-size: 36px;}
    .hometit{font-size: 24px;}
}
@media (max-width:1024px) {
    .hometitle{font-size: 32px;}
}
@media (max-width:768px) {
    .hometitle{font-size: 28px;}
    .homemain .contant-item{width: 50%;}
    .home-abouts .homehead .hometitle{width: 60%;}
    
}

.homemain .contant{padding:0}
.homemain .contant-item{padding-top:40px;padding-bottom:40px}
.homemain .card{margin-top:40px}
@media (max-width:768px){.homemain .contant-item:not(:nth-last-child(-n+2)){border-bottom:3px solid #eee}
.homemain .contant-item:nth-child(2n){border-right:none}}
@media (max-width:500px){.homemain .contant-item{padding-top:30px;padding-bottom:30px}
.homemain .card{margin-top:30px}}