@charset "utf-8";

.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
img{max-width:100%; vertical-align: middle;}

.main{ max-width: 1200px; margin: 0 auto; padding:40px 0;}
.title{text-align: center; color:#333; font-size:20px; 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:120%;}
.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-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: #dcdcdc; opacity:0.35; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor5 li h3{width:1.2em; text-align:center; line-height:1.5; position:absolute; z-index:1; left:50%; margin-left:-0.6em;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{
	width: 65%;
	overflow-y: auto;
	white-space: normal;
	word-break: break-all;
	font-size: 10px;
	color: #ffffff;
	line-height: 1.3;
	position: absolute;
	padding: 5px;
	right: 17px;
	top: 18%;
	transform: translateY(0%) !important;
	background: #59585845;
	border-radius: 2px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	box-sizing: border-box;
}
/*//电脑端*/
@media (min-width:960px){
	.w-accor5 li .acr_p{

		top: 12.5%;

	}

}


.w-accor5 li .acr_p p{
	 white-space: normal;
	 word-break: break-all;
	 margin: 0;
	 font-size: 9px;
     color: #ffffff;
     line-height: 1.3;
     font-weight: 300;
	margin-top: 2px;
}
.w-accor5 li .i_img{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: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:0;
	/*opacity:0.5; */
	/*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:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
transform:translateX(0);
-webkit-transform:translateX(0);
}
.w-accor5 li.cur h3{ text-align:center;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:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1); -webkit-transform:scale(1);}

@media (max-width:960px){
.w-accor h3{ font-size:110%;}
.w-accor .acr_p{ font-size:90%;}
.w-accor1 li .acr_p,.w-accor2 li .acr_p{ display:none;}
.w-accor3 li .img_ar{ height:350px !important;}
.w-accor3 li .img_ar img{ height:100%; max-width:inherit;}
.w-accor4 li .img_ar{ height:350px !important;}
.w-accor4 li .img_ar img{ height:100%; max-width:inherit;}
.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;}
.w-accor6 li .img_ar{ height:350px !important;}
.w-accor6 li .img_ar img{ height:100%; max-width:inherit;}
}
@media (max-width:767px){
.w-accor2 li .i_img{ width:60px; height:60px; margin-left:-30px; margin-top:-30px;}
.w-accor3 li .i_img img{ max-height:60px;}
.w-accor4 li .dec_ar{ left:20px; right:20px; padding:15px;}
.w-accor6 li .dec_ar{ left:20px; right:20px;}

}
@media (max-width:640px){
.w-accor{ height:auto !important;}
.w-accor0 ul,.w-accor1 ul,.w-accor2 ul,.w-accor3 ul{ width:110%;padding: 50px 5px;}
.w-accor0 li,.w-accor1 li{ width:100% !important; float:none;}
.w-accor0 li .img_ar,.w-accor1 li .img_ar{height:auto !important; width:100% !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){
body{font-size:3.5vw;}
.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;}
.w-accor3 li .img_ar,.w-accor3.accorNoClick li .img_ar{ height:20em !important;}
.w-accor3 li .i_img img{ max-height:3em;}
.w-accor4 li .dec_ar{ left:1em; right:1em; padding:1em;}
.w-accor4 li .img_ar{ height:20em !important;}
.w-accor4 li .i_img img{ max-height:3em;}
.w-accor5 li .img_ar{ height:20em !important;}
.w-accor5 li .i_img{height:5em; line-height:5em;margin-top:-2.5em;}
.w-accor6 li .dec_ar{ left:1em; right:1em;}
.w-accor6 li .img_ar{ height:20em !important;}
.w-accor6 li .i_img img{ max-height:3em;}
}
@media (min-width:960px){

	.w-accor5 li .img_ar{ height:50em !important;}
	.w-accor5 li .i_img{height:5em; line-height:5em;margin-top:-2.5em;}

}

.swiper-slide {
	transform: translate3d(0, 0, 0);
	will-change: transform;
}
.construction_content p {
	margin: 0px 0 0px 0;
	/* color: var(--body-text-color); */
	/* color: #979797; */
	/* line-height: 1.85; */
	/* font-weight: 300; */
}
.plr-12{
	padding-left: 12px;
	padding-right: 12px;
}
.acr_p{display: none}