/* CSS Document */

@media (max-width:1200px) {
	.abLf{ display: none;}
    #four_flash{ display: none;}
    .case_wrap{ display: block;}
	.abRh{ width: 100%; padding: 20px 15px; height: auto; }
	.abRh_1{ width: 100%; background: none; padding: 0; }
	.abRh_1 .ab_txt{ max-height: 216px; height: auto;}

}

@media( max-width:1024px){

}

@media (max-width:991px) {
    .wrap4{ display: none;}
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:30px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#01999a;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:86px; z-index:999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; margin-bottom:0px; background:rgba(1,154,154,0.6);}
	.top-head .sjdnav .acta{color:#fff; background:#01999a;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{  width: auto; float: none; padding: 0 !important; padding-right: 15px !important; }
	
	
	.xwLf{ width: 100%; padding: 0; background: none; }
	.xwRh{ width: 100%; padding: 0; margin-top: 15px; }
	.swiper-tact h3{ margin-top: 10px; font-size: 18px; }
	.swiper-tact .tact_txt{ font-size: 12px; line-height: 25px; padding: 0 10px; margin-bottom: 10px; }
	.swiper-tact a:hover{ border: 1px dotted #01999A; padding: 8px; }
	
	.mainLeft{ width: 100%; float: none; }
	.ml_border{ border: none;}
	.mlfTit{ width: 100%; padding: 0; border-bottom: none; background: #01999a; color: #FFFFFF; font-size: 22px; }
	.mlfTit span{ width: 100%; height: 100%; background: none; position: absolute; left: 0; top: 0; cursor: pointer; }
	.mlfTit img{ display: none;}
	.accordion{ padding: 0; margin-top: 10px; display: none; }
	.accordion li a{ font-size: 14px; text-align: center;}
	.accordion li{ margin-bottom: 8px;}
	.mainRight{ padding: 0; margin-top: 10px; }
	
}


@media (max-width:768px) {
    .footerTop,.footerBtm{ display: none;}
	.footer{ margin-bottom: 56px;}
	.index-tit .tit1{ font-size: 24px; line-height: 35px; }
	.index-tit h3{ font-size: 20px; line-height: 20px; }
	.xwli01 .xwtext{ padding-top: 0;}
	.xwli01 .xwImg{ height: 135px; width: 180px; }
	.swiper-ys .ysbox .ys_txt .sy_t{ font-size: 14px; line-height: 24px; height: 48px; }
	
}

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

 @media (max-width:540px) {	 
 	.swiper-case .cText{ padding: 10px;}
 	.swiper-case .cText h3{ font-size: 14px;}
 	.swiper-case .cText .cmore span{ width: 85px;}
 	
 	.mrTit{ font-size: 14px;}
 	.mrTit p.pull-left{ display: none;}
 	.mrTit p.pull-right{ float: left !important;}
 	.li01{ padding: 5px;}
 	.li01 h3{ margin-top: 2px; line-height: 35px; font-size: 13px; }
 	
 	.li02{ padding: 5px;}
 	.li02 .cText{ padding: 10px;}
 	.li02 .cText h3{ font-size: 14px;}
 	.li02 .cText .cmore span{ width: 85px;}
 	
 	.li03{ margin-bottom: 15px;}
 	.li03 .xwImg{ width: 145px; height: 98px;  }
 	.li03 .xwtext{ padding: 0 0 0 10px;}
 	.li03 .xwtext .xw_t{ margin: 0;}
 	.li03 .xwtext strong{ line-height: 22px; margin-top: 5px; font-size: 10px; }
 	
}

 @media (max-width:450px) {
 	.swiper-ys .ysbox .ysImg:before{ padding-top: 50%; }
 	.swiper-ys .ysbox .ys_txt:before{ padding-top: 50%;}
 	.swiper-ys .ysbox .ys_txt .sy_t{ line-height: 20px; height: 40px;  }
 	.top-logo img{ max-height: 50px;}
 	.navbar-toggle{ padding: 23px 0;}
 	.top-head .sjdnav{ top: 72px;}
 	
 	
}
 

 @media (max-width:415px) {
 	
 	
 	
 	
}
 @media (max-width:380px) {
 	.li03 .xwtext h3{ padding: 0;}
 	.li03 .xwtext h3 span{ display: none;}
 
 
}
 @media (max-width:320px) { 
	
	
	
 }