
.swiper-container-mobi{
	position:relative;
	background:#fff;
}
.swiper-container-mobi-1{
	padding-top:3vw;
	z-index:2;
}

.swiper-container-mobi-2{
	padding-top:50vw;
}

.swiper-container-mobi-2 .swiper_navigation{
	top:95%;
}


.swiper-container-mobi-2 .swiper_navigation div.swiper-button-next,.swiper-container-mobi-3 .swiper_navigation div.swiper-button-next{
	background-color:#f0f0f0;
}

.m14{
	padding-top:22vw;
	background:#fff;
}

.swiper-container-mobi-3{
	padding-top:25vw;
}

.swiper-container-mobi-3 .swiper_navigation{
	top:115%;
}

.swiper-container-mobi .bg{
	position:absolute;
	width:100%;
	left:0px;
	bottom:-26%;
	height:100vw;
	background:#f0f0f0;
}

.swiper-container-mobi .swiper_navigation div{
	width:8vw;
	height:8vw;
}

.swiper_1,swiper_2,swiper_3{
	position:relative;
}

.swiper-container-mobi .swiper_navigation{
	flex-direction:row;
	left:73%;
}
.swiper-container-mobi .swiper_navigation div.swiper-button-prev{
	order:2;
	background-size:25%;
	margin-left: 2vw;
}
.swiper-container-mobi .swiper_navigation div.swiper-button-next{
	background-size:25%;
}

.swiper_1 .swiper_navigation{
	 top: 112%;
}

.swiper-container-mobi .swiper-slide a{
	display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    box-shadow: 0px 0px 9px -2px #999;
    background: #fce500;
    width: 41vw;
    height: 10vw;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 4vw;
}

.history-wrapper{
	position:relative;
	margin-top:-28%;
	margin-bottom: 17vw;
}

.swiper_history{
	width:67%;
	margin-left: 4%
}
.swiper_history .swiper-slide{
	background:#001e5d;
	
}

.line-wrapper{
	position:absolute;
	right:0px;
	top:10%;
	z-index:2;
}
.line-wrapper .year{
	position:absolute;
	right: 29%;
    top: -87%;
	opacity:0;
	transition:opacity 0.5s
}

.line-wrapper .year.active{
	opacity:1;
}

.line-wrapper .year_1891{
	width:35.6vw;
}

.line-wrapper .year_1951{
	width:35.6vw;
}

.line-wrapper .year_1967{
	width:36.53vw;
	//left:36%;
}

.line-wrapper .year_2025{
	width:39.86vw;
	//left:32.7%；
}


.motorsport img{
    width: 100%;
}
.motorsport .img-wrapper{
    position: relative;
}

.swiper-container-pc{
	position:relative;
	height:300px;
	margin-top:5vw;
	min-height:25vw;
}
.swiper_pc{
	position:absolute;
	width:54.9479vw;
	height:100%;
	left:19%;
	top:0px;
	overflow:hidden;
}


.swiper_navigation{
	position:absolute;
	top: 61%;
    left: 80%;
	display: flex;
    flex-direction: column;
}

.swiper_navigation div{
	position:relative;
	top:0;
	left:0;
	right:0;
	margin:0;
	width:2.6vw;
	height:2.6vw;
	border-radius:50%;
	overflow:hidden;
}

.swiper_navigation div.swiper-button-prev{
	background: url(/motorsports/assets/img/arrow.png) no-repeat scroll 57% center;
	background-size: 0.78vw;
	background-color:#fce500;
	margin-bottom:1vw;
}
.swiper_navigation div.swiper-button-next{
	background: url(/motorsports/assets/img/arrow.png) no-repeat scroll center center;
	background-color:#fff;
	background-size: 0.78vw;
	transform: rotate(-180deg);
}

.swiper-container-pc a{
	display: flex;
    align-items: center;
    justify-content: center;
	letter-spacing: 0.5px;
	box-shadow:0px 0px 9px -2px #999;
	background:#fce500;
	width:12vw;
	height:2.5vw;
	font-size:16px;
	margin:0 auto;
	margin-top: 1vw;
}

.swiper-container-pc a:hover{
	background:#27509b;
	color:#fff;
}


.swiper-container-pc .bg{
	position:absolute;
	width:100%;
	left:0px;
	bottom:0px;
	background:#f0f0f0;
	height:72%;
}

.swiper_pc .swiper-slide{
	width:100%;
}

.swiper_pc .swiper-slide ul{
	display:flex;
	width:100%;
	justify-content: space-between;
}

.swiper_pc .swiper-slide ul img{
	width:auto;
	height:18.8vw;
}

.motorsport .img-wrapper .a{
    position: absolute;
	width:13vw;
	max-width:232px;
	height:2.8vw;
	max-height:47px;
	left:50%;
	bottom:2%;
	z-index:1;
	background:#fce500;
	font-size:16px;
	display: flex;
    align-items: center;
    justify-content: center;
	letter-spacing: 0.5px;
	box-shadow: 0px 0px 15px 1px #444;
}
.motorsport .img-wrapper .a:hover{
	background:#27509b;
	color:#fff;
}


.motorsport .pc{
    width: 100%;
}


.motorsport .pc .img-wrapper-1 .a{
   bottom:60%;
   transform: translateX(-50%);
}

.motorsport .pc .img-wrapper-6 .a{
   bottom:2%;
   transform: translateX(-50%);
   box-shadow: 0px 0px 15px -4px #999;
}


.motorsport .pc .img-wrapper-10 .a{
    bottom: 80.5%;
    left: 22.5%;
}


.motorsport .pc .img-wrapper-10 .activity01{
    position: absolute;
    top: 57%;
    left: 17.5%;
    width: 18.5vw;
    height: 18.5vw;
	text-indent: -1000px;
    overflow: hidden;
}

.motorsport .pc .img-wrapper-10 .activity02{
    position: absolute;
    top: 57%;
    left: 37.2%;
    width: 18.8vw;
    height: 18.5vw;
	text-indent: -1000px;
    overflow: hidden;
}

.motorsport .pc .img-wrapper-10 .activity03{
    position: absolute;
    top: 57%;
    left: 57.2%;
    width: 18.8vw;
    height: 18.5vw;
	text-indent: -1000px;
    overflow: hidden;
}

.motorsport .pc .img-wrapper-11 a{
	display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    box-shadow: 0px 0px 9px -2px #999;
    background: #fce500;
    width: 12vw;
    height: 2.5vw;
    font-size: 16px;
	position:absolute;
	left: 21%;
    top: 68%;
}
.motorsport .pc .img-wrapper-11 a:hover{
	background:#27509b;
	color:#fff;
}
.motorsport .pc .img-wrapper-11 a.a1{
	left: 21%;
}

.motorsport .pc .img-wrapper-11 a.a2{
	left: 41%;
}
.motorsport .pc .img-wrapper-11 a.a3{
	left: 61%;
}

.motorsport .mobi{
    display: none;
	background:#00092c;
}


.motorsport .mobi .a{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	max-width: 100%;
    max-height: 100px;
	box-shadow: none;
	background: transparent;
    text-indent: -1000px;
    overflow: hidden;
}

.motorsport .mobi .a:hover{
	background: transparent;
}

.motorsport .mobi .img-wrapper-3 .a{
    width: 46%;
    height: 10.1vw;
    bottom: 3.7%;
}

.motorsport .mobi .img-wrapper-8 .a{
    width: 44%;
    height: 10.1vw;
    bottom: 13.8%;
}

.motorsport .mobi .img-wrapper-12 .a{
    width: 41%;
    height: 10.6vw;
    bottom: 71%;
    left: 29%;
}

.motorsport .mobi .img-wrapper-13 a{
    position: absolute;
    width: 92%;
    height: 39vw;
    top: 2.5%;
    transform: translateX(-50%);
    left: 50%;
    text-indent: -1000px;
    overflow: hidden;
}

.motorsport .mobi .img-wrapper-13 a.activity02{
	top: 30%;
}

.motorsport .mobi .img-wrapper-13 a.activity03{
	top: 57.1%;
}

@media (max-width:1500px){
	.motorsport .img-wrapper a,.motorsport .pc .img-wrapper a,.swiper-container-pc a{
		font-size:14px;
	}
}

@media (max-width:1366px){

}

@media (max-width:1024px){
	.motorsport .pc{
		display: none;
	}
	.motorsport .mobi{
		display: block;
	}



@media (max-width:768px){
    
}