.w-accor{ overflow:hidden; position:relative; background-color: #000; width: 100%; height: 100vh;}
.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; }

.w-accor6 li img{ height:100%; margin-left: -45%;}
.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;font-weight: normal; font-size:30px; position:absolute; z-index:1; left:0; right:0; 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 h3.h_1 {top: calc(50% - 50px);  }
.w-accor6 li h3.h_2 {font-size: 16px; text-transform: uppercase;}
.w-accor6 li .dec_ar{text-align: left;font-size: 28px; font-weight:200;left: 50px; overflow: hidden;position:absolute; z-index:1;bottom:100px;: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; }
.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:0em;}
.w-accor6 li.cur h3{ transform:translateY(0); -webkit-transform:translateY(0);}
.w-accor6 li.cur h3.h_1{ top:200px;text-align: right; right: 50px;font-size:42px; }
.w-accor6 li.cur h3.h_2{ top:160px;text-align: right; right: 50px;font-size:32px; }
.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;}