﻿@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
.home-cate .homecate-list li .img img{object-fit:initial}
@media (min-width:1025px){.home-cate .homecate-list{justify-content: space-between;}
.home-cate .homecate-list li{width:14%;margin-right:0}}
@media (min-width: 768px){.home-hotpro .hotpro-main .hotpro-wrap { width: 110%;}}
@media (min-width:768px){.home-news .newslist .swiper-slide .info .text {height: 75px;}
.home-news .newslist .swiper-slide .info .title{height:50px}}
.home-banner .swiper-slide>a::after{display:none}
.home-news .newslist .swiper-slide .img{position:relative;height:0;padding-bottom:75%;background:#fff;}
.home-news .newslist .swiper-slide .img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.home-cate .homecate-list li .img {aspect-ratio: 1;}
.home-banner{position:relative;min-height:inherit;}
video#video{display:block;width:100%;min-height:inherit;filter: brightness(0.5);}
.bannertxt{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;color:var(--headercolor);z-index:2;text-align:center;width:100%;padding:0 15px;max-width:1000px;}
.bannertxt *{font-family: "Inter", sans-serif;}
.bannertxt .bannertxt-tit{font-weight:bold;font-size:3vw;line-height:1.3;text-shadow:1px 1px 1px #000}
.bannertxt p{font-size:1.1vw;line-height:1.4;margin:.5vw 0 1.5vw;text-shadow:1px 1px 1px #000}
.bannertxt .bannertxt-btn{display:flex;justify-content:center;}
.bannertxt .bannertxt-btn a{text-transform:uppercase;font-weight:bold;font-size:1.1vw;background:var(--color);line-height:1;padding:.5vw .6vw;}
.bannertxt .bannertxt-btn a:hover{opacity:.9}
@media (max-width:1024px){.bannertxt .bannertxt-tit{font-size:var(--fontsize30)}
.bannertxt p{font-size:var(--fontsize14);margin:8px 0 15px}
.bannertxt .bannertxt-btn a{font-size:var(--fontsize14);padding:6px 8px}}
@media (max-width:768px){.bannertxt .bannertxt-tit{font-size:var(--fontsize26)}
.bannertxt p{font-size:var(--fontsize13);}
.bannertxt .bannertxt-btn a{font-size:var(--fontsize13);}}
@media (max-width:500px){.bannertxt .bannertxt-tit{font-size:var(--fontsize18)}
.bannertxt p{font-size:var(--fontsize12);margin:5px 0 10px}
.bannertxt .bannertxt-btn a{font-size:var(--fontsize12);padding:4px 6px}}
@media (min-width:1025px){.bannertxt {top:55%}}