@font-face {
    font-family: "Michelin-SemiBold";
    src: url("/assets/fonts/Michelin-SemiBold.otf");
}
@font-face {
    font-family: "hy-85J";
    src: url("/assets/fonts/HYTieXianHei-85J.ttf");
    font-style: normal;
}

.sections img { display: block; width: 100%;}

.sections ul, .sections li { list-style: none; margin: 0; padding: 0;}

.sections h1,.sections h2,.sections h3,.sections h4,.sections p {margin: 0;padding: 0;font-weight:normal;}

.bg01 {position:absolute;top: calc(-100vw * 355 / 1920);left:0;width:100%;z-index:-1;visibility: hidden;}
.main { position:relative; z-index:1; overflow:hidden;}
.sections { position:relative; margin:auto; width:100%;}
.sections .copy1 { color:#333;}
.sections .b01 {color:#27509b;text-decoration: underline;}

.section1 .copy1 {position:absolute;top: 47%;left: 10.5%;color:#FFF;line-height:1.4;}
.section1 h1 {font-family: "hy-85J";font-size: 4vw;font-style: italic;}
.section1 p {font-size: 1.24vw;margin-top: 1%;font-style: italic;}

.section2 { width:78%;}
.section2 h2 { font-size:1.875vw; padding:0.3vw 0;}
.section2 h2.en-title { font-family: "Michelin-SemiBold"; font-weight:700; color:#27509b; letter-spacing: -1px; padding-bottom:0;}
.section2 p { font-size:1vw; padding:0.2vw 0; color:#666;}
.section2 p.p0 { color:#333;}
.section2 .copy1 {position:relative;margin: 4vw 0;}

.swiper { overflow:visible;}
.section2 .tire-p1 { padding-left:20%; padding-bottom:7%; margin-bottom:5vw;}
.section2 .tire-p1 .swiper-slide { position:relative; width:calc(100vw * 469 / 1920); height:auto; aspect-ratio: 587/779; border:8px solid #f2f2f2; overflow:hidden; transition:all 0.15s ease-in-out;}
.section2 .tire-p1 .swiper-slide p { padding:0; position:absolute;}
.section2 .tire-p1 .swiper-slide .tire-img01 { top:0px; left:0px; padding:40px 20px 24px; background:url(../img/tire-shadow.png) no-repeat center bottom; background-size: auto 24px;}
.section2 .tire-p1 .swiper-slide .tire-icon01 { top:3%; left:5%; display:flex; gap:5px;}
.section2 .tire-p1 .swiper-slide .tire-icon01 img { width:calc(100vw * 30 / 1920); height:auto;}
.section2 .tire-p1 .swiper-slide .tire-copy2 {bottom:5%;left:5%;width:90%;color:#333;font-size: 1vw;line-height:1.4;display:flex;flex-direction: column;}
.tire-copy2 .en01 { font-family: "Michelin-SemiBold";letter-spacing: 0px;}
.tire-copy2 .en02 { font-family: "Michelin-SemiBold"; color:#27509b;letter-spacing: 0px;}
.tire-copy2 .cn01 {font-size:1.45vw;color:#27509b;padding: 10px 0;font-weight: 500;}
.tire-copy2 .cn02 {font-size: 0.8vw;padding: 2% 0;letter-spacing: 0.5px;}
.tire-copy2 .cn03 {font-size: 1.25vw;padding-bottom: 5%;}
.tire-copy2 .btn01 {width:100%;height:30px;background:#fbe400;color:#333;padding:10px 0;text-align: center;line-height:30px;border-radius: 4px;font-size: 1vw; transition:all 0.15s ease-in-out;}
.tire-copy2 .desc01 { position:absolute; bottom:-23px; left:0; width:100%; height:20px;font-size:0.8vw; line-height:20px; color:#999;letter-spacing: 0.5px;}

.nolink01 .tire-copy2 .btn01 { visibility: hidden;}

.section2 .tire-p1 .foucs01 .tire-copy2 { color:#FFF;}
.foucs01 .tire-copy2 .en02 { color:#fbe400;}
.foucs01 .tire-copy2 .cn01 { color:#FFF;}
.section2 .tire-p1 .swiper-slide.foucs01 .tire-img01 { padding:0; background-size: auto 0px;}

.tire-p1 .buttons {position:absolute;right: -3%;bottom:-10%;width: 130px;z-index: 9;}
.tire-p1 .swiper-button-prev { left:0; width:50px; height:50px; background:#fbe400; border-radius: 50%; transition:all 0.15s ease-in-out;}
.tire-p1 .swiper-button-next { right:0; width:50px; height:50px; background:#fbe400; border-radius: 50%; transition:all 0.15s ease-in-out;}
.tire-p1 .swiper-button-prev:after, .tire-p1 .swiper-button-next:after {font-size: 16px;color:#333;font-weight: 700; transition:all 0.15s ease-in-out;}
.tire-p1 .swiper-button-prev:hover, .tire-p1 .swiper-button-next:hover { background:#27509b;}
.tire-p1 .swiper-button-prev:hover:after, .tire-p1 .swiper-button-next:hover:after {color:#FFF;}

.tire-p1 .swiper-button-prev.swiper-button-disabled , .tire-p1 .swiper-button-next.swiper-button-disabled { background:#f2f2f2!important; opacity:1; filter:Alpha(opacity:100);}
.tire-p1 .swiper-button-prev.swiper-button-disabled:after, .tire-p1 .swiper-button-next.swiper-button-disabled:after {  opacity:0.5; filter:Alpha(opacity:50); color:#333!important;}

.section2 .tire-p1 .swiper-slide:hover { border-color:#27509b;}
.section2 .tire-p1 .swiper-slide:hover .btn01 { background:#27509b; color:#FFF;}



.mobi0825 { display:none;}

@media (max-width: 750px) {
.mobi0825 { display:block;}
.pc0825 { display:none;}
.sections { width:calc(100vw * 682 / 750);}
.section1 { width:100%;}
.section1 h1 {font-size: 36px; text-shadow: 0 0 20px #000;}
.section1 .copy1 {left:5%;top: 25%;}
.section1 p {font-size: 14px; text-shadow: 0 0 20px #000;}

.section2 h2 { font-size:24px; padding:3px 0;}
.section2 h2.en-title { font-size:16px;}
.section2 .copy1 {margin: 40px 0;font-size:22px;}
.section2 p { font-size:14px; padding:3px 0;}
.section2 .tire-p1 { padding-left:0; padding-bottom:50px; margin-bottom:50px;}
.section2 .tire-p1 .swiper-slide .tire-icon01 { top:5%; left:8%;}
.section2 .tire-p1 .swiper-slide .tire-icon01 img { width:26px;}
.section2 .tire-p1 .swiper-slide .tire-copy2 { font-size:14px;}
.tire-copy2 .cn01 {font-size:20px;padding: 1.5% 0;}
.tire-copy2 .cn02 {font-size:11px;padding: 1.5% 0;}
.tire-copy2 .cn03 { font-size:16px;}
.tire-copy2 .btn01 { font-size:16px;}
.tire-copy2 .desc01 { font-size:11px; bottom:-21px;}
.section2 .tire-p1 .swiper-slide { border-width:0;aspect-ratio: auto;}
.section2 .tire-p1 .swiper-slide a:link, .section2 .tire-p1 .swiper-slide a:visited { display:block; position:relative; width:calc(100% - 8px); height:calc(100% - 8px); border:4px solid #f2f2f2; aspect-ratio: 587/779; overflow:hidden;}
.section2 .tire-p1 .swiper-slide a:hover { border-color:#27509b;}
.section2 .tire-p1 .swiper-slide .tire-img01 { padding:35px 20px 16px; background-size: auto 16px;}
.tire-p1 .swiper-button-prev, .tire-p1 .swiper-button-next { width:40px; height:40px;}
.tire-p1 .swiper-button-prev:after, .tire-p1 .swiper-button-next:after {font-size: 14px;}
.tire-p1 .buttons { width:100px; right: 0px;}
.back-to-top { bottom:60px!important;}
}