@-webkit-keyframes loading {
	0% {
		width: 0;
	}

	100% {
		width: 100%
	}
}

@keyframes loading {
	0% {
		width: 0;
	}

	100% {
		width: 100%
	}
}

@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}

	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}

	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}


body,html{background-color:#eeeeee;}
.caselist{padding:50px 0 60px;}
.caselist .list_1{padding:30px 0;background-color:#fff;text-align:center;margin-bottom:40px;}
.caselist .list_1 .img{width:450px;height:630px;overflow:hidden;}
.caselist .list_1 .img img{width:100%;height:100%;object-fit:cover;}
.caselist .list_1 .txt{width:590px;padding:60px 0 0 70px;}
.caselist .list_1 .txt h3{font-size:28px;line-height:38px;text-align:center;color:#187668;}
.caselist .list_1 .txt h4{position: relative;font-size:28px;color:#187668;margin-top:10px;padding-bottom:10px;margin-bottom:20px;}
.caselist .list_1 .txt h4::before{content:"";display:inline-block;width:35px;height:3px;background-color:#a21130;position: absolute;left:50%;bottom:0;transform: translateX(-50%);}
.caselist .list_1 .txt p{text-align:left;font-size:15px;line-height:30px;color:#666666;}
.caselist .list_1 .txt a.detail{margin-top:55px;display:inline-block;font-size:15px;color:#187668;height:46px;line-height:44px;padding:0 45px;border:1px solid #187668;border-radius:6px;text-decoration:none;transition: all linear .3s;}
.caselist .list_1 .txt a.detail:hover{background-color:#187668;color:#fff;}
.caselist .list_2{position: relative;}
.caselist .list_2 .button{display:inline-block;width:29px;height:53px;position: absolute;top:50%;transform: translateY(-50%);cursor:pointer;}
.caselist .list_2 .button.prev{left:-50px;background:url(../images/case/prev.png);}
.caselist .list_2 .button.next{right:-50px;background:url(../images/case/next.png);}
.caselist .list_2 .button.prev:hover{background:url(../images/case/prev_h.png);}
.caselist .list_2 .button.next:hover{background:url(../images/case/next_h.png);}
.caselist .list_2 .button.swiper-button-disabled{display:none;}
.caselist .list_2 .swiper-slide a{display:block;padding:40px 25px;background-color:#fff;text-align:center;text-decoration:none;}
.caselist .list_2 .swiper-slide a .img{width:180px;height:252px;display:inline-block;margin:0 auto 25px;overflow:hidden;}
.caselist .list_2 .swiper-slide a .img img{width:100%;height:100%;object-fit:cover;}
.caselist .list_2 .swiper-slide a h3{font-size:16px;line-height:26px;color:#666;text-align:left;transition:all linear .3s;height:52px;overflow:hidden;text-align:center;}
.caselist .list_2 .swiper-slide a h4{font-size:16px;line-height:26px;color:#666;text-align:left;transition:all linear .3s;text-align:center;}
.caselist .list_2 .swiper-slide a:hover h3{color:#187668;}
.caselist .list_2 .swiper-slide a:hover h4{color:#187668;}

/*.detKv h4{margin-bottom:15px;margin-top:0;}
.detKv .txt_body .box h4{margin-top:0;margin-bottom:15px;}*/

.caseDet{padding:50px 0 85px;}
.caseDet .clearfix{width:100%;}
.caseDet .left_nav{width:225px;float:left;}
.caseDet .left_nav.fixed{position: fixed;top:90px;z-index:1;}
.caseDet .left_nav ul li{border-bottom:1px solid #bebebe;}
.caseDet .left_nav ul li h3{padding:15px 0;cursor: pointer;font-size:15px;line-height:26px;color:#333;font-weight:bold;position: relative;}
.caseDet .left_nav ul li h3 i{display:inline-block;width:11px;height:6px;position: absolute;right:4px;top:24px;background:url(../images/case/i.png);transition:all linear .3s;}
.caseDet .left_nav ul li h3.active{color:#187668;}
.caseDet .left_nav ul li h3.active i{transform: rotate(180deg);background:url(../images/case/i_active.png);}
.caseDet .left_nav ul li .drop{display:none;}
.caseDet .left_nav ul li .drop a{display:block;font-size:14px;line-height:20px;color:#666;padding-left:13px;text-decoration:none;background:url(../images/case/dot.png) no-repeat 1px 6px;margin-bottom:10px;padding-right:15px;cursor:pointer;}
.caseDet .left_nav ul li .drop a:hover{color:#187668;background:url(../images/case/dot_h.png) no-repeat 1px 6px;}
.caseDet .right_body{float:right;width:960px;}
.caseDet .right_body .con{display:none;}
.caseDet .right_body .con a{display:block;width:100%;margin-bottom:10px;}
.caseDet .right_body .con a img{display:block;width:100%;}
.caseDet .right_body .con a:last-child{height:330px;overflow:hidden;position: relative;}
.caseDet .right_body .con a:last-child::before{content:"";position: absolute;left:0;right:0;height:96px;background:url(../images/case/before.png) no-repeat center bottom;background-size:100% auto;bottom:0;}
.caseDet .right_body .con.con_show a:last-child{height:inherit;}
.caseDet .right_body .con.con_show a:last-child::before{display:none;}


.caseDet .more{text-align:center;padding-top:120px;}
.caseDet .more p{font-size:16px;line-height:26px;color:#666666;font-weight:bold;}
.caseDet .more a.more_btn{display:inline-block;height:38px;font-size:15px;line-height:38px;padding:0 40px;border-radius:8px;background-color:#0c574c;font-weight:bold;overflow:hidden;color:#fff;cursor:pointer;margin-top:20px;text-decoration:none;}

.popMore{position: fixed;left:0;right:0;top:0;bottom:0;z-index:499;background-color:rgba(0,0,0,.7);display:none;}
.popMore .pop_more{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:560px;border-radius:6px;overflow:hidden;max-height:100%;overflow-y:auto;}
.popMore .pop_more .title{padding:20px 25px;background-color:#187668;font-size:18px;color:#fff;font-weight:bold;}
.popMore .pop_more a.closed{display:inline-block;width:24px;height:24px;background:url(../images/briefing/closed.png) no-repeat center;background-size:cover;position:absolute;top:20px;right:10px;cursor:pointer;}
.popMore .pop_more .content{padding:25px 28px;background-color:#f5f5f5;}
.popMore .pop_more ul{}
.popMore .pop_more ul li{margin-bottom:10px;}
.popMore .pop_more ul li p{font-size:14px;line-height:20px;font-weight:bold;color:#333333;padding-bottom:5px;}
.popMore .pop_more ul li input{width:100%;height:40px;box-sizing: border-box;line-height:38px;font-size:14px;color:#333;padding:0 10px;border:1px solid #bfbfbf;border-radius:6px;}
.popMore .pop_more ul li select::-ms-expand{display: none;}    
.popMore .pop_more ul li select{width:100%;height:40px;box-sizing: border-box;line-height:38px;font-size:14px;color:#333;padding:0 10px;border:1px solid #bfbfbf;border-radius:6px;
appearance:none;-moz-appearance:none; -webkit-appearance:none;background:#fff url(../images/case/select.png) no-repeat 98% center; }
.popMore .pop_more ul li textarea{width:100%;height:112px;box-sizing: border-box;line-height:20px;font-size:14px;color:#333;padding:5px 10px;border:1px solid #bfbfbf;border-radius:6px;}
.popMore .pop_more ul li .box{width:100%;height:40px;border:1px solid #c7c7c7;border-radius:6px;margin-left:0;position: relative;box-sizing: border-box;overflow:hidden;}
.popMore .pop_more ul li .box h3{float:left;width:90px;height:38px;line-height:38px;font-size:14px;color:#333;text-align:center;background-color:#eceded;}
.popMore .pop_more ul li .box input{float:left;width:280px;height:38px;padding:0 10px;border:0;background:#fff;font-size:14px;line-height:38px;color:#666;}
.popMore .pop_more ul li #slider4{width:485px!important;}
.popMore .pop_more ul li .box a.fbBtn{position: absolute;right:0;top:0;height:38px;line-height:38px;width:calc(100% - 370px);text-decoration:none;cursor: pointer;background-color: #d31749;color:#fff;text-align:center;font-size:14px;}
.popMore .pop_more .link{padding-top:20px; text-align:center;}
.popMore .pop_more .link a{display:inline-block;width:138px;height:38px;line-height:38px;
color:#fff;background:#d31749;font-size:16px;border-radius:4px; box-shadow:0 0 6px #666; text-decoration:none;}
.caseDet .mobile_nav{display:none;}


.foot-lx{position: relative;z-index:2;background-color:none;border-radius:0;}
.foot-lx::after{content:"";position: absolute;left:0;right:0;bottom:0;top:0;background-color:#2e6557;z-index:-1;border-radius:200px 0 0 0;}
.foot-lx::before{content:"";position: absolute;left:0;right:0;bottom:0;top:0;background-color:#eee;z-index:-2;}
footer{position: relative;z-index:2;}
@media only screen and (max-width : 768px) {
	.popMore .pop_more ul li #slider4{width:100%!important;}
	.caselist{padding:40px 0;}
	.caselist .list_1{padding:20px 0;margin-bottom:30px;}
	.caselist .list_1 .img{float:none;width:180px;margin:0 auto;display:inline-block;height:auto;}
	.caselist .list_1 .txt{width:100%;padding:20px 10px;}
	.caselist .list_1 .txt h3{font-size:20px;}
	.caselist .list_1 .txt p{font-size:14px;line-height:24px;}
	.caselist .list_2 .button{width:20px;height:37px;background-size:cover!important;}
	.caselist .list_2 .button.next{right:0px;z-index:4;}
	.caselist .list_2 .button.prev{left:0px;z-index:4;}
	
	.caseDet{padding:30px 0 40px;}
	.caseDet .left_nav{display:none;}
	.caseDet .mobile_nav{display:block;}
	.caseDet .mobile_nav select::-ms-expand{display: none;}    
	.caseDet .mobile_nav select{width:100%;height:40px;box-sizing: border-box;line-height:38px;font-size:14px;color:#333;padding:0 10px;border:1px solid #bfbfbf;border-radius:6px;
appearance:none;-moz-appearance:none; -webkit-appearance:none;background:#fff url(../images/case/select.png) no-repeat 98% center; }
	.caseDet .mobile_nav ul li{display:none;padding:15px 0;}
	.caseDet .mobile_nav ul li:first-child{display:block;}
	.caseDet .mobile_nav ul li a{display:block;font-size:14px;line-height:20px;color:#666;padding-left:13px;text-decoration:none;background:url(../images/case/dot.png) no-repeat 1px 6px;margin-bottom:10px;padding-right:15px;}
	.caseDet .mobile_nav ul li a:hover{color:#187668;background:url(../images/case/dot_h.png) no-repeat 1px 6px;}
	.caseDet .right_body{width:100%;}
	.caseDet .right_body .con a:last-child{height:180px;}
	.caseDet .right_body .con a:last-child::before{height:48px;}
	.caseDet .right_body .con.con_show a:last-child{height:inherit;}
	.caseDet .right_body .con.con_show a:last-child::before{display:none;}
	
	.caseDet .more{padding-top:30px;}
	.caseDet .more p{text-align:center!important;}
	.popMore .pop_more{width:90%;}
	.popMore .pop_more ul li .box h3{width:70px;}
	.popMore .pop_more ul li .box input{width:110px;}
	.popMore .pop_more ul li .box a.fbBtn{width:calc(100% - 180px);}
}