@charset "utf-8";
/* CSS Document */
.banner{ height: auto; width:100%; background:#000; margin:0px; padding:0px}
.banner img{ width:100%; height:auto;  margin:0px; padding:0px}
.swipers{ width:100%; background:#e3e3e3; padding:5% 1%}
.swipers .swiper-slide{ float:left; width:12%; margin:0 2%; text-align:center}
.swipers .swiper-slide img{ width:100%}
.swipers .swiper-slide p{ font-size:16px;}
.maxhingt{ height:auto}
@media (max-width: 640px){
.swipers{ padding-left:2%}
.swipers .swiper-slide{ float:left; width:20%; margin:3% 6%; text-align:center}
.maxhingt{ min-height:515px}

}
.w100{ width:100%}
.list{ width:100%; margin-top:1%}
.vile li{ width:22.2%; float:left; margin:2% 1.5% 2% 1.3%}
.vile02 li{ width:17%; float:left; margin:1% 1.5% 1% 1.3%}
@media (max-width: 640px){
.vile li{ width:45%; float:left; margin:3% 2% 3% 2.5%}
.vile02 li{ width:45%; float:left; margin:3% 2% 3% 2.5%}
.swipers .swiper-slide p{ font-size:14px;}
}
.mt5{ margin-top:5%}

.list .swiper-slide{position:relative;}
.list .swiper-slide:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2); transform:scale(1.2);}
.list .swiper-slide abbr{position:absolute;}
.list .swiper-slide abbr.zi{left:0;bottom:0;height:2.3rem;line-height:2.3rem;background:rgba(0,0,0,.8);}
.list .swiper-slide abbr.btn{left:50%;top:50%;width:4rem;height:4rem;margin:-2rem 0 0 -2rem;background:rgba(255,255,255,.8);-webkit-border-radius:50%;border-radius:50%;transition: 0.3s linear all;}
.list .swiper-slide abbr.btn i{position:relative;top:1.5rem;left:0.2rem}

.le_font{ width:95%; height:auto; border:#d4d4d4 1px solid; border-top:0; padding:2.3%; overflow:hidden; font-size:16px; white-space: nowrap}
.san_font{ width:100%; height:auto; padding:2.3% 0; overflow:hidden; font-size:16px; white-space: nowrap; text-align:center}
.reany{ width:40%; margin:30px auto;  background:#f0efef; text-align:center; font-size:16px; border-radius:5px; line-height:50px}
.reany a{ width:100%; height:100%; display:block; color:#666;}
.reany a:hover{ width:100%; height:100%; display:block; color:#333; background:#090963; border-radius:5px; }
.reany02{ width:20%; margin:auto; text-align:center;background:#000020; font-size:16px; border-radius:10px; height:auto; display:block; line-height: 50px}
.reany02 a{ width:100%; height:100%; display:block; color:#FFF; }
.reany02 a:hover{ width:100%; height:100%; display:block; color:#FFF; background:#090963; border-radius:10px;}
.foot{ background: url(../images/footerbg.png) center; background-size: 100% 100%; width:100%; text-align:center; padding:1% 0; font-size:16px; color:#fff; line-height:50px; height: 7.5rem}
.foot a{ color:#fff; padding-left:10px; padding-right:10px}
.foot a:hover{ color:#fff; padding-left:10px; padding-right:10px}

.eshow-video-detail{width: 100%;margin-left: auto;margin-right: auto; margin-top: 30px;max-width: inherit;}
.video-js .vjs-tech{position: static;}
.video-js{width: 100%; height: auto;}
.video-js .vjs-big-play-button{width: 2em;height: 2em;border-radius: 50%;line-height: 2em;background: none;}
@media (max-width: 640px){
.le_font{ font-size:14px; padding:2.5%}
.foot{ font-size:12px; line-height:24px; padding-top:10px; height: 6.5rem}
.foot p{ font-size:10px; line-height:20px}
}

.vrbould{  background:#0a0b20 url(../images/vrbould2.jpg) no-repeat; background-size:100%; background-size: cover; }
.vrtit{ margin-top:0%; text-align:center}
.vrtit p{ font-size:40px; color:#fff; line-height:40px}
.vrtit h2{ font-size:60px; color:#fff}
.vrang{ width:100%; text-align:center; margin-top:4%}
.anside{ width:75%; background:url(../images/vrany.png) no-repeat; background-size:cover; margin-left:auto; margin-right:auto; position:relative}
.andin{
	position: absolute;
	width: 35%;
	height: 80px;
	left: 10%;
	bottom:60%;
	z-index: 1;
	display:block;
	overflow:hidden;
	text-indent:-9999px;

}
.andin a{ display:block; height: 80px;}
.andin a:hover{ display:block; height: 80px;}
.andin2{
	position: absolute;
	text-indent:-9999px;
	right: 15%;
	bottom:72%;
	z-index: 2;
	display:block;
	width: 30%;
	height: 80px;
}
.andin2 a{ display:block; height: 80px;}
.andin2 a:hover{ display:block; height: 80px;}
.andin3{
	position: absolute;
	width: 35%;
	height: 80px;
	text-indent:-9999px;
	left: 15%;
	bottom:28%;
	z-index: 3;
	display:block;
}
.andin3 a{ display:block; height: 80px;}
.andin3 a:hover{ display:block; height: 80px;}
.andin4{
	position: absolute;
	width: 30%;
	height: 80px;
	text-indent:-9999px;
	right: 10%;
	bottom:45%;
	z-index: 4;
	display:block;
}
.andin4 a{ display:block; height: 80px;}
.andin4 a:hover{ display:block; height: 80px;}
.u-guideTop{position:absolute;/*bottom:50px;*/left:50%;z-index:9998;display:block;margin-left:-20px;width:40px;height:50px;background:url(../images/units-icons.png) -67px 0;}
.z-move{-webkit-animation:guideTop 1.5s infinite;}
@-webkit-keyframes guideTop{0%{opacity:0;-webkit-transform:translateY(0px);}
60%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(0);}
}

@-webkit-keyframes guidePrev{0%,20%{-webkit-transform:translateX(0);}
35%{-webkit-transform:translateX(0px);}
50%{-webkit-transform:translateX(0);}
65%{-webkit-transform:translateX(0);}
80%{-webkit-transform:translateX(0);}
100%{-webkit-transform:translateX(0);}
}
@media (max-width: 750px){
.vrbould{ width:100%; min-height:100%; background:url(../images/vrbould.jpg) no-repeat; vertical-align: middle; background-size: cover}
.vrang{ width:100%; text-align:center; margin-top:15%}
.vrtit{ margin-top:10%; text-align:center}
.vrtit p{ font-size:18px; color:#fff; line-height:40px}
.vrtit h2{ font-size:25px; color:#fff}
.reany02{ width:50%; margin:auto; text-align:center;background:#000020; font-size:14px; border-radius:10px; height:auto; display:block; line-height: 50px; margin-top:20%}
.reany02 a{ width:100%; height:100%; display:block; color:#FFF; }
.reany02 a:hover{ width:100%; height:100%; display:block; color:#FFF; background:#090963; border-radius:10px;}
.anside{ width:85%; background:url(../images/vrany.png) no-repeat; background-size:cover; margin-left:auto; margin-right:auto; position:relative}

.andin{
	position: absolute;
	width: 35%;
	height: 30px;
	left: 10%;
	bottom:60%;
	z-index: 1;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.andin a{ display:block; height: 30px;}
.andin a:hover{ display:block; height: 30px;}
.andin2{
	position: absolute;
	text-indent:-9999px;
	right: 15%;
	bottom:72%;
	z-index: 2;
	display:block;
	width: 30%;
	height: 30px;
}
.andin2 a{ display:block; height: 30px;}
.andin2 a:hover{ display:block; height: 30px;}
.andin3{
	position: absolute;
	width: 35%;
	height: 30px;
	text-indent:-9999px;
	left: 15%;
	bottom:28%;
	z-index: 3;
	display:block;
}
.andin3 a{ display:block; height: 30px;}
.andin3 a:hover{ display:block; height: 30px;}
.andin4{
	position: absolute;
	width: 30%;
	height: 30px;
	text-indent:-9999px;
	right: 10%;
	bottom:45%;
	z-index: 4;
	display:block;
}
.andin4 a{ display:block; height: 30px;}
.andin4 a:hover{ display:block; height: 30px;}
}
/*图形*/
img {border: 0; vertical-align: middle;-ms-interpolation-mode: bicubic;}
.img100 {display: block;width: 100%; }