﻿@media (min-width:1025px){header:not(.is-active) {background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.2);}
header:not(.is-active) .head-top{border-bottom:1px solid #ffffff66}}
.home-banner .swiper-slide>a::after{display:none}
.home-hotpro .hotpro-main .hotpro-wrap{width:100%}
.home-hotpro .hotpro-main #hotpro{margin-left:0;padding:20px 0 0}
.home-hotpro .hotpro-main .swiper-slide .info .more{min-width:auto;height:auto;padding:5px 15px}
.home-cate .homecate-list li .img{aspect-ratio:auto}
.home-cate .homecate-list li .img img{object-fit:contain}
@media (min-width:1025px){.hotpro-main .l-wrap{padding-left: 70px;}}
.home-hotpro .hotpro-main .home-title{text-align: center;}
@media (min-width:769px){.home-cate .homecate-list li{width:23.5%}
.home-cate .homecate-list li:nth-child(3n){margin-right:2%}
.home-cate .homecate-list li:nth-child(4n){margin-right:0;}}

.home-banner .swiper-slide-active img{animation: none;}
.home-banner .banner-animote{transform: initial;color:#222;padding:0;max-width: initial;width:auto;text-align:left;line-height: 1.1;}
.home-banner .banner-animote.ban1{left:5%;top:22%;}
.home-banner .banner-animote.ban1 .tag{letter-spacing: 3px;font-size: 1vw;}
.home-banner .banner-animote.ban1 .tit{font-weight:var(--fontbold5);font-size: 3.4vw;margin:3% 0 6%;}
.home-banner .banner-animote.ban1 .des{font-size: 1.2vw;}
.home-banner .banner-animote.ban1 .ban-list{display:flex;margin:5% 0;}
.home-banner .banner-animote.ban1 .ban-list .item{border-right: 1px solid #E1DDDD;text-align:center;font-size: 0.8vw;padding:0 3.5%}
.home-banner .banner-animote.ban1 .ban-list .item:first-child{padding-left:0;}
.home-banner .banner-animote.ban1 .ban-list .item p{white-space: nowrap;}
.home-banner .banner-animote.ban1 .ban-list .item:last-child{border-right: none;}
.home-banner .banner-animote.ban1 .more{display:flex;}
.home-banner .banner-animote.ban1 .more a{transition: all .3s;border:1px solid #222;font-size:1vw;padding:2% 5.5%;}
.home-banner .banner-animote.ban1 .more em{font-size: 1vw;}
.home-banner .banner-animote.ban1 .more a:nth-child(1){color:#fff;background: #222;margin-right: 2%;}
.home-banner .banner-animote.ban1 .more a:nth-child(1):hover{background: var(--color);border-color:var(--color)}
.home-banner .banner-animote.ban1 .more a:nth-child(2){color:#222;}
.home-banner .banner-animote.ban1 .more a:nth-child(2):hover{color:#fff;background: var(--color);border-color:var(--color)}
.home-banner .banner-animote.ban1-right{left:auto;right:5%;top:auto;bottom:11%;}
.home-banner .banner-animote.ban1-right .in{padding-left:10%;color:#fff;font-size:1vw;border-left:1px solid #fff;white-space: nowrap;}
.home-banner .banner-animote.ban1-right .in p:nth-child(n+2){margin-top:8%;}
@media (max-width:1366px){.home-banner .banner-animote.ban1{top:25%;}}
@media (max-width:1024px){.home-banner .banner-animote.ban1{top:11%;}
.home-banner .banner-animote.ban1-right{display:none;}
.home-banner .banner-animote.ban1 .ban-list{margin:2.5% 0;}
.home-banner .banner-animote.ban1 .tag{letter-spacing: 1px;}
.home-banner .banner-animote.ban1 .tit{margin-bottom:3%;}}
.home-banner .banner-animote.ban2{left:63%;top:25%;}
.home-banner .banner-animote.ban2 .tag{letter-spacing: 3px;font-size: 1vw;}
.home-banner .banner-animote.ban2 .tit{font-weight:var(--fontbold5);font-size:2.9vw;margin:3% 0 6%;}
.home-banner .banner-animote.ban2 .des{font-size: 1.35vw;}
.home-banner .banner-animote.ban2 .ban-list{display:flex;margin:5% 0;}
.home-banner .banner-animote.ban2 .ban-list .item{border-right: 1px solid #D6BA9D;text-align:center;font-size: 0.9vw;padding:0 5%}
.home-banner .banner-animote.ban2 .ban-list .item p{white-space: nowrap;}
.home-banner .banner-animote.ban2 .ban-list .item:last-child{border-right: none;padding-right:0;}
.home-banner .banner-animote.ban2 .more{display:flex;align-items: center;}
.home-banner .banner-animote.ban2 .more em{font-size: 1vw;}
.home-banner .banner-animote.ban2 .more a:nth-child(1){color:#fff;background: #222;margin-right: 5%;transition: all .3s;border:1px solid #222;font-size:1.4vw;padding:2% 5.5%;}
.home-banner .banner-animote.ban2 .more a:nth-child(1):hover{background: var(--color);border-color:var(--color)}
.home-banner .banner-animote.ban2 .more a:nth-child(2){color:#222;display:flex;align-items: center;justify-content: center;font-size:1.4vw;border-bottom: 1px solid #222;}
.home-banner .banner-animote.ban2 .more a:nth-child(2):hover{color:var(--color);}
@media (max-width:1024px){.home-banner .banner-animote.ban2 .ban-list{margin:2.5% 0;}
.home-banner .banner-animote.ban2 .tag{letter-spacing: 1px;}
.home-banner .banner-animote.ban2 .tit{margin-bottom:3%;}}