.h5_case{padding: 50px 0 10px;}
.h5_case a{display: inline-block;vertical-align: middle;font-size: 14px;color: #d4d3d3;}
.h5_case a:nth-child(2){margin-left: 30px;}
.h5_case a:before{content: '';display: inline-block;vertical-align: middle;width:0px;height: 1px;background: black;margin-right:5px;transition: 0.5s ease-in-out;}
.h5_case a:hover:before,.h5_case a.active:before{width:40px;}
.h5_case a.active,.h5_case a:hover{color: black;}
.stone .sub-content{padding-top:0;}



.h5_con3_u1{font-size:0;}
.h5_con3_u1 li{display: inline-block;vertical-align: top;width:23%;margin-right: 2%;box-sizing: border-box;padding: 20px;background: #f1f1f1;}
.h5_con3_u1 li:nth-child(4n){margin-right: 0;}
.h5_con3_u1 li span {}
.h5_con3_list{position: relative;overflow: hidden;}
.h5_con3_list>span img{width:100%}
.h5_con3_list1{position: absolute;width:100%;top:0;height: 100%;background: rgba(0,0,0,.8);text-align: center;box-sizing: border-box;
padding-top: 50px;transform: translate(100%,100%) scale(0);transition: 0.5s ease-in-out;}
.h5_con3_u1 li:hover .h5_con3_list1{transform: translate(0%,0%) scale(1);}
.h5_con3_span1{display: block;width:100px;line-height: 30px;text-align: center;font-size: 14px;color: white;border: 1px solid white;border-radius: 50px;margin: 52% auto 0;}
.h5_con3_left{display: inline-block;vertical-align: middle;}
.h5_con3_bottom{padding-top: 25px;}
.h5_con3_bottom>span{display: inline-block;float: right;}
.h5_con3_bottom h3{font-size: 15px;color: #515151;}
.h5_con3_bottom p{font-size: 12px;color: #a5a5a5;}
.h5_con3_bottom p:after{content: '';display: inline-block;vertical-align: middle;width:40px;height:1px;background:#a5a5a5;margin-left:5px}



.case .info li{width: 22%;margin: 0;margin-right: 4%;margin-top: 40px;}
.case .info .h5_con3_u1 li:nth-child(4n){margin-right: 0;}
.xiaoyang{position: relative !important;height: 623px !important;background: url(../ej_images/xoanogweije_01.jpg) no-repeat;background-size:100% 100%;}
.anlixiangqing{font-size: 0;transform:translateY(-500px);text-align: center;}
.xiangqing_left{display: inline-block;width: auto;vertical-align: middle;position: relative;text-align: center;}
.xiangqing_left>img{width: auto;margin-top: 2px;margin-right: 2px;}
.xiangqing_right{display: inline-block;vertical-align:middle;width:auto;margin-left:200px;text-align: left;}
.xiangqing_left .sjlsdjkd{position: absolute;width:100%;top:13%;}
.xiangqing_left .swiper-container{height: 619px !important;width: 374px;}
.xiangqing_left .swiper-container img{width:100%;height: 100%;}
.xiangqing_left .swiper-button-next{right:-55px;transform: rotate(90deg);width: 23px;background-size: 100% 100%;top:55%}
.xiangqing_left .swiper-button-prev{left: initial;right:-55px;transform: rotate(90deg);top:47%;width: 23px;background-size: 100% 100%;}
.xiangqing_right h2{font-size: 30px;color: white;font-weight: bold;margin-top: 70px;}
.xiangqing_right span{display:block;color: #a5a5a5;font-size: 14px;margin-top: 10px;}
.xiangqing_right span:after{content: '';display: inline-block;vertical-align: middle;width: 40px;height: 1px;background: #a5a5a5;margin-left: 10px}
.xiangqing_right p{color: #a5a5a5;font-size: 14px;margin-top: 70px;}
.alxqssk{display: block;width: 100px;line-height: 26px;text-align: center;border: 1px solid #2f2f2f;font-size: 14px;color: #ffffff;margin-top: 25px;border-radius: 5px;}
.alxqssk:hover{background: #2f2f2f;color: white;}
/*.case .info{height: 300px;}*/
@media only screen and (max-width:1400px ) {
	.h5_con3_span1{margin: 30% auto 0;}
	
	.xiangqing_left>img{width:320px;}
	.xiangqing_left .swiper-container{height:425px !important;width:286px;}
	.anlixiangqing {transform: translateY(-345px);}
	.xiangqing_right h2{margin-top: 40px;}
}


@media only screen and (max-width: 1200px) {
	.case .info li{width: 31.3%;}
	.case .info li{margin-right: 2%;}
	.case .info .h5_con3_u1 li:nth-child(4n){margin-right: 2%;}
	.case .info .h5_con3_u1 li:nth-child(3n){margin-right: 0%;}
	
}
@media only screen and (max-width:700px) {
	.case .info li{width: 48.3%;}
	.case .info .h5_con3_u1 li:nth-child(3n){margin-right: 2%;}
	.case .info .h5_con3_u1 li:nth-child(2n){margin-right: 0%;}
	
}