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

@media screen and (min-width: 1380px) {
/*banner*/
	body{background:#f2f7fa;}
	.banner{background:url(../images/case/case-banner.jpg) no-repeat;background-size:100% 100%;height:480px;}
/*cases-nav*/
	.case-nav-bj{box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-webkit-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-moz-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);padding-bottom:2px;}
	.case-nav-bj ul li{float:left;width:20%;padding:1% 0;position:relative;}
	.case-nav-bj ul li:hover{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li.active{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li a{width:100%;text-align:center;padding:1% 0;background:url(../images/case/nav1-line.png) no-repeat right center;}
	.case-nav-bj ul li div{font-size:24px;color:#312f2d;font-weight:bold;padding:3% 0;}
	.case-nav-bj ul li p{color:#777;font-size:18px;text-align: left;padding-left:15%;}
	.case-nav-bj ul li .jt{position:absolute;bottom:-27%;left:0;right:0;margin:0 auto;display:none;}
	.case-nav-bj ul li:nth-child(1) p,.case-nav-bj ul li:nth-child(4) p{padding-left:19%;}
	.case-nav-bj ul li:nth-child(5) a{background:0;}
	.case-nav-bj ul li:nth-child(5) p{padding-left:28%;}
	.case-nav-bj ul li:nth-child(1) div{background:url(../images/case/nav1-01.png) no-repeat 18% center;background-size:27% auto;}
	.case-nav-bj ul li:nth-child(2) div{background:url(../images/case/02.png) no-repeat 18% center;background-size:28% auto;}
	.case-nav-bj ul li:nth-child(3) div{background:url(../images/case/03.png) no-repeat 18% center;background-size:27% auto;}
	.case-nav-bj ul li:nth-child(4) div{background:url(../images/case/04.png) no-repeat 18% center;background-size:27% auto;}
	.case-nav-bj ul li:nth-child(5) div{background:url(../images/case/05.png) no-repeat 18% center;background-size:27% auto;}
	.case-nav-bj ul li:hover a{background:0!important;}
	.case-nav-bj ul li.active a{background:0!important;}
	.case-nav-bj ul li.active a div,.case-nav-bj ul li:hover a div{color:#16558a;}
	.case-nav-bj ul li.active .jt{display:block;}
/*case-list*/
	.case-list{display:none;}
	.case-list .tit{position:relative;}
	.case-list .tit h2{font-size:32px;color:#312f2d;margin:3% 0 1% 0;}
	.case-list .tit p{font-size:16px;color:#333;}
	.case-list .tit a{position:absolute;right:0;top:42%;}
	.case-list ul{margin:3% -1% 0 -1%;}
	.case-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:2%;}
	.case-list ul li a{width:100%;box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);border-radius:0px 0px 40px 0px;overflow:hidden;position:relative;}
	.case-list ul li img{display:block;}
	.case-list ul li .icon{position:absolute;left:0;right:0;margin:0 auto;top:27%;}
	.case-list ul li h3{padding:5% 0;text-align:center;font-size:18px;color:#222;background:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list ul li:hover h3{color:#16558a;}
	.case-list ul li:hover a{box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
	body{background:#f2f7fa;}
	.banner{background:url(../images/case/case-banner.jpg) no-repeat;background-size:100% 100%;height:420px;}
/*cases-nav*/
	.case-nav-bj{box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-webkit-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-moz-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);padding-bottom:2px;}
	.case-nav-bj ul li{float:left;width:20%;padding:1% 0;position:relative;}
	.case-nav-bj ul li:hover{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li.active{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li a{width:100%;text-align:center;padding:1% 0;background:url(../images/case/nav1-line.png) no-repeat right center;}
	.case-nav-bj ul li div{font-size:20px;color:#312f2d;font-weight:bold;padding:3% 0;}
	.case-nav-bj ul li p{color:#777;font-size:16px;text-align: left;padding-left:15%;}
	.case-nav-bj ul li .jt{position:absolute;bottom:-32%;left:0;right:0;margin:0 auto;display:none;}
	.case-nav-bj ul li:nth-child(1) p,.case-nav-bj ul li:nth-child(4) p{padding-left:19%;}
	.case-nav-bj ul li:nth-child(5) a{background:0;}
	.case-nav-bj ul li:nth-child(5) p{padding-left:28%;}
	.case-nav-bj ul li:nth-child(1) div{background:url(../images/case/nav1-01.png) no-repeat 18% center;background-size:27% auto;}
	.case-nav-bj ul li:nth-child(2) div{background:url(../images/case/02.png) no-repeat 18% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(3) div{background:url(../images/case/03.png) no-repeat 18% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(4) div{background:url(../images/case/04.png) no-repeat 18% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(5) div{background:url(../images/case/05.png) no-repeat 18% center;background-size:25% auto;}
	.case-nav-bj ul li:hover a{background:0!important;}
	.case-nav-bj ul li.active a{background:0!important;}
	.case-nav-bj ul li.active a div,.case-nav-bj ul li:hover a div{color:#16558a;}
	.case-nav-bj ul li.active .jt{display:block;}
/*case-list*/
	.case-list{display:none;}
	.case-list .tit{position:relative;}
	.case-list .tit h2{font-size:28px;color:#312f2d;margin:3% 0 1% 0;}
	.case-list .tit p{font-size:15px;color:#333;}
	.case-list .tit a{position:absolute;right:0;top:42%;}
	.case-list ul{margin:3% -1% 0 -1%;}
	.case-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:2%;}
	.case-list ul li a{width:100%;box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);border-radius:0px 0px 40px 0px;overflow:hidden;position:relative;}
	.case-list ul li img{display:block;}
	.case-list ul li .icon{position:absolute;left:0;right:0;margin:0 auto;top:27%;}
	.case-list ul li h3{padding:5% 0;text-align:center;font-size:16px;color:#222;background:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list ul li:hover h3{color:#16558a;}
	.case-list ul li:hover a{box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	body{background:#f2f7fa;}
	.banner{background:url(../images/case/case-banner.jpg) no-repeat;background-size:100% 100%;height:350px;}
/*cases-nav*/
	.case-nav-bj{box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-webkit-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-moz-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);padding-bottom:2px;}
	.case-nav-bj ul li{float:left;width:20%;padding:1% 0;position:relative;}
	.case-nav-bj ul li:hover{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li.active{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li a{width:100%;text-align:center;padding:1% 0;background:url(../images/case/nav1-line.png) no-repeat right center;}
	.case-nav-bj ul li div{font-size:18px;color:#312f2d;font-weight:bold;padding:3% 0;}
	.case-nav-bj ul li p{color:#777;font-size:15px;text-align: left;padding-left:12%;}
	.case-nav-bj ul li .jt{position:absolute;bottom:-28%;left:0;right:0;margin:0 auto;width:21%;display:none;}
	.case-nav-bj ul li:nth-child(1) p,.case-nav-bj ul li:nth-child(4) p{padding-left:16%;}
	.case-nav-bj ul li:nth-child(5) a{background:0;}
	.case-nav-bj ul li:nth-child(5) p{padding-left:26%;}
	.case-nav-bj ul li:nth-child(1) div{background:url(../images/case/nav1-01.png) no-repeat 10% center;background-size:27% auto;}
	.case-nav-bj ul li:nth-child(2) div{background:url(../images/case/02.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(3) div{background:url(../images/case/03.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(4) div{background:url(../images/case/04.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(5) div{background:url(../images/case/05.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:hover a{background:0!important;}
	.case-nav-bj ul li.active a{background:0!important;}
	.case-nav-bj ul li.active a div,.case-nav-bj ul li:hover a div{color:#16558a;}
	.case-nav-bj ul li.active .jt{display:block;}
/*case-list*/
	.case-list{display:none;}
	.case-list .tit{position:relative;}
	.case-list .tit h2{font-size:25px;color:#312f2d;margin:3% 0 1% 0;}
	.case-list .tit p{font-size:14px;color:#333;}
	.case-list .tit a{position:absolute;right:0;top:30%;width:16%;}
	.case-list .tit a img{width:100%;}
	.case-list ul{margin:3% -1% 0 -1%;}
	.case-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:2%;}
	.case-list ul li a{width:100%;box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);border-radius:0px 0px 40px 0px;overflow:hidden;position:relative;}
	.case-list ul li img{display:block;}
	.case-list ul li .icon{position:absolute;left:0;right:0;margin:0 auto;top:27%;}
	.case-list ul li h3{padding:5% 0;text-align:center;font-size:15px;color:#222;background:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list ul li:hover h3{color:#16558a;}
	.case-list ul li:hover a{box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);}

}

@media screen and (max-width: 992px) and (min-width: 769px){	
/*banner*/
	body{background:#f2f7fa;}
	.banner{background:url(../images/case/case-banner.jpg) no-repeat;background-size:100% 100%;height:240px;}
/*cases-nav*/
	.case-nav-bj{box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-webkit-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-moz-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);padding-bottom:2px;}
	.case-nav-bj ul li{float:left;width:20%;padding:1% 0;position:relative;}
	.case-nav-bj ul li:hover{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li.active{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li a{width:100%;text-align:center;padding:1% 0;background:url(../images/case/nav1-line.png) no-repeat right center;}
	.case-nav-bj ul li div{font-size:16px;color:#312f2d;font-weight:bold;padding:3% 0;}
	.case-nav-bj ul li p{color:#777;font-size:14px;text-align: left;padding-left:6%;}
	.case-nav-bj ul li .jt{position:absolute;bottom:-27%;left:0;right:0;margin:0 auto;width:21%;display:none;}
	.case-nav-bj ul li:nth-child(1) p,.case-nav-bj ul li:nth-child(4) p{padding-left:12%;}
	.case-nav-bj ul li:nth-child(5) a{background:0;}
	.case-nav-bj ul li:nth-child(5) p{padding-left:22%;}
	.case-nav-bj ul li:nth-child(1) div{background:url(../images/case/nav1-01.png) no-repeat 10% center;background-size:27% auto;}
	.case-nav-bj ul li:nth-child(2) div{background:url(../images/case/02.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(3) div{background:url(../images/case/03.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(4) div{background:url(../images/case/04.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(5) div{background:url(../images/case/05.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:hover a{background:0!important;}
	.case-nav-bj ul li.active a{background:0!important;}
	.case-nav-bj ul li.active a div,.case-nav-bj ul li:hover a div{color:#16558a;}
	.case-nav-bj ul li.active .jt{display:block;}
/*case-list*/
	.case-list{display:none;}
	.case-list .tit{position:relative;}
	.case-list .tit h2{font-size:20px;color:#312f2d;margin:3% 0 1% 0;}
	.case-list .tit p{font-size:14px;color:#333;}
	.case-list .tit a{position:absolute;right:0;top:0;width:16%;}
	.case-list .tit a img{width:100%;}
	.case-list ul{margin:3% -1% 0 -1%;}
	.case-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:2%;}
	.case-list ul li a{width:100%;box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);border-radius:0px 0px 10px 0px;overflow:hidden;position:relative;}
	.case-list ul li img{display:block;}
	.case-list ul li .icon{position:absolute;left:0;right:0;margin:0 auto;top:27%;}
	.case-list ul li h3{padding:5% 0;text-align:center;font-size:14px;color:#222;background:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list ul li:hover h3{color:#16558a;}
	.case-list ul li:hover a{box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);}
}

@media screen and (max-width: 769px) {
/*banner*/
	body{background:#f2f7fa;}
	.banner{background:url(../images/case/case-banner-sjd.jpg) no-repeat;background-size:100% 100%;height:240px;}
/*cases-nav*/
	.case-nav-bj{box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-webkit-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);-moz-box-shadow:0px 2px 8px 0px rgba(1,39,71,0.2);padding-bottom:2px;}
	.case-nav-bj ul li{float:left;width:20%;padding:1% 0;position:relative;}
	.case-nav-bj ul li:hover{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li.active{background-color:rgba(22,85,138,0.08);}
	.case-nav-bj ul li a{width:100%;text-align:center;padding:1% 0;background:url(../images/case/nav1-line.png) no-repeat right center;}
	.case-nav-bj ul li span{display:none;}
	.case-nav-bj ul li div{font-size:0.25rem;color:#312f2d;font-weight:bold;padding:3% 0;}
	.case-nav-bj ul li p{color:#777;font-size:0.21rem;text-align: left;padding-left:12%;}
	.case-nav-bj ul li .jt{position:absolute;bottom:-12%;left:0;right:0;margin:0 auto;width:21%;display:none;}
	.case-nav-bj ul li:nth-child(1) p,.case-nav-bj ul li:nth-child(4) p{padding-left:5%;}
	.case-nav-bj ul li:nth-child(5) a{background:0;}
	.case-nav-bj ul li:nth-child(5) p{padding-left:12%;}
	.case-nav-bj ul li:nth-child(1) div{background:url(../images/case/nav1-01.png) no-repeat 10% center;background-size:27% auto;}
	.case-nav-bj ul li:nth-child(2) div{background:url(../images/case/02.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(3) div{background:url(../images/case/03.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(4) div{background:url(../images/case/04.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:nth-child(5) div{background:url(../images/case/05.png) no-repeat 10% center;background-size:25% auto;}
	.case-nav-bj ul li:hover a{background:0!important;}
	.case-nav-bj ul li.active a{background:0!important;}
	.case-nav-bj ul li.active a div,.case-nav-bj ul li:hover a div{color:#16558a;}
	.case-nav-bj ul li.active .jt{display:block;}
/*case-list*/
	.case-list{display:none;padding:0 2%;}
	.case-list .tit{position:relative;}
	.case-list .tit h2{font-size:0.36rem;color:#312f2d;margin:5% 0 3% 0;}
	.case-list .tit p{font-size:0.27rem;color:#333;line-height:0.42rem;}
	.case-list .tit a{position:absolute;right:0;top:0;width:16%;display:none;}
	.case-list .tit a img{width:100%;}
	.case-list ul{margin:3% -1% 0 -1%;}
	.case-list ul li{width:48%;padding:0 1%;float:left;margin-bottom:2%;}
	.case-list ul li a{width:100%;box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,0.16);border-radius:0px 0px 10px 0px;overflow:hidden;position:relative;}
	.case-list ul li img{display:block;}
	.case-list ul li .icon{position:absolute;left:0;right:0;margin:0 auto;top:25%;width:20%;}
	.case-list ul li h3{padding:5% 0;text-align:center;font-size:0.28rem;color:#222;background:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.case-list ul li:hover h3{color:#16558a;}
	.case-list ul li:hover a{box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-webkit-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);-moz-box-shadow:0px 0px 6px 0px rgba(22,85,138,1);}

}