@charset "utf-8";
/* CSS Document */
.cases a p{text-align:center;}
@media screen and (min-width: 1380px) {
/*header*/
	.header{background:url(../images/case/bj.jpg) no-repeat;padding-bottom:3%;background-size:100% 100%;}
	.in-tit {margin-top:0.5%;}
	.banner h1{margin-top:0;color:#fff;}
	.banner p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*nav*/
	.nav ul{background:url(../images/case/navbj.png) no-repeat;padding:1.2% 0;box-shadow:0px 2px 8px 0px rgba(33, 54, 88, 0.25);border-radius:10px;margin-top:-3.7%;}
	.nav ul li{float:left;width:25%;}
	.nav ul li.active a{color:#0a396e;font-weight:bold;}
	.nav ul li:hover a{color:#0a396e;font-weight:bold;}
	.nav ul li a{width:100%;border-right:1px solid #bababa;text-align:center;font-size:18px;color:#1a1a1a;}
/*list*/
	.case-list{margin-top:2%;}
	.case-list .row{margin:0 -1%;}
	.cases{padding:0 1%;width:23%;float:left;margin-bottom:1%;}
	.cases a{width:100%;}
	.cases .up{padding:0 2.5% 2.5% 2.5%;background:url(../images/case/altubj.png) no-repeat right bottom;background-size:94% auto;}
	.cases .tu{position:relative;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius:6px;overflow:hidden;}
	.cases .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.31);border-radius:6px;}
	.cases .tu .mask:hover{background:rgba(0,0,0,0.4);}
	.cases a p{padding:0 5%;margin:5% 0;font-size:18px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list dl{padding:0 8%;position:relative;margin-bottom:2%;}
	.ca-mtl dl{background:url(../images/case/diqubj.png) no-repeat;background-size:100% auto;}
	.ca-sll dl{background:url(../images/case/diqubj2.png) no-repeat;background-size:100% auto;}
	.ca-qtl dl{background:url(../images/case/diqubj3.png) no-repeat;background-size:100% auto;}
	.ca-tsl dl{background:url(../images/case/diqubj4.png) no-repeat;background-size:100% auto;}
	.case-list{display:none;}
	.case-list dl img{position:absolute;right:0;top:23%;}
	.case-list dl dt{float:left;padding:3% 4% 2% 0;}
	.case-list dl dd{float:left;padding:3% 0 1.2% 2.8%;background:url(../images/case/yuan.png) no-repeat left 68%;margin-right:4%;}
	.case-list .more{margin-top:2%;}
	.case-list .more a{width:40%;border:1px solid #8c8c8c;text-align:center;margin:0 30%;padding:1% 0;border-radius: 25px;font-size:16px;color:#666;-moz-box-shadow:0px 4px 0px 0px #dfdfdf;-webkit-box-shadow:0px 4px 0px 0px #dfdfdf;box-shadow:0px 4px 0px 0px #dfdfdf;background-image:linear-gradient(0deg,#f4f4f4 0%, #fff 100%);}
/*service*/
	.service{margin:2% auto;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*header*/
	.header{background:url(../images/case/bj.jpg) no-repeat;padding-bottom:3%;background-size:100% 100%;}
	.in-tit {margin-top:0.5%;}
	.banner h1{margin-top:0;color:#fff;}
	.banner p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*nav*/
	.nav ul{background:url(../images/case/navbj.png) no-repeat;padding:1.2% 0;box-shadow:0px 2px 8px 0px rgba(33, 54, 88, 0.25);border-radius:10px;margin-top:-3.7%;}
	.nav ul li{float:left;width:25%;}
	.nav ul li.active a{color:#0a396e;font-weight:bold;}
	.nav ul li:hover a{color:#0a396e;font-weight:bold;}
	.nav ul li a{width:100%;border-right:1px solid #bababa;text-align:center;font-size:17px;color:#1a1a1a;}
/*list*/
	.case-list{margin-top:2%;}
	.case-list .row{margin:0 -1%;}
	.cases{padding:0 1%;width:23%;float:left;margin-bottom:1%;}
	.cases a{width:100%;}
	.cases .up{padding:0 2.5% 2.5% 2.5%;background:url(../images/case/altubj.png) no-repeat right bottom;background-size:94% auto;}
	.cases .tu{position:relative;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius:6px;overflow:hidden;}
	.cases .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.31);border-radius:6px;}
	.cases .tu .mask:hover{background:rgba(0,0,0,0.4);}
	.cases a p{padding:0 5%;margin:5% 0;font-size:16px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list dl{padding:0 3%;position:relative;margin-bottom:2%;height:60px;}
	.ca-mtl dl{background:url(../images/case/diqubj.png) no-repeat;background-size:100% 100%;}
	.ca-sll dl{background:url(../images/case/diqubj2.png) no-repeat;background-size:100% auto;}
	.ca-qtl dl{background:url(../images/case/diqubj3.png) no-repeat;background-size:100% auto;}
	.ca-tsl dl{background:url(../images/case/diqubj4.png) no-repeat;background-size:100% auto;}
	.case-list{display:none;}
	.case-list dl img{position:absolute;right:0;top:14px;height:45px;}
	.case-list dl dt{float:left;padding-top:2.7%;margin-right:1%;}
	.case-list dl dd{float:left;padding:2.7% 0 1.2% 2.8%;background:url(../images/case/yuan.png) no-repeat left 68%;margin-right:4%;font-size:16px;}
	.case-list .more{margin-top:2%;}
	.case-list .more a{width:40%;border:1px solid #8c8c8c;text-align:center;margin:0 30%;padding:1% 0;border-radius: 25px;font-size:16px;color:#666;-moz-box-shadow:0px 4px 0px 0px #dfdfdf;-webkit-box-shadow:0px 4px 0px 0px #dfdfdf;box-shadow:0px 4px 0px 0px #dfdfdf;background-image:linear-gradient(0deg,#f4f4f4 0%, #fff 100%);}
/*service*/
	.service{margin:2% auto;}
	
}

@media screen and (max-width: 1200px) and (min-width: 992px){	
/*header*/
	.header{background:url(../images/case/bj.jpg) no-repeat;padding-bottom:3%;background-size:100% 100%;}
	.in-tit {margin-top:0.5%;}
	.banner h1{margin-top:0;color:#fff;}
	.banner p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*nav*/
	.nav ul{background:url(../images/case/navbj.png) no-repeat;padding:1.2% 0;box-shadow:0px 2px 8px 0px rgba(33, 54, 88, 0.25);border-radius:10px;margin-top:-3.7%;}
	.nav ul li{float:left;width:25%;}
	.nav ul li.active a{color:#0a396e;font-weight:bold;}
	.nav ul li:hover a{color:#0a396e;font-weight:bold;}
	.nav ul li a{width:100%;border-right:1px solid #bababa;text-align:center;font-size:16px;color:#1a1a1a;}
/*list*/
	.case-list{margin-top:2%;}
	.case-list .row{margin:0 -1%;}
	.cases{padding:0 1%;width:23%;float:left;margin-bottom:1%;}
	.cases a{width:100%;}
	.cases .up{padding:0 2.5% 2.5% 2.5%;background:url(../images/case/altubj.png) no-repeat right bottom;background-size:94% auto;}
	.cases .tu{position:relative;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius:6px;overflow:hidden;}
	.cases .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.31);border-radius:6px;}
	.cases .tu .mask:hover{background:rgba(0,0,0,0.4);}
	.cases a p{padding:0 5%;margin:5% 0;font-size:16px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list dl{padding:0 1.5%;position:relative;margin-bottom:2%;height:48px;}
	.ca-mtl dl{background:url(../images/case/diqubj.png) no-repeat;background-size:100% 100%;}
	.ca-sll dl{background:url(../images/case/diqubj2.png) no-repeat;background-size:100% auto;}
	.ca-qtl dl{background:url(../images/case/diqubj3.png) no-repeat;background-size:100% auto;}
	.ca-tsl dl{background:url(../images/case/diqubj4.png) no-repeat;background-size:100% auto;}
	.case-list{display:none;}
	.case-list dl img{position:absolute;right:0;top:12px;height:36px;}
	.case-list dl dt{float:left;padding-top:2.2%;margin-right:1%;font-size:15px;}
	.case-list dl dd{float:left;padding:2.2% 0 1.2% 2.8%;background:url(../images/case/yuan.png) no-repeat left 64%;margin-right:3%;font-size:15px;}
	.case-list .more{margin-top:2%;}
	.case-list .more a{width:40%;border:1px solid #8c8c8c;text-align:center;margin:0 30%;padding:1% 0;border-radius: 25px;font-size:14px;color:#666;-moz-box-shadow:0px 4px 0px 0px #dfdfdf;-webkit-box-shadow:0px 4px 0px 0px #dfdfdf;box-shadow:0px 4px 0px 0px #dfdfdf;background-image:linear-gradient(0deg,#f4f4f4 0%, #fff 100%);}
/*service*/
	.service{margin:2% auto;}

}

@media screen and (max-width: 992px) and (min-width: 768px){		
/*header*/
	.header{background:url(../images/case/bj.jpg) no-repeat;padding-bottom:3%;background-size:100% 100%;}
	.in-tit {margin-top:0.5%;}
	.banner h1{margin-top:0;color:#fff;}
	.banner p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*nav*/
	.nav ul{background:url(../images/case/navbj.png) no-repeat;padding:1.2% 0;box-shadow:0px 2px 8px 0px rgba(33, 54, 88, 0.25);border-radius:10px;margin-top:-3.7%;}
	.nav ul li{float:left;width:25%;}
	.nav ul li.active a{color:#0a396e;font-weight:bold;}
	.nav ul li:hover a{color:#0a396e;font-weight:bold;}
	.nav ul li a{width:100%;border-right:1px solid #bababa;text-align:center;font-size:15px;color:#1a1a1a;}
/*list*/
	.case-list{margin-top:2%;}
	.case-list .row{margin:0 -1%;}
	.cases{padding:0 1%;width:23%;float:left;margin-bottom:1%;}
	.cases a{width:100%;}
	.cases .up{padding:0 2.5% 2.5% 2.5%;background:url(../images/case/altubj.png) no-repeat right bottom;background-size:94% auto;}
	.cases .tu{position:relative;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius:6px;overflow:hidden;}
	.cases .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.31);border-radius:6px;}
	.cases .tu .mask:hover{background:rgba(0,0,0,0.4);}
	.cases a p{padding:0 5%;margin:5% 0;font-size:14px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list dl{padding:0 1.5%;position:relative;margin-bottom:2%;height:48px;}
	.ca-mtl dl{background:url(../images/case/diqubj.png) no-repeat;background-size:100% 100%;}
	.ca-sll dl{background:url(../images/case/diqubj2.png) no-repeat;background-size:100% auto;}
	.ca-qtl dl{background:url(../images/case/diqubj3.png) no-repeat;background-size:100% auto;}
	.ca-tsl dl{background:url(../images/case/diqubj4.png) no-repeat;background-size:100% auto;}
	.case-list{display:none;}
	.case-list dl img{position:absolute;right:0;top:12px;height:36px;}
	.case-list dl dt{float:left;padding-top:2.8%;margin-right:1%;font-size:14px;}
	.case-list dl dd{float:left;padding:2.8% 0 1.2% 2.8%;background:url(../images/case/yuan.png) no-repeat left 64%;background-size:25% auto;margin-right:1.5%;font-size:13px;}
	.case-list .more{margin:2% 0;}
	.case-list .more a{width:40%;border:1px solid #8c8c8c;text-align:center;margin:0 30%;padding:1% 0;border-radius: 25px;font-size:14px;color:#666;-moz-box-shadow:0px 4px 0px 0px #dfdfdf;-webkit-box-shadow:0px 4px 0px 0px #dfdfdf;box-shadow:0px 4px 0px 0px #dfdfdf;background-image:linear-gradient(0deg,#f4f4f4 0%, #fff 100%);}
/*service*/
	.service{margin:2% auto;}

}

@media screen and (max-width: 768px) {			
/*nav*/
    .sj-tb{height:1.8rem;}
	.nav ul{background:url(../images/case/navbj.png) no-repeat;padding:1.2% 0;box-shadow:0px 2px 8px 0px rgba(33, 54, 88, 0.25);border-radius:10px;margin: 0 2%;}
	.nav ul li{float:left;width:25%;}
	.nav ul li.active a{color:#0a396e;font-weight:bold;}
	.nav ul li:hover a{color:#0a396e;font-weight:bold;}
	.nav ul li a{width:100%;border-right:1px solid #bababa;text-align:center;font-size:0.27rem;padding:5% 0;color:#1a1a1a;display:block;}
	.nav ul li span{display:none;}
/*list*/
	.case-list{margin-top:2%;padding:0 2%;margin-bottom:12%;}
	.case-list .row{margin:5% -1% 3% -1%;}
	.cases{padding:0 1%;width:48%;float:left;margin-bottom:3%;}
	.cases a{width:100%;display:block;}
	.cases .up{padding:0 2.5% 2.5% 2.5%;background:url(../images/case/altubj.png) no-repeat right bottom;background-size:94% auto;}
	.cases .tu{position:relative;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.31);border-radius:6px;overflow:hidden;}
	.cases .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.31);border-radius:6px;}
	.cases .tu .mask:hover{background:rgba(0,0,0,0.4);}
	.cases a p{padding:0 5%;margin:5% 0;font-size:0.25rem;font-weight:bold;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list dl{padding:0 1.5%;position:relative;margin-bottom:2%;height:48px;display:none;}
	.case-list{display:none;}
	.case-list .more{margin:2% 0;}
	.case-list .more a{width:60%;display:block;border:1px solid #8c8c8c;text-align:center;margin:0 20%;padding:2% 0;border-radius: 25px;font-size:0.27rem;color:#666;-moz-box-shadow:0px 4px 0px 0px #dfdfdf;-webkit-box-shadow:0px 4px 0px 0px #dfdfdf;box-shadow:0px 4px 0px 0px #dfdfdf;background-image:linear-gradient(0deg,#f4f4f4 0%, #fff 100%);}
/*service*/
	.service{margin:2% auto;display:none;}

}