/* CSS Document */

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

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:23px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#06aaf0;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:0px; top:72px; 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(6,170,240,0.7);}
	.top-head .sjdnav .acta{color:#fff; background:#06aaf0;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px; width: auto; padding-top: 0; float: none; height: auto;}
	.top-logo img{ max-height: 70px;}
	
	
	.mainBox{ padding-top: 35px;}
	.mboxRh{ width: 100%; padding-left: 0; float: right; margin-top: 15px;}
	.mboxLf{ width: 100%; overflow: hidden;}
	.mlfet_top{ padding: 0; border: none; }
	.mlf-top{ position: relative; text-align: center; padding: 0; font-size: 22px; line-height: 46px; background: #06aaf0; color: #FFFFFF; }
	.mlf-top p{ display: none;}
	.mlf-top span{display: block; background: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.accordion{ display: none;}
	
	
	
	.abClear .abImg{ width: 100%;}
	.abClear .abtext{ width: 100%; margin-top: 15px; }
	.abClear .abtext .abtxt{ height: auto; max-height: 168px; }
	.newlf{ display: none;}
	.newRh{ width: 100%;}
	.tact_lf{ display: none; }
	.tact_form{ width: 100%; padding: 0;}
	.footer p{ width: 100%; text-align: center;}
	
	
	
	
	
	

	
		
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	.swiper-wp1 .wp1_img{ height: 75px; }
	.swiper-wp1 h3{ font-size: 15px; margin: 15px 0; }
	.swiper-wp1 h4{ font-size: 12px; width: 100px; line-height: 30px; }
	.case_mores a, .abClear .abtext .ab_mores a{ width: 140px; height: 34px; }
	
	.index_tit p{ font-size: 18px; margin-top: 6px; padding-top: 4px; }
	.index_tit h3{ font-size: 24px; line-height: 25px; }
	
	
}

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

 @media (max-width:540px) {	 
 	.rh-top p.pull-left{ display: none;}
 	.rh-top p.pull-right{ float: left !important;}
 	.li01{ padding: 5px;}
 
	
}

 @media (max-width:450px) {
 	.navbar-toggle{ padding: 17px 0;}
 	.top-head .sjdnav{ top: 60px;}
 	.xwli a{ padding: 5px;}
	.xwli .xwlf{ font-size: 14px; line-height: 24px; width: 60px; padding: 11px 0 0; }
	.xwli .xwlf span{ font-size: 25px; }
	.xwli .xwrh{ padding-left: 12px; }
	.xwli .xwrh h3{ font-size: 16px; line-height: 25px; }
	.xwli .xwrh .xw_t{ font-size: 13px;}
	.xwli .xwrh .xwicon{ height: 2px; }
	.swiper-wp1 h4{ line-height: 27px;}
	.swiper-wp1 h3{ margin: 10px 0; font-size: 14px; line-height: 25px; }
	
	.li02 a{ padding: 5px;}
	.li02 .xwlf{ font-size: 14px; line-height: 24px; width: 60px; padding: 11px 0 0; }
	.li02 .xwlf span{ font-size: 25px; }
	.li02 .xwrh{ padding-left: 12px; }
	.li02 .xwrh h3{ font-size: 16px; line-height: 25px; }
	.li02 .xwrh .xw_t{ font-size: 13px;}
	.li02 .xwrh .xwicon{ height: 2px; }
	
	
}
 

 @media (max-width:415px) {	
 	
 	
 	
}
 @media (max-width:350px) {
 	
 	
 	
 	
}
 @media (max-width:320px) { 
	
	
	
 }