.case .bg{background:#f4f4f4;position:absolute;width:100%;height:54%;bottom:0;left:0;z-index:-1;}
.case .content{position:relative;min-height:800px;margin-top:60px;}
.case_category{position:absolute;right:0;top:0;width:176px;}
.case_title{height:142px;line-height:142px;color:#fff;background:#647333;text-align:center;font-size:24px;border-top:3px solid #76883c;position:relative;margin-bottom:14px;}
.case_title i{background:url(../images/case_icon01.png) no-repeat;width:19px;height:10px;left:50%;top:100%;margin-lefT:-10px;position:absolute; text-indent: 99px;overflow: hidden;}
.case_title2{display:none;}
.select li{margin-bottom:10px;}
.select li a{display:block;padding:10px 25px 10px 15px;line-height:20px;background:#eee;position:relative;font-size: 12px;}
.select li i.iconfont{position:absolute;right:5px;top:50%;margin-top:-10px;}
.select li.hover a{color:#fff;background:#ccc;}
.case_content{padding-right:186px;}
.case_img{padding-left:340px;position:relative;height:480px;}
.case_img .text{background:#484443;width:300px;height:440px;position:absolute;lefT:0;top:0;padding:40px 0 0 40px;}
.case_img .text h2{color:#fff;font-size:24px;font-weight:normal;padding-right:10px;line-height:1.3;padding-bottom:5px;}
.case_img .text li{width:76px;float:left;margin:10px 10px 0 0;overflow: hidden;}
.case_img .text li img{height:76px;width: 76px;}
.case_img .img{height:480px;overflow:hidden;width:100%;}
.case_img .img img{width:860px;height: 480px;}
.correlation{padding-top:40px;}
.correlation h3{font-weight:normal;font-size:20px;padding-bottom:20px;}
.correlation li{width:20%;float:left;}
.correlation ul{margin:0 -15px;}
.correlation li .text{padding:6px 15px 6px 27px;line-height:1.4;position:relative;}
.correlation li .text span{position:absolute;lefT:15px; top:5px;}
.correlation li a{color:#666;}
.correlation li a:hover{color:#647333;}
.client{width:955px;height:833px;margin:60px auto 0;background:url(../images/case_bg01.gif) no-repeat;position:relative;}
.client .item{width:162px;height:140px;position:absolute;}
.client .item .img_bg{display:none;}
.client .item .text{display:none;}
.client .item .img01{width:162px;height:140px;text-align:center;cursor: pointer;}
.client .item .img01 i{display:inline-block;width:0;height:100%;vertical-align: middle;}
.client .item .img01 img{max-width:60%;max-height:80%;vertical-align: middle;}
.client .item1{left:269px;top:10px;}
.client .item2{left:396px;top:88px;}
.client .item3{left:140px;top:433px;}
.client .item4{left:525px;top:512px;}
.client .item5{left:782px;top:346px;}
.client .item6{left:11px;top:179px;}
.client .item7{left:140px;top:257px;}
.client .item8{left:525px;top:179px;}
.client .item9{left:782px;top:179px;}
.client .item10{left:269px;top:680px;}
.client .item11{left:653px;top:433px;}
.client .item12{left:653px;top:100px;}
.client .item13{left:140px;top:100px;}
.client .item14{left:140px;top:590px;}
.client .item15{left:11px;top:512px;}
.client .item16{left:653px;top:590px;}
.client .item17{left:396px;top:590px;}
.client .item18{left:653px;top:257px;}
.client .item19{left:525px;top:680px;}
.client .item20{left:525px;top:10px;}
.client .item21{left:269px;top:179px;}
.client .item22{left:782px;top:512px;}
.client .item23{left:269px;top:512px;}
.client .item24{left:11px;top:346px;}
.client_pop{background:url(../images/case_bg02.png);width:462px;height:404px;position:absolute;lefT:247px;top:219px;color:#fff;font-size:12px;display:none;}
.client_pop .text{padding:60px 100px;line-height:2;}
.client_pop h3{font-size:20px;line-height:1.5;font-weight:normal;padding-bottom:20px;}
.page2{text-align:right;}
.page2 a.iconfont{border:1px solid #647333;display: inline-block;margin-left:5px;width:41px;line-height:41px;text-align:center;background:#647333;color:#fff;}
.page2 a.disable{background:none;color:#647333;}
.page2 a.iconfont:hover{background:#839548;}


@media screen and (max-width:1080px) {
.case_img{padding-left:280px;}
.case_img .text{width:250px;padding:40px 0 0 30px;}
.case_img .text li{width:60px;float:left;margin:10px 10px 0 0;overflow: hidden;}
.case_img .text li img{height:60px;margin-left: -20px;}
.correlation li{width:25%;}	
	
	
	
}
@media screen and (max-width:980px) {
.client{width:100%;height:auto;background:none;position:relative;}
.client .item{width:100%;height:auto;position:relative;left:0!important;top:0!important;margin-bottom:50px;background:#f4f4f4;padding:40px 0 30px;}
.client .item .text{display:block; line-height:2;font-size:12px;padding:20px 30px 0;}
	.client .item .text h3{text-align: center;font-size:20px;font-weight:normal;padding-bottom:20px;}
.client .item .img01{height:auto;width:100%;text-align:center;}
.client .item .img01 i{width:0;height:100%;vertical-align: middle;display:none;}
.client .item .img01 img{max-width:40%;max-height:auto!important;vertical-align: middle;}
	.page2{text-align:center;}
	.page2 a.iconfont{margin:0 4px;}
	
}
@media screen and (max-width:880px) {
.case .content{min-height:auto;margin-top:25px;}
	.case_content{padding-right:0;}
.case_category{position:relative;right:0;top:0;width:100%;z-index:99;}
.case_title{height:34px;line-height:34px;text-align:left;font-size:14px;border-top:0px;margin-bottom:5px;padding:0 15px;display:none;background:rgba(100,115,51,0.7);}
.case_title i{background:none;width:30px;height:30px;left:auto;right:0px;text-indent: 0;color:#fff;top:2px;margin:0;line-height:30px;text-align:center;}
	.case_title2{display:block;}
.case_category ul.select{position:absolute;width:100%;top:100%;max-height:210px;overflow:auto;display:none;}
.select li{margin-bottom:0;border-bottom:1px solid #ccc;}
.select li a{padding:7px 20px;}
.case_img{padding-left:0;height:auto;}
.case_img .text{background:none;width:100%;height:auto;position:relative;padding:10px 0;}
.case_img .text h2{color:#333;font-size:16px;font-weight:normal;line-height:1.3;padding:5px 0;}	
.correlation h3{font-size:16px;}
.case_img .text ul{display:none;}	
.case_img .img{height:auto;overflow:hidden;}	
	.case_img .img img{width:100%;height:auto;}
	.correlation li{width:33%;}	
	.correlation{padding-top:30px;}
	.correlation h3{padding-bottom:15px;}
	.client{margin-top:40px;}
	.client .item{margin-bottom:30px;padding:20px 0;}
	.client .item .text{line-height:1.8;padding:20px 20px 0;}
	.client .item .text h3{font-size:18px;padding-bottom:10px;}
}
@media screen and (max-width:640px) {
.correlation li{width:50%;}	
.correlation{padding-top:20px;}
.correlation h3{padding-bottom:5px;}
.client{margin-top:30px;}	
	.client .item{margin-bottom:15px;}
	
}
@media screen and (max-width:380px) {
.correlation li{width:100%;}	
	.client .item .text h3{font-size:16px;}
	
	
}