/* CSS Document */

@media (max-width:1200px) {

	
}

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:28px 0;}
	.navbar-toggle .icon-bar{background:#0b0b0b; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:82px; 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:rgba(11,11,11,0.7); margin-bottom:1px;}
	.top-head .sjdnav .acta{color:#fff; background:#0b0b0b;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; 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;}

	.mainRight{ padding: 0; width: 100%;}
	.mrhtop{ margin-top: 15px;}
	.mainLeft{ width: 100%;}
	.itemtit{ letter-spacing: 1px; position: relative; padding: 0; font-size: 24px; line-height: 50px; font-weight: normal;}
	.itemtit p{ display: none;}
	.itemtit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.itemList{ display: none; margin-top: 10px;}
	.itemList li a{ padding: 0; font-size: 15px; text-align: center;}
	.itemList li a i{ display: none;}
	.mrhtop p.pull-left{ font-size: 21px;}


		
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px; padding: 15px 0;}
	.footer .fobt{ font-size: 14px; line-height: 25px;}
	.about-wrap .pull-right{ padding: 0;}
	.about-wrap .pull-right img{ margin: 0 auto;}
	.about-wrap .pull-left{ padding: 0; margin-top: 20px;}
	.new-wrap .newbtn1, .new-wrap .newbtn2{ display: none;}
	
}

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

 @media (max-width:540px) {	 	
	.index-tit h3{ font-size: 22px; line-height: 1.2; }
	.index-tit p{ font-size: 14px; line-height: 25px;}
	.service-wrap p{ font-size: 16px;}
	.scope-wrap .scope-txt{ padding: 10px;}
	.scope-wrap .scope-txt h3{ font-size: 16px;}
	.scope-wrap .scope-txt ul{ margin-top: 5px;}
	.scope-wrap .scope-txt span{ width: 90px; line-height: 30px;}
	.scope-wrap .scope-txt ul li{ font-size: 12px;}
	.about-wrap .abt-t{ font-size: 14px; line-height: 30px; max-height: 240px;}
	.case-wrap a{ padding: 5px; padding-bottom: 0;}
	.case-wrap p{ font-size: 13px; line-height: 38px;}
	.new-wrap .swiper-slide{ padding: 0; border: 0;}
	.new-wrap .swiper-slide:last-child{ border: 0;}
	.new-wrap .swiper-slide a{ padding: 10px 0;}
	.newtit{ font-size: 24px; line-height: 35px;}
	.new-wrap{ margin-top: 10px;}
	.scope-wrap a:before{ width: 80px; height: 80px; background-size: 80px;}
	
	.li02{ margin-bottom: 15px;}
	.li02 .new-img{ width: 120px; height: 90px;}
	.li02 .new-txt{ padding-left: 10px;}
	.li02 .new-txt h3{ line-height: 25px; font-size: 15px;}
	.li02 .new-txt p{ font-size: 12px; line-height: 20px; height: 40px;}
	
	
}

 @media (max-width:450px) {
 	.navbar-toggle{ padding: 24px 0;}
	.top-head .sjdnav{ top: 74px;}
	.scope-wrap .scope-txt{ padding:10px 5px;}
	.scope-wrap .scope-txt h3{line-height: 25px;}
	.scope-wrap .scope-txt h4{ font-size: 12px;line-height: 25px;}
	.scope-wrap .scope-txt ul{ height: 75px; margin-bottom: 5px;}
	.scope-wrap .scope-txt ul li{ line-height: 25px;}
	.scope-wrap .scope-txt ul li i{ margin-right: 4px;}
	.scope-wrap .scope-txt span{ font-size: 12px; line-height: 25px;}
	.scope-wrap a:before{ width: 50px; height: 50px; background-size: 50px;}
	
	.itemtit{ font-size: 22px; line-height: 45px;}
	
	.mrhtop{ line-height: 30px; margin-top: 10px; font-size: 12px;}
	.mrhtop p.pull-left{ display: none;}
	.mrhtop p.pull-right{ float: left !important;}
	.mrhCont{ padding-top: 10px;}
	.li01{ padding: 5px;}
	.li01 .li02-mark{ height: 30px;}
	.li01 .li02-mark h3{ font-size: 12px;line-height: 30px;}
	.li01 a:hover .li02-mark{ height: 30px; overflow: hidden; padding: 0;}
	.li01 a:hover .li02-mark h3{ font-size: 12px; line-height: 30px;}
	
	
	
}
 

 @media (max-width:415px) {	
 	.li02 .new-img{ width: 105px; height: 85px;}
 	.li02 .new-txt span{ line-height: 20px;}
 	
 	
}
 @media (max-width:350px) {
 	.navbar-toggle{ padding: 16px 0;}
	.top-head .sjdnav{ top: 58px;}
	
}
 @media (max-width:320px) { 


 }