.w-accor{ overflow:hidden; position:relative;}
.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 h3{ font-size:125%; margin:0; padding:0; font-weight:normal;}
.w-accor .acr_p{ margin-top:0.5em; }

 
.w-accor2 li img{ width:100%;}
.w-accor2 li .cont_ar{ color:#fff; position:absolute; bottom:0%; height:100%; left:0; right:0; transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor2 li .i_img{background-color: rgba(86, 86, 86, 0.523); width:100%;font-size:16px; height:100%; top:0%; margin-top:0px; left:0%; text-align:center;line-height: 30px;line-height: 30px;writing-mode: vertical-rl;letter-spacing: 10px; display: flex;justify-content: center;align-items: center;font-weight: bold;}
.w-accor2 li .i_img img{ max-width:100%; max-height:100%;}
.w-accor2 li .dec_ar{padding:30px 20px 10px; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor2 li .acr_p{ opacity:0; transform:translateY(50%);-webkit-transform:translateY(50%);transition:all 0.5s; -webkit-transition:all 0.5s; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.w-accor2 li.cur .i_img{ display:none;}
.w-accor2 li.cur .cont_ar{background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
  height: auto;
  bottom: 0;}
.w-accor2 li.cur .dec_ar{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.w-accor2 li .dec_ar .label-zhuanti{
	display: inline-block;padding:5px 10px;background-color: #cc0000;color:#fff;position: relative;border-radius: 2px;margin-right: 10px;font-size:14px;
}
.w-accor2 li.cur .acr_p{ opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}


@media (max-width:960px){
	 
	.w-accor .acr_p{ font-size:90%;}
 
}
@media (max-width:767px){
	.w-accor2 li .i_img{ width:60px; height:60px; margin-left:-30px; margin-top:-30px;}
	 
	
}
@media (max-width:640px){
	.w-accor{ height:auto !important;}
	 
	.w-accor2 li{ width:50% !important; float:left;}
	.w-accor2 li .img_ar{height:auto !important; width:100% !important;}
	.w-accor3 li .acr_p{max-height:12em; line-height: 1.5; overflow: hidden;}
	
}
@media (max-width:480px){ 
	.w-accor2 li .dec_ar{ padding:2em 1em 0.6em;}
	.w-accor2 li .i_img{ width:3em; height:3em; margin-left:-1.5em; margin-top:-1.5em;}
	 
}