/* CSS Document */

@media (max-width:1200px) {
	.probox .ptab{ display: none;}
	.phid{ margin-top: 0;}
}

@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:#c50024; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:160px; 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:#c50024; margin-bottom:3px;}
	.top-head .sjdnav .acta{color:#fff; background:#2a2a2a;}
	.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;}
	
	.wrap6 .wp6-lf{ display: none;}
	.wrap6 .wp6-rh{ width: 100%;}
	.applyli .app-img .pmark .p1{ font-size: 16px;}
	.lfBot{ display: none;}
	.mboxrh{ float: right; width: 100%; padding-left: 0; margin-top: 15px;}	
	.rhtop{ padding-top: 0;}
	.mboxlf{ width: 100%;}
	.mboxlf .lftit{ font-size: 22px; padding: 10px 0; position: relative;}	
	.mboxlf .lftit i{ font-size: 20px;}
	.mboxlf .lftit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.accordion li a{ font-size: 14px; text-align: center; padding: 0;}
	.accordion{ display: none;}
	

}

@media (max-width:768px) {
	.footer{ margin-bottom:56px;}
	.about .ab-txt{ padding: 0; margin-top: 20px;}
	.about .ab-txt .a-tx{ margin-top: 5px; max-height: 360px; height: auto;}
	.about .ab-txt a{ width: 100%; position: static; font-size: 16px; line-height: 35px; text-transform: uppercase; margin-top: 10px;}
	.wrap6{ display: none;}
	.applyli{ padding: 3px;}
	.applyli:last-child{ float: none; margin: 0 auto;}
	.applyli .app-img .pmark .p2{ line-height: 20px;}
	.applyli .app-img .pmark .p1{ font-size: 14px; line-height: 20px;}
	.por01 .por-t h3{ font-size: 12px;}
	.por01 .por-t p a{ font-size: 12px; line-height: 25px;}
	.por01{ padding: 8px;}
	.por01 .por-t{ padding: 0 5px;}
	.index-tit h3{ font-size: 16px;}
	.index-tit p{ font-size:20px;}
	.pro01 a h3{ font-size: 14px;}
	.pro01 .swiper-pagination{ display: none;}
	.about, .apply, .import, .probox{ margin-top: 15px;}
	.li02 .li02-txt{ padding-left: 12px;}
	
	.rh01{ width: 100%;}
	.rh02{ padding: 0; width: 100%; margin-top: 15px;}
	.rh02 .rhmark .mktop{ display: none;}
	.rh02 .rhmark .rhmar{ width: 100%; position: static;}
	.rh02 .swiper-button-next, .rh02 .swiper-button-prev{ display: none;}	
	
}

 @media (max-width:640px) {
	.li02 .li02-img{ width: 240px;}
	.li02 .li02-txt p{ margin: 7px 0;}
	.li02 .li02-txt strong{ line-height: 28px;}
}

 @media (max-width:540px) {	 	
	.por01{ width: 100%;}
	.por01:nth-of-type(even) .proimg{ float: right !important;}
	.navbar-toggle{ padding: 25px 0;}
	.top-head .sjdnav{ top: 76px;}
	.applyli .app-img .pmark .p2{ display: none;}
	.li01{ padding: 5px;}
	.li01 h3{ font-size: 14px; line-height: 30px;}
	.mboxlf .lftit{ padding: 0; line-height: 45px;}
	.li02{ margin-bottom: 15px;}
	.li02 .li02-img{ width: 200px;}
	.li02 .li02-txt p{ font-size: 12px; height: 50px;-webkit-line-clamp:2;}
	
}

 @media (max-width:450px) {
	.navbar-toggle{ padding: 20px 0;}
	.top-head .sjdnav{ top: 66px;}
	.li02 .li02-img{ width: 165px;}
	.li02 .li02-txt p{ margin: 0;}
}
 

 @media (max-width:415px) {	
 	.phid a h3{ font-size: 12px;}
 	.mboxlf .lftit i{ display: none;}
	.mboxlf .lftit{ font-size: 20px; line-height: 40px;} 	
	.li02 .li02-txt h3 span{ display: none;}
	.li02 .li02-txt h3{ padding-right: 0;}
	.li02 .li02-img{ width: 150px;}
	
}
 @media (max-width:350px) {
	.navbar-toggle{ padding: 15px 0;}
	.top-head .sjdnav{ top: 56px;}
	.li02 .li02-txt strong{ display: none;}
	.li02 .li02-img{ width: 130px;}
	
}
 @media (max-width:320px) { 


 }