@font-face {
    font-family: "Michelin-Light";
    src: url("../fonts/Michelin-Light.otf");
}
@font-face {
    font-family: "HYTieXianHei-35J";
    src: url("../fonts/HYTieXianHei-35J.ttf");
}
@font-face {
    font-family: "HYTieXianHei-45J";
    src: url("../fonts/HYTieXianHei-45J.ttf");
}
@font-face {
    font-family: "HYTieXianHei-55J";
    src: url("../fonts/HYTieXianHei-55J.ttf");
}
@font-face {
    font-family: "HYTieXianHei-65J";
    src: url("../fonts/HYTieXianHei-65J.ttf");
}
@font-face {
    font-family: "HYTieXianHei-85J";
    src: url("../fonts/HYTieXianHei-85J.ttf");
}

.sections {
    position: relative;
    width: 100%;
    margin: auto;
    overflow:hidden;
}

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

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

.sections h1,.sections h2,.sections h3,.sections p {
    margin: 0;
    padding: 0;
}

.home1 .text01 {position:absolute;top: 32%;left: 17%;font-family: "HYTieXianHei-85J";color:#fce500;text-shadow: 5px 0px 20px rgba(0,0,0,0.52);font-style: italic;}
.home1 .text01 h1 {font-size: 4.3vw; font-weight: 300;}
.home1 .text01 h2 {font-size: 2.5vw; font-weight: 300;}
.home1 .text01 span {font-family: "HYTieXianHei-35J";color:#FFF;margin-left: 0.5vw;}
.home1 .text01 h2 span {margin-left:auto;margin-right: 1.5vw;}

.home1 .home_nav {position:absolute;bottom: 12%;left: 17%;width: calc(66% - 2.6rem);background: #00205b;border-radius:20px;display:flex;flex-direction: column;overflow: hidden;padding: 1.3rem 1.3rem 0.8rem;box-shadow: 0px 3px 10px rgba(0,0,0,0.5);}
.home1 .home_nav img {width: auto;height: 1.7vw;margin: auto auto 10px;}
.home1 .home_nav .a1 {display:flex;flex-direction: row;align-items: center;width: 100%;justify-content: space-around;}
.home1 .home_nav .a1 a:link, .home1 .home_nav .a1 a:visited {display:block;font-size: 0.9vw;border-right: 2px solid rgba(255,255,255,0.4);text-decoration: none;color: #FFF;width: calc(100% / 6);text-align: center;opacity: 0.4;filter:Alpha(opacity:50);transition: all 0.15s ease-in-out;}
.home1 .home_nav .a1 a:hover { opacity:1; filter:Alpha(opacity:100);border-right: 2px solid rgba(255,255,255,0.2);}
.home1 .home_nav .a1 .active:link, .home1 .home_nav .a1 .active:visited {opacity:1;filter:Alpha(opacity:100);border-right: 2px solid rgba(255,255,255,0.2);}
.home1 .home_nav .a1 a:last-child { border-right: none;}

.home1 .home_nav .a1 .mb-more { display:none;}

.home1 .home_nav .a2 {margin-top: 1.4vw;}
.home1 .home_nav .a2 a:link, .home1 .home_nav .a2 a:visited {position:relative;display:block;float:left;width:48%;background-color:#FFF;background-repeat: no-repeat;background-size:auto 56%;background-position:5% center;text-indent: 15%;padding: 0.7vw 0;border-radius:8px;transition: all 0.15s ease-in;color:#000;font-size: 1vw;font-weight: 500;letter-spacing:0.5px;text-decoration: none;}
.home1 .home_nav .a2 .vehicle:link, .home1 .home_nav .a2 .vehicle:visited {background-image:url(../images/home0905/by_vehicle.svg);background-size: auto 35%;}
.home1 .home_nav .a2 .size:link, .home1 .home_nav .a2 .size:visited {background-image:url(../images/home0905/by_size.svg); background-position:7% center; margin-left:4%;}
.home1 .home_nav .a2 a:hover { background-color:#eee;}

.home1 .home_nav .a2 a span {position:absolute;top:50%;transform:translateY(-50%);right: 12px;width:1.6vw;height:1.6vw;background:#fce500;border-radius:50%;overflow:hidden;transition: all 0.15s ease-in;}
.home1 .home_nav .a2 a span::before {position:absolute;content:'';width:30%;height:30%;border-top:2px solid #333;border-right:2px solid #333;top: 30%;left: calc(30% - 2px);transform: rotate(45deg);transition: all 0.15s ease-in;}

.home1 .home_nav .a2 a:hover span { background:#00205b;}
.home1 .home_nav .a2 a:hover span::before { border-color:#FFF;}

.home1 .home_nav .a3, .home1 .home_nav .mb_nav_box { display:none;}

.home2 { background:#27509b;}
.home2 .swiper {padding: 2.5rem 2.5rem 10rem 2.5rem;width: calc(100% - 5rem);}
.home2 .swiper .swiper-slide {border-radius: 20px;overflow: hidden; user-select: none;}
.home2 .swiper .swiper-slide span {position:absolute;top: 63%;left:50%;transform:translate(-50%, -50%);font-size: 1vw;color:#333;text-align:center;background:#fce500;border-radius: 8px;width: 245px;padding: 1.5% 0;font-weight: 500;letter-spacing: 1px;transition: all 0.15s ease-in;}
.home2 .swiper .swiper-slide a:hover span { color:#FFF; background:#27509b;}

.home2 .swiper .buttons {position:absolute;bottom: 4rem;width: 140px;right: 10.5%;}
.home2 .swiper .buttons .swiper-button-prev {width: 50px;height:30px;color:#FFF;left: 0;transition: all 0.15s ease-in;}
.home2 .swiper .buttons .swiper-button-prev::before {content:"";position:absolute;top: 13px;left: 2px;width: 48px;height: 2px;background:#FFF;}
.home2 .swiper .buttons .swiper-button-prev::after {font-size: 28px;left: 0;position: absolute;}
.home2 .swiper .buttons .swiper-button-prev:hover { color:#fce500;}
.home2 .swiper .buttons .swiper-button-prev:hover::before { background:#fce500;}

.home2 .swiper .buttons .swiper-button-next {width: 50px;height:30px;color:#FFF;right: 0;transition: all 0.15s ease-in;}
.home2 .swiper .buttons .swiper-button-next::before {content:"";position:absolute;top: 13px;right: 2px;width: 48px;height: 2px;background:#FFF;}
.home2 .swiper .buttons .swiper-button-next::after {font-size: 28px;right: 0;position: absolute;}
.home2 .swiper .buttons .swiper-button-next:hover { color:#fce500;}
.home2 .swiper .buttons .swiper-button-next:hover::before { background:#fce500;}

.home3 .text01 {position:absolute;top:10%;left:10%;width:80%;text-align: center;font-size: 1vw;}
.home3 .text01 h1 {font-family: "HYTieXianHei-85J";color:#FFF;font-weight:300;margin-bottom: 1.2rem;}
.home3 .text01 h2 {font-family: "HYTieXianHei-35J";color:#FFF;font-weight:300;font-size: 2vw;font-style: italic;line-height: 1.8;}
.home3 .text01 h2 span { font-family: "HYTieXianHei-85J"; color:#fce500; margin:auto 5px;}

.home3 .text01 p { padding-top:1.7%;}
.home3 .text01 .video_btn1 {display:block;position:relative;width: 68px;height: 67px;background: url(../images/home0905/play.png) no-repeat;background-size: 100%;margin: 0 auto;margin-top: 3rem;transition: all 0.15s ease-in; text-indent:-9999px; overflow:hidden;}
.home3 .text01 .video_btn1:before {content:'';position:absolute;top:0; left:0;width: 68px;height: 67px;background: url(../images/home0905/play_on.png) no-repeat;background-size: 100%; opacity:0.01; filter:Alpha(opacity:1);}

.home3 .text01 .video_btn1:hover {background-image: url(../images/home0905/play_on.png);}

.swiper-3d .swiper-wrapper {transform-style: initial;}
.home4 { width:100%; padding:3rem 0; margin:auto; position:relative; margin-top:calc(100vw * -315 / 1920);}
.home4 .swiper { padding:0 4%;}

.home4 .swiper-slide { user-select: none;}
.home4 .swiper-slide .tyre-img { display:block; position:relative; width:100%; height:auto;}
.home4 .swiper-slide .tyre-img img { top:0; left:0; width:100%;}
.home4 .swiper-slide .img-middle, .home4 .swiper-slide .img-right { position:absolute;}
.home4 .swiper-slide .img-left { position:relative;}
.home4 .swiper-slide-active .img-left { position:absolute;}
.home4 .swiper-slide-active .img-middle { position:relative;}
.home4 .swiper-slide a:link, .home4 .swiper-slide a:visited { position:relative; z-index: 9;}

.home4 .swiper-slide .tyre-img::after {content:'';position:absolute;top: 4%;left:0;width:100%;height:100%;background:url(../images/home0905/s-middle.png) bottom center no-repeat;background-size: 100% auto;z-index: -1;}
.home4 .swiper-slide-active .tyre-img::after {top: 6%;background-image:url(../images/home0905/s-middle.png);background-size: 100% auto;}
.home4 .swiper-slide-next .tyre-img::after {top: 4%;background-image:url(../images/home0905/s-middle.png);background-size: 100% auto;}

.home4 .swiper-slide .img-middle,.home4 .swiper-slide .img-right { opacity:0; filter:Alpha(opacity:0);}
.home4 .swiper-slide .img-left { opacity:1; filter:Alpha(opacity:100);}

.home4 .swiper-slide-active .img-right,.home4 .swiper-slide-active .img-left { opacity:0; filter:Alpha(opacity:0);}
.home4 .swiper-slide-active .img-middle { opacity:1; filter:Alpha(opacity:100);}

.home4 .swiper-slide-next .img-left,.home4 .swiper-slide-next .img-middle { opacity:0; filter:Alpha(opacity:0);}
.home4 .swiper-slide-next .img-right { opacity:1; filter:Alpha(opacity:100);}

.home4 .swiper-slide-active .img-middle {animation: rotate 110s linear infinite;}

.home4 .swiper-slide a:link, .home4 .swiper-slide a:visited { text-decoration: none;}
.home4 .swiper-slide a:hover { text-decoration: none;}
.home4 .swiper-slide .font1 {display:block; margin-top:-28%; padding: 1.2vw 0 5px;text-align: center;font-size: 1.2vw;font-family: "HYTieXianHei-65J";color:#00205b;font-style: italic;}
.home4 .swiper-slide-active .font1 { margin-top:2%;}

.home4 .swiper-slide .font2b { display:none;}
.home4 .swiper-slide .font2 {display:flex;padding: 3px 0;text-align: center;font-size: 2.4vw;font-family: "HYTieXianHei-85J";color:#00205b;font-style: italic;justify-content: center;align-items: flex-start;}
.home4 .swiper-slide .font2 i {display:inline-block;padding:5px 10px;background:#f9a825;font-size:1.2vw;font-style: normal;transform:skewX(-20deg);}

.home4 .swiper-slide .font3 {display:block;padding: 3px 0;text-align: center;font-size: 1.2vw;font-family: "HYTieXianHei-65J";color:#00205b;font-style: italic;}
.home4 .swiper-slide .font4 {display:block;margin: 1vw auto auto;padding:0.825vw 0;text-align: center;font-size: 1vw;color:#000;width:240px;background:#fce500;border-radius: 8px;letter-spacing: 1.5px;transition: all 0.15s ease-in;}
.home4 .swiper-slide .font4:hover { background:#27509b; color:#FFF;}
.home4 .swiper-slide sup { margin-left:10px; font-size:0.8vw;}

.home4 .swiper-slide .font2.x01 {justify-content: center;display: flex;align-items: center;gap: 10px;}

.video_pop {position: fixed;top: 0%;left: -9999px;width: 100%;height: 100%;border: none;background: rgba(0,0,0,0.9);z-index:11;}
.video_pop .video_c1 {position:absolute;top: 20%;left:50%;transform: translate(-50%,-5%);width: calc(94% - 58px);max-width:1280px;height: 80%;}
.video_pop .video_c1 video {width:100%;height:100%;}

.video_pop .video_close {position:absolute;top: 0;right: -58px;}
.video_pop .video_close a:link, .video_pop .video_close a:visited {display:block;width: 48px;height: 48px;background:url(../images/home0905/close2.png) center no-repeat;background-size: 100% auto;padding: 5px;}

.home5 { width:630px; background:#27509b; padding:2rem; border-radius: 12px; margin:5% auto;}
.home5 .a1 h2 {font-size: 1.275vw;color:#FFF;font-family: "HYTieXianHei-55J";display:flex;align-items: center;gap: 5px;margin-bottom: 1.5rem;justify-content: center;font-weight: 100;letter-spacing: 1.5px;}
.home5 .a1 h2 img {width: 1.275vw;}
.home5 .a2 a:link,.home5 .a2 a:visited { position:relative; display:block; color:#333; text-indent: 4%;padding: 1vw 0;border-radius:8px;transition: all 0.15s ease-in;font-size: 1vw;font-weight: 500;letter-spacing:0.5px;text-decoration: none;background-color:#FFF;}
.home5 .a2 a:hover { background-color:#eee;}
.home5 .a2 a:link span,.home5 .a2 a:visited span { position:absolute; top:50%; transform:translateY(-50%); right:4%; width:1.6vw; height:1.6vw; background:#fce500; border-radius:50%; overflow:hidden;transition: all 0.15s ease-in;}

.home5 .a2 a span::before {position:absolute;content:'';width:30%;height:30%;border-top:2px solid #333;border-right:2px solid #333;top: 30%;left: calc(30% - 2px);transform: rotate(45deg);transition: all 0.15s ease-in;}

.home5 .a2 a:hover span { background:#00205b;}
.home5 .a2 a:hover span::before { border-color:#FFF;} 





@media (max-width: 750px) {
    .home1 .text01 { top:30%; left:15%;}
    .home1 .text01 h1 { font-size:50px;}
    .home1 .text01 span { font-size:50px; margin-left:14px;}
    .home1 .text01 h2 { font-size:32px;}
    .home1 .text01 h2 span { font-size:32px; margin-right:14px;}

    .home1 .home_nav {width: calc(90% - 40px);left: 5%;border-radius: 8px; padding:20px;}
    .home1 .home_nav .a1 { display:flex;flex-wrap: wrap; justify-content: flex-start;}
    .home1 .home_nav .a1 a:link, .home1 .home_nav .a1 a:visited {display:none;font-size: 16px;width:80%;text-align: left;border-right:none;}
    .home1 .home_nav img {height: 26px;display:inline-block;vertical-align: middle;margin-right: 12px;margin-bottom:4px;}
    .home1 .home_nav .a1 .active:link, .home1 .home_nav .a1 .active:visited { border-right:none; display:block;}

    .home1 .home_nav .a2 a span::before {left: calc(38% - 2px);}
    .home1 .home_nav .a2 { margin-top:20px;}
    .home1 .home_nav .a2 a:link, .home1 .home_nav .a2 a:visited {width:100%;float:none;padding: 12px 0;font-size: 14px;text-indent: 20%; border-radius:4px;}
    .home1 .home_nav .a2 .size:link, .home1 .home_nav .a2 .size:visited { margin:5% auto auto auto;}
    .home1 .home_nav .a2 a span { width:24px; height:24px;}
    
    .home1 .home_nav .a3 {display:block;position:absolute;top:23px;right: 32px;width: 22px;height: 22px;border-radius:50%;border:1px solid #fce500;z-index: 8;transform-origin: center center;transition: all 0.15s ease-in;}
    .home1 .home_nav .a3 .mb-more-icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fce500;}    
    .home1 .home_nav .a3.active { transform:rotate(-180deg);}

    .home1 .home_nav .mb_nav_box {display:none;position:absolute;top: 50px;left:0px;width:calc(100% - 40px);background:#00205b;border-radius:8px;z-index:10;flex-wrap: wrap;justify-content: flex-start;padding:20px;box-shadow: 0px 8px 10px rgba(0,0,0,0.5);}
    .home1 .home_nav .mb_nav_box.active { display:flex;}
    .home1 .home_nav .mb_nav_box a:link, .home1 .home_nav .mb_nav_box a:visited {display:block;font-size: 16px;width:100%;text-align: left;border-right:none;margin-bottom:10px;opacity:0.5;filter:Alpha(opacity:50);color:#FFF;text-decoration: none;padding:5px 0;}
    .home1 .home_nav .mb_nav_box img { opacity:0.5; filter:Alpha(opacity:50);}
    .home1,.home1 .home_nav { overflow:visible;}
    .home1 .home_nav .mb_nav_box a:nth-child(1) { border-top:1px solid rgba(255,255,255,0.5); padding-top: 20px;}

    .home1 .home_nav .mb_nav_box a:hover { opacity:1; filter:Alpha(opacity:100);}
    .home1 .home_nav .mb_nav_box a:hover img { opacity:1; filter:Alpha(opacity:100);}

    .home2 .swiper { padding:2.5rem 0 6rem; width:90%; overflow:visible;}
    .home2 .swiper .swiper-slide { margin:auto; border-radius: 8px;}
    .home2 .swiper .buttons { width:100px; bottom:3rem; right:0;}
    .home2 .swiper .swiper-slide span { font-size:14px; width: 170px; padding:12px 0; border-radius:4px; top:79%;}
    .home2 .swiper .buttons .swiper-button-prev { width:35px; height:20px;}
    .home2 .swiper .buttons .swiper-button-prev::after { font-size:20px;}
    .home2 .swiper .buttons .swiper-button-prev::before { top:8px;width:35px; left:3px;}

    .home2 .swiper .buttons .swiper-button-next { width:35px; height:20px;}
    .home2 .swiper .buttons .swiper-button-next::after { font-size:20px;}
    .home2 .swiper .buttons .swiper-button-next::before { top:8px;width:35px;}

    .home3 .text01 { font-size:14px; top:17%;}
    .home3 .text01 h1 { font-size:20px; margin-bottom:8px;}
    .home3 .text01 h2 { font-size:20px;}
    .home3 .text01 p { padding-top:10px;}
    .home3 .text01 .video_btn1 { width:42px; height:41px; margin-top:10px;}

.home4 { margin-top:calc(100vw * -250 / 750);}
.home4 .swiper-slide img { transform: scale(1);}
.home4 .swiper-slide-active img { transform: scale(1);}
.home4 .swiper-slide-next img { transform: scale(1);}

.home4 .swiper-slide .tyre-img::after { top:4%; left:7%; background:url(../images/home0905/s-middle.png) bottom center no-repeat; background-size:100% auto;}
.home4 .swiper-slide-active .tyre-img::after {top: 4%;left:0;background-image:url(../images/home0905/s-middle.png);background-size: 100% auto;}
.home4 .swiper-slide-next .tyre-img::after { top:4%; left:-7%; background-image:url(../images/home0905/s-middle.png);background-size: 100% auto;}

.home4 .swiper-slide .img-right,.home4 .swiper-slide .img-middle { opacity:0; filter:Alpha(opacity:0);}
.home4 .swiper-slide .img-left { opacity:1; filter:Alpha(opacity:100);}
.home4 .swiper-slide-prev img { margin-left:8%;}

.home4 .swiper-slide-active .img-left,.home4 .swiper-slide-active .img-right { opacity:0; filter:Alpha(opacity:0);}
.home4 .swiper-slide-active .img-middle { opacity:1; filter:Alpha(opacity:100);}

.home4 .swiper-slide-next .img-left,.home4 .swiper-slide-next .img-middle { opacity:0; filter:Alpha(opacity:0);}
.home4 .swiper-slide-next .img-right { opacity:1; filter:Alpha(opacity:100);}
.home4 .swiper-slide-next img { margin-left:-8%;}

.home4 .swiper-slide-next .img-middle {animation:none;}
.home4 .swiper-slide-active .img-middle {animation: rotate 220s linear infinite;}

.home4 .swiper-slide .font1 { margin-top:4%; padding-top:0px; font-size:16px;}
.home4 .swiper-slide .font2 { font-size:24px;}
.home4 .swiper-slide .font3 { font-size:16px;}
.home4 .swiper-slide .font4 { margin-top:16px; font-size:16px; width:180px; padding:12px 0; border-radius:4px;}
.home4 .swiper-slide sup { font-size:12px; margin-left:10px;}
.home4 .swiper-slide .font2 i { font-size:14px; padding:3px 6px;}


.home4 .swiper-slide .font1, .home4 .swiper-slide .font2, .home4 .swiper-slide .font3, .home4 .swiper-slide .font4 { display:none!important;}
.home4 .swiper-slide-active .font1, .home4 .swiper-slide-active .font2, .home4 .swiper-slide-active .font3, .home4 .swiper-slide-active .font4 { display:flex!important;justify-content: center;}

.home4 .swiper-slide .font2b {display:flex;padding: 3px 0;font-size: 14px;font-family: "HYTieXianHei-85J";color:#00205b;font-style: italic;flex-wrap: nowrap;justify-content: flex-end; align-items: flex-end;}
.home4 .swiper-slide .font2b i {display:inline-block;padding:5px 10px;background:#f9a825;font-size:1.2vw;font-style: normal;transform:skewX(-20deg); position:relative; top:-5px; left:3px;}

.home4 .swiper-slide .font2b.x01 {display: flex;justify-content: center;align-items: center;gap: 10px;}

.home4 .swiper-slide-active .font2b { display:none;}
.home4 .swiper-slide-prev .font2b .f2b1 { display:inline-block; width:20px; height:20px; background:url(../images/home0905/t-left.svg) center no-repeat; background-size:contain;}
.home4 .swiper-slide-next .font2b {justify-content: flex-end; align-items: center;flex-direction: row-reverse;}
.home4 .swiper-slide-next .font2b .f2b1 { display:inline-block; width:20px; height:20px; background:url(../images/home0905/t-right.svg) center no-repeat; background-size:contain;}

.home4 .swiper-slide .font2b sup { margin-left:3px; font-size:2vw;}

.home4 .swiper-slide-prev .font2b { margin-right:10%; margin-top:-4%;}
.home4 .swiper-slide-prev .font2b.x02 { margin-right:5%;}
.home4 .swiper-slide-prev .font2b.x03 { margin-right:-2%;}
.home4 .swiper-slide-next .font2b { margin-left:12%; margin-top:-4%;}
.home4 .swiper-slide-next .font2b.x02 { margin-left:5%;}
.home4 .swiper-slide-next .font2b.x03 { margin-left:-2%;}

    .home5 { width:calc(90% - 40px); padding:20px; margin-bottom:68px; border-radius: 8px;}
    .home5 .a1 h2 { font-size:18px;}
    .home5 .a1 h2 img { width:17px;}
    .home5 .a2 a:link, .home5 .a2 a:visited {padding:10px 0;font-size: 16px;border-radius: 4px;}
    .home5 .a2 a:link span, .home5 .a2 a:visited span { width:20px; height:20px;}
    .home5 .a2 a span::before { left:calc(36% - 2px);}

    .video_pop .video_c1 {width: 100%;max-width:none;transform: translate(-50%, -50%);top: 50%;}
    .video_pop .video_close {right: 10px; z-index: 12;}
    .video_pop .video_close a:link, .video_pop .video_close a:visited { width:32px; height:32px; padding:0;}
}
 @keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}