* { padding: 0; margin: 0;  }
.relative { position: relative;  }
.absolute { position: absolute;  }
.dis-in-b { display: inline-block; }
.hide { display: none;  }
.wrap { position: relative; margin: 0 auto; width: 1200px; height: 1000px;  overflow: hidden;}
.wrap-cont > div { float: left;width: 1200px;  }
figure > img, img-auto { width: 100%;  }
.show { left: -100%;  }

/* 主界面 ABC展馆 start */
.a-small-box{
text-align: left;
font-size: 14px;
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
position: absolute;
display: inline-block;
width: 330px;
height: 180px;
top: 420px;
left: 400px;
z-index: 1;
opacity: .2;
transform: skewX(-25deg);
}

.a-big-box{
text-align: left;
font-size: 14px;
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
position: absolute;
display: inline-block;
width: 330px;
height: 163px;
top: 220px;
left: 500px;
z-index: 2;
opacity: .2;
transform: skewX(-25deg);
}



.b-small-box{
text-align: left;
font-size: 14px;
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
position: absolute;
display: inline-block;
width: 270px;
height: 180px;
top: 420px;
left: 720px;
z-index: 1;
opacity: .2;
transform: skewX(-25deg);
}

.b-big-box{
text-align: left;
font-size: 14px;
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
position: absolute;
display: inline-block;
width: 229px;
height: 169px;
top: 220px;
left: 830px;
z-index: 1;
opacity: .2;
transform: skewX(-25deg);
}


.c-big-box{
text-align: left;
font-size: 14px;
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
position: absolute;
display: inline-block;
width: 275px;
height: 229px;
top: 580px;
left: 460px;
z-index: 1;
opacity: .2;
transform: skewX(-25deg);
}

.d-big-box{
text-align: left;
font-size: 14px;
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
position: absolute;
display: inline-block;
width: 260px;
height: 160px;
top: 230px;
left: 230px;
z-index: 1;
opacity: .2;
transform: skewX(-25deg);
}

.d-small-box{
text-align: left;
font-size: 14px;
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
position: absolute;
display: inline-block;
width: 300px;
height: 180px;
top: 420px;
left: 80px;
z-index: 1;
opacity: .2;
transform: skewX(-25deg);
}

/* 主界面 ABC展馆  end */

/* 动画 */
.label { display: none;  }
.label  i {   animation:animation 1s linear infinite;  -moz-animation:animation 1s linear infinite; -webkit-animation:animation 1s linear infinite; }
@keyframes animation {
	0% {  transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
	50% { transform: translate(0px, 4px);  -webkit-transform: translate(0px, 4px);-moz-transform: translate(0px, 4px); -o-transform: translate(0px, 4px);-ms-transform: translate(0px, 4px);}	
	100% { transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px); }
}
@-webkik-keyframes animation {
	0% {  transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
	50% { transform: translate(0px, 4px);  -webkit-transform: translate(0px, 4px);-moz-transform: translate(0px, 4px); -o-transform: translate(0px, 4px);-ms-transform: translate(0px, 4px);}	
	100% { transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px); }
}
@-moz-keyframes animation {
	0% {  transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
	50% { transform: translate(0px, 4px);  -webkit-transform: translate(0px, 4px);-moz-transform: translate(0px, 4px); -o-transform: translate(0px, 4px);-ms-transform: translate(0px, 4px);}	
	100% { transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px); }
}

.label > div { position: absolute; text-align: center;  z-index: 11; }
.label > div > i { color: #eb494b;  }
.label > div > p { font: 500 14px "微软雅黑";  text-shadow: 0.5px 0.5px 8px #f3bbbb;}

/* 主界面 展馆个入口 */
.main-zgrk-1 {   top: 167px;left: 314px; }
.main-zgrk-2 {   top: 107px;left: 422px; }
.main-zgrk-3 {   top: 106px;left: 540px; }
.main-zgrk-4 {   top: 187px;left: 570px; }
.main-zgrk-5 {   top: 242px;left: 415px;}
.main-zgrk-6 {   top: 364px;left: 277px; }
.main-zgrk-7 {   top: 329px;left: 170px; }
.main-zgrk-8 {   top: 250px;left: 157px;}
.main-zgrk-9 {    top: 302px;left: 400px;}
.main-zgrk-10 {   top: 263px;left: 470px; }
.main-zgrk-11 {    top: 238px;left: 507px;}
.main-zgrk-12 {   top: 262px;left: 536px;}
.main-zgrk-13 {   top: 282px;left: 585px;}
.main-zgrk-14 {  top: 356px;left: 549px; }
.main-zgrk-15 {     top: 359px;left: 473px; }



/**/
.btn-list { margin: 10px 0;  }
.btn-list  span { font: 16px/30px '微软雅黑';  cursor: pointer; color: #000;  margin: 0 10px;    border: 1px solid #ccc; padding: 4px; border-radius: 6px;}
.btn-list span:hover { background-color: #ccc;  }

/**/
.back { font: 16px/20px "微软雅黑";color: #000;text-align: center; margin: 20px auto;  border: 1px solid #ccc; padding: 4px; border-radius: 6px; cursor: pointer; width: 100px;}
.back:hover { background-color: #ccc;  }