@charset "utf-8";
html,
body{overflow:hidden;}
.toyota_museum{height:100%; position:relative;}
.content .bg{width:100%; height:100%; position:fixed; bottom:0; left:0; z-index:0;}
.content .bg img{width:100%;}
.automobile .bg img{height:100%;}

.toyota_museum .page{height:100%; position:relative; z-index:2;}
.toyota_museum .page .lk_box{width:100%; padding:5px 7px; box-sizing:border-box; background:#e3e3e3; position:absolute; bottom:0; left:0; z-index:2;}
.toyota_museum .page .lk_box li{width:100%; margin-bottom:3px; margin-left:-2px; position:relative;}
.toyota_museum .page .lk_box li a{color:#fff;}
.toyota_museum .page .lk_box li .lkbg{display:block; width:100%; border:2px solid #fff;}
.toyota_museum .page .lk_box li p{position:absolute; z-index:2; font-size:18px; font-weight:bold; bottom:10px;}
.toyota_museum .page .lk_box li p img{width:28px; position:relative; top:3px;
  -webkit-animation-name:shake;
  animation-name:shake;
  -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;
}

.toyota_museum .page .lk_box li.lk_2{margin-bottom:0;}
.toyota_museum .page .lk_box li.lk_1 p{right:10px;}
.toyota_museum .page .lk_box li.lk_2 p{left:10px;}


.automobile{height:100%;}
.automobile .page{width:100%; height:100%; box-sizing:border-box; position:relative; z-index:2; padding-left:35px;}/*因为左侧导航是35px*/

.swiper-container{width:100%; height:100%;}
.swiper-wrapper{width:100%; height:100%;}
.swiper-slide{text-align:center; position:relative; z-index:0;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide-active,.swiper-slide-duplicate-active{z-index:1000;
-webkit-animation-name:scalebig;
        animation-name:scalebig;
-webkit-animation-duration: 1s;
        animation-duration: 1s;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}

@-webkit-keyframes scalebig{
	0%{-webkit-transform: scale3d(1, 1, 1);
		       transform: scale3d(1, 1, 1);
	}
	100%{-webkit-transform: scale3d(2.5, 2.5, 2.5);
		       transform: scale3d(2.5, 2.5, 2.5);
	}
}
@keyframes scalebig{
	0%{-webkit-transform: scale3d(1, 1, 1);
		       transform: scale3d(1, 1, 1);
	}
	100%{-webkit-transform: scale3d(2.5, 2.5, 2.5);
		       transform: scale3d(2.5, 2.5, 2.5);
	}
}

.swiper-slide-active .txt,.swiper-slide-duplicate-active .txt{z-index:1000; 
-webkit-animation-name:txtbig;
        animation-name:txtbig;
-webkit-animation-duration: 1s;
        animation-duration: 1s;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}
@-webkit-keyframes txtbig{
	0%{-webkit-transform:skewX(0deg);
	   		   transform:skewX(0deg); 
	}
	100%{-webkit-transform:skewX(-10deg);
				 transform:skewX(-10deg); 
	}
}
@keyframes txtbig{
	0%{-webkit-transform:skewX(0deg);
	   		   transform:skewX(0deg); 
	}
	100%{-webkit-transform:skewX(-10deg);
				 transform:skewX(-10deg);  
	}
}

.swiper-slide section{width:100%; position:relative; color:#fff;border:1px solid #fff; box-shadow:5px 5px 9px 2px #333;}
.swiper-slide section .txt{width:100%; box-sizing:border-box; padding:0 5px; position:absolute; top:-6px; left:0px; z-index:1;font-weight:bold; font-size:5.8px; letter-spacing:0em; line-height:1.2; text-align:left; text-shadow:1px 1px 3px #000;
-webkit-box-pack:left;
-ms-flex-pack:left;
-webkit-justify-content:left;
justify-content:left;
-webkit-box-align:left;
-ms-flex-align:left;
-webkit-align-items:left;
align-items:left;
display:none;
}
.swiper-slide section .txt span{display:block; font-size:10px; text-align:left; margin-bottom:3px;}

.swiper-slide-active section .txt,
.swiper-slide-duplicate-active section .txt{display:block;}

.swiper-slide img{display:block;}
.swiper-slide img.pic{width:100%;}
.swiper-slide img.more{width:10px; position:absolute; bottom:5px; right:5px; z-index:1;}

.bottom_nav{width:100%; box-sizing:border-box; padding-left:35px; position:absolute; bottom:50px; left:0; z-index:5;}
.bottom_nav .line{width:100%; position:relative; padding-bottom:10px;}
.bottom_nav .line .line_white{width:100%; height:2px; background:#fff; position:absolute; bottom:3px; left:0;}
.bottom_nav p{width:100%; position:relative; bottom:0; text-align:center;}
.bottom_nav p img{display:block; width:100%;}
.bottom_nav p span{width:0; height:0; position:absolute; bottom:-12px; margin-left:-2px; left:50%;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	border-bottom:14px solid red;
}
/*.bottom_nav p.nav1{left:-18%;}
.bottom_nav p.nav3{right:-18%;}*/

.pop{width:100%; height:100%; background:#000; position:absolute; top:0; left:0; z-index:9; display:none;}
.pop iframe{display:block; width:100%; height:100%;}
.pop_close{width:20px; height:20px; padding:5px; background:rgba(0,0,0,0.6); position:absolute; top:10px; right:10px;}
.pop_close img{display:block; width:100%; height:100%;}


.swiper-slide img.img_bg{width:100%;}
.lazy .swiper-slide img.pic{position:absolute; top:0; left:0;}