/*工程案例列表*/
.case-list {
}
.case-list ul {
}
.case-list ul li {
    float: left;
    width: 31%;
    margin: 1%;
	background:#fff;
	border-radius:10px 10px 10px 10px;
    overflow: hidden;
}
.case-list ul li .pic {
    width: 100%;
    height: 0;
    padding-top: 67.15%;
    overflow: hidden;
    position: relative;
}
.case-list ul li .pic img {
	display:block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.case-list ul li .item {
    padding: 8% 5% 7%;
}
.case-list ul li .item h3 {
    font-size: 20px;
    color: #666;
	padding-left:0%;
	transition: all 0.8s;
}
.case-list ul li .item p {
    font-size: 14px;
    color: #999999;
    padding: 12px 0 30px;
}
.case-list ul li:hover .item{ 
	background: #fff; 
}
.case-list ul li:hover .item h3 {
	padding-left:5%;
	color: #d10000;
}

/*hover 动画*/
.case-list ul li:hover .pic img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transform: scale(1.1);
}

/*自适应样式*/
@media screen and (max-width:1024px){
.case-list {
}
.case-list ul {
}
.case-list ul li {
    width: 48%;
    margin: 1%;
}
.case-list ul li .pic {
    width: 100%;
}

.case-list ul li .pic img {
    width: 100%;
}
.case-list ul li .item {
	height: 60px;
}
.case-list ul li .item h3 {
    font-size: 14px;
}
.case-list ul li .item p {
    font-size: 14px;
    color: #999999;
    padding: 2px 0 2px;
}
.case-list ul li:hover .item{
	 padding: 8% 0 6%;
}
.case-list ul li:hover .item h3 {
	padding-left:5%;
}
.case-list ul li:hover .item p {
    color: #999;
}
}
/*自适应样式 end*/

/*工程案例详情页*/
.case-artilce {}
.case-artilce .item {
	margin: 2% 0;
    overflow: hidden;
    position: relative;
}

.case-artilce .item .word {
	float:left;
	width:50%;
	padding:2%;
}
.case-artilce .item .word h1 {
	font-size: 30px;
    color: #000;
    font-family: 'Futura';
}
.case-artilce .item .word .content {
	margin-top:5%;
}
.case-artilce .item .word .content p {
	font-size:14px;
    color:#666;
}

.case-artilce .item .pic {
	float:right;
	width:50%;
}

.manyphoto {}
.manyphoto .tit {}
.manyphoto .tit h2 {
	font-size: 24px;
    color: #d10000;
    font-weight: lighter;
    margin: 4% 0 4% 0;
}

.manyphoto .manyphoto-box {}
.manyphoto .manyphoto-box ul {}
.manyphoto .manyphoto-box ul li {
	float:left;
	width:30%;
	margin:0 3% 3% 0;
}
.manyphoto .manyphoto-box ul li img {}
/*自适应样式*/
@media screen and (max-width:1204px){
.case-artilce {}
.case-artilce .item {
	margin: 2% 0;
}
.case-artilce .item .pic {
	width:100%;
}
.case-artilce .item .pic img {
	width:100%;
}
.case-artilce .item .word {
	float: left;
    position:relative;
	width:100%;
    height: 100%;
    padding: 15% 0 10% 0;
	margin-top:10%;
}
.case-artilce .item .word h1 {
	font-size: 18px;
	font-weight:bold;
}
.case-artilce .item .word .content {
}
.case-artilce .item .word .content p {
	font-size:14px;
}
}
/*自适应样式 end*/