@charset "utf-8";
/* *{ box-sizing:border-box; -webkit-appearance: none; }
*:focus { outline: none; }
html, body{ height: 100%;}
body { margin: 0;line-height:1.5; font-size:14px;font-family:"微软雅黑",microsoft yahei; color:#333; background:#fff; }
ul,li{list-style: none; padding: 0; margin: 0;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
img{max-width:100%; vertical-align: middle;} */

.main{ max-width: 1680px; margin: 0 auto; padding:30px 0;}
.title{text-align: left; color:#333; font-size:28px; margin: 25px 0;}

.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:150%; margin:0; padding:0; text-align: center; color: #fff; font-weight:bold;}
.w-accor .acr_p{ margin-top:0.5em; }

.w-accor0 li img{ max-width:100%;}

.w-accor5 li img{ max-width:100%;}
.w-accor5 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;}
.w-accor5 li .cont_ar:before{ content:'';position:absolute; left:0; height:100%; bottom:0; right:0; background:#000; opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor5 li h3{width:14em; text-align:center; line-height:1.5; position:absolute; z-index:1; left:50%; margin-left:-7em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
:root .w-accor5 li h3{ top:50%;}
.w-accor5 li .acr_p{ font-size: 18px; line-height:1.5; height:6.5em; overflow:hidden; position:absolute; left:1em; right:1em; bottom:1em; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:translateX(100%); -webkit-transform:translateX(100%);transition:all 0.5s; -webkit-transition:all 0.5s; }
.w-accor5 li .i_img{font-size:36px;position:absolute; height:100px; line-height:100px; top:50%; margin-top:-50px; left:1em; right:1em; text-align:center; text-align:center;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:scale(0); -webkit-transform:scale(0);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor5 li .i_img img{ max-width:100%; max-height:100%;}
.w-accor5 li.cur .cont_ar:before{ height:10.4em;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.w-accor5 li.cur .acr_p{ transition-delay:0.3s; -webkit-transition-delay:0.3s;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translateX(0);-webkit-transform:translateX(0);}
.w-accor5 li.cur h3{ text-align:center;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-accor5 li.cur .i_img{transition-delay:0.3s; -webkit-transition-delay:0.3s;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1); -webkit-transform:scale(1);}

@media (max-width:1440px){
	.title{text-align: center;}
}
@media (max-width:960px){
	.w-accor .acr_p{ font-size:90%;}
	.w-accor5 li .img_ar{ height:350px !important;}
	.w-accor5 li .img_ar img{ height:100%; max-width:inherit;}
	.w-accor5 li .i_img{ height:80px; line-height:80px; margin-top:-40px;}
}
@media (max-width:767px){
	.w-accor li{ width: 90% !important; margin:0 5% 5%;}
	.w-accor5 li .img_ar{ height:20em !important; width: 100% !important;}
	.w-accor5 li .img_ar img{ height:100%; width: 100% !important; max-width:inherit;}
	.w-accor5 li .i_img{height:30px; line-height:30px;margin-top:-3em; font-size: 22px; font-weight: bold;}
	.w-accor5 li .i_img{transition-delay:0.3s; -webkit-transition-delay:0.3s;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1); -webkit-transform:scale(1);}
	.w-accor5 li h3{display: none;}

	.w-accor5 li .acr_p{ text-align: center; font-size: 15px; line-height:1.5; height:12em; overflow:hidden; position:absolute; left:1em; right:1em; bottom:1em; opacity:0;  transition-delay:0.3s; -webkit-transition-delay:0.3s;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translateX(0);-webkit-transform:translateX(0);}
	.w-accor5 li .acr_p p{ text-decoration: underline; margin-top: 10px;}
	.w-accor5 li .acr_p a{ color: #fff;}
	
	.title{text-align: center; margin: 25px;}
}
@media (max-width:375px){

	.w-accor5 li .i_img{font-size: 20px;}

}