/* CSS Document */

@media (max-width:1200px) {
	.nav_wexin{ display: none;}
	.top-nav .nav-li{ width: 16.66%;}
	.header-nav{ max-width: 56%;}
	.top-logo{ width: 44%;}
	.caseSwiper .swiper-button-prev, .caseSwiper .swiper-button-next{ display: none;}
}

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:30px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#0971d6;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:0px; top:86px; 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:0px; background:rgba(9,113,214,0.7);}
	.top-head .sjdnav .acta{color:#fff; background:#0971d6;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px; width: auto; padding-top: 0; float: none; height: auto;}

	
	.mboxRh{ width: 100%; padding-left: 0; float: right; margin-top: 15px;}
	.mboxLf{ width: 100%; overflow: hidden;}
	.accordion{ display: none;}
	.accordion li{ margin-top: 4px;}
	.accordion li a{ line-height: 40px; font-size: 14px; }
	.mlf-top{ position: relative;padding: 0; font-size: 23px; line-height: 50px;}
	.mlf-top span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.mlf-top p{ border-bottom: 0; padding: 0;}
	
	.index-tit h3{ font-size: 35px; line-height: 40px;}
	.index-tit p{ font-size: 22px;}
	
	.caseBox > div{ height: 290px;}
	.cB_lf{ width: 60%;}
	.cB_rh{ width: 40%;}
	.cB_rh p{ -webkit-line-clamp:4; line-height: 25px; height: 100px; }
	.cB_rh span:hover{ transform: none; opacity: 0.8; }

	.hf{ padding-top: 24%;}
	
	.ptab li a h3{ font-size: 20px; }
	.ptab li{ height: 160px;}
	.ptab li a p{ margin: 5px 0;}

}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	.ab_right{ width: 100%;}
	.ab_left{ width: 100%; margin-top: 20px; }
	
	.ptab li{ height: 140px;}
	.ptab li a h3{ font-size: 16px; line-height: 25px; }
	.ptab li a p{ font-size: 13px; line-height: 22px; height: 44px; text-align: center; padding: 0 8px; }
	
	
	.li02{ padding: 10px 0;}
	.li02 .newimg{ width: 200px; height: 140px; }
	.li02 .newtxt p{ height: 50px; -webkit-line-clamp:2; }
	.li02 .newtxt span{ width: 110px; line-height: 30px; font-size: 12px; }
	
	
	
}

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

 @media (max-width:540px) {	 
 	.caseBox > div{ height: 230px; }
 	.cB_lf{ width: 50%;}
	.cB_rh{ width: 50%;}
 	.cB_rh .wCenter{ padding: 10px;}
 	.cB_rh h3{ font-size: 16px; line-height: 25px; }
 	.cB_rh p{ font-size: 12px; margin: 5px 0; }
 	.cB_rh span{ line-height: 28px; width: 95px; font-size: 12px; }
 	.gsNew, .hyNew{ padding: 10px 0; }
 	
 	.swiper-caseSwiper h3{ font-size: 13px; line-height: 36px;}
 	.swiper-pbox h3{ font-size: 13px; line-height: 36px; }
 	
 	.li01{ padding: 5px;}
 	.li01 h3{ font-size: 13px; line-height: 36px; }
 	
 	
}

 @media (max-width:450px) {
 	.navbar-toggle{ padding: 23px 0;}
 	.top-head .sjdnav{ top: 72px;}
 	.ptab li{ width: 100%;}
 	.ptab li a p{ height: auto; max-height: 44px; }
 	
 	.gsbox .gsTxt span{ width: 100px; line-height: 30px; margin-top: 10px; }
 	.gsbox .gsTxt p{ margin-top: 10px;}
 	
 	.index-tit h3{ font-size: 30px;}
 	.index-tit p{ line-height: 20px;}
 	
 	.li02 .newtxt{ padding-left: 10px;}
 	.li02 .newtxt h3{ line-height: 25px; height: 25px; }
 	.li02 .newtxt span{ margin: 0; line-height: 25px; width: 90px; }
 	.li02 .newtxt p{ font-size: 12px; line-height: 22px; height: 44px; margin: 4px 0 8px; }
 	.li02 .newimg{ height: 110px;}
 	
}
 

 @media (max-width:415px) {	
 	.navbar-toggle{ padding: 20px 0;}
 	.top-head .sjdnav{ top: 66px;}
 	
 	.caseBox > div{ width: 100%; padding: 0; }
 	.cB_rh{ margin-top: 12px;}
 	
 	.mlf-top i{ display: none;}
 	
 	
}
 @media (max-width:350px) {
 	
 	
 	
 
}
 @media (max-width:320px) { 
	
	
	
 }