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

@media screen and (min-width: 1400px) {
/*banner*/
	.banner-bj{background:url(../images/case-det/case-de-bg.jpg) no-repeat;background-size:100% 100%;padding:2.5% 0 1% 0;}
	.banner-bj .box{position:relative;}
	.banner-bj .box .left{width:61.8%;padding:0.5%;background:rgba(229,229,229,0.2);float:left;border-radius:30px;position:relative;z-index:1;}
	.banner-bj .box .left img{border-radius:30px;width:100%;}
	.banner-bj .box .left video,.banner-bj .box .left iframe{border-radius:30px;height:475px;width:100%;}
	.banner-bj .box .right{width:38.8%;padding:2% 2% 2% 2%;float:right;background:url(../images/case-det/case-right-bg.png) no-repeat;border-radius:0px 30px 30px 0px;position:absolute;right:0;top:21%;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
	.banner-bj .box .right .icon{position:absolute;right:2.5%;top:5%;}
	.banner-bj .box .right h1{font-size:38px;line-height:50px;margin-top:0;}
	.banner-bj .box .right .cs1{padding-left:6%;padding-bottom:5%;background:url(../images/case-det/case-right-yuan2.png) no-repeat left top;}
	.banner-bj .box .right .cs1 li{font-size:22px;color:#010101;margin-bottom:3.7%;}
	.banner-bj .box .right .cs2{position:absolute;left:0;bottom:-18%;width:90%;margin:0 5%;}
	.banner-bj .box .right .cs2 li{width:40%;float:left;background:url(../images/case-det/case-capacity.png) no-repeat center;text-align:center;border-radius:30px;padding:3.5% 0;}
	.banner-bj .box .right .cs2 li span{color:#fff;font-size:20px;padding:2.5% 0 2.5% 18%;}
	.banner-bj .box .right .cs2 li p{font-size:30px;color:#fff;margin-top:5%;}
	.banner-bj .box .right .cs2 li:nth-child(1){margin:0 4% 0 6%;}
	.banner-bj .box .right .cs2 li:nth-child(1) span{background:url(../images/case-det/case-location-1.png) no-repeat left center;}
	.banner-bj .box .right .cs2 li:nth-child(2){margin:0 6% 0 4%;}
	.banner-bj .box .right .cs2 li:nth-child(2) span{background:url(../images/case-det/case-capacity-1.png) no-repeat left center;}

/*introduction*/
	.introduction p{font-size:18px;color:#000;line-height:30px;margin:2% 0;}
	.introduction p img{margin:0 auto;width:60%;}
/*project-site*/
	.project-bj {background:#F7F7F7;}
	.project-bj .site ul{margin:0 -1.5%;}
	.project-bj .site ul li{width:50%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.project-bj .site ul li a{width:100%;}
	.project-bj .site ul li a img{width:100%;}
/*choose-dingli*/
	.choose{border-radius:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);padding:0.5% 2% 1% 2.5%;margin-top:2%;}
	.choose .tit-bt2{margin-top:-0.5%;}
	.choose ul{margin-top:-1%;}
	.choose ul li{font-size:19px;color:#000;line-height:30px;margin:0.5% 0;font-family:Microsoft YaHei;}	
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
/*banner*/
	.banner-bj{background:url(../images/case-det/case-de-bg.jpg) no-repeat;padding:2.5% 0 1% 0;background-size:100% 85%;}
	.banner-bj .box{position:relative;}
	.banner-bj .box .left{width:61.8%;padding:0.5%;background:rgba(229,229,229,0.2);float:left;border-radius:30px;position:relative;z-index:1;}
	.banner-bj .box .left img{border-radius:30px;width:100%;}
	.banner-bj .box .left video,.banner-bj .box .left iframe{border-radius:30px;height:475px;width:100%;}
	.banner-bj .box .right{width:38.8%;padding:2% 2% 2% 2%;float:right;background:url(../images/case-det/case-right-bg.png) no-repeat;border-radius:0px 30px 30px 0px;position:absolute;right:0;top:18%;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
	.banner-bj .box .right .icon{position:absolute;right:2.5%;top:5%;width:4%;}
	.banner-bj .box .right h1{font-size:30px;line-height:42px;margin-top:0;}
	.banner-bj .box .right .cs1{padding-left:6%;padding-bottom:5%;background:url(../images/case-det/case-right-yuan2.png) no-repeat left top;}
	.banner-bj .box .right .cs1 li{font-size:20px;color:#010101;margin-bottom:3.7%;}
	.banner-bj .box .right .cs2{position:absolute;left:0;bottom:-25%;width:90%;margin:0 5%;}
	.banner-bj .box .right .cs2 li{width:45%;float:left;background:url(../images/case-det/case-capacity.png) no-repeat center;text-align:center;border-radius:30px;padding:3.5% 0;}
	.banner-bj .box .right .cs2 li span{color:#fff;font-size:20px;padding:2.5% 0 2.5% 18%;}
	.banner-bj .box .right .cs2 li p{font-size:25px;color:#fff;margin-top:5%;}
	.banner-bj .box .right .cs2 li:nth-child(1){margin:0 1.5% 0 3.5%;}
	.banner-bj .box .right .cs2 li:nth-child(1) span{background:url(../images/case-det/case-location-1.png) no-repeat left center;background-size:18% auto;}
	.banner-bj .box .right .cs2 li:nth-child(2){margin:0 3.5% 0 1.5%;}
	.banner-bj .box .right .cs2 li:nth-child(2) span{background:url(../images/case-det/case-capacity-1.png) no-repeat left center;background-size:20% auto;}

/*introduction*/
	.introduction p{font-size:18px;color:#000;line-height:30px;margin:2% 0;}
	.introduction p img{margin:0 auto;width:60%;}
/*project-site*/
	.project-bj {background:#F7F7F7;}
	.project-bj .site ul{margin:0 -1.5%;}
	.project-bj .site ul li{width:50%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.project-bj .site ul li a{width:100%;}
	.project-bj .site ul li a img{width:100%;}
/*choose-dingli*/
	.choose{border-radius:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);padding:0.5% 2% 1% 2.5%;margin-top:2%;}
	.choose .tit-bt2{margin-top:-0.5%;}
	.choose ul{margin-top:-1%;}
	.choose ul li{font-size:18px;color:#000;line-height:30px;margin:0.5% 0;font-family:Microsoft YaHei;}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
/*banner*/
	.banner-bj{background:url(../images/case-det/case-de-bg.jpg) no-repeat;padding:2.5% 0 1% 0;background-size:100% 72%;}
	.banner-bj .box{position:relative;}
	.banner-bj .box .left{width:61.8%;padding:0.5%;background:rgba(229,229,229,0.2);float:left;border-radius:30px;position:relative;z-index:1;}
	.banner-bj .box .left img{border-radius:30px;width:100%;}
	.banner-bj .box .left video,.banner-bj .box .left iframe{border-radius:30px;height:306px;width:100%;}
	.banner-bj .box .right{width:38.8%;padding:2% 2% 2% 2%;float:right;background:url(../images/case-det/case-right-bg.png) no-repeat;border-radius:0px 30px 30px 0px;position:absolute;right:0;top:18%;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
	.banner-bj .box .right .icon{position:absolute;right:2.5%;top:5%;width:4%;}
	.banner-bj .box .right h1{font-size:22px;line-height:30px;margin-top:0;}
	.banner-bj .box .right .cs1{padding-left:6%;padding-bottom:5%;background:url(../images/case-det/case-right-yuan2.png) no-repeat left top;background-size:4.5% auto;}
	.banner-bj .box .right .cs1 li{font-size:16px;color:#010101;margin-bottom:3.7%;}
	.banner-bj .box .right .cs2{position:absolute;left:0;bottom:-25%;width:90%;margin:0 5%;}
	.banner-bj .box .right .cs2 li{width:45%;float:left;background:url(../images/case-det/case-capacity.png) no-repeat center;text-align:center;border-radius:15px;padding:3.5% 0;}
	.banner-bj .box .right .cs2 li span{color:#fff;font-size:16px;padding:2.5% 0 2.5% 18%;}
	.banner-bj .box .right .cs2 li p{font-size:20px;color:#fff;margin-top:5%;}
	.banner-bj .box .right .cs2 li:nth-child(1){margin:0 1.5% 0 3.5%;}
	.banner-bj .box .right .cs2 li:nth-child(1) span{background:url(../images/case-det/case-location-1.png) no-repeat left center;background-size:18% auto;}
	.banner-bj .box .right .cs2 li:nth-child(2){margin:0 3.5% 0 1.5%;}
	.banner-bj .box .right .cs2 li:nth-child(2) span{background:url(../images/case-det/case-capacity-1.png) no-repeat left center;background-size:20% auto;}

/*introduction*/
	.introduction p{font-size:16px;color:#000;line-height:30px;margin:2% 0;}
	.introduction p img{margin:0 auto;width:60%;}
/*project-site*/
	.project-bj {background:#F7F7F7;}
	.project-bj .site ul{margin:0 -1.5%;}
	.project-bj .site ul li{width:50%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.project-bj .site ul li a{width:100%;}
	.project-bj .site ul li a img{width:100%;}
/*choose-dingli*/
	.choose{border-radius:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);padding:0.5% 2% 1% 2.5%;margin-top:2%;}
	.choose .tit-bt2{margin-top:-0.5%;}
	.choose ul{margin-top:-1%;}
	.choose ul li{font-size:16px;color:#000;line-height:30px;margin:0.5% 0;font-family:Microsoft YaHei;}
}

@media screen and (max-width: 992px) and (min-width: 769px) {
/*banner*/
	.banner-bj{background:url(../images/case-det/case-de-bg.jpg) no-repeat;padding:2.5% 0 1% 0;background-size:100% 72%;}
	.banner-bj .box{position:relative;}
	.banner-bj .box .left{width:61.8%;padding:0.5%;background:rgba(229,229,229,0.2);float:left;border-radius:30px;position:relative;z-index:1;}
	.banner-bj .box .left img{border-radius:30px;width:100%;}
	.banner-bj .box .left video,.banner-bj .box .left iframe{border-radius:30px;height:306px;width:100%;}
	.banner-bj .box .right{width:38.8%;padding:2% 2% 2% 2%;float:right;background:url(../images/case-det/case-right-bg.png) no-repeat;border-radius:0px 30px 30px 0px;position:absolute;right:0;top:18%;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
	.banner-bj .box .right .icon{position:absolute;right:2.5%;top:5%;width:4%;}
	.banner-bj .box .right h1{font-size:22px;line-height:30px;margin-top:0;}
	.banner-bj .box .right .cs1{padding-left:6%;padding-bottom:5%;background:url(../images/case-det/case-right-yuan2.png) no-repeat left top;background-size:4.5% auto;}
	.banner-bj .box .right .cs1 li{font-size:16px;color:#010101;margin-bottom:3.7%;}
	.banner-bj .box .right .cs2{position:absolute;left:0;bottom:-25%;width:90%;margin:0 5%;}
	.banner-bj .box .right .cs2 li{width:45%;float:left;background:url(../images/case-det/case-capacity.png) no-repeat center;text-align:center;border-radius:15px;padding:3.5% 0;}
	.banner-bj .box .right .cs2 li span{color:#fff;font-size:16px;padding:2.5% 0 2.5% 18%;}
	.banner-bj .box .right .cs2 li p{font-size:20px;color:#fff;margin-top:5%;}
	.banner-bj .box .right .cs2 li:nth-child(1){margin:0 1.5% 0 3.5%;}
	.banner-bj .box .right .cs2 li:nth-child(1) span{background:url(../images/case-det/case-location-1.png) no-repeat left center;background-size:18% auto;}
	.banner-bj .box .right .cs2 li:nth-child(2){margin:0 3.5% 0 1.5%;}
	.banner-bj .box .right .cs2 li:nth-child(2) span{background:url(../images/case-det/case-capacity-1.png) no-repeat left center;background-size:20% auto;}

/*introduction*/
	.introduction p{font-size:16px;color:#000;line-height:30px;margin:2% 0;}
	.introduction p img{margin:0 auto;width:60%;}
/*project-site*/
	.project-bj {background:#F7F7F7;}
	.project-bj .site ul{margin:0 -1.5%;}
	.project-bj .site ul li{width:50%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.project-bj .site ul li a{width:100%;}
	.project-bj .site ul li a img{width:100%;}
/*choose-dingli*/
	.choose{border-radius:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);padding:0.5% 2% 1% 2.5%;margin-top:2%;}
	.choose .tit-bt2{margin-top:-0.5%;}
	.choose ul{margin-top:-1%;}
	.choose ul li{font-size:16px;color:#000;line-height:30px;margin:0.5% 0;font-family:Microsoft YaHei;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner-bj{background:url(../images/case-det/case-de-bg.jpg) no-repeat;padding:2.5% 0 1% 0;background-size:100% 85%;padding:5% 2% 2% 2%;margin-bottom:15%;}
	.banner-bj .box{position:relative;}
	.banner-bj .box .left{width:100%;padding:0.5%;background:rgba(229,229,229,0.2);border-radius:30px;position:relative;z-index:1;}
	.banner-bj .box .left img{border-radius:30px;width:100%;}
	.banner-bj .box .left video,.banner-bj .box .left iframe{border-radius:30px;height:5rem;width:100%;}
	.banner-bj .box .right{width:100%;padding:2% 2% 2% 2%;background:url(../images/case-det/case-right-bg.png) no-repeat;border-radius:0px 30px 30px 0px;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);margin-top:5%;}
	.banner-bj .box .right .icon{position:absolute;right:2.5%;top:5%;width:4%;}
	.banner-bj .box .right h1{font-size:0.36rem;line-height:0.42rem;margin-top:0;}
	.banner-bj .box .right .cs1{padding-left:6%;padding-bottom:5%;background:url(../images/case-det/case-right-yuan2.png) no-repeat left top;background-size:4.2% auto;}
	.banner-bj .box .right .cs1 li{font-size:0.27rem;color:#010101;margin-bottom:3.7%;}
	.banner-bj .box .right .cs2{position:absolute;left:0;bottom:-15%;width:90%;margin:0 5%;}
	.banner-bj .box .right .cs2 li{width:46%;float:left;background:url(../images/case-det/case-capacity.png) no-repeat center;text-align:center;border-radius:0.1rem;padding:3.5% 0;}
	.banner-bj .box .right .cs2 li span{color:#fff;font-size:0.25rem;padding:2.5% 0 2.5% 18%;}
	.banner-bj .box .right .cs2 li p{font-size:0.3rem;color:#fff;margin-top:5%;}
	.banner-bj .box .right .cs2 li:nth-child(1){margin:0 2% 0 2%;}
	.banner-bj .box .right .cs2 li:nth-child(1) span{background:url(../images/case-det/case-location-1.png) no-repeat 25% center;background-size:11% auto;display:block;}
	.banner-bj .box .right .cs2 li:nth-child(2){margin:0 2% 0 2%;}
	.banner-bj .box .right .cs2 li:nth-child(2) span{background:url(../images/case-det/case-capacity-1.png) no-repeat 25% center;background-size:12% auto;display:block;}

/*introduction*/
	.introduction{padding:0 2%;}
	.introduction p{font-size:0.27rem;color:#000;line-height:0.36rem;margin:2% 0;}
	.introduction p img{margin:0 auto;width:90%;}
/*project-site*/
	.project-bj {background:#F7F7F7;padding:0 2%;}
	.project-bj .site ul{margin:0 -1.5%;}
	.project-bj .site ul li{width:50%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.project-bj .site ul li a{width:100%;}
	.project-bj .site ul li a img{width:100%;}
/*choose-dingli*/
	.choose{border-radius:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);padding:0.5% 2% 1% 2.5%;margin-top:2%;}
	.choose .tit-bt2{margin-top:-0.5%;}
	.choose ul{margin-top:-1%;}
	.choose ul li{font-size:0.25rem;color:#000;line-height:0.36rem;margin:1% 0;font-family:Microsoft YaHei;}
}