/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
@media (max-width: 1080px) {body {min-width: 1450px;}}body {
	background-color: #000;
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
}
.rl {
	position: relative;
}

 #Version{width:100%;height:1080px;position:relative;overflow:hidden;z-index:0;padding-top: 0px;}
 #guodu{width:1920px;height:1080px;position:absolute;left:50%;z-index:3;margin-left: -960px;background: url(../images/bj_01.png)no-repeat center bottom;}
 #Flash{width:1920px;height:1080px;position:absolute;left:50%;z-index:2;margin-left: -960px;}
#Header{width:1920px;height:1080px;position:absolute;left:50%;z-index:1;margin-left: -960px;line-height:0px;} 


.YZkj{width:1920px;left:50%;margin-left:-960px;position:relative;background:url(../images/bj_02.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px;margin-top: 0px;z-index: 3;}
.YZkj_02{width:1920px;height: 900px;}
.YZkj_03{width:1920px;height:1100px;}
.YZkj_04{width:1920px;height: 1304px;}
.YZkj_05{width:1920px;height: 819px;}
.YZkj_06{width:1920px;height: 1010px;}
.YZkj_07{width:1920px;height:1100px;}
.YZkj_08{width:1920px;height:1100px;}
.YZkj_09{width:1920px;height:1100px;}
.YZkj_10{width:1920px;height:1100px;}

.YZkj_02 .YZshow{position: absolute;z-index:4;padding-top: 295px;left: 50%;margin-left: -448px;}
.YZkj_03 .YZshow{position: absolute;z-index:4;padding-top: 220px;left: 50%;margin-left: -710px;}
.YZkj_04 .YZshow{position: absolute;z-index:4;padding-top: 40px;left: 50%;margin-left: -632px;}
.YZkj_05 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_06 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_07 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_08 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_09 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_10 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}

.YZkj_02 .YZ_titletop{height:20px;}
.YZkj_03 .YZ_titletop{height:20px;}
.YZkj_04 .YZ_titletop{height:20px;}
.YZkj_05 .YZ_titletop{height:20px;}
.YZkj_06 .YZ_titletop{height:20px;}
.YZkj_07 .YZ_titletop{height:20px;}
.YZkj_08 .YZ_titletop{height:20px;}
.YZkj_09 .YZ_titletop{height:20px;}
.YZkj_10 .YZ_titletop{height:20px;}


.YZ_title {width: 735px;height: 248px;text-indent: -99em;overflow: hidden;margin: auto auto 10px;background: url(../images/bg_title.png) left top no-repeat;position: absolute;z-index: 5;}
.YZkj_02 .YZ_title.icon {margin-bottom: 0px;background-position: 0px 0px;margin-left: 592px;}
.YZkj_03 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -248px;margin-left: 592px;}
.YZkj_04 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -496px;margin-left: 592px;}
.YZkj_05 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -744px;margin-left: 592px;}
.YZkj_06 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -992px;margin-left: 592px;}
.YZkj_07 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -1240px;margin-left: 592px;}
.YZkj_08 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -1488px;margin-left: 592px;}
.YZkj_09 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -1736px;margin-left: 592px;}
.YZkj_10 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -1984px;margin-left: 592px;}

.YZkj_02 .role {width: 897px;height: 1018px;background: url(../images/rw02.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_03 .role {width: 1057px;height: 1018px;background: url(../images/rw03.png) no-repeat left top;animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 110px;margin-left: 939px;}
.YZkj_04 .role {width: 897px;height: 1018px;background: url(../images/rw04.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_05 .role {width: 897px;height: 1018px;background: url(../images/rw05.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_06 .role {width: 897px;height: 1018px;background: url(../images/rw06.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_07 .role {width: 897px;height: 1018px;background: url(../images/rw07.png) no-repeat left top;animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 64px;margin-left: 1030px;}
.YZkj_08 .role {width: 897px;height: 1018px;background: url(../images/rw08.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_09 .role {width: 897px;height: 1018px;background: url(../images/rw09.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_10 .role {width: 897px;height: 1018px;background: url(../images/rw10.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}

.YZkj_02 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg02.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_03 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg03.png) no-repeat;position: absolute;left: 50%;margin-left: -813px;margin-top: 164px;z-index: 2;}
.YZkj_04 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg04.png) no-repeat;position: absolute;left: 50%;margin-left: -730px;margin-top: 205px;z-index: 2;}
.YZkj_05 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg05.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_06 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg06.png) no-repeat;position: absolute;left: 50%;margin-left: -608px;margin-top: 263px;z-index: 2;}
.YZkj_07 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg07.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_08 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg08.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_09 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg09.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_10 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg10.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}

.YZkj_02 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_03 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_04 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_05 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_06 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_07 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_08 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_09 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_10 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
 
.YZbjfoot{width:1920px;height:132px;left:50%;margin-left:-960px;position:relative;background:url(../images/footbgimg.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
 
.YZ_MK1 {position: absolute;top: 0px;left: 50%;display: block;float: left;width: 640px;margin-left: -710px;}
.YZ_MK2 {position: absolute;top: 0px;left: 50%;display: block;float: left;width: 640px;margin-left: 40px;}

@keyframes light_1 {
	  50% { transform: translatey(-10px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}



.yinghua-wrap { width: 100%; height: 100px; position: absolute; top: 0px; left: 0px; display: block; z-index: 4490; }
.yinghua-wrap span { width: 28px; height: 28px; position: absolute; top: -20px; left: -10%; background: url("../images/flowerYZ-3.png") left top no-repeat; opacity: 1; display: block; }
.aboutYZ_box { width: 969px; height: 531px; position: relative; margin: 0px auto; padding-top: 67px; background: url("../images/photo_show_bg.png") left top no-repeat; z-index: 4000; }
.flowerYZ { width: 453px; height: 393px; position: absolute; top: 0px; right: 0px; margin-top: -96px; background: url("../images/flowerYZ-1.png") left top no-repeat; z-index: 8000; }
.flowerYZ2 { width: 589px; height: 468px; position: absolute; bottom: 0px; left: 0px; margin-bottom: 7px; background: url("../images/flowerYZ-2.png") left top no-repeat; }

.contentYZs {line-height: 18px;font-size: 19px;color: rgb(78, 66, 66);margin: 0px auto;padding-top: 25px;padding-right: 75px;padding-left: 78px;}
.contentYZs p { margin-bottom: 33px; padding-left: 48px; }
.contentYZs p:hover { color: rgb(164, 64, 48); }
.contentYZs p .YZ_xh { width: 34px; height: 34px; line-height: 34px; text-align: center; position: absolute; color: rgb(249, 180, 105); margin-top: -8px; margin-left: -48px; background: url("../images/xh_bg.png") left top no-repeat; }

  .STYLE1 {font-size: 24px;}
  .topstyle{position:fixed;z-index:999;}
.topstyle a {text-decoration: none;color: #4f4f4f;}

#Download{}
#Download .btn_down_s1{float:left;width: 162px;height:50px;text-indent:-999em;margin-left: 205px;margin-top: 34px;}
#Download .btn_down_s2{float:left;width: 162px;height: 47px;text-indent:-999em;margin-left: -162px;margin-top: 88px;}
#Download .btn_down_s3{float:left;width: 99px;height: 100px;text-indent:-999em;margin-left: 18px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 109px;height: 110px;text-indent:-999em;overflow:hidden;margin-left: 32px;margin-top: 33px;}

#leftnav {
	position: fixed;
	right: 30px;
	top: 20%;
	width: 98px;
	height: 436px;
	background: url(../images/leftnav.png) no-repeat;
	z-index: 20;
}
#leftnav a {
	width: 98px;
	height: 97px;
	display: block;
	text-align:center;
	padding-right:5px;
}
.gif {
	width: 1920px;
	text-align: center;
	margin: 0 auto;
}
.navs {
	position:absolute;
	width:1000px;
	left:50%;
	margin-left: -500px;
	top:-290px;
	text-align:center
}
.navs a{ display:inline-block; margin:0 0px;}
.navs a:hover{}

.nav1,.nav3,.nav4 {
	width:188px;
	height:198px;
}
.nav2 {
	width:188px;
	height:198px;
}
.nav1 {
	background:url(../images/b-1.png) center center no-repeat;
}

.nav2 {background:url(../images/b-2.png) center center no-repeat;}
.nav3{background:url(../images/b-3.png) center center no-repeat;}

.nav1:hover,.nav2:hover, .nav3:hover,.nav4:hover{cursor: pointer; background-position:top center;}
.nav1:hover{background-position:center 30px;}
.nav3:hover{background-position:center 30px;}

#weixin {
	display: none;
	position: fixed;
	top: 25%;
	left: 38%;
	z-index: 50;
	background: white;
}
#over {
	width: 100%;
	height: 100%;
	opacity: 0.5;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/
	filter: alpha(opacity=80);
	display: none;
	position: fixed;
	z-index: 40;
	background: silver fixed;
	background-size: cover;
}

/* 幻灯片所需CSS */
.slider1Preview {
	width:500px;
	height:0px;
}

/*底部幻灯片*/
.slideTxtBox{width:1100px;height:520px;left: 50%;margin-left: -560px;top:30px;}
.slideTxtBox .uls li{width:320px;height:470px;float:left;list-style-type:none;margin-left:35px;}
.slideTxtBox .small{width:250px;height:281px;margin-top:50px;margin-left:55px;border:1px solid #2c2a29;}  
.slideTxtBox .normal{width:364px;height:460px;border:1px solid #2c2a29;} 

.slideTxtBox .prev,.slideTxtBox .next{width:22px;height: 44px;top:180px;}
.slideTxtBox .prev{background: url(../images/prev.png);left:20px;}
.slideTxtBox .next{background: url(../images/next.png);left:1100px;}


.bxslider{width:1000px;height:600px;top:-40px; margin:0 auto;}
.bxslider .uls li{width:295px;height:650px;float:left;list-style-type:none; margin-left:30px; }
.bxslider .small{width:291px;height:399px;margin-top:50px;border:1px solid #2c2a29;}  

.bxslider .prev,.bxslider .next{width:22px;height: 44px;top:280px;}
.bxslider .prev{background: url(../images/prev.png);left:-10px;}
.bxslider .next{background: url(../images/next.png);left:1000px;}


.vv{ position:absolute; top:205px; left:50%; display:block; margin-left:-385px; width:850px; height:475px; background:#FFF}
.ibox{ position:relative; display:block; margin:0 auto; width:1200px;}

.imgbox{position:absolute;top: 296px;left: 62px;display:block;width: 1112px;}

.points{margin:0 auto;position:relative; left:50%;}
.points li{float:left; word-spacing: 5px;width:20px;height:20px; font-size:25px;}
.on{color:#cecece;}

.bar {
	width: 100px;
	position: fixed;
	top: 102px;
	right: 30px;
	z-index: 1000;
}
.bar .nor {
	color: #fff;
	width: 100px;
	height: 70px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: 14px/70px "微软雅黑";
	background: url(../images/op.png) center repeat;
	margin-bottom: 1px;
	outline: none;
}
.bar .nor:hover, .bar .cur {
	background: #610004;
}
.bar .home {
	font: 18px/70px "微软雅黑";
	outline: none;
}
.bar .home:hover {
	background: #610004;
}
.bar .top {
	width: 100px;
	height: 42px;
	display: block;
	text-align: center;
	background: url(../images/op.png) center repeat;
	outline: none;
}
.bar .top img {
	display: block;
	margin: 0 auto;
	padding-top: 11px;
}
.show{
	width:1000px;
	margin:0 auto;
	}
	
.flash {
	left:50%;
	width:960px;
	height:542px;
	margin-left:-475px;
	top:280px;
}

.swiper-container {
width: 100%;
height: 100%;
}
.sw .swiper-slide {
text-align: center;
font-size: 18px;

/* 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-button-next,.swiper-button-prev{width:163px;height:130px;top:50%;}
.swiper-button-next:after,.swiper-button-prev:after{ content:'';}
.swiper-button-next{background: url(../images/next.png); right:-200px; margin-top:-50px; outline:none;}
.swiper-button-prev{background: url(../images/prev.png);left:-200px;margin-top:-50px; outline:none;}
.swiper-pagination-bullet-active{ background:#FFF;}


.sw img{ width:100%; height:100%;}

.ss .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* 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;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.ss .swiper-slide-active, .ss .swiper-slide-duplicate-active{
      transform: scale(1);
	}


.ss img{ width:100%; height:100%;}

.ifbox{ position:absolute; top:23px; width:680px; height:368px;}

.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: -1px;
}
.rl {
	position: relative;
}

#Layer3 {
	position:relative;
	display:block; 
	 margin:0 auto;
	width:1500px;
}
.slide2{ position:absolute;left:50%; margin-left:-390px;top:120px; display:block;width:770px; text-align:center}

.slide2 .uls li{list-style: none;}
.slide2images .uls li{height:890px;}
.slide2images .uls li img{ height:100%; display:inline-block;}
.slide2 .prev,.slide2 .next{width:40px;height:80px;}
.slide2 .prev{ position:absolute; top:50%; left:-80px; margin-top:-40px; background:url(../images/pr.png) no-repeat;}
.slide2 .next{position:absolute; top:50%; right:-80px;margin-top:-40px;background:url(../images/nx.png) no-repeat;}

.slide2 .slide2hd{ position:absolute; width:990px;height:119px;left:50%;margin-left: -490px;top:950px;}
.slide2 .slide2hd ul.uls{ width:100%; display:block;}
.slide2 .slide2hd .sm{ display:inline-block; float:left; margin:0 10px; width:119px;height:119px; overflow:hidden}
.slide2 .slide2hd .sm:hover{cursor: pointer;}
.slide2 .slide2hd img{opacity: 0.3;}
.slide2 .slide2hd .on img{opacity:1;}

.w-1500{ position:relative; width:1500px; margin:0 auto;}
.pview{ position:relative; display:block; margin:0 auto; width:1340px;}
.items{ display:block; position:absolute; top:130px; left:82px;}
.items a{ display:block; float:left; width:84px; height:82px; background:url(../images/011.png) left top no-repeat; margin-right:36px; margin-bottom:30px; text-align:center}
.items a:nth-child(10n){ margin-right:0px;}
.items a img{ display:inline-block; margin:18px 0 0 0; padding:0; border:0}


.items2{ display:block; position:absolute; top:205px; left:50%; margin-left:-110px; width:610px} 
.items2 a{ display:block; float:left; width:102px; height:101px; background:url(../images/011.png) left top no-repeat; margin:5px 20px; text-align:center; line-height:95px;}
.items2 a img{ display:inline-block; padding:-50px; border:90px; vertical-align:middle; margin-top:-5px;}

.items3{ display:block; position:absolute; top:55px; left:50%; margin-left:-110px; width:610px} 
.items3 a{ display:block; float:left; width:102px; height:101px; background:url(../images/011.png) left top no-repeat; margin:5px 20px; text-align:center; line-height:95px;}
.items3 a img{ display:inline-block; padding:-50px; border:90px; vertical-align:middle; margin-top:-5px;}

.items4{ display:block; position:absolute; top:55px; left:50%; margin-left:-110px; width:610px} 
.items4 a{ display:block; float:left; width:102px; height:101px; background:url(../images/011.png) left top no-repeat; margin:5px 20px; text-align:center; line-height:95px;}
.items4 a img{ display:inline-block; padding:-50px; border:90px; vertical-align:middle; margin-top:-5px;}


#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;z-index: 200}

#Download{width: 775px;height: 191px;text-align:center;position:absolute;bottom:150px;left:50%;margin-left: -399px;z-index: 5001;border-radius:5px;background:url(../images/xz.png) no-repeat left top;top: -170px;}
#Download .btn_down_s1{float: left;width: 158px;height: 50px;text-indent: -999em;margin-left: 206px;margin-top: 35px;}
#Download .btn_down_s2{float:left;width: 162px;height: 47px;text-indent:-999em;margin-left: -162px;margin-top: 89px;}
#Download .btn_down_s3{float:left;width: 99px;height: 100px;text-indent:-999em;margin-left: 14px;margin-top: 37px;}
#Download .btn_down_s4{position: absolute;right: 0;top: 0;float: left;width: 104px;height: 100px;text-indent: -999em;overflow: hidden;margin-right: 153px;margin-top: 39px;}






.wrapper{
  width:1500px;
  margin: 0 auto;
  padding-top:190px;
}

.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col{
  width: 400px;
  margin:55px;
  cursor: pointer;
}

.container{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.front,
.back{

	background-position: center;
	text-align: center;
	min-height: 360px;
	height: auto;
	color: #fff;
}

.back{
    display: block;
    opacity: .4;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	z-index:1;
}

.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

}
.container:hover .front,
.container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}



.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
	color:#fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    font-size: .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 3;
}

.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;

}

.container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.back .inner p{
  font-size:40px;
  margin-bottom:5px;
  position: relative;
  z-index: 3;
}

.back .inner span{
  font-family: 'Montserrat';
  font-size:20px;
  z-index: 3;
}

/*手风琴展示*/
.box {
            width: 1300px;
            height: 511px;
			margin:0 auto;
			padding-top:240px;
			
        }

        .boxitem {
            width: 107px;
            height: 511px;
            float: left;
			
        }

        .boxitem:nth-child(1) {
            background: url(../show/rec-1.gif) no-repeat 100% 100%;
            /*background-size: 100% 100%; 背景图尺寸 */
        }
		
        .boxitem:nth-child(2) {
            background: url(../show/rec-2.gif)  no-repeat 100% 100%;
        }

        .boxitem:nth-child(3) {
            background: url(../show/rec-3.gif)  no-repeat 100% 100%;
        }

        .boxitem:nth-child(4) {
            background: url(../show/rec-4.gif)  no-repeat 100% 100%;
        }


        .big {
            width: 932px;
			border:1px solid #dac591;
        }

        .big img {
            display: none;
            height: 511px;
			
        }

			
.erzgz{
	width:1200px;
	left: 50%;
	margin-left: -600px;
	margin-top: 1000px;
}
.erzgz >img {
	height:526px;
	box-shadow: 0px 0px 10px #000;
	border:#900 solid 3px;
}