@charset "utf-8";
header{width:50%; height:45px; z-index:10; position:fixed; top:0; left:0;}
header .logo{width:64%; height:100%; /*background:url(../img/logo_bg.png) 0 0 no-repeat;*/ background-size:100% 100%;
display:flex;
display:-webkit-flex;
align-items:center;
}
header .logo img{display:block; width:100%; position:relative;/* left:7%;*/}

/*.btns{width:70px; position:fixed; top:10px; right:15px; z-index:8;}
.menu_btn,
.map_btn{display:block; float:right; width:30px;}
.map_btn{margin-left:10px;}*/
.menu_btn,
.map_btn{display:block; width:30px; position:fixed; top:10px; z-index:8;}

.menu_btn{right:50px;}
.map_btn{right:10px; top:12px; z-index:9;}
.menu_btn.nomap{right:10px;}

.menu_btn img,
.map_btn img{display:block; width:100%;}
.map_btn img.pic1{position:absolute; top:-2px; left:0;
-webkit-animation-name:shake2;
  animation-name:shake2;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear;
}

.menu_page{width:100%; height:100%; box-sizing:border-box; padding-top:80px; position:fixed; top:0; left:0; z-index:-9;}
.menu_page a{color:#ccc;}

.menu_bg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;}
.menu_bg img{display:block; width:100%; height:100%;}

.menu_close{width:20px; height:20px; padding:5px; position:absolute; top:15px; right:15px;}
.menu_close img{display:block; width:100%; height:100%;}

.menu li{position:relative; border-top:1px solid #121212; border-bottom:1px solid #2a2a2a;}
.menu li:first-child{border-top:none;}
.menu li span{display:block; width:9px; position:absolute; top:0px; right:20px;}
.menu li span img{width:100%;}
.menu li a{display:block;}

.menu>li{font-size:18px; line-height:50px;}
.menu>li:last-child{border-bottom:none;}
.menu>li>a{padding:0 20px;}

.menu_page .box1 a{color:#fff;}
.menu_page .box1 li a.nolk{color:#323131;}
.menu_page .box1 li{font-size:14px; line-height:36px;}
.menu_page .box1 li:first-child{height:1px; line-height:1px;}
.menu_page .box1 li:last-child{border-bottom:none;}
.menu_page .box1 li span{top:3.5px;}
.menu_page .box1{margin-left:15%; width:85%;}

.map_page{width:100%; height:100%; box-sizing:border-box; padding-top:62px; background:rgba(0,0,0,0.5); position:fixed; top:0px; left:0; z-index:8; display:none;}
.map_page p{width:100%; background:#fff; box-sizing:border-box; padding:10px;}
.map_page p strong{color:#e50012; font-size:13px; display:block; margin-bottom:10px;}
.map_page p img{display:block; width:100%;}
.map_page p strong img{width:30%;}

.left_nav{width:35px; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:45px; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:7;}
.left_nav ul{width:100%; height:80%;}
.left_nav ul li{height:20%; min-height:80px; width:100%; box-sizing:border-box; padding:5px 0; position:relative;}
.left_nav ul li.on{background:url(/mobile/about/museum/toyota_museum/img/btn_bg.jpg) 0 0 repeat;}
.left_nav ul li.on .pic{display:block; height:10px; position:absolute; margin-top:-5px; top:50%; right:0;}

.left_nav ul li a{color:#fff;display: block; height:100%; line-height:1.2; letter-spacing:0em; position:relative; text-align:center; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}

.left_nav .share{width:100%; position:absolute; left:0; bottom:0px;}
.left_nav .share a img{display:block; width:70%; margin:0 auto 25px;}
.left_nav .share .erweima{display:none; width:120px; position:absolute; bottom:20px; left:32px;}
.left_nav .share .erweima img{width:100%;}


.megaweb.left_nav ul li{height:18%;}
.megaweb.left_nav ul li:nth-child(2){height:26%;}
.megaweb.left_nav ul li:nth-child(4){height:20%;}

.left_subnav{width:120px; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:45px; position:fixed; top:0; left:35px; z-index:6;}
.left_subnav .box{width:100%; height:100%; background:url(/mobile/about/museum/toyota_museum/img/btn_bg.jpg) 0 0 repeat;}
.left_subnav .subclose{width:100%; height:5%; background:#a60319; 
display:flex;
display:-webkit-flex;
align-items:center;
}
.left_subnav .subclose img{width:10px; margin:0 auto;}
.left_subnav ul{width:100%; height:95%; box-sizing:border-box;}
.left_subnav ul li{width:66%; box-sizing:border-box; min-height:36px; margin:0 auto; text-align:center; 
display:flex;
display:-webkit-flex;
align-items:center;
}
.left_subnav ul li a{display:block; width:100%; color:#fff; text-align:center; border-bottom:1px solid #fff; padding-bottom:3px;}


.left_subnav ul.qicheguan li{height:8%;}
.left_subnav ul.qicheguan .jiange{height:1%;}

.left_subnav ul.wenhuaguan li{height:15%;}
.left_subnav ul.wenhuaguan .jiange{height:20%;}

.left_subnav ul.qichelishi li{height:15%;}
.left_subnav ul.qichelishi .jiange{height:12%;}