.w-accor{ overflow:hidden; position:relative;margin: 30px 0;}
.w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;}
.w-accor ul{ width:101%;}
.w-accor li{ position:relative; overflow:hidden;float:left;}
.accorClick li{ cursor:pointer;}
.w-accor li .item{ position:relative;}
.w-accor li > a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
.w-accor .acr_p{ margin-top:0.5em;color: rgba(255, 255, 255, 0.8);}
.w-accor4 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;}
.w-accor4 li .cont_ar:before{ content:'';position:absolute; left:0; top:0; bottom:0; right:0;background-image: linear-gradient(rgba(32, 68, 151, 0.8), rgba(0, 0, 0, 0));transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor4 li .dec_ar{ line-height:1.7; height:100%; position:absolute; z-index:1;transform:scale(0); -webkit-transform:scale(0); padding:30px;color:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s; }
.w-accor4 li .acr_x{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 70px;}
.w-accor4 li .acr_x a{color: #204598;background: #fff;line-height: 36px;padding: 0 30px;border-radius: 40px;display: inline-block;}
.w-accor4 li .acr_x img{max-width: 50%;}
.w-accor4 li.cur .cont_ar:before{background: rgba(32, 68, 151, 0.6);}
.w-accor4 li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1); -webkit-transform:scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.w-accor4 li .dec_ar h4{font-size: 24px;}

@media (max-width:960px){
	.w-accor .acr_p{ font-size:90%;}
	.w-accor4 li .img_ar{ height:auto !important;}
	.w-accor4 li .img_ar img{ height:100%; max-width:inherit;}
}
@media (max-width:767px){
	.w-accor4 li{width: 50% !important;}
	.w-accor4 li .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1); -webkit-transform:scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;}
	.w-accor4 li .dec_ar h4{font-size: 18px;}
	.w-accor4 li .acr_x a{font-size: 14px;}
	.w-accor4 li .acr_x img{display: none;}
	.w-accor4 li .img_ar{ height:350px !important;}
}
@media (max-width:480px){
	.w-accor4 li .dec_ar{padding: 20px;}
	.w-accor4 li .acr_x{margin-top: 30px;}
	.w-accor4 li .acr_x a{padding: 0 20px;line-height: 30px;}
}