﻿@media (min-width:1025px){body{padding:0}
header:not(.is-active){background:none;}
header:not(.is-active) .head-top{background:none;}
header:not(.is-active) .head-info{box-shadow:0 0 0}
header:not(.is-active) .head-info .head-nav .nav-ul>li>a,header:not(.is-active) .head-info .head-nav .nav-ul>li>em{color:#fff}
header:not(.is-active) .head-search button em{color:#fff}}
.home-banner .swiper-slide{height:auto}
.home-banner .swiper-slide>a[title="banner1"]::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
/*.home-banner .swiper-slide>a[title="banner1"] img{aspect-ratio:64/25;object-fit:cover;object-position:bottom}*/
.home-banner .swiper-slide>a[title="banner1"] img{object-fit:cover;object-position:bottom}
.home-banner .swiper-slide .banner-animote.bantxt1{text-align:center}
.home-banner .swiper-slide-active .banner-animote.bantxt1{animation:bannerani2 .5s forwards;animation-delay:.7s}
.home-banner .swiper-slide .banner-animote.bantxt1 .p1{font-size:2.2vw;line-height:1}
.home-banner .swiper-slide .banner-animote.bantxt1 .p1 span{font-size:5.2vw}
.home-banner .swiper-slide .banner-animote.bantxt1 .p2{margin:1vw auto 0;font-size:1.2vw}
@keyframes bannerani2{0%{margin-top:20px}
100%{margin-top:0;opacity:1}}
.home-about .left{padding-right:0;}
.home-tabs .items .item .right img:first-child{position: unset;}
.home-product{background:#F7F7F7;padding:4% 0;margin-top:3%}
.home-team{padding-top:0}
.about-swiper{margin-top:50px}
.home-swiper-card{position:relative;padding:4% 0}
.home-swiper-card .home-des{margin:20px 0 0}
@media (max-width:768px){.home-swiper-card{padding:40px 0}}
.home-customization {padding:4% 0 0}
.customization-list {margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.customization-list li {overflow:hidden;border-radius:10px;border:1px solid #ddd;}
.customization-list li>a {display:grid;grid-template-columns:1.1fr 0.9fr;gap:20px;width:100%;height:100%;padding:10px}
.customization-list li .customization-info {text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:15px}
.customization-list li .customization-tit {font-weight:bold;line-height:1.4;font-size:var(--fontsize17);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:.3s}
.customization-list li .customization-btn {display:flex;justify-content:center;margin-top:15px;}
.customization-list li .customization-btn span {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #666;border-radius:50%;line-height:1;transition:.3s}
.customization-list li .customization-btn span em {display:block;transform:rotate(-90deg)}
.customization-list li .customization-pic{overflow:hidden}
.customization-list li .customization-pic img{transition:.3s;width:100%}
.customization-list li:hover .customization-tit{color:var(--color)}
.customization-list li:hover .customization-btn span{background:var(--color);border-color:var(--color);color:#fff}
.customization-list li:hover .customization-pic img{transform:scale(1.05)}
@media (max-width:1024px){.home-customization{padding-bottom:20px}
.customization-list {display:grid;grid-template-columns:repeat(1,1fr);}}
@media (max-width:768px){.home-customization {padding:40px 0 30px}
.customization-list {margin-top:20px;}}
@media (max-width:540px){.customization-list li>a {padding:5px}
.customization-list li .customization-info{padding-left:5px}
.customization-list li .customization-tit{font-size:var(--fontsize15)}
.customization-list li .customization-btn {margin-top:10px;}}