*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
html,body{
	height: 100%;width: 100%;
	font-family: "微软雅黑";
}
.swiper-container{
	width: 100%;height: 100%;
}
.swiper-slide{
	width: 100%;height: 100%;
	background: black;
	margin-bottom: 0px;	
    text-align: center;
    font-size: 18px;
}

.one1{
	background: url(../img/1.jpg) no-repeat;
	background-size: cover;
}
.one2{
	background: url(../img/2.jpg) no-repeat;
	background-size: cover;
}
.one3{
	background: url(../img/3.jpg) no-repeat;
	background-size: cover;
}
.more{
	width: 26%;
	position: absolute;
	top: 24%;left: 6%;
	z-index: 1;
}
.more img{
	width: 100%;
}
/*一级栏目赛程地图*/

.schedule a{
	color: black;
	font-size: 1rem;
	font-weight: bold;
}
.schedule_bg{
	width: 100%;height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.schedule .schedule_dian{
	width: 27px;
	height: 25px;
}
.schedule .schedule_dian img{
	width: 27px;
	height: 25px;
}

.schedule .schedule_dian0{
	position: absolute;
	top: 20%;left: 15%;
}
.schedule .schedule_dian1{
	position: absolute;
	top: 25%;left: 19%;
}
.schedule .schedule_dian2{
	position: absolute;
	top: 31%;left: 22%;
}
.schedule .schedule_dian3{
	position: absolute;
	top: 38%;left: 38%;
}
.schedule .schedule_dian4{
	position: absolute;
	top: 43%;left: 56%;
}
.schedule .schedule_dian5{
	position: absolute;
	top: 54%;left: 54%;
}
.schedule .schedule_dian6{
	position: absolute;
	top: 58%;left: 62%;
}
.schedule .schedule_dian7{
	position: absolute;
	top: 70%;left: 55%;
}
.schedule .schedule_dian8{
	position: absolute;
	top: 74%;left: 44%;
}
.schedule .schedule_dian9{
	position: absolute;
	top: 81%;left: 40%;
}
.schedule .schedule_dian10{
	position: absolute;
	top: 88%;left: 29%;
}
.schedule .schedule_dian11{
	position: absolute;
	top: 90%;left: 52%;
}

.schedule .schedule_a{
	position: absolute;
	top: 19%;left: 25%;
}
.schedule .schedule_1{
	position: absolute;
	top: 23.5%;left: 6%;
}
.schedule .schedule_2{
	position: absolute;
	top: 25.5%;left: 3%;
}
.schedule .schedule_3{
	position: absolute;
	top: 29.5%;left: 8%;
}
.schedule .schedule_4{
	position: absolute;
	top: 34%;left: 13%;
}
.schedule .schedule_5{
	position: absolute;
	top: 39.5%;left: 23%;
}
.schedule .schedule_6{
	position: absolute;
	top: 37%;left: 54%;
}
.schedule .schedule_b{
	position: absolute;
	top: 43%;left: 64%;
}
.schedule .schedule_7{
	position: absolute;
	top: 53%;left: 62%;
}
.schedule .schedule_8{
	position: absolute;
	top: 59%;left: 69%;
}
.schedule .schedule_9{
	position: absolute;
	top: 70%;left: 64%;
}
.schedule .schedule_10{
	position: absolute;
	top: 75.5%;right: 58%;
}
.schedule .schedule_11{
	position: absolute;
	top: 81.5%;left: 46%;
}
.schedule .schedule_12{
	position: absolute;
	top: 86.5%;left: 36%;
}
.schedule .schedule_13{
	position: absolute;
	top: 92%;right: 22%;
}
.schedule .schedule_14{
	position: absolute;
	top: 92.5%;left: 58%;
}








/*一级栏目     什么是达喀尔*/
.four1,.four2,.four3{
	width: 100%;
	height: 33.3%;
	position: absolute;
}
.four1 img ,.four2 img ,.four3 img{
	width: 100%;
}
.four1 {
	top: 0;left: 0;
}

.four2{
	top: 33.3%;left: 0;
}
.four3{
	top: 66.6%;left: 0;
}
.four11,.four21,.four31{
	width: 90%;height: 100%;
	padding-left: 10%;
	position: absolute;
	top: 0;left: 0;
	display: none;
} 
.four_bg{
	width: 100%;height: 100%;
	position: absolute;
	top: 0;left: 0;
} 
.four_title{
	font: "微软雅黑";
	width: 50%;
	height: 41px;
	font-size: 29px;
	color: red;
	position: absolute;
	top: 7.5%;left: 10%;
	font-weight: bold;
	float: left;
}
.xia{
	width: 6%;
	position: absolute;
	left: 60%;top: 9%;
}
.close{
	width: 8%;
	position: absolute;
	left: 84%;top: 9%;	
}

.four_text{
	width: 80%;
	position: absolute;
	top: 19%;left: 10%;
	color: white;
	line-height: 20px;
	text-align: left;
	font-size: 13px;
}

.four11_p1{
	float: right;
}



.four21,.four31{
}

.swiper-pagination-five1{
	background: none;
	left: 0;
	width: 100%;
	color: white;
	font-style: italic;
	font-weight: bold;
	bottom: 4%;
}
.swiper-container-five1 .coming_soon{
	width: 100%;height: 100%;
}
.come_bf{
		position: absolute;
	top: 39%;left: 33%;
	width: 35%;
	opacity: 0.3;
}
.swiper-pagination-current{
	color: red;
}
.swiper-pagination-total{
	color: white;
}
/*Swiper原样式 */
.swiper-button-prev{
	background-image: url(../img/prev.png);
}
/*改变了颜色和加粗的样式*/
.swiper-button-next{
	background-image: url(../img/next.png);
	
}
.five_bg{
	width: 100%;height: 100%;
}
.bf{
	position: absolute;
	top: 39%;left: 33%;
	width: 35%;
}

.tc{
	width: 100%;height: 100%;
	position: absolute;
	top: 0;left: 0;
	background: black;
	z-index: 2;
	display: none;
}

.close1{
	width: 8%;
	position: absolute;
	left: 91%;top: 2%;	
}
.movi{ 
	
	margin-top: -25%;
    position: fixed;
    top: 50%;
    width: 100%;
}
.movi video{
	width: 100%;
}









.swiper-container-three1 img{
	width: 100%;    position: absolute;
    bottom: 0;
    left: 0;
}







/*一级栏目     4个性能*/
		.slide{
            width: 100%;
            min-height: 100%;
            overflow: hidden;
            position: relative;
  
        }
        .slide .img{
            overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
            margin-top: -5%;
        }
        /*.slide .img img{
            width: calc(100% - 14px);
            height: calc(100% - 14px);
            margin: 7px;
        }*/
        .slide .img img{
            width: 100%;
            height: 100%;
            top: 0;
           /* margin: 7px;*/
        }
        .slide .img1{
            width: 100%;
           /* height: 40%;*/
            top: 0%;
            left: -100%;
            z-index: 1;
        }
        .slide .img2{
            width: 100%;
            /*height: 60%;*/
            top: 0%;
            /*left: -20%;*/
			left: -100%;
            z-index: 2;
        }
        .slide .img3{
            width: 100%;
            /*height: 80%;*/
            top: 0%;
            left: 0%;
            z-index: 3;
        }
        .slide .img4{
            width: 100%;
           /* height: 60%;*/
            top: 0%;
           /* left: 60%;*/
		    left: 100%;
            z-index: 2;
        }
        .slide .img5{
            width: 40%;
            /*height: 40%;*/
            top: 30%;
            left: 110%;
            z-index: 1;
        }
        .slide-bt{
            position: absolute;
            left: 50%;
            bottom: 32%;
            z-index: 10;
            display: none;
        }
        .slide-bt span{
            width: 16%;
            height: 86px;
            /*background: #c9caca;*/
            /*float: left;
            margin: 0%;*/
            /*border-radius: 4px;*/
           position: absolute;
           top: 0;left: 23%;
           display: none;
        }
		.slide-bt span img{
            width: 25%;
        }
        .slide .slide-bt .on{
           /* background: #ffd200;*/
          display: block;
        }
.slide-bt span[data-slide-bt="1"]{
	background-image:url(../img/xn/s1.png);
	background-size:100% auto;
}
.slide-bt span[data-slide-bt="1"].on{
	background-image:url(../img/xn/s1_on.png);
	background-size:100% auto;
}

.slide-bt span[data-slide-bt="2"]{
	background-image:url(../img/xn/s2.png);
	background-size:100% auto;
}
.slide-bt span[data-slide-bt="2"].on{
	background-image:url(../img/xn/s2_on.png);
	background-size:100% auto;
}

.slide-bt span[data-slide-bt="3"]{
	background-image:url(../img/xn/s3.png);
	background-size:100% auto;
}
.slide-bt span[data-slide-bt="3"].on{
	background-image:url(../img/xn/s3_on.png);
	background-size:100% auto;
}

.slide-bt span[data-slide-bt="4"]{
	background-image:url(../img/xn/s4.png);
	background-size:100% auto;
}
.slide-bt span[data-slide-bt="4"].on{
	background-image:url(../img/xn/s4_on.png);
	background-size:100% auto;
}


.menu{
	
    width: 50px;
    height: 50px;
    position: absolute;
    top: 3px;
    right: 2%;
    z-index: 1;
}
.menu_open{
	width: 100%;
	position: absolute;
	top: 0;left: 0;
}
.menu_open img{
	width: 50px;height: 50px;
}
.menu_close{
	width: 50px;
	position: absolute;
	top: 3px;right: 2%;
}
.menu_close img{
	width: 50px;
	height: 50px;
}

.menu_list{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1;
	color: white;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	display: none;
}
.list_cont{
	width: 100%;height: 436px;
	position: absolute;
	top: 0;left: 0;
	background: black;
}
.list_cont p{
	border-bottom: 1px solid #303030;
}
.list_cont p a{
	color: white;
}
.list_p1{
	width: 100%;
	height: 50px;
}

.list_p2{
	height: 52px;
	line-height: 20px;
	padding-top: 11px;
}


.list_p3{
	height: 63px;
	line-height: 63px;
}

.list_p31{
	background: red;
	
}
.list_p2:active,.list_p3:active{
	background: red;
}