/* CSS Document */

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

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:24px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#009FE3;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:74px; 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:1px; background:#009FE3;}
	.top-head .sjdnav .acta{color:#fff; background:#0f6bdf;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px;}


	.mbleft{ width: 100%; float: none;}
	.mlf_tit{ text-align: center; position: relative; }
	.mlf_tit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
	.accordion{ display: none;}
	.mright{ padding: 0; margin-top: 15px;}
	
	.li01{ padding: 10px;}
	
	
	.wrap1{ padding: 30px 0 0;}
	.wrap1 .index-tit{ margin-bottom: 25px;}
	.wrap1 .index-tit span{ font-size: 30px; }
	.wrap1 .index-tit h3{ font-size: 25px; }
	.serLf{ }
	.serRh{ width: 100%;}
	.swiper-serRh a{ padding: 0 15px;}
	
	.ys_li .ys_text .pt1{ font-size: 20px;}
	.ys_li .ys_text .pt2{ font-size: 18px;}
	
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	.fo-txt .fo-ul{ display: none;}
	.foWrap{ height: auto; padding: 20px 0; overflow: hidden;}
	.fo-txt ul{ margin-top: 0;}
	.fo-txt ul li{ width: 100%;}
	
	.ys_box .yslf_img{ display: none;}
	.ysRh{ padding: 0; width: 100%;}

	.wrap3, .wrap5{ background: url(../images/bg3.png) no-repeat center; background-size: cover; padding: 30px 0; }
	.wrap4{ padding: 40px 0;}
	.swiper-proNav a, .prolist h3, .caseshow .casebox .pmark{ font-size: 14px;}
	
	.index-tit span{ font-size: 32px;}
	.index-tit h3{ font-size: 24px;}
	
	.abRh{ padding: 0; margin-top: 10px;}
	
}

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

 @media (max-width:540px) {	 
 	.index-tit h3{ background-size: auto 100%;line-height: 42px;}
 	.index-tit p{ line-height: 20px; font-size: 13px; margin-top: 10px;}
 	.index-tit span{ font-size: 25px; line-height: 40px;}
 	
 	.wrap1 .index-tit span{ font-size: 23px; line-height: 40px;}
 	.wrap1 .index-tit h3{ font-size: 18px; line-height: 42px;}
 	.swiper-serRh a{ height: 230px;}
 	.swiper-serRh a h3{ padding: 10px 0;}
 	
 	.ys_li{ padding: 10px 0;}
 	.ys_li .ys_num{ line-height: 70px; font-size: 35px; }
 	.ys_li .ys_text{ padding-left: 10px;}
 	.ys_li .ys_text .pt1{ font-size: 18px; line-height: 40px; }
 	.ys_li .ys_text .pt2{ font-size: 16px;}
 	
 	.newlf{ padding: 10px 0;}
 	.newrh{ padding: 10px 0;}
 	
 	.footer{ margin-top: 0;}
 	
 	.li02{ padding: 10px 0;}
 	.li02 .li02_img{ width: 150px; height: 125px; max-width: 40%;}
 	.li02 .li02_text{ padding: 5px 15px 0 15px; height: 125px;}
 	.li02 .li02_text h4{ margin-top: 5px; }
 	
}

 @media (max-width:450px) {
 	.mlf_tit{ line-height: 45px;}
 	.accordion .link a{ line-height: 40px;}
 	.mrh-top .pull-left{ display: none;}
 	.mrh-top .pull-right{ float: left !important;}
 	.li01{ padding: 5px;}
 	.li01 h3{ font-size: 13px; line-height: 32px; }
}
 

 @media (max-width:415px) {	
 	.navbar-toggle{ padding: 20px 0;}
 	.top-head .sjdnav{ top: 66px;}
 	.li02 .li02_text h4{ font-size: 12px; line-height: 20px;}
 	.li02 .li02_text h4 span{ display: none;}
 	.li02 .li02_text h3{ font-size: 14px; line-height: 30px; }
 	.li02 .li02_img, .li02 .li02_text{height: 110px;}
 	.li02 .li02_text p{ font-size: 12px;}
}
 @media (max-width:350px) {
 	
 	
 
}
 @media (max-width:320px) { 
	
	
	
 }