@charset "utf-8";
/* CSS Document */
.site .down ul li p,.featured .right ul li .wz h2{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.featured .right ul li .wz p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;
}

@media screen and (min-width: 1380px) {
/*banner*/
	.banner-bj{background:url(../images/cases/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.banner .title{position:relative;margin-bottom:2.5%;}
	.banner .title span{font-size:28px;color:#ccc;}
	.banner .title h1{font-size:34px;color:#fff;margin:0;}
	.banner .title a{position:absolute;right:0;top:18%;}
	.featured .left{width:56%;float:left;}
	.featured .left div{display:none;position:relative;}
	.featured .left a{display:block;border:4px solid rgba(255, 255, 255, 0.26);}
	.featured .left div span{width:25%;position:absolute;right:4px;bottom:4px;background-image: linear-gradient(90deg,#bf5e17 0%,#ecae37 100%);border-radius: 25px 0px 0px 0px;text-align:center;font-size:17px;color:#fff;padding:1.5% 0;}
	.featured .right{width:42%;float:right;}
	.featured .right ul li{margin-bottom:3.8%;}
	.featured .right ul li a{width:100%;display:block;}
	.featured .right ul li .tu{width:37.5%;float:left;border:4px solid transparent;}
	.featured .right ul li:hover .tu{border:4px solid #007651;}
	.featured .right ul li.active .tu{border:4px solid #007651;}
	.featured .right ul li .tu img{width:100%;display:block;}
	.featured .right ul li .wz{width:58%;float:right;}
	.featured .right ul li .wz h2{font-size:20px;color:#fff;margin:3% 0;}
	.featured .right ul li .wz p{font-size:17px;color:#ccc;line-height:30px;}
/*case site*/
	.site{padding-bottom:2%;margin-top:2.5%;}
	.site .tit{text-align:center;}
	.site .tit i{font-size:30px;color:#225746;opacity:0.4;font-weight:bold;}
	.site .tit h1{font-size:34px;color:#1a1a1a;margin:0;}
	.site .down{margin:2.5% auto;}
	.site .down ul{margin:0 -1%;}
	.site .down ul li{padding:0 1%;width:23%;float:left;margin-bottom:3%;}
	.site .down ul li a{width:100%;}
	.site .down ul li p{background-color:#f7f7f7;padding:3% 0;text-align:center;font-size:18px;color:#1a1a1a;box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-moz-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);}
	
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/cases/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.banner .title{position:relative;margin-bottom:2.5%;}
	.banner .title span{font-size:24px;color:#ccc;}
	.banner .title h1{font-size:28px;color:#fff;margin:0;}
	.banner .title a{position:absolute;right:0;top:18%;width:32%;}
	.banner .title a img{width:100%;}
	.featured .left{width:56%;float:left;}
	.featured .left div{display:none;position:relative;}
	.featured .left a{display:block;border:4px solid rgba(255, 255, 255, 0.26);}
	.featured .left div span{width:25%;position:absolute;right:4px;bottom:4px;background-image: linear-gradient(90deg,#bf5e17 0%,#ecae37 100%);border-radius: 25px 0px 0px 0px;text-align:center;font-size:16px;color:#fff;padding:1.5% 0;}
	.featured .right{width:42%;float:right;}
	.featured .right ul li{margin-bottom:3.5%;}
	.featured .right ul li a{width:100%;display:block;}
	.featured .right ul li .tu{width:37.5%;float:left;border:4px solid transparent;}
	.featured .right ul li:hover .tu{border:4px solid #007651;}
	.featured .right ul li.active .tu{border:4px solid #007651;}
	.featured .right ul li .tu img{width:100%;display:block;}
	.featured .right ul li .wz{width:58%;float:right;}
	.featured .right ul li .wz h2{font-size:18px;color:#fff;margin:3% 0;}
	.featured .right ul li .wz p{font-size:15px;color:#ccc;line-height:27px;}
/*case site*/
	.site{padding-bottom:2%;margin-top:2.5%;}
	.site .tit{text-align:center;}
	.site .tit i{font-size:24px;color:#225746;opacity:0.4;font-weight:bold;}
	.site .tit h1{font-size:27px;color:#1a1a1a;margin:0;}
	.site .down{margin:2.5% auto;}
	.site .down ul{margin:0 -1%;}
	.site .down ul li{padding:0 1%;width:23%;float:left;margin-bottom:3%;}
	.site .down ul li a{width:100%;}
	.site .down ul li p{background-color:#f7f7f7;padding:3% 0;text-align:center;font-size:16px;color:#1a1a1a;box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-moz-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner-bj{background:url(../images/cases/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.banner .title{position:relative;margin-bottom:2.5%;}
	.banner .title span{font-size:18px;color:#ccc;}
	.banner .title h1{font-size:24px;color:#fff;margin:0;}
	.banner .title a{position:absolute;right:0;top:18%;width:32%;}
	.banner .title a img{width:100%;}
	.featured .left{width:56%;float:left;}
	.featured .left div{display:none;position:relative;}
	.featured .left a{display:block;border:4px solid rgba(255,255,255,0.26);}
	.featured .left div span{width:25%;position:absolute;right:4px;bottom:3px;background-image: linear-gradient(90deg,#bf5e17 0%,#ecae37 100%);border-radius: 25px 0px 0px 0px;text-align:center;font-size:16px;color:#fff;padding:1.5% 0;}
	.featured .right{width:42%;float:right;}
	.featured .right ul li{margin-bottom:3.5%;}
	.featured .right ul li a{width:100%;display:block;}
	.featured .right ul li .tu{width:36.8%;float:left;border:4px solid transparent;}
	.featured .right ul li:hover .tu{border:4px solid #007651;}
	.featured .right ul li.active .tu{border:4px solid #007651;}
	.featured .right ul li .tu img{width:100%;display:block;}
	.featured .right ul li .wz{width:58%;float:right;}
	.featured .right ul li .wz h2{font-size:16px;color:#fff;margin:3% 0;}
	.featured .right ul li .wz p{font-size:14px;color:#ccc;line-height:21px;}
/*case site*/
	.site{padding-bottom:2%;margin-top:2.5%;}
	.site .tit{text-align:center;}
	.site .tit i{font-size:20px;color:#225746;opacity:0.4;font-weight:bold;}
	.site .tit h1{font-size:24px;color:#1a1a1a;margin:0;}
	.site .down{margin:2.5% auto;}
	.site .down ul{margin:0 -1%;}
	.site .down ul li{padding:0 1%;width:23%;float:left;margin-bottom:3%;}
	.site .down ul li a{width:100%;}
	.site .down ul li p{background-color:#f7f7f7;padding:3.5% 0;text-align:center;font-size:15px;color:#1a1a1a;box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-moz-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);}

}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
	.banner-bj{background:url(../images/cases/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.banner .title{position:relative;margin-bottom:2.5%;}
	.banner .title span{font-size:14px;color:#ccc;}
	.banner .title h1{font-size:18px;color:#fff;margin:0;}
	.banner .title a{position:absolute;right:0;top:18%;width:32%;}
	.banner .title a img{width:100%;}
	.featured .left{width:56%;float:left;}
	.featured .left div{display:none;position:relative;}
	.featured .left a{display:block;border:4px solid rgba(255,255,255,0.26);}
	.featured .left div span{width:25%;position:absolute;right:4px;bottom:3px;background-image: linear-gradient(90deg,#bf5e17 0%,#ecae37 100%);border-radius: 25px 0px 0px 0px;text-align:center;font-size:16px;color:#fff;padding:1.5% 0;}
	.featured .right{width:42%;float:right;}
	.featured .right ul li{margin-bottom:4.8%;}
	.featured .right ul li a{width:100%;display:block;}
	.featured .right ul li .tu{width:36.8%;float:left;border:2px solid transparent;}
	.featured .right ul li:hover .tu{border:2px solid #007651;}
	.featured .right ul li.active .tu{border:2px solid #007651;}
	.featured .right ul li .tu img{width:100%;display:block;}
	.featured .right ul li .wz{width:58%;float:right;}
	.featured .right ul li .wz h2{font-size:15px;color:#fff;margin:2% 0;}
	.featured .right ul li .wz p{font-size:13px;color:#ccc;line-height:18px;}
/*case site*/
	.site{padding-bottom:2%;margin-top:2.5%;}
	.site .tit{text-align:center;}
	.site .tit i{font-size:14px;color:#225746;opacity:0.4;font-weight:bold;}
	.site .tit h1{font-size:18px;color:#1a1a1a;margin:0;}
	.site .down{margin:2.5% auto;}
	.site .down ul{margin:0 -1%;}
	.site .down ul li{padding:0 1%;width:23%;float:left;margin-bottom:3%;}
	.site .down ul li a{width:100%;}
	.site .down ul li p{background-color:#f7f7f7;padding:3.5% 0;text-align:center;font-size:15px;color:#1a1a1a;box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-moz-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);}
}

@media screen and (max-width: 768px) {
	.container{padding:0 2%;}
/*banner*/
	.banner-bj{background:url(../images/cases/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;padding-top:3%;}
	.banner .title{position:relative;margin-bottom:2.5%;}
	.banner .title span{font-size:0.27rem;color:#ccc;display:block;}
	.banner .title h1{font-size:0.32rem;color:#fff;margin:0;}
	.banner .title a{position:absolute;right:0;top:18%;width:32%;display:none;}
	.banner .title a img{width:100%;}
	.featured .left{width:100%;margin-bottom:5%;}
	.featured .left div{display:none;position:relative;}
	.featured .left a{display:block;border:4px solid rgba(255,255,255,0.26);}
	.featured .left div span{width:25%;position:absolute;right:4px;bottom:3px;background-image: linear-gradient(90deg,#bf5e17 0%,#ecae37 100%);border-radius: 25px 0px 0px 0px;text-align:center;font-size:0.25rem;color:#fff;padding:1.5% 0;}
	.featured .right{width:100%;}
	.featured .right ul li{margin-bottom:1.5%;}
	.featured .right ul li a{width:100%;display:block;}
	.featured .right ul li .tu{width:36.8%;float:left;border:2px solid transparent;}
	.featured .right ul li:hover .tu{border:2px solid #007651;}
	.featured .right ul li.active .tu{border:2px solid #007651;}
	.featured .right ul li .tu img{width:100%;display:block;}
	.featured .right ul li .wz{width:58%;float:right;}
	.featured .right ul li .wz h2{font-size:0.3rem;color:#fff;margin:2% 0;}
	.featured .right ul li .wz p{font-size:0.27rem;color:#ccc;line-height:0.36rem;}
/*case site*/
	.site{padding-bottom:2%;margin-top:2.5%;}
	.site .tit{text-align:center;}
	.site .tit i{font-size:0.27rem;color:#225746;opacity:0.4;font-weight:bold;display:block;}
	.site .tit h1{font-size:0.32rem;color:#1a1a1a;margin:0;}
	.site .down{margin:2.5% auto;}
	.site .down ul{margin:0 -1%;}
	.site .down ul li{padding:0 1%;width:48%;float:left;margin-bottom:5%;}
	.site .down ul li a{width:100%;}
	.site .down ul li p{background-color:#f7f7f7;padding:3.5% 0;text-align:center;font-size:0.3rem;color:#1a1a1a;box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-moz-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 2px 4px 7px 1px rgba(0, 0, 0, 0.13);}

}