@charset "utf-8";

.w-accor{ overflow:hidden; position:relative;margin-top: 30px;}
.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:not(.cur){padding-left: 10px;}


.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; }

.acr_p h3{color: #fff; padding-bottom: 10px;}
.acr_p p{font-size: 14px;}

.w-accor3 li img{ max-width:100%;}
.w-accor3 li .cont_ar{ color:#fff;}
.w-accor3 li .left_ar{ padding-top: 50px; position:absolute; left:0; top:0; bottom:0;width:100%; background:rgba(255,255,255,0.8);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor3 li .left_ar h3{ width:1.2em; padding-top: 20px; margin: auto;}
:root .w-accor3 li .left_ar h3{ top:50%;font-size: 24px;color: #333;}
.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; 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:86%;}
.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%;}
.w-accor3 li .acr_p{padding:1em; background:rgba(0,85,175,0.8);}
.w-accor3 li.cur .left_ar{ width:5em;display: none;}
.w-accor3 li.cur .right_ar{ left:0;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);}

.liuc-icon{margin: auto; width: 38px;height: 38px;background-image: url(../../image/liuc.png);background-repeat: no-repeat;}
.lci01{background-position: 0 0;}
.lci02{background-position: -38px 0;}
.lci03{background-position: -76px 0;}
.lci04{background-position: -114px 0;}
.lci05{background-position: -152px 0;}

@media (max-width:960px){
	.w-accor h3{ font-size:110%;}
	.w-accor .acr_p{ font-size:90%;}

	.w-accor3 li .img_ar{ height:350px !important;}
	.w-accor3 li .img_ar img{ height:100%; max-width:inherit;}

}
@media (max-width:767px){

	.w-accor3 li .i_img img{ max-height:60px;}

	
}
@media (max-width:640px){
	.w-accor{ height:auto !important;}

	.w-accor3 li .acr_p{max-height:12em; line-height: 1.5; overflow: hidden;}
	
}
@media (max-width:480px){
	body{font-size:3.5vw;}
	.w-accor3 li .img_ar,.w-accor3.accorNoClick li .img_ar{ height:20em !important;}
	.w-accor3 li .i_img img{ max-height:3em;}

}