/* CSS Document */

@media (max-width:1200px) {
	.seaech{ display: none;}
	.top-tt{ display: none;}
}

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:24px 0;}
	.navbar-toggle .icon-bar{background:#0093dd; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:160px; position:absolute; right:15px; 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; background:#1abbf9; margin-bottom:3px;}
	.top-head .sjdnav .acta{color:#333333; background:#FFFFFF;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:16px;}
	.top-logo .s-logo{ display:block;}
	.top-logo .b-logo{display:none;}
	.top-logo{ padding-right:15px;}
	.top-nav-wrap{ display:none !important;}

	.protop{ display: none;}
	.probot{ margin-top: 0;}
	.news .ntab li a{ width: 150px;}
	.nhid .nhid-lf{ padding-right: 20px;}
	.mbox{ padding-top: 30px;}
	.mleft{ width: 100%; overflow: hidden;}
	.mleft .mleft-tit{border: 1px solid #d7d7d7; padding: 0; position: relative;}
	.mleft .mleft-tit p{ display: none;}
	.mleft .mleft-tit h3{ line-height: 45px; font-size: 22px;}
	.mleft .mleft-tit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.mleft-ul{ display: none;}
	.mright{ width: 100%; float: right; padding-left: 0; margin-top: 15px;}
	
	.li02 .li02-txt{ padding: 0 20px;}
	.li02 .li02-txt span{ width: 175px; line-height: 30px; font-size: 14px;}

}

@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	.wrap3 .gywm-left{ width: 100%;}
	.wrap3 .glimg2{ height: auto;}
	.wrap3 .gywm-right{ width: 100%;}
	.wrap3 .gltit{ float: left; text-align: left;}
	.nhid{ margin-top: 0;}
	.nhid .nhid-lf{ padding-right: 0; width: 100%;}
	.nhid-rh{ width: 100%; margin-top: 20px;}
	.news .ntab{ display: none;}
	.news{ margin-top: 20px;}
	.wrap1{ margin: 0; padding: 30px 0;}
	.index-tit h3{ font-size: 24px;}
	.liyan .form-control{ height: 45px;}
	.liyan .form-group{ margin-bottom: 15px;}
	.liyan .btn{ padding: 12px;}
	.liyan form > div{ padding: 0;}
	
	.mleft .mleft-tit{ border: 0;}
	.li02 .li02-img{ width: 40%; height: auto;}
	.li02 .li02-img .img{ padding-top: 71.57%;}
	.li02 .li02-txt{ padding: 15px;}
	.li02 .li02-txt h3{ margin-top: 0; font-size: 16px; line-height: 24px;}
	.li02 .li02-txt p{ margin: 8px 0;}
	.li02 .li02-txt span{ width: 120px; line-height: 26px; font-size: 12px;}
}

 @media (max-width:640px) {
	.li02 .li02-txt{ padding: 10px;}
	
}

 @media (max-width:540px) {	 	
	.case .pmark{ display: none;}
	.probot .pmark{ display: none;}
	.li01{ padding: 5px;}
	.li01 a{border: 1px solid #E5E5E5;border-bottom: 0;}
	.li01 .pmark{ display: none;}
	.li02{ margin-bottom: 20px;}
	.li02 .li02-img{ width: 45%;}
	.li02 .li02-txt h3{ font-size: 14px;}
	.li02 .li02-txt{ padding: 5px; padding-left: 10px;}
	.li02 .li02-txt p{ margin: 4px 0;}
	.li02 .li02-txt span{ line-height: 24px;}
	
}

 @media (max-width:450px) {
 	.service{ margin-top: 15px;}
 	.service .serv{ padding: 5px;}
 	.service .serv a .serimg{ padding-top: 80px;}
	.service .serv a h3{ margin: 12px 0 5px; font-size: 16px;}
	.service .serv a p{ padding: 0 10px; margin-bottom: 20px;}	
	
}
 

 @media (max-width:415px) {	
 	.service .serv a .serimg{ padding-top: 62px;}
 	.service .serv a p{ padding: 0 5px; margin-bottom: 10px;}
	.service .serv a h3{ font-size: 14px;}
	.nhid-rh .rh01 a .rh-l{ width: 90px;}
	.navbar-toggle{ padding: 20px 0;}
	.top-head .sjdnav{ top: 66px;}
	
	.mrtop .pull-left{ display: none;}
	.mrtop .pull-right{ float: left !important;}
	
}
 @media (max-width:350px) {
	.li02 .li02-txt span{ display: none;}
	
 }
 @media (max-width:320px) { 


 }