/* CSS Document */

@media (max-width:1200px) {

	
}

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:40px 0;}
	.navbar-toggle .icon-bar{background:#0087fb; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:150px; position:absolute; right:15px; top:106px; 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; background:#0087fb; margin-bottom:2px;}
	.top-head .sjdnav .acta{color:#fff; background:#444444;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:42px; font-size:14px;}
	.top-logo{ padding-right:15px;}
	.top-nav-wrap{ display:none !important;}
	.banpc{ display:none;}
	.phone{ display:block;}
	.top-tt{ display:none;}
	.top-line{ display:none;}
	
	.proLf{ display: none;}
	.proRh{ padding-left: 0;}
	.ablist{ display: none;}
	.wrap6{ padding: 40px 0;}
	.cjzs{ display: none;}
	.cont-form{ padding: 0; margin-top: 20px;}
	
	.mainRight{ padding: 0; width: 100%;}
	.mrhtop{ margin-top: 15px;}
	.mainLeft{ width: 100%;}
	.itemtit{position: relative;}
	.itemtit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.accordion{ display: none;}
	.accordion .link a{ text-align: center; padding-left: 15px; padding-right: 38px;}
	.accordion .link a i{ right: 30px;}
	.submenu li a{ padding: 0 15px; text-align: center;}
		
}

@media (max-width:768px) {
	.navbar-toggle{ }
	.top-head .sjdnav{ }
	.footer{ margin-bottom:56px;}
	.abImg .abTx2 img{ margin: 0 auto;}
	.abTxt{ padding: 0; margin-top: 20px; margin-bottom: 35px;}
	.newli{ padding: 10px 0;}
	.cont-lx .lx01 .p2{ display: none;}
	.index-tit p{ font-size: 20px;}
	.index-tit h3{ font-size: 22px;}
	.index-tit span{ height: 2px;}
	.projece-more a{ border:1px solid #c7161e;}
	.at-more a{ border:1px solid #c7161e;}
	.mrhtop{ line-height: 36px;}
	
	
}

 @media (max-width:640px) {
	.wrap5{ display:none; }
	.footer{ padding: 25px 0;}	

	.mrhCont video{height: 300px;}

}

 @media (max-width:540px) {	 	
	.newli .newimg{ width: 175px; height: 120px;}
	.newli a .nTxt{ padding: 0 10px;}
	.newli a .nTxt h3{margin-top: 10px; font-weight: bold;}
	.newli a .nTxt span{ font-size: 12px; line-height: 20px;}
	.newli a .nTxt p{ font-size: 12px; margin-top: 0;}
	.li03{ padding: 5px;}
	.li03 a h3{ font-size: 13px; line-height: 35px;}
	.accordion .link a{ font-size: 14px; line-height: 45px;}
	.itemtit{ font-size: 20px; line-height: 50px;}
	.li04{ width: 50%; padding: 5px;}
}

 @media (max-width:450px) {
	.navbar-toggle{ padding: 25px 0;}
	.top-head .sjdnav{ top: 76px;}
	.newli .newimg{ width: 140px; height: 110px;}
	.newli a .nTxt h3{ line-height: 30px;}
	.newli a .nTxt span{ display: none;}
	.newli{ padding: 6px 0;}
	.project, .about, .product{ margin-top: 20px;}
	.projece-more{ margin-top: 10px;}
	.swiper-proRh a h3{ margin-top: 5px; font-size: 12px;}
	.abTxt .abTx1{ margin: 13px 0;}

	

}
 

 @media (max-width:415px) {	
 	.newli .newimg{ width: 120px; height: 100px;}
	.li05 .li05-img{ width: 110px; height: 80px;}
	.li05 .li05-txt{ padding-left: 10px; }
	.li05 .li05-txt p{margin: 4px 0;}
}
 @media (max-width:350px) {
	.navbar-toggle{ padding: 18px 0;}
	.top-head .sjdnav{ top: 62px;}
	.mrhtop .pull-left{ display: none;}
	.mrhtop .pull-right{ float: left !important;}
	
}
 @media (max-width:320px) { 


 }