@charset "utf-8";
*{margin:0; padding:0; list-style:none}
.cube {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);/* 开启硬件加速 */
}
html {
	-ms-touch-action:none; /* 阻止windows Phone 的默认触摸事件 */
	-webkit-tap-highlight-color:rgba(0,0,0,0);/* 禁止点选高亮显示 */
	-webkit-overflow-scrolling:touch;/* 局部滚动 */
	-webkit-touch-callout:none;/* 禁用长按弹出系统菜单 */
}

/*html,body{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}*/

html, body {
position: relative;
height: 100%;
}
body {
font:16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
color:#000;
margin: 0;
padding: 0;
background: #000 url(../images/bg.gif) repeat-y;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.contain{ position:relative;width:100%;
	height:100%;
	overflow:hidden;}
	
.top_menu{ position:absolute; top:0.12rem; left:0.2rem; width:6rem}
.top_menu li{ float:left; display:inline; margin:0.1rem 0.3rem; color:#999; font-size:0.3rem; width:1.4rem; text-align:center}
.top_menu li a{ float:left; display:inline; margin:0.1rem 0.3rem; color:#999; font-size:0.3rem; width:1.4rem; text-align:center; text-decoration:none}
.top_menu li.hov{ color:#FFF; }
.top_menu li.hov a{ color:#FFF; border-bottom:2px solid #FF9900; padding-bottom:0.05rem;text-decoration:none}

	
.gallery-top{ position:absolute; top:0.75rem;  }
 



.gallery-thumbs{ position:absolute; width:4.44rem; left:0.98rem; bottom:0.3rem;}
#bt{ font-size:0.3rem; color:#fff;
position:absolute;
top:8.1rem;
left:50%;
padding-bottom:0.1rem;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}

#pdlogo{font-size:0.25rem; color:#fff;
position:fixed;
bottom:0.3rem;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);}

#menu{ position:fixed; bottom:0.6rem; right:0.3rem; z-index:100;}
#menu span{background: url(../images/menu.png) no-repeat 50%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
width:0.5rem;
height:0.4rem;
display:block;
cursor:pointer;
}

/* 自定义 */
.gallery-top .swiper-slide{}
.gallery-top .swiper-slide img{ width:100%; height:auto;
/*-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
-ms-border-radius: 0.2rem;
-o-border-radius: 0.2rem;
border-radius: 0.2rem;*/
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
/*box-shadow: 0 0 0 20px #66727A;*/ 
/*border:1px solid #fff;*/
padding:0rem;
opacity:0.5
}
.gallery-top .swiper-slide-active img {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
opacity:1;
padding:0rem;
}


.gallery-top .swiper-slide {
text-align: center;

/* 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;
width: 70%!important;
margin-left:0%!important
}

/*.gallery-thumbs .swiper-slide-active{ margin-right:5px!important; margin-left:30px!important;}
.gallery-thumbs .swiper-slide-prev{ margin-right:5px!important; margin-left:-60px!important;}
.gallery-thumbs .swiper-slide-next{ margin-right:5px!important; margin-left:100px!important;}*/
.gallery-thumbs .swiper-slide img{ width:0.9rem; height:0.9rem; border-radius:100%; border:3px solid #66727A;-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;}
.gallery-thumbs .swiper-slide-active{
left:50%; margin-left:-0.45rem;

}

/*.gallery-thumbs .swiper-slide-next{
 margin-left:-40px!important; margin-right:80px!important;

}*/
.gallery-thumbs .swiper-slide-active img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}

/* 自适应框架（设计图宽度） */
body{
	max-width:6.4rem;
	margin:0 auto;
}
body *{
	max-width:6.4rem;
}




canvas {
width:100%;
height:auto;
display:inline-block;
vertical-align:baseline;
position:absolute;
top:0;
left:0; 
z-index:-1;
}

