.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}


.main{ max-width: 1200px; margin: 0 auto; padding:40px 0;}
@media screen and (min-width: 1599px) {



}
.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: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:130%; margin:0; padding:0; font-weight:normal;}
.w-accor .acr_p{ margin-top:0.5em; font-size:125%; text-align:center; }



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

.w-accor4 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;}
.w-accor4 li .cont_ar:before{ content:'';position:absolute; left:0; top:0; bottom:0; right:0;  opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor4 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%);transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
:root .w-accor4 li h3{ top:50%;}
.w-accor4 li .dec_ar{ line-height:1.7; max-height:100%; 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); padding:30px; background:rgba(255,255,255,0.75); color:#222; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s; }
:root .w-accor4 li .dec_ar{ top:50%;}
.w-accor4 li .i_img{ text-align:center; margin-bottom:1em; font-size:18px; font-weight:bold;}
.w-accor4 li .i_img img{ max-width:80%; max-height:80px;}
.w-accor4 li.cur .cont_ar:before{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-accor4 li.cur h3{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-accor4 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;}
.jianshu{display:none;}


@media (max-width:992px){

.main{ width:95%;}

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

}

@media (max-width:767px){

}

@media (max-width:640px){
.main{ display:none;}
.jianshu{display:block;}
}
@media (max-width:460px){	

}

@media (max-width:414px){
}
@media (max-width:360px){

	
}	


/*********手机版*********/

.welcome-gridsinfo { text-align: center; padding-bottom:10px;}
.welcome-grid{ width:25%; padding:0 5px; margin:50px 0 20px; float:left; position:relative; cursor:pointer; }


.welcome-grid p {font-size:.85em; line-height:1.8em; }
.welcome-grid h3 {color: #797979; padding: 21px 0 6px; }
.welcome-grid .prd_box{width:100%;   float:left;}
.welcome-grid .prd_1 .prd_d {background-color:#0e76bd;}
.welcome-grid .prd_2 .prd_d {background-color:#0e76bd;}
.welcome-grid .prd_3 .prd_d {background-color:#0e76bd;}
.welcome-grid .prd_4 .prd_d {background-color:#0e76bd;}
.welcome-grid .prd_t { width: 100%; 
	min-height: 154px; 
	padding: 57px 0 10px;
	overflow: hidden;
	text-align: center;
	color: #fff; 
	
}
.welcome-grid .prd_1 .prd_t { 
background:url(http://www.bjworlds.cn/statics/images/b1.png); background-size: cover;}

.welcome-grid .prd_2 .prd_t { 
background:url(http://www.bjworlds.cn/statics/images/b2.png); background-size: cover;}

.welcome-grid .prd_3 .prd_t { 
background:url(http://www.bjworlds.cn/statics/images/b3.png); background-size: cover;}

.welcome-grid .prd_4 .prd_t { 
background:url(http://www.bjworlds.cn/statics/images/b4.png); background-size: cover;}

.welcome-grid .prd_t h4{ font-size:16px; font-weight:normal; line-height:30px; margin:20px 0 10px 0; color:#000000; background-color: rgba(255, 255, 255, 0.8); margin:20px; padding:10px;}
.welcome-grid .prd_d{width:100%;height:52px;overflow:hidden;line-height:52px;text-align:center;}
.welcome-grid .prd_d:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; opacity:0.9;}
.welcome-grid .prd_d a{font-size:16px;color:#fff;}
.welcome-grid .prd_d a:hover{color:#fff;}




@media(max-width:600px){


	/*--解决方案--*/
	.welcome-grid {width:100%; float: left; margin-top:0px; }
	.welcome-grid h3 {padding: 14px 0 4px; }
	.welcome-grid .prd_t h4{ font-size:16px; font-weight:normal; line-height:30px; }


	

}