@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1400px) {
	/*banner*/
	.banner-bj{background:url(../images/case/case-bg.jpg) no-repeat;background-size:100% 100%;padding:3.7% 0;}
/*case-list*/
	.sort ul{margin:3% -1%;}
	.sort ul li{padding:0 1%;float:left;width:25%;background:url(../images/case/case-lei-line.png) no-repeat right 45%;}
	.sort ul li:nth-child(4){background:0;}
	.sort ul li a big{font-size:28px;display:block;}
	.sort ul li a{width:100%;background:url(../images/case/case-lei-bg1.png) no-repeat;background-size:100% 100%;text-align:center;padding:4.5% 0 8.5% 0;font-size:22px;color:#fff;}
	.sort ul li a:hover{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	.sort ul li.active a{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	
	.al-list{display:none;}
	.al-list{margin:3% -1.5% 0 -1.5%;}
	.al-list li{width:33.33%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.al-list li a{width:100%;background:url(../images/case/case-img-bg1.png) no-repeat right bottom;background-size:95% 95%;}
	.al-list li img{width:95%;}
	.al-list li div{width:90%;padding:2% 5% 2% 5%;margin:2.5% auto 0 auto;background:url(../images/case/case-img-line.png) no-repeat left top;}
	.al-list li div h3{font-size:24px;color:#000;margin:0;font-family:Microsoft YaHei;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.al-list li div p{font-size:18px;color:#000;margin-top:3%;font-family:Microsoft YaHei;}
	.al-list li:hover a{background:url(../images/case/case-img-bg2.png) no-repeat right bottom;background-size:95% 95%;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
/*banner*/
	.banner-bj{background:url(../images/case/case-bg.jpg) no-repeat;padding:3.7% 0;}
/*case-list*/
	.sort ul{margin:3% -1%;}
	.sort ul li{padding:0 1%;float:left;width:25%;background:url(../images/case/case-lei-line.png) no-repeat right 45%;}
	.sort ul li:nth-child(4){background:0;}
	.sort ul li a big{font-size:28px;display:block;}
	.sort ul li a{width:100%;background:url(../images/case/case-lei-bg1.png) no-repeat;background-size:100% 100%;text-align:center;padding:4.5% 0 8.5% 0;font-size:22px;color:#fff;}
	.sort ul li a:hover{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	.sort ul li.active a{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	
	.al-list{display:none;}
	.al-list{margin:3% -1.5% 0 -1.5%;}
	.al-list li{width:33.33%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.al-list li a{width:100%;background:url(../images/case/case-img-bg1.png) no-repeat right bottom;background-size:95% 95%;}
	.al-list li img{width:95%;}
	.al-list li div{width:90%;padding:2% 5% 2% 5%;margin:2.5% auto 0 auto;background:url(../images/case/case-img-line.png) no-repeat left top;}
	.al-list li div h3{font-size:21px;color:#000;margin:0;font-family:Microsoft YaHei;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.al-list li div p{font-size:16px;color:#000;margin-top:3%;font-family:Microsoft YaHei;}
	.al-list li:hover a{background:url(../images/case/case-img-bg2.png) no-repeat right bottom;background-size:95% 95%;}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
/*banner*/
	.banner-bj{background:url(../images/case/case-bg.jpg) no-repeat;padding:3.7% 0;}
/*case-list*/
	.sort ul{margin:3% -1%;}
	.sort ul li{padding:0 1%;float:left;width:25%;background:url(../images/case/case-lei-line.png) no-repeat right 45%;}
	.sort ul li:nth-child(4){background:0;}
	.sort ul li a big{font-size:25px;display:block;}
	.sort ul li a{width:100%;background:url(../images/case/case-lei-bg1.png) no-repeat;background-size:100% 100%;text-align:center;padding:4.5% 0 8.5% 0;font-size:20px;color:#fff;}
	.sort ul li a:hover{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	.sort ul li.active a{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	
	.al-list{display:none;}
	.al-list{margin:3% -1.5% 0 -1.5%;}
	.al-list li{width:33.33%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.al-list li a{width:100%;background:url(../images/case/case-img-bg1.png) no-repeat right bottom;background-size:95% 95%;}
	.al-list li img{width:95%;}
	.al-list li div{width:90%;padding:2% 5% 2% 5%;margin:2.5% auto 0 auto;background:url(../images/case/case-img-line.png) no-repeat left top;}
	.al-list li div h3{font-size:18px;color:#000;margin:0;font-family:Microsoft YaHei;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.al-list li div p{font-size:15px;color:#000;margin-top:3%;font-family:Microsoft YaHei;}
	.al-list li:hover a{background:url(../images/case/case-img-bg2.png) no-repeat right bottom;background-size:95% 95%;}
}

@media screen and (max-width: 992px) and (min-width: 769px) {
/*banner*/
	.banner-bj{background:url(../images/case/case-bg.jpg) no-repeat;padding:3.7% 0;}
/*case-list*/
	.sort ul{margin:3% -1%;}
	.sort ul li{padding:0 1%;float:left;width:25%;background:url(../images/case/case-lei-line.png) no-repeat right 45%;}
	.sort ul li:nth-child(4){background:0;}
	.sort ul li a big{font-size:21px;display:block;}
	.sort ul li a{width:100%;background:url(../images/case/case-lei-bg1.png) no-repeat;background-size:100% 100%;text-align:center;padding:4.5% 0 8.5% 0;font-size:16px;color:#fff;}
	.sort ul li a:hover{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	.sort ul li.active a{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	
	.al-list{display:none;}
	.al-list{margin:3% -1.5% 0 -1.5%;}
	.al-list li{width:33.33%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.al-list li a{width:100%;background:url(../images/case/case-img-bg1.png) no-repeat right bottom;background-size:95% 95%;}
	.al-list li img{width:95%;}
	.al-list li div{width:90%;padding:2% 5% 2% 5%;margin:2.5% auto 0 auto;background:url(../images/case/case-img-line.png) no-repeat left top;}
	.al-list li div h3{font-size:18px;color:#000;margin:0;font-family:Microsoft YaHei;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.al-list li div p{font-size:15px;color:#000;margin-top:3%;font-family:Microsoft YaHei;}
	.al-list li:hover a{background:url(../images/case/case-img-bg2.png) no-repeat right bottom;background-size:95% 95%;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner-bj{background:url(../images/case/case-bg.jpg) no-repeat;padding:3.7% 0;}
/*case-list*/
	.sort ul{margin:3% 0%;padding:0 1%;}
	.sort ul li{padding:0 1%;float:left;width:50%;background:url(../images/case/case-lei-line.png) no-repeat right 45%;margin-bottom:3%;}
	.sort ul li:nth-child(4){background:0;}
	.sort ul li:nth-child(2){background:0;}
	.sort ul li a big{font-size:0.3rem;display:block;}
	.sort ul li a{width:100%;background:url(../images/case/case-lei-bg1.png) no-repeat;background-size:100% 100%;text-align:center;padding:4.5% 0 8.5% 0;font-size:0.25rem;color:#fff;}
	.sort ul li a:hover{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	.sort ul li.active a{background:url(../images/case/case-lei-bg2.png) no-repeat;background-size:100% 100%;}
	
	.al-list{display:none;}
	.al-list{margin:3% 0 0 0;}
	.al-list li{width:50%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.al-list li a{width:100%;background:url(../images/case/case-img-bg1.png) no-repeat right bottom;background-size:95% 95%;}
	.al-list li img{width:95%;}
	.al-list li div{width:90%;padding:2% 5% 2% 5%;margin:2.5% auto 0 auto;background:url(../images/case/case-img-line.png) no-repeat left top;}
	.al-list li div h3{font-size:0.27rem;line-height:0.32rem;height:0.65rem;color:#000;margin:0;font-family:Microsoft YaHei;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;}
	.al-list li div p{font-size:15px;color:#000;margin-top:3%;font-family:Microsoft YaHei;display:none;}
	.al-list li:hover a{background:url(../images/case/case-img-bg2.png) no-repeat right bottom;background-size:95% 95%;}
}