@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1380px)  {
/*banner*/
    .banner-bj{background:url(../images/cases/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:1.5%;}
	.bread {padding:1.2% 0;}
	.bread a{font-size:16px;color:#e6e6e6;display:inline-block;}
	.banner .bt{padding-bottom:1.5%;position:relative;}
	.banner .bt h1{font-size:34px;color:#fff;margin:1.5% 0;}
	.banner .bt p{font-size:18px;color:#fff;}
	
	.banner .bt .lx{width:43%;position:absolute;right:0;top:-10%;padding:1.1% 3% 1.1% 6%;background:url(../images/cases/top_wzbj.png) no-repeat;background-size:100% 100%;}
	.banner .bt .lx p{color:#b3b3b3;line-height:36px;}
	.banner .bt .lx p b{color:#e2e0e0;}
	.banner .bt a{font-size:18px;color:#fffefe;padding:0.75% 0;width:12%;text-align:center;border-radius:24px;background:#10748a;position:absolute;right:2%;bottom:-2%;}

/*case-nav*/
    .case-nav-bj{background:#445e72;padding:0.6% 0;}
	.case-nav ul{margin:0 -1%;}
	.case-nav ul li{width:23%;padding:0 1%;float:left;}
	.case-nav ul li a{background:#fff;border-radius:6px;text-align:center;font-size:18px;color:#333;padding:3.6% 0;}
	.case-nav ul li:hover a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}
	.case-nav ul li.active a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}

/*case-list*/
    .list-al{overflow:hidden;margin-top:3%;display:none;}	
	.list-al .row{margin:0 -1%;}
	.list-al .row .case{width:23%;padding:0 1%;float:left;margin-bottom:3%;}
	.list-al .row .case a{width:97.5%;border:1px solid #e0e0e0;background:#f2f5f7;border-radius:6px;padding:1% 1% 0 1.5%;}
	.list-al .row .case .tu{position:relative;}
	.list-al .row .case .tu .img{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius: 6px;border:1px solid #fff;width:98.5%;}
	.list-al .row .case .tu .sp-icon{position:absolute;left:0;right:0;margin:0 auto;top:35%;}
	.list-al .row .case h2{font-size:18px;color:#4d4d4d;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:2.5% 0 2% 0;padding:1% 0;}
}

@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:1.5%;}
	.banner .bt{padding-bottom:1.5%;position:relative;}
	.banner .bt h1{font-size:30px;color:#fff;margin:1.5% 0;}
	.banner .bt p{font-size:16px;color:#fff;}
	
	.banner .bt .lx{width:43%;position:absolute;right:0;top:-10%;padding:1.1% 3% 1.1% 6%;background:url(../images/cases/top_wzbj.png) no-repeat;background-size:100% 100%;}
	.banner .bt .lx p{color:#b3b3b3;line-height:30px;}
	.banner .bt .lx p b{color:#e2e0e0;}
	.banner .bt a{font-size:16px;color:#fffefe;padding:0.75% 0;width:12%;text-align:center;border-radius:24px;background:#10748a;position:absolute;right:2%;bottom:2%;}

/*case-nav*/
    .case-nav-bj{background:#445e72;padding:1% 0;}
	.case-nav ul{margin:0 -1%;}
	.case-nav ul li{width:23%;padding:0 1%;float:left;}
	.case-nav ul li a{background:#fff;border-radius:6px;text-align:center;font-size:16px;color:#333;padding:4.2% 0;}
	.case-nav ul li:hover a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}
	.case-nav ul li.active a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}

/*case-list*/
    .list-al{overflow:hidden;margin-top:3%;display:none;}	
	.list-al .row{margin:0 -1%;}
	.list-al .row .case{width:23%;padding:0 1%;float:left;margin-bottom:3%;}
	.list-al .row .case a{width:97.5%;border:1px solid #e0e0e0;background:#f2f5f7;border-radius:6px;padding:1% 1% 0 1.5%;}
	.list-al .row .case .tu{position:relative;}
	.list-al .row .case .tu .img{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius: 6px;border:1px solid #fff;width:98.5%;}
	.list-al .row .case .tu .sp-icon{position:absolute;left:0;right:0;margin:0 auto;top:32%;width:18%;}
	.list-al .row .case h2{font-size:17px;color:#4d4d4d;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:2.5% 0 2% 0;padding:1% 0;}

}

@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:1.5%;}
	.banner .bt{padding-bottom:1.5%;position:relative;}
	.banner .bt h1{font-size:27px;color:#fff;margin:1.5% 0;}
	.banner .bt p{font-size:15px;color:#fff;}
	
	.banner .bt .lx{width:42%;position:absolute;right:0;top:-10%;padding:1.5% 2%;background:url(../images/cases/top_wzbj.png) no-repeat;background-size:100% 100%;}
	.banner .bt .lx p{color:#b3b3b3;line-height:24px;font-size:14px;}
	.banner .bt .lx p b{color:#e2e0e0;}
	.banner .bt a{font-size:14px;color:#fffefe;padding:0.5% 0;width:12%;text-align:center;border-radius:24px;background:#10748a;position:absolute;right:2%;bottom:2%;}

/*case-nav*/
    .case-nav-bj{background:#445e72;padding:1% 0;}
	.case-nav ul{margin:0 -1%;}
	.case-nav ul li{width:23%;padding:0 1%;float:left;}
	.case-nav ul li a{background:#fff;border-radius:6px;text-align:center;font-size:15px;color:#333;padding:6% 0;}
	.case-nav ul li:hover a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}
	.case-nav ul li.active a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}

/*case-list*/
    .list-al{overflow:hidden;margin-top:3%;display:none;}	
	.list-al .row{margin:0 -1%;}
	.list-al .row .case{width:23%;padding:0 1%;float:left;margin-bottom:3%;}
	.list-al .row .case a{width:97.5%;border:1px solid #e0e0e0;background:#f2f5f7;border-radius:6px;padding:1% 1% 0 1.5%;}
	.list-al .row .case .tu{position:relative;}
	.list-al .row .case .tu .img{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius: 6px;border:1px solid #fff;width:98.5%;}
	.list-al .row .case .tu .sp-icon{position:absolute;left:0;right:0;margin:0 auto;top:32%;width:18%;}
	.list-al .row .case h2{font-size:15px;color:#4d4d4d;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:2.5% 0 2% 0;padding:1% 0;}
}

@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:1.5%;}
	.banner .bt{padding-bottom:1.5%;position:relative;}
	.banner .bt h1{font-size:21px;color:#fff;margin:1.5% 0;}
	.banner .bt p{font-size:14px;color:#fff;}
	
	.banner .bt .lx{width:42%;position:absolute;right:0;top:-10%;padding:1.5% 2%;background:url(../images/cases/top_wzbj.png) no-repeat;background-size:100% 100%;display:none;}
	.banner .bt .lx p{color:#b3b3b3;line-height:24px;font-size:14px;}
	.banner .bt .lx p b{color:#e2e0e0;}
	.banner .bt a{font-size:14px;color:#fffefe;padding:0.5% 0;width:12%;text-align:center;border-radius:24px;background:#10748a;position:absolute;right:2%;bottom:2%;display:none;}

/*case-nav*/
    .case-nav-bj{background:#445e72;padding:1% 0;}
	.case-nav ul{margin:0 -1%;}
	.case-nav ul li{width:23%;padding:0 1%;float:left;}
	.case-nav ul li a{background:#fff;border-radius:6px;text-align:center;font-size:15px;color:#333;padding:5% 0;}
	.case-nav ul li:hover a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}
	.case-nav ul li.active a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}

/*case-list*/
    .list-al{overflow:hidden;margin-top:3%;display:none;}	
	.list-al .row{margin:0 -1%;}
	.list-al .row .case{width:23%;padding:0 1%;float:left;margin-bottom:3%;}
	.list-al .row .case a{width:97.5%;border:1px solid #e0e0e0;background:#f2f5f7;border-radius:6px;padding:1% 1% 0 1.5%;}
	.list-al .row .case .tu{position:relative;}
	.list-al .row .case .tu .img{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius: 6px;border:1px solid #fff;width:98.5%;}
	.list-al .row .case .tu .sp-icon{position:absolute;left:0;right:0;margin:0 auto;top:32%;width:18%;}
	.list-al .row .case h2{font-size:14px;color:#4d4d4d;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:2.5% 0 2% 0;padding:1% 0;}
}

@media screen and (max-width: 768px) {
/*banner*/
    .banner-bj{background:url(../images/cases/bj.jpg) no-repeat;background-size:100% 100%;padding:0 2% 1.5% 2%;}
	.banner .bt{padding-bottom:1.5%;position:relative;}
	.banner .bt h1{font-size:0.3rem;color:#fff;margin:2.5% 0;}
	.banner .bt p{font-size:0.25rem;color:#fff;line-height:0.36rem;}
	
	.banner .bt .lx{width:42%;position:absolute;right:0;top:-10%;padding:1.5% 2%;background:url(../images/cases/top_wzbj.png) no-repeat;background-size:100% 100%;display:none;}
	.banner .bt .lx p{color:#b3b3b3;line-height:24px;font-size:14px;}
	.banner .bt .lx p b{color:#e2e0e0;}
	.banner .bt a{font-size:14px;color:#fffefe;padding:0.5% 0;width:12%;text-align:center;border-radius:24px;background:#10748a;position:absolute;right:2%;bottom:2%;display:none;}

/*case-nav*/
    .case-nav-bj{background:#445e72;padding:1% 0;}
	.case-nav ul{margin:0 -1%;}
	.case-nav ul li{width:23%;padding:0 1%;float:left;}
	.case-nav ul li a{background:#fff;border-radius:6px;text-align:center;font-size:0.25rem;color:#333;padding:5% 0;}
	.case-nav ul li a span{display:none;}
	.case-nav ul li:hover a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}
	.case-nav ul li.active a{background-image: linear-gradient(90deg, #dea34e 0%, #e05636 100%), linear-gradient(#c59f76, #c59f76);background-blend-mode: normal, normal;color:#fff;}

/*case-list*/
	.case-list{padding:0 2%;}
    .list-al{overflow:hidden;margin-top:3%;display:none;}	
	.list-al .row{margin:0 -1%;overflow:hidden;}
	.list-al .row .case{width:48%;padding:0 1%;float:left;margin-bottom:3%;}
	.list-al .row .case a{width:97.5%;border:1px solid #e0e0e0;background:#f2f5f7;border-radius:6px;padding:1% 1% 0 1.5%;}
	.list-al .row .case .tu{position:relative;}
	.list-al .row .case .tu .img{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);-moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius: 6px;border:1px solid #fff;width:98.5%;}
	.list-al .row .case .tu .sp-icon{position:absolute;left:0;right:0;margin:0 auto;top:32%;width:18%;}
	.list-al .row .case h2{font-size:0.25rem;color:#4d4d4d;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:2.5% 0 2% 0;padding:1% 0;}
}