.hidden_img{display: none;}
.content{
	width: 100%;
}
.banner{
	width: 100%;
	height:1080px;
	background:url(../images/case/bg1.jpg) ;
	background-size:100%;
	z-index:2;
	display: block;
}
.topLogo{
	width: 179px;
	height: 50px;
	position: absolute;
	left: 5%;
	top: 3%;
	background: url(../images/case/logo_03.png);
	
}
.buyer{
	width: 100%;
}
.navBar{
	width: 50px;
	height: 250px;
	position: absolute;
	right: 1%;
	bottom: 10%;
}
.navBar ul li{
	position: absolute;
	text-align: center;
	line-height: 50px;
	width: 50px;
	height: 50px;
	background: url(../images/CodeBg.png);
}
.navBar ul li img{
	vertical-align:middle;
	margin: auto;  
}
.caseNav{
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #eaeaea;

}
.caseNavBox{
	width: 250px;
	height: 80px;
	position: absolute;
	left: 5%;

}
.caseNavBox ul li {
	float: left;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	margin-right: 40px;
	color: gray;
}
.caseNav ul a li:hover{
	color: black;
}

.caseNavActiv{
	border-bottom: 2px solid #f1ce23 ;
	color: black !important;
}
.shallContent{
	width: 90%;
	height: 100%;
	margin:0 auto;
}
.shallContent2{
	width: 90%;
	height: 100%;
	margin:0 auto;
	display: none;	
}
.page1{
	position: relative;
	width: 100%;
	height: 750px;
	margin-top: 5%;
}
.page2{
	position: relative;
	width: 100%;
	height: 918px;
	margin-top: 10%;
}
.pageHide{
	display: none;
	position: relative;

}
.pageAvtive{
	display: none;
}

.B1{
	position: absolute;
	left: 0;
	bottom: -98px;
	width: 49%;
	height: 107%;
	transition: all 0.5s
}
.casePic ul li img{cursor: pointer;}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

.B2bg{
	background: url(../images/case/bg2.png);
	position: absolute;
	right: 0;
	top:0;
	width: 90%;
	height: 557px;
}
.casePic{
	position: absolute;
	width: 35%;
	height: 43%;
	bottom: -13%;
	right: 9%;
}
.casePic ul{
	width: 100%;
	height: 100%;
}
.casePic ul li{
	width: 30%;
	height:47%;
	float: left;
	margin-right:3%;
	margin-bottom:3%;
	    overflow: hidden;
}
.casePic ul li img {
	width: 100%;
	
}
.caseTxt{
	width: 36%;
	height:15%;
	position: absolute;
	right: 13%;
	top: 20%;
}
.caseTxt h1{
	font-size: 28px;
	line-height: 26px;
	margin-bottom: 31px;
}
.caseTxt p{
	font-size: 16px;
	color:#666;
	line-height: 32px;
}
.caseClick{display:block;width:56px;height: 56px;background: url(../images/csaecl_03.png) no-repeat;margin-top:47px;}
.B12{
	position: absolute;
	right: 0;
	bottom: -136px;
	width: 49%;
	height: 110%;
}
.B2bg2{
	background: url(../images/case/bg2.png);
	position: absolute;
	left: 0;
	top:0;
	width: 90%;
	height: 557px;
}
.casePic2{
	position: absolute;
	width: 35%;
	height: 43%;
	bottom: -1%;
	left: 9%;
}
.casePic2 ul{
	width: 100%;
	height: 100%;
}
.casePic2 ul li{
	width: 30%;
	height:47%;
	float: left;
	margin-right:3%;
	margin-bottom:3%;
	    overflow: hidden;
}
.casePic2 ul li img {
	width: 100%;
	
}
.caseTxt2{
	width: 36%;
	height:15%;
	position: absolute;
	left: 13%;
	top: 12%;
}
.caseTxt2 h1{
	font-size: 28px;
	line-height: 76px;
}
.caseTxt2 p{
	font-size: 16px;
	color:#666;
	line-height: 32px;
}
.footNav{
	width: 100%;
	height:67px;
	text-align: center;
}
.footNav div{
    line-height: 36px;
	margin: 50px auto 0;
	width: 441px;
	height: 36px;
}
.footNav ul span{
	width: 50px;
	height: 36px;
}
.footNav div a{
	transition: background 0.4s;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	width: 36px;
	height: 36px;
	margin:0 5px;
	cursor: pointer;
	border: 1px solid #d8d8d8;
	/*float: left;*/
	border-radius: 10%;
	line-height: 36px;
	color:#ccc;
}

.footNav div a:hover{
	background: #f1ce23;
	color: white;
}
.footNaV ul li img{
	vertical-align: middle;
}

.casefoot ul li{
	margin-bottom: 5px !important;
}
.caseLeft{
	margin-left: 24px;
}
.case_footer_box{width: 96%;margin:0 auto;}