body{
	background: #eae6e4;
}
.banner{
	width:100%;
	position:relative;
	left:0;
	top:0;
}
.banner>img{
	width:100%
}
.banner .bannerBottom{
	position:absolute;
	bottom:0;
	width:100%;
	height:175px;
	background:rgba(255,255,255,0.5);
}
.banner .bannerBottom ul{
	width:1152px;
	margin: 0 auto;
	padding:23px 0;	
	overflow: hidden;
}
.banner .bannerBottom ul li{
	width:270px;
	margin: 0 9px;
	float: left;	
}
/*.......*/
.nav{
	width:100%;
	height:50px;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 999;
}
.nav ul{
	overflow: hidden;
	width:1200px;
	margin: 0 auto;
}
.nav ul li{
	float: left;
	width:150px;
	height:40px;
	line-height: 40px;
	text-align: center;
	margin-right: 60px;
	margin-top: 5px;
	background:url(../imgs/mbg.png) ;
}
.nav ul li a{
	color:#f5d3a1;
	font-size: 16px;
}
	.nav ul li:last-child{
	margin-right:0;
}
/*.......*/
.cases{
		margin-bottom: 70px;
 		background: -moz-linear-gradient(top,  #eae6e4 80%,rgba(0,0,0,0.3) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(90%,#eae6e4), color-stop(100%,rgba(0,0,0,0.3)));
    background: -webkit-linear-gradient(top,  #eae6e4 80%,rgba(0,0,0,0.3) 100%);
    background: -o-linear-gradient(top,  #eae6e4 80%,rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(top,  #eae6e4 80%,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to bottom,  #eae6e4 80%,rgba(0,0,0,0.3) 100%);
   overflow: hidden;
}
.cases .caseTitle{
	width:1259px;
	margin: 0 auto;
}
.cases .caseBox1{
	width:1200px;
	height:600px;
	margin: 0 auto;
}
.cases .caseBox1 .caseBig{
	float: left;
	width:600px;
	height:600px;
}
.cases .caseBox1 .caseBig a>img{
	width:100%;
	height:100%;
}
.cases .caseBox1 .case{
	float: left;
	margin-left: 5px;
}
.cases .caseBox1 .case div{
	width:295px;
	height:297.5px;
}
.cases .caseBox1 .case div:nth-child(2),
.cases .caseBox2 .case div:nth-child(2){

	margin-top: 5px;
}
.cases .caseBox1 .case div a>img,
.cases .caseBox2 .case div a>img{
	width:100%;
	height:100%;
}
.cases .caseBox2{
	width:1200px;
	height:560px;
	margin: 5px auto;
}
.cases .caseBox2 .caseBig{
	float: left;
	width:445px;
	height:560px;
	margin-left: 5px;
}
.cases .caseBox2 .caseBig a>img{
	width:100%;
	height:100%;
}
.cases .caseBox2 .case{
	float: left;
}
.cases .caseBox2 .case:nth-child(1) div:nth-child(1){
	width:430px;
	height:277.5px;
}
.cases .caseBox2 .case:nth-child(2) div:nth-child(1){
	width:315px;
	height:277.5px;
	margin-left: 5px;
}
.cases .caseBox1>div,.cases .caseBox1>.case>div,
.cases .caseBox2>div,.cases .caseBox2>.case>div{
	position: relative;
	overflow: hidden;
}
.cases .caseBox1>div a,
.cases .caseBox2>div a{
	display: block;
}
.cases .ifn{
	width:100%;
	background:rgba(255,96,0,0.5);
	padding:20px;
	box-sizing: border-box;
	position: absolute;
	left:0;
	bottom:0;
	cursor: pointer;
}
.cases .caseBox1 .caseBig .ifn{
	height:125px;
	bottom:-125px;
}
.cases .caseBox2 .caseBig .ifn{
	height:125px;
	bottom:-125px;
}
.cases .caseBox1 .case .ifn,.cases .caseBox2 .case .ifn{
	height:90px;
	bottom:-90px;
}

.cases .case .ifn{
	height:100px;
	bottom:-100px;
}
.cases .ifn p{
	height:28px;
	line-height: 28px;
	color: #fff;
	font-size: 14px;
}
.cases .case .ifn p{
	height:20px;
	line-height: 20px;
}
/*......*/
.cases .caseBox3{
	width:1200px;
	margin: 10px auto;
}
.cases .caseBox3 ul{
	/*overflow:hidden;*/
}
.cases .caseBox3 ul li{
	float: left;
	width:290px;
	margin-left: 13px;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
.cases .caseBox3 ul li img{
	width:100%;
	height:100%;
}
.cases .caseBox3 ul li:first-child,
.cases .caseBox3 ul li:nth-child(5),
.cases .caseBox3 ul li:nth-child(9),
.cases .caseBox3 ul li:nth-child(13){
	margin-left: 0;
}

.cases .caseBox3 ul li .ifn{
	height:80px;
	bottom:-100px;
	padding: 15px;
}
.cases .caseBox3 ul li .ifn p{
	height:20px;
	line-height:20px;
}
/*......*/
.gywm div{
	width:1200px;
	margin: 0 auto;
}
.gywm .hj_title{
	width:1200px;
	height:81px;
	line-height: 62px;
	color:#c69c6d;
	font-size: 38px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 15px;
	background: url(../imgs/hj_49.png);
}
.hj_title img{
	width:100%;
}
.yzs div{
	width:1131px;
	margin: 0 auto;
	margin-bottom: 85px;
}
.xjb div{
	width:1131px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.zzbz div{
	width:893px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.stlc div{
	width:893px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.sbpp div{
	width:1152px;
	margin: 0 auto;
	margin-bottom: 130px;
}
.more{
	width:292px;
	height:68px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.lookmore{
	display: none;
	width:51px;
	height:152px;
	position:fixed;
	left:300px;
	top:200px;
}
.xfk{
	display: none;
	width:140px;
	height:320px;
	background: #f98845;
	border-bottom: 8px solid #FF6000;
	position:fixed;
	right:0;
	top:350px;
}
.xfk_min{
	display: none;
	width:20px;
	text-align: center;
	height:70px;
		background:#fff;
	border:1px solid #ff6000;
	position:fixed;
	right:0;
	top:380px;
}
.xfk_min a{color:#ff6000}
.xfk_head{
	height:20px;
	background: #ff6000;
}
.x{
	width:20px;
	height:20px;
	float: right;
	margin-right: 3px;
	color:#000;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
	text-align: center;
}
.xfk ul{
	margin-top: 5px;
}
.xfk ul li{
	width:100px;
	height:30px;
	margin: 15px auto 0 auto;
	background: #fff;
	border: 1px solid #FF6000;
	border-radius: 5px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.xfk ul li a{
	color:#ff6000;
}
.zx{
	width:97px;
	height:29px;
	border:1px solid #333;
	border-radius:15px;
	margin: 20px auto;
	line-height: 29px;
	text-align: center;
}
.zx a{color:#333;font-size: 16px;}
.cases .caseBox3 ul li:last-child{
	overflow:inherit;
}
.cases .caseBox3 ul li .more {
    width: 290px;
    height: 290px;
    /*margin: 9px 0 0 9px;
    float: left;*/
    background: #ff6000;
    text-align: center;
    line-height: 290px;
}
.cases .caseBox3 ul li .more a {
    color: #fff;
    font-size: 34px;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid transparent;
}
.cases .caseBox3 ul li .more a:hover {
    border: 2px solid #FF6000;
    background: #fff;
    color: #FF6000;
    transform: rotate(30deg) scale(0.8,0.8);
    transition: all ease 0.5s;
}




