﻿@media (min-width:1025px){
.home-about .img{padding-left: 0;}
.home-about .img iframe{width: 100%;aspect-ratio: 290/163;height: auto;}

}
.l-wraps{max-width:1440px;margin:0 auto;padding:0 50px}
.headtitle{text-align:center}
.hometitle{font-weight:700;font-size:42px;color:var(--color);line-height:1.25}
.headtitle p{color:#616161;margin-top:15px;font-size:20px;line-height:1.52}
.home-btns{display:flex;justify-content:center;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}
.home-btns a{display:flex;align-items:center;background:var(--color);border-radius:5px;color:#fff;padding:18px 35px;line-height:1}
.home-btns a img{margin-left:10px}
.home-btns:hover{transform:translateY(-8px)}
.index-manufacturer{padding:60px 0;background:#f5f5f5}
.index-manufacturer .headtitle p{text-align:left}
.manu-items{display:flex;justify-content:space-between;margin:35px 0}
.manu-box{width:32%;position:relative}
.manu-box::after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;z-index:2;transition:1s;background-color:transparent;background-image:linear-gradient(180deg,#fffFFF00 0,#231818 65%);opacity:60%}
.manu-img{width:100%;display:block}
.manu-img img{width:100%;display:block}
.manu-content{left:0;bottom:0;position:absolute;margin:0;width:100%;z-index:3;overflow:hidden;display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding:30px 30px 30px 30px}
.manu-title{color:#fff;font-size:20px;font-weight:500;transition:.5s;text-align:center}
.manu-text{overflow:hidden;transform:scaleY(0);transform-origin:bottom;transition:.5s;max-height:0;opacity:0;text-align:center}
.manu-text p{font-size:16px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;line-height:1.5}
.manu-content{transition:.5s;transform:translateY(10px)}
.manu-tit{margin-top:35px;font-size:18px;color:#616161}
.manu-box:hover .manu-content{transform:translateY(0);text-align:center}
.manu-box:hover .manu-title{transform:translateY(-10px)}
.manu-box:hover .manu-text{max-height:100%;transform:scaleY(1);overflow:visible;opacity:1}
.manu-btn{color:#fff;font-size:16px;border:1px solid #fff;border-radius:35px;line-height:1;padding:10px 35px;display:inline-block;margin-top:15px}
.manu-box:hover .manu-text .manu-btn{text-decoration:none;display:inline-block;text-align:center;transition:.5s}
.manu-text .manu-btn:hover{background:var(--color);border:1px solid var(--color)}
.index-manufacturer .home-btns{margin-top:40px}
@media (max-width:1640px) {.hometitle{font-size: 38px;}}
@media (max-width:1420px) {.hometitle{font-size: 32px;}}
@media (max-width:1366px) {.hometitle{font-size: 28px;}}
@media (max-width:1280px) {.manu-text p{font-size:15px;-webkit-line-clamp:5;}}
@media (max-width:1024px) {.l-wraps{padding: 0 30px;}
.hometitle{font-size: 26px;}
.manu-tit{font-size: 16px;}
.headtitle p{margin-top: 10px;}
.manu-items{margin: 20px 0;}
.index-manufacturer{padding: 45px 0;}
.manu-tit{margin-top:0;}
.home-btns a{padding: 15px 35px;font-size: 14px;}
.manu-text p{font-size:15px;-webkit-line-clamp:7;}
.index-manufacturer .home-btns {margin-top: 25px;}
.manu-content{padding: 20px;}
.manu-items{flex-wrap: wrap;}
.manu-box{width: 50%;margin-bottom:20px}}
@media (max-width:768px) {.hometitle {font-size: 26px;}
.l-wraps {padding: 0px 15px;}
.manu-box{width: 100%;}
.index-manufacturer {padding: 30px 0;}}
.home-about, .home-choose, .home-news, .home-products, .home-service{ padding: 3% 0;}
.home-contact .inquiry-box { background-color: var(--color1);}

.home-btns a{background:var(--color1)}
.home-consultation .title span{ color: #fff;}
.home-more,.home-more:hover{color:var(--fontcolor);background:#ffd305;border-color:#ffd305}
.home-consultation,.home-contact .inquiry-box{background:linear-gradient(0, #094019, #1b612d 40%)}
.index-manufacturer .hometitle{color:#000}
.index-manufacturer .home-btns a{background-color:#ffd305}
.home-contact .inquiry-box{background:rgba(30,30,30,0.35);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.15);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.2)}
.home-btns a{color: var(--fontcolor);}
.home-btns a img{filter: invert(1);}