@charset "utf-8";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,p,span,strong,em,table,tr,td,form,input,select,option,textarea,a,button,sub,sup,img,header,map,menu,pre,section,source,time,title,video,small,nav,mark,main,footer,canvas,article,area,address{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,input,select,option,textarea,a,button{font-family:"微软雅黑","宋体";}

a{text-decoration:none;}
a,a:hover,a:active,a:visited,a:link{out-line:none;}
:focus{outline:0;}

table{cellpadding:0; cellspacing:0;}
table,tr,td{border:none; border-collapse:collapse;}

img{border:none;}

input,button,textarea{border:0; background:none;}

li{list-style:none;}

.cf{zoom:1;}
.cf:after{display:table; content:''; clear:both}

.noMr{margin-right:0;}
.noMb{margin-bottom:0;}


/*************公共css*******************/
* { margin: 0; padding: 0;}
html,body,.con_wrap,.race, .panel{width:100%; position:relative; overflow:hidden;}


.menu_btn{width:59px; height:54px; position:fixed; top:16px; right:35px; z-index:1220;cursor:pointer;}
.menu_btn a{display:block; position:absolute; cursor:pointer;}
.menu_btn .menu_close{display:none; width:59px; height:54px; cursor:pointer;}

.menu_list{width:20%; background:url(../img/menu_bg.jpg) 0 0 repeat; position:fixed; z-index:1200; top:0; right:-100%; overflow:hidden;}


ul.menu_nav{width:100%; height:100%; margin-top:150px;}
ul.menu_nav li{display:block; width:100%; text-align:center; height:11%; border-top:1px solid #3e3e3e; position: relative;}
ul.menu_nav li:last-child{border-bottom:1px solid #3e3e3e;}

ul.menu_nav li a{display:block; width:100%; position:absolute; top: 50%; 
transform:translateY(-50%);
-ms-transform:translateY(-50%); 	/* IE 9 */
-moz-transform:translateY(-50%); 	/* Firefox */
-webkit-transform:translateY(-50%)); /* Safari 和 Chrome */
-o-transform:translateY(-50%); 	/* Opera */}

ul.menu_nav li a{color:#fff; font-size:24px;}

ul.menu_nav li.current{background:#e60021;}
ul.menu_nav li:hover{background:#e60021;}

.gezi{height:96%; position:absolute; bottom:2%; z-index:4;}
.gezi img{height:100%;}
.gezi_l{left:35px;}
.gezi_r{right:35px;}
.watch{position:absolute; bottom:2%; left:38px; z-index:4;}
.watch img{vertical-align:bottom;}
@media(max-width:1600px){
	ul.menu_nav{ margin-top:100px;}
	ul.menu_nav li a{font-size:16px;}
	
	.watch{width:200px;}
	.watch img{width:100%;}
}