/* CSS Document */

@media screen and (min-width: 1600px) {
	.case-det h1{text-align:center;font-size:42px;color:#333;}
	.case-det ul{background:#eee;}
	.case-det ul li{width:25%;float:left;text-align:center;font-size:22px;color:#333;padding:0.25% 0;margin:2% auto;border-right:1px solid #DCDCDC;}
	.case-det ul li:nth-child(4){border:0;}
	.case-det .video-img{padding:0 5.5%;margin-top:2%;}
	.case-det .video-img iframe,.case-det .video-img video{width:100%;height:750px;}
	.case-det .video-img img{width:100%;}
/*evaluate*/
	.evaluate-bj{background:#F1F5F6;}
/*engineering-case*/
	.engineering-case ul{margin:0 -1% 2.5% -1%;}
	.engineering-case ul li{width:33.33%;padding:0 1%;float:left;}
	.engineering-case ul li a{border:1px solid #fff;border-radius:0px 0px 15px 15px;}
	.engineering-case ul li a:hover{box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-moz-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-webkit-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);}
	.engineering-case ul li a:hover h3{font-weight:bold;}
	.engineering-case ul li .tu{position:relative;}
	.engineering-case ul li .tu i{display:block;height:60px;background:url(../images/case/video-btn.png) no-repeat center;position:absolute;left:0;right:0;top:40%;}
	.engineering-case ul li h3{font-size:24px;color:#222;text-align:center;margin:0;font-weight:400;padding:4% 0;}
	.engineering-case ul li span{padding:1.5% 0;margin:0 4%;font-size:20px;color:#222;width:42%;display:inline-block;text-align:center;margin-bottom:4%;border:1px solid #222;border-radius:5px;}
	.engineering-case ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	.engineering-case ul li .xq:before{content:'';padding:1% 6%;background:url(../images/case-det/case-icon-1.png) no-repeat left center;}
	.engineering-case ul li .xq:hover:before{background:url(../images/case-det/case-icon-1-1.png) no-repeat left center;}
	.engineering-case ul li .bj{border:1px solid #FF522F;color:#FF522F;}
	.engineering-case ul li .bj:before{content:'';padding:1% 7%;background:url(../images/case-det/case-icon-2-1.png) no-repeat left 70%;}
	.engineering-case ul li .bj:hover:before{background:url(../images/case-det/case-icon-2.png) no-repeat left 70%;}
	.engineering-case .hx{width:100%;height:5px;background:linear-gradient(0deg,rgba(3,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
}

@media screen and (max-width: 1600px) and (min-width: 1400px){
	.banner-bj img{width:100%;}
	.case-det{padding:0 2%;}
	.case-det h1{text-align:center;font-size:36px;color:#333;}
	.case-det ul{background:#eee;}
	.case-det ul li{width:25%;float:left;text-align:center;font-size:21px;color:#333;padding:0.25% 0;margin:2% auto;border-right:1px solid #DCDCDC;}
	.case-det ul li:nth-child(4){border:0;}
	.case-det .video-img{padding:0 5.5%;margin-top:2%;}
	.case-det .video-img iframe,.case-det .video-img video{width:100%;height:664px;}
	.case-det .video-img img{width:100%;}
/*evaluate*/
	.evaluate-bj{background:#F1F5F6;}
	.evaluate-bj img{width:100%;}
/*engineering-case*/
	.engineering-case{padding:0 2%;}
	.engineering-case ul{margin:0 -1% 2.5% -1%;}
	.engineering-case ul li{width:33.33%;padding:0 1%;float:left;}
	.engineering-case ul li a{border:1px solid #fff;border-radius:0px 0px 15px 15px;}
	.engineering-case ul li a:hover{box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-moz-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-webkit-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);}
	.engineering-case ul li a:hover h3{font-weight:bold;}
	.engineering-case ul li .tu{position:relative;}
	.engineering-case ul li .tu i{display:block;height:60px;background:url(../images/case/video-btn.png) no-repeat center;position:absolute;left:0;right:0;top:40%;}
	.engineering-case ul li h3{font-size:24px;color:#222;text-align:center;margin:0;font-weight:400;padding:4% 0;}
	.engineering-case ul li span{padding:1.5% 0;margin:0 4%;font-size:20px;color:#222;width:42%;display:inline-block;text-align:center;margin-bottom:4%;border:1px solid #222;border-radius:5px;}
	.engineering-case ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	.engineering-case ul li .xq:before{content:'';padding:1% 6%;background:url(../images/case-det/case-icon-1.png) no-repeat left center;}
	.engineering-case ul li .xq:hover:before{background:url(../images/case-det/case-icon-1-1.png) no-repeat left center;}
	.engineering-case ul li .bj{border:1px solid #FF522F;color:#FF522F;}
	.engineering-case ul li .bj:before{content:'';padding:1% 7%;background:url(../images/case-det/case-icon-2-1.png) no-repeat left 70%;}
	.engineering-case ul li .bj:hover:before{background:url(../images/case-det/case-icon-2.png) no-repeat left 70%;}
	.engineering-case .hx{width:100%;height:5px;background:linear-gradient(0deg,rgba(3,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
	.banner-bj img{width:100%;}
	.case-det{padding:0 2%;}
	.case-det h1{text-align:center;font-size:30px;color:#333;}
	.case-det ul{background:#eee;}
	.case-det ul li{width:25%;float:left;text-align:center;font-size:20px;color:#333;padding:0.25% 0;margin:2% auto;border-right:1px solid #DCDCDC;}
	.case-det ul li:nth-child(4){border:0;}
	.case-det .video-img{padding:0 5.5%;margin-top:2%;}
	.case-det .video-img iframe,.case-det .video-img video{width:100%;height:570px;}
	.case-det .video-img img{width:100%;}
/*evaluate*/
	.evaluate-bj{background:#F1F5F6;}
	.evaluate-bj img{width:100%;}
/*engineering-case*/
	.engineering-case{padding:0 2%;}
	.engineering-case ul{margin:0 -1% 2.5% -1%;}
	.engineering-case ul li{width:33.33%;padding:0 1%;float:left;}
	.engineering-case ul li a{border:1px solid #fff;border-radius:0px 0px 15px 15px;}
	.engineering-case ul li a:hover{box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-moz-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-webkit-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);}
	.engineering-case ul li a:hover h3{font-weight:bold;}
	.engineering-case ul li .tu{position:relative;}
	.engineering-case ul li .tu i{display:block;height:60px;background:url(../images/case/video-btn.png) no-repeat center;position:absolute;left:0;right:0;top:40%;}
	.engineering-case ul li h3{font-size:21px;color:#222;text-align:center;margin:0;font-weight:400;padding:4% 0;}
	.engineering-case ul li span{padding:1.5% 0;margin:0 4%;font-size:18px;color:#222;width:42%;display:inline-block;text-align:center;margin-bottom:4%;border:1px solid #222;border-radius:5px;}
	.engineering-case ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	.engineering-case ul li .xq:before{content:'';padding:1% 6%;background:url(../images/case-det/case-icon-1.png) no-repeat left center;background-size:90% auto;}
	.engineering-case ul li .xq:hover:before{background:url(../images/case-det/case-icon-1-1.png) no-repeat left center;background-size:90% auto;}
	.engineering-case ul li .bj{border:1px solid #FF522F;color:#FF522F;}
	.engineering-case ul li .bj:before{content:'';padding:1% 7%;background:url(../images/case-det/case-icon-2-1.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case ul li .bj:hover:before{background:url(../images/case-det/case-icon-2.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case .hx{width:100%;height:5px;background:linear-gradient(0deg,rgba(3,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
	.banner-bj img{width:100%;}
	.case-det{padding:0 2%;}
	.case-det h1{text-align:center;font-size:27px;color:#333;}
	.case-det ul{background:#eee;}
	.case-det ul li{width:25%;float:left;text-align:center;font-size:18px;color:#333;padding:0.25% 0;margin:2% auto;border-right:1px solid #DCDCDC;}
	.case-det ul li:nth-child(4){border:0;}
	.case-det .video-img{padding:0 5.5%;margin-top:2%;}
	.case-det .video-img iframe,.case-det .video-img video{width:100%;height:470px;}
	.case-det .video-img img{width:100%;}
/*evaluate*/
	.evaluate-bj{background:#F1F5F6;}
	.evaluate-bj img{width:100%;}
/*engineering-case*/
	.engineering-case{padding:0 2%;}
	.engineering-case ul{margin:0 -1% 2.5% -1%;}
	.engineering-case ul li{width:33.33%;padding:0 1%;float:left;}
	.engineering-case ul li a{border:1px solid #fff;border-radius:0px 0px 15px 15px;}
	.engineering-case ul li a:hover{box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-moz-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-webkit-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);}
	.engineering-case ul li a:hover h3{font-weight:bold;}
	.engineering-case ul li .tu{position:relative;}
	.engineering-case ul li .tu i{display:block;height:60px;background:url(../images/case/video-btn.png) no-repeat center;background-size:14% auto;position:absolute;left:0;right:0;top:30%;}
	.engineering-case ul li h3{font-size:18px;color:#222;text-align:center;margin:0;font-weight:400;padding:4% 0;}
	.engineering-case ul li span{padding:1.5% 0;margin:0 4%;font-size:16px;color:#222;width:42%;display:inline-block;text-align:center;margin-bottom:4%;border:1px solid #222;border-radius:5px;}
	.engineering-case ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	.engineering-case ul li .xq:before{content:'';padding:1% 6%;background:url(../images/case-det/case-icon-1.png) no-repeat left center;background-size:90% auto;}
	.engineering-case ul li .xq:hover:before{background:url(../images/case-det/case-icon-1-1.png) no-repeat left center;background-size:90% auto;}
	.engineering-case ul li .bj{border:1px solid #FF522F;color:#FF522F;}
	.engineering-case ul li .bj:before{content:'';padding:1% 7%;background:url(../images/case-det/case-icon-2-1.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case ul li .bj:hover:before{background:url(../images/case-det/case-icon-2.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case .hx{width:100%;height:5px;background:linear-gradient(0deg,rgba(3,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
}

@media screen and (max-width: 992px) and (min-width: 769px){
	.banner-bj img{width:100%;}
	.case-det{padding:0 2%;}
	.case-det h1{text-align:center;font-size:24px;color:#333;}
	.case-det ul{background:#eee;}
	.case-det ul li{width:25%;float:left;text-align:center;font-size:15px;color:#333;padding:0.25% 0;margin:2% auto;border-right:1px solid #DCDCDC;}
	.case-det ul li:nth-child(4){border:0;}
	.case-det .video-img{padding:0 5.5%;margin-top:2%;}
	.case-det .video-img iframe,.case-det .video-img video{width:100%;height:364px;}
	.case-det .video-img img{width:100%;}
/*evaluate*/
	.evaluate-bj{background:#F1F5F6;}
	.evaluate-bj img{width:100%;}
/*engineering-case*/
	.engineering-case{padding:0 2%;}
	.engineering-case ul{margin:0 -1% 2.5% -1%;}
	.engineering-case ul li{width:33.33%;padding:0 1%;float:left;}
	.engineering-case ul li a{border:1px solid #fff;border-radius:0px 0px 5px 5px;}
	.engineering-case ul li a:hover{box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-moz-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-webkit-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);}
	.engineering-case ul li a:hover h3{font-weight:bold;}
	.engineering-case ul li .tu{position:relative;}
	.engineering-case ul li .tu i{display:block;height:60px;background:url(../images/case/video-btn.png) no-repeat center;background-size:14% auto;position:absolute;left:0;right:0;top:30%;}
	.engineering-case ul li h3{font-size:16px;color:#222;text-align:center;margin:0;font-weight:400;padding:4% 0;}
	.engineering-case ul li span{padding:1.5% 0;margin:0 4%;font-size:15px;color:#222;width:42%;display:inline-block;text-align:center;margin-bottom:4%;border:1px solid #222;border-radius:5px;}
	.engineering-case ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	.engineering-case ul li .xq:before{content:'';padding:1% 8%;background:url(../images/case-det/case-icon-1.png) no-repeat left center;background-size:90% auto;}
	.engineering-case ul li .xq:hover:before{background:url(../images/case-det/case-icon-1-1.png) no-repeat left center;background-size:90% auto;}
	.engineering-case ul li .bj{border:1px solid #FF522F;color:#FF522F;}
	.engineering-case ul li .bj:before{content:'';padding:1% 8%;background:url(../images/case-det/case-icon-2-1.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case ul li .bj:hover:before{background:url(../images/case-det/case-icon-2.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case .hx{width:100%;height:5px;background:linear-gradient(0deg,rgba(3,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}

}

@media screen and (max-width: 769px) {
	.banner-bj img{width:100%;}
	.case-det{padding:0 2%;}
	.case-det h1{text-align:center;font-size:0.36rem;color:#333;}
	.case-det ul{background:#eee;}
	.case-det ul li{width:25%;float:left;text-align:center;font-size:0.25rem;color:#333;padding:0.25% 0;margin:2% auto;border-right:1px solid #DCDCDC;text-align:center;}
	.case-det ul li b{display:block;}
	.case-det ul li:nth-child(4){border:0;}
	.case-det .video-img{padding:0;margin-top:2%;}
	.case-det .video-img iframe,.case-det .video-img video{width:100%;height:4rem;}
	.case-det .video-img img{width:100%;}
/*evaluate*/
	.evaluate-bj{background:#F1F5F6;}
	.evaluate-bj img{width:100%;}
/*engineering-case*/
	.engineering-case{padding:0 2%;}
	.engineering-case ul{margin:0 -1% 2.5% -1%;}
	.engineering-case ul li{width:50%;padding:0 1%;float:left;}
	.engineering-case ul li:nth-child(3){display:none;}
	.engineering-case ul li a{border:1px solid #fff;border-radius:0px 0px 5px 5px;font-size:0;}
	.engineering-case ul li a:hover{box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-moz-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);-webkit-box-shadow:1px 2px 10px 0px rgba(35,24,21,0.24);}
	.engineering-case ul li a:hover h3{font-weight:bold;}
	.engineering-case ul li .tu{position:relative;}
	.engineering-case ul li .tu i{display:block;height:60px;background:url(../images/case/video-btn.png) no-repeat center;background-size:20% auto;position:absolute;left:0;right:0;top:25%;}
	.engineering-case ul li h3{font-size:0.27rem;color:#222;text-align:center;margin:0;font-weight:400;padding:4% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.engineering-case ul li span{padding:1.5% 0;margin:0 2.5%;font-size:0.24rem;color:#222;width:45%;display:inline-block;text-align:center;margin-bottom:4%;border:1px solid #222;border-radius:5px;}
	.engineering-case ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	.engineering-case ul li .xq:before{content:'';padding:1% 10%;background:url(../images/case-det/case-icon-1.png) no-repeat left center;background-size:80% auto;}
	.engineering-case ul li .xq:hover:before{background:url(../images/case-det/case-icon-1-1.png) no-repeat left center;background-size:80% auto;}
	.engineering-case ul li .bj{border:1px solid #FF522F;color:#FF522F;}
	.engineering-case ul li .bj:before{content:'';padding:1% 10%;background:url(../images/case-det/case-icon-2-1.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case ul li .bj:hover:before{background:url(../images/case-det/case-icon-2.png) no-repeat left 70%;background-size:90% auto;}
	.engineering-case .hx{width:100%;height:5px;background:linear-gradient(0deg,rgba(3,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
}