.panel{background:#000;}
.part1{width:100%; height:100%; background:url(../img/part1_bg.jpg) 0 0 no-repeat; background-size:100% auto;}
.part1 .map{width:1600px; margin:0 auto; padding-top:50px; position:relative;}
.part1 .map .bg{width:100%;}
.part1 .map .bg img{width:100%;}
.part1 .map .races{width:100%; position:absolute; top:50px; left:0; z-index:1;}
.part1 .map .races li{position:absolute;}
.part1 .map .races a{position:absolute;}
.part1 .map .races .flag{position:relative;}
.part1 .map .races .flag img{display:block; box-shadow:4px 4px 2px rgba(0,0,0,0.6);}
.part1 .map .races .flag span{display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
.part1 .map li.contry1{top:226px; left:717px;}
.part1 .map li.contry1 .race1{top:-35px; left:-30px; z-index:2;}
.part1 .map li.contry1 .race7{top:-34px; left:8px;}
.part1 .map li.contry2{top:320px; left:1361px; z-index:7;}
.part1 .map li.contry2 .race2{top:-5px; left:41px;}
.part1 .map li.contry2 .race8{top:29px; left:-49px;}
.part1 .map li.contry3{top:364px; left:1266px;}
.part1 .map li.contry3 .race3{top:-5px; left:41px;}
.part1 .map li.contry4{top:390px; left:950px; z-index:7;}
.part1 .map li.contry4 .race4{top:-5px; left:41px;}
.part1 .map li.contry5{top:640px; left:500px;}
.part1 .map li.contry5 .race5{top:-5px; left:46px;z-index:7;}
.part1 .map li.contry6{top:300px; left:278px;}
.part1 .map li.contry6 .race6{top:-5px; left:40px;z-index:7;}
.part1 .map li.contry7{top:259px; left:771px; z-index:6;}
.part1 .map li.contry7 .race7{top:5px; left:40px;}
.part1 .map li.contry8{top:279px; left:715px;}
.part1 .map li.contry8 .race8{top:29px; left:-49px;}

.part1 .map .brief{display:none;}
.part1 .map .brief1{position:absolute; top:-69px; left:-459px;}
.part1 .map .brief2{position:absolute; top:19px; left:30px;}
.part1 .map .brief3{position:absolute; top:-51px; left:-460px; z-index:1;}
.part1 .map .brief4{position:absolute; top:-69px; left:-458px; z-index:1;}
.part1 .map .brief5{position:absolute; top:-69px; left:-458px; z-index:7;}
.part1 .map .brief6{position:absolute;  top:19px; left:30px;}
.part1 .map .brief7{position:absolute; top:-69px; left:-459px;}
.part1 .map .brief8{position:absolute; top:19px; left:30px;}

.part1 .txt_wrap{width:520px; position:absolute; z-index:2; bottom:30px; right:50px;}

.part1 .txt_wrap .ul_btn{width:30px; height:30px; position:absolute; z-index:0; top:-38px; margin-left:-15px; left:50%;}
.part1 .txt_wrap .ul_btn{background:url(../img/up.png) 0 0 no-repeat; background-size:100%; z-index:0; cursor:pointer;
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration:4s;
  animation-duration:4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;}
.part1 .txt_wrap .ul_btn.open{background:url(../img/down.png) 0 0 no-repeat; background-size:100%;}
.part1 .txt_wrap ul{padding:0 2% 2%; background:rgba(255,255,255,0.9); box-shadow:2px 2px 5px #000; margin-bottom:15px; }
.part1 .txt_wrap ul table{width:100%;}
.part1 .txt_wrap ul table tr td{padding:0 8px; font-size:16px; color:#333; line-height:42px;}
.part1 .txt_wrap ul table tr td img{display:inline; vertical-align:middle;}
.part1 .txt_wrap ul table tr td:first-child{width:35px; padding-left:0;}
.part1 .txt_wrap ul table tr td:nth-child(2){font-weight:900;}
.part1 .txt_wrap ul table tr td:last-child{padding-right:0;}
.part1 .txt_wrap p{border-top:1px solid #fff; padding-top:15px; font-size:33px; font-style:italic; color:#fff; text-align:center;}

.part2{background:url(../img/2017.jpg) 0 0 no-repeat; background-size:100% auto;}
.part2 .part2_bg{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:0;}
.part2 .part2_bg img{width:100%;}
.part2 .flexslider{width:100%; height:100%;}
.part2 .flexslider .slides li{position:relative;}
.part2 .flexslider .slides li .bg{width:100%;}
.part2 .flexslider .slides li .zhezhao{width:100%; position:absolute;bottom:0; right:0;}
.part2 .flexslider .slides li h2{position:absolute; bottom:238px; right:8%; color:#fff; font-size:46px; border-right:8px solid #e60020; padding-right:20px; zoom:1; font-weight:100;}
.part2 .flexslider .slides li h2:after{display:table; content:''; clear:both;}
.part2 .flexslider .slides li h2 span{display:block; margin-top:-10px;}
.part2 .flexslider .slides li h2 a{display:block; width:180px; float:right; font-size:14px; text-align:center; border:1px solid #fff; padding:5px 0; color:#fff; margin-top:30px;}
.part2 .flexslider .flex-control-nav li {margin:0 0px;}
.part2 .flexslider .flex-control-nav{bottom:28px;}
.part2 .flexslider .flex-control-nav li a{width:130px; height:/*80px*/47px;}
.part2 .flexslider .flex-control-paging li:nth-child(1) a{background:url(../img/2018.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(2) a{background:url(../img/2017.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(3) a{background:url(../img/2016.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(4) a{background:url(../img/2015.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(5) a{background:url(../img/2014.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(6) a{background:url(../img/2013.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(7) a{background:url(../img/2012.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(1) a.flex-active{background:url(../img/2018_on.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(2) a.flex-active{background:url(../img/2017_on.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(3) a.flex-active{background:url(../img/2016_on.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(4) a.flex-active{background:url(../img/2015_on.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(5) a.flex-active{background:url(../img/2014_on.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(6) a.flex-active{background:url(../img/2013_on.png?2018) 0 bottom no-repeat;}
.part2 .flexslider .flex-control-paging li:nth-child(7) a.flex-active{background:url(../img/2012_on.png?2018) 0 bottom no-repeat;}
.part2 .bottom_line{width:100%; position:absolute; bottom:52px; left:0; z-index:2;}
.part2 .bottom_line span{float:left; display:block; width:25%; height:1px; border-bottom:1px dashed #fff;}
.part2 .bottom_line span.right{float:right;}

.part3{width:100%; height:100%; background:url(../img/part3_bg.jpg) 0 0 no-repeat; background-size:100% auto;}
.part3 h2{width:100%; text-align:center; margin:30px 0;}
.part3 .con{width:100%; text-align:center;}
.part3 .con img{width:96%;}

.part4{width:100%; height:100%; background:url(../img/part4_bg.jpg) 0 center no-repeat; background-size:100% auto; }
.part4 h2{width:100%; text-align:center; margin:30px 0;}
.part4 span.open{display:block; width:31px; margin:0 auto; cursor:pointer;}
.part4 span.open img{
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration:4s;
  animation-duration:4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;}

.part4 p{width:50%; margin:0 auto; color:#fff; font-size:14px; line-height:24px;}
.part4 h3{color:#fff; font-size:16px; text-align:center;}


.part4_tc{width:100%; height:100%; background:url(../img/part4_tcbg.png) 0 0 repeat; position:absolute; top:0; left:0; z-index:-5;}
.part4_tc h2{width:100%; position:relative;}
.part4_tc h2 img.tit{display:inline; margin-left:73px;}
.part4_tc .close{margin-left:25px; cursor:pointer;}
.part4_tc .close img{width:42px; margin-bottom:11px;}
.part4_tc .con{width:50%; height:76%; margin:0 auto;}
.part4_tc p{width:100%; color:#fff; font-size:14px; line-height:24px;}
.part4_tc h3{color:#fff; font-size:16px; text-align:center;}
.part4_tc .pic1 img{float:right; margin-left:15px; }
.part4_tc .pic2 img{float:left; margin-right:15px;}

.part5{width:100%; height:100%; background:url(../img/part5_bg.jpg) 0 0 no-repeat; background-size:100% auto; }
.part5 h2{width:100%; text-align:center; margin:50px 0 60px;}
.part5 .con{width:100%; text-align:center;}
.part5 .con img{width:96%;}


.part6{width:100%; height:100%; overflow:hidden; background:url(../img/part6_bg.jpg) 0 0 no-repeat; background-size:100% auto; }
.part6 h2{width:100%; text-align:center; padding:50px 0 40px;}
.part6 .tab_btn{width:80%; margin:0 auto;}
.part6 .tab_btn li{width:12%; height:149px; margin-right:0.5%; float:left; cursor:pointer;}
.part6 .tab_btn li.btn1{background:url(../img/score/btn1.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn2{background:url(../img/score/btn2.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn3{background:url(../img/score/btn3.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn4{background:url(../img/score/btn4.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn5{background:url(../img/score/btn5.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn6{background:url(../img/score/btn6.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn7{background:url(../img/score/btn7.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn8{background:url(../img/score/btn8.png) 0 0 no-repeat; background-size:100% auto;}

.part6 .tab_btn li.btn1.current{background:url(../img/score/btn1_on.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn2.current{background:url(../img/score/btn2_on.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn3.current{background:url(../img/score/btn3_on.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn4.current{background:url(../img/score/btn4_on.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn5.current{background:url(../img/score/btn5_on.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn6.current{background:url(../img/score/btn6_on.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn7.current{background:url(../img/score/btn7_on.png) 0 0 no-repeat; background-size:100% auto;}
.part6 .tab_btn li.btn8.current{background:url(../img/score/btn8_on.png) 0 0 no-repeat; background-size:100% auto;}

.part6 .tab_con{width:80%; margin:0 auto;}
.part6 .tab_con li{display:none;}
.part6 .tab_con li.current{display:block;}
.part6 .tab_con dl{zoom:1; position:relative;}
.part6 .tab_con dl:after{display:table; content:''; clear:both;}
.part6 .tab_con dl dt{width:50%; float:left;}
.part6 .tab_con dl dd{width:50%; float:left;border-left:1px dashed #fff; box-sizing:border-box;}
.part6 .tab_con dl h3{width:100%; text-align:center; margin:10px 0;}
.part6 .tab_con dl p.txt img{width:94%;}
.part6 .tab_con dl dd p.txt{text-align:right;}
.part6 .tab_con dl dd p.txt1{margin-bottom:20px;}
.part6 .tab_con dl dt span{display:block; width:35%; position:absolute; bottom:-10px; left:0;}
.part6 .tab_con dl dt span img{width:100%;}

.part7{width:100%; height:100%; background:#05101c;}
.part7 h2{width:100%; height:10%; background:#05101c; text-align:center; position:absolute; left:0; top:0; padding-top:3%; z-index:3;}
.part7 .tab_btn{position:absolute; left:20px; top:150px; z-index:3;}
.part7 .tab_btn li{font-size:26px; color:#fff; line-height:50px; cursor:pointer;}
.part7 .tab_btn li span{display:inline-block; margin-right:0px; margin-bottom:5px; width:6px; height:6px; background:#fff; border-radius:4px; visibility:hidden;}
.part7 .tab_btn li.current span{visibility:visible;}
.part7 .box{width:1600px; height:87%; overflow:auto; position:absolute; margin-left:-770px; left:50%; top:17%; z-index:1;}
.part7 .tab_con{position:relative; left:0; top:0%; z-index:100; padding-bottom:80px;}
.part7 .tab_con img{display:block; width:100%;}
.part7 .tab_con li{width:100%;}
.part7 .tab_con .con1{background:url(../img/tzs/bg1.jpg) 0 0 no-repeat; background-size:100% auto;}
.part7 .tab_con .con2{background:url(../img/tzs/bg2.jpg) 0 0 no-repeat; background-size:100% auto;}
.part7 .tab_con .con3{background:url(../img/tzs/bg3.jpg) 0 0 no-repeat; background-size:100% auto;}
.part7 .tab_con .con4{background:url(../img/tzs/bg4.jpg) 0 0 no-repeat; background-size:100% auto;}
.part7 .tab_con .con5{background:url(../img/tzs/bg5.jpg) 0 0 no-repeat; background-size:100% auto;}
.part7 .tab_con .con6{background:#05101c;}

.part7 .box .mCSB_scrollTools .mCSB_draggerContainer{ opacity:0;}



.race_wrap{width:100%; height:100%; background:#000; position:relative;}
.race_wrap .flexslider{width:100%; height:100%;}
.race_wrap .flexslider .slides li{position:relative;}
.race_wrap .flexslider .flex-control-nav{display:none;}
.race_wrap h1{width:60%; position:absolute; bottom:50px; left:15%; font-size:36px; color:#fff; font-weight:100;}
.race_wrap h1 p{float:left;}
.race_wrap h1 .xq{float:right; margin-top:8px; display:block; width:120px; background:#e60020; text-align:center; padding:8px 0; font-size:14px; cursor:pointer;}
.race_wrap h1 p strong{color:#e60020;}
.race_wrap .back{width:2%; position:absolute; top:20px; left:49%;}
.race_wrap .back img{width:100%;
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration:4s;
  animation-duration:4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
}

.race_tc{width:100%; height:100%; background:url(../img/part4_tcbg.png) 0 0 repeat; position:absolute; top:0; left:0; z-index:-5;}
.race_tc .box{width:70%; height:80%; margin:0 auto 0;}
.race_tc h2{width:70%; font-size:36px; color:#fff; font-weight:100; margin:30px auto 20px; position:relative;}
.race_tc h2 strong{color:#e60020;}
.race_tc h2 span{position:absolute; top:0; right:0; cursor:pointer;}
.race_tc .box .mov{width:100%; margin-bottom:30px;}
.race_tc .box .mov img{width:100%;}
.race_tc .box h3{font-size:20px; color:#fff; margin:10px 0;}
.race_tc .box h4{font-size:18px; color:#fff; font-weight:100; margin:0px 0 10px;}
.race_tc .box p{font-size:16px; line-height:28px; color:#fff; zoom:1;}
.race_tc .box p strong{font-size:18px; font-weight:100;}
.race_tc .box p:after{display:table; content:''; clear:both;}
.race_tc .box p img{margin-top:6px;}
.race_tc .box p img.left{float:left; margin-right:10px;}
.race_tc .box p img.right{float:right; margin-left:10px;}




.totop{width:50px; position:absolute; bottom:10px; right:45px; z-index:3; cursor:pointer;}
.totop img{width:100%;}




@media(max-width:1600px){
.part1 .map{width:1200px; padding-top:10px;}	
.part1 .map .races{top:10px;}
.part1 .map li.contry1{top:166px; left:537px;}
.part1 .map li.contry2{top:220px; left:1020px; z-index:7;}
.part1 .map li.contry3{top:264px; left:950px;}
.part1 .map li.contry4{top:300px; left:710px; z-index:7;}
.part1 .map li.contry5{top:470px; left:350px;}
.part1 .map li.contry6{top:220px; left:210px;}
.part1 .map li.contry7{top:200px; left:590px; z-index:6;}
.part1 .map li.contry8{top:219px; left:535px;}

.part1 .map .brief img{width:360px;}
.part1 .map .brief1{top:-54px; left:-356px;}
.part1 .map .brief2{top:19px; left:30px;}
.part1 .map .brief3{top:-35px; left:-355px;}
.part1 .map .brief4{top:-52px; left:-355px;}
.part1 .map .brief5{top:-52px; left:-355px;}
.part1 .map .brief6{top:19px; left:30px;}
.part1 .map .brief7{top:-52px; left:-355px;}

.part1 .txt_wrap{width:442px;}
.part1 .txt_wrap p{font-size:23px;}
.part1 .txt_wrap ul{padding: 0 0 2% 2%;}
.part1 .txt_wrap ul table tr td{padding:0 5px; font-size:14px;}

.part2 .flexslider .slides li h2{font-size:36px;}
.part2 .bottom_line{bottom:29px;}
.part2 .bottom_line span{width:25%;}
.part2 .flexslider .flex-control-nav{bottom:14px;}
/*.part2 .flexslider .flex-control-nav li {margin:0 10px;}*/
.part2 .flexslider .flex-control-nav li a{width:88px; height:32px;}
.part2 .flexslider .flex-control-nav li:nth-child(1) a{background-size:100% auto;}
.part2 .flexslider .flex-control-nav li:nth-child(2) a{background-size:100% auto;}
.part2 .flexslider .flex-control-nav li:nth-child(3) a{background-size:100% auto;}
.part2 .flexslider .flex-control-nav li:nth-child(4) a{background-size:100% auto;}
.part2 .flexslider .flex-control-nav li:nth-child(5) a{background-size:100% auto;}
.part2 .flexslider .flex-control-nav li:nth-child(6) a{background-size:100% auto;}
.part2 .flexslider .flex-control-nav li:nth-child(7) a{background-size:100% auto;}
.part2 .flexslider .flex-control-paging li:nth-child(1) a.flex-active{background-size:100% auto;}
.part2 .flexslider .flex-control-paging li:nth-child(2) a.flex-active{background-size:100% auto;}
.part2 .flexslider .flex-control-paging li:nth-child(3) a.flex-active{background-size:100% auto;}
.part2 .flexslider .flex-control-paging li:nth-child(4) a.flex-active{background-size:100% auto;}
.part2 .flexslider .flex-control-paging li:nth-child(5) a.flex-active{background-size:100% auto;}
.part2 .flexslider .flex-control-paging li:nth-child(6) a.flex-active{background-size:100% auto;}
.part2 .flexslider .flex-control-paging li:nth-child(7) a.flex-active{background-size:100% auto;}

.part3 h2{margin:15px 0;}
.part3 h2 img{width:60%;}
.part3 .con img{width:88%;}

.part4 h2{margin:30px 0 20px;}
.part4 h2 img{width:60%;}
.part4_tc p img{width:300px;}
.part4_tc .close img{width:32px; margin-bottom:6px;}
.part4_tc h2 img.tit{display:inline; margin-left:60px;}

.part5 h2{margin:30px 0 20px;}
.part5 h2 img{width:60%;}

.part6 h2{padding:15px 0;}
.part6 h2 img{width:60%;}

.part6 .tab_btn li{width:10%; height:90px; margin-right:2.5%;}
.part6 .tab_con dl p.txt img{width:88%;}
.part6 .tab_con dl h3 img{width:40%;}
.part6 .tab_con dl h3{margin:20px 0 10px;}
.part6 .tab_con dl dd p.txt1{margin-bottom:15px;}

.part7 .tab_btn li{font-size:21px; line-height:48px;}
.part7 .box{width:1200px; margin-left:-600px;}
.part7 h2 img{width:60%;}

.race_wrap h1{bottom:30px; font-size:24px;}
.race_wrap h1 .xq{ margin-top:4px; padding:4px 0;}
.race_tc h2{font-size:24px;}
.race_tc .box h3{font-size:18px;}
.race_tc .box h4{font-size:16px;}
.race_tc .box p strong{font-size:16px;}
.race_tc .box p{font-size:14px; line-height:24px;}
.race_tc .box p img{width:400px;}
}


/*css3动态效果*/

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
  }

  0%,20%, 40%, 60%, 80% ,100%{
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
  }

  0%,20%, 40%, 60%, 80% ,100%{
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
  }
}