ul,li{list-style: none; padding: 0; margin: 0;}
*:focus { outline: none; }

.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;}
.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;background-color: rgba(0,0,0,.5);padding: 5px}

.w-accor6 li img{ max-width:100%;}
.w-accor6 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;}
.w-accor6 li .cont_ar:before,.w-accor6 li .cont_ar:after{ content:'';position:absolute; left:0; height:100%; right:0; background:#000; opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:height 0.5s; -webkit-transition:height 0.5s;}
.w-accor6 li .cont_ar:before{ top:0;}
.w-accor6 li .cont_ar:after{ bottom:0;}
.w-accor6 li h3{ text-align:center; line-height:1.5; position:absolute; z-index:1; left:0; right:0; padding:0.5em 0.5em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor6 li .dec_ar{ line-height:1.7; max-height:100%; max-height:calc(100% - 7em); overflow:hidden; position:absolute; z-index:1; left:40px; right:40px;top:50%; top:10%\9; *top:10%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s; }
:root .w-accor6 li .dec_ar{ top:50%;}
.w-accor6 li .i_img{ text-align:center; margin-bottom:1em;}
.w-accor6 li .i_img img{ max-width:80%; max-height:80px;}
.w-accor6 li.cur .cont_ar:before,.w-accor6 li.cur .cont_ar:after{ height:3em;}
.w-accor6 li.cur h3{ transform:translateY(0); -webkit-transform:translateY(0);}
.w-accor6 li.cur h3.h_1{ top:0;}
.w-accor6 li.cur h3.h_2{ top:auto; bottom:0;}
.w-accor6 li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.w-accor6 li .img_ar{ height:350px !important;}
.w-accor6 li .img_ar img{ height:100%; max-width:inherit;width: 100%;object-fit: cover}

.w-accor3 li img{ max-width:100%;width: 100%;height: 100%;object-fit: cover}
.w-accor3 li .cont_ar{ color:#fff;}
.w-accor3 li .left_ar{ position:absolute; right:0; top:0; bottom:0;width:100%; background:rgba(0,0,0,0.5);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor3 li .left_ar h3{ width:1.2em; text-align:center; line-height:1.5; position:absolute; left:50%; margin-left:-0.6em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
:root .w-accor3 li .left_ar h3{ top:50%;}
.w-accor3 li .right_ar{ position:absolute; top:0; bottom:0; left:100%; right:0; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition-delay: 0.3s; -webkit-transition-delay:0.3s;}
.w-accor3 li .right_ar .dec_ar{ line-height:1.7; position:absolute; left:20px; right:20px;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height:100%; }
:root .w-accor3 li .right_ar .dec_ar{ top:50%;}
.w-accor3 li .i_img{ text-align:center; margin-bottom:1em; transform:scale(0); -webkit-transform:scale(0);transition:all 0.3s; -webkit-transition:all 0.3s; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.w-accor3 li .i_img img{ max-width:100%;width: 100%}
.w-accor3 li .acr_p{padding:1em; background:rgba(0,0,0,0.5);line-height: 1.5}
.w-accor3 li .acr_p p{
    font-size: 16px;
}
.w-accor3 li.cur .left_ar{ width:5em;}
.w-accor3 li.cur .right_ar{ left:0em;width:90%;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.w-accor3 li.cur .i_img{transform:scale(1); -webkit-transform:scale(1);}