/* CSS Document */

@media (max-width:1200px) {

}

@media( max-width:1024px){

}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0;}
	.navbar-toggle .icon-bar{background:#fff; width:45px; height:5px;}
	.top-head .sjdnav{ width:160px; position:absolute; right:15px; top:109px; z-index:110 !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:#f8c301; margin-bottom:3px;}
	.top-head .sjdnav li.active a{color:#fff; background:#c69b00;}
	.top-head .sjdnav li a{display:block; color:#000; line-height:40px; font-size:16px;}
	
	.top-head{ padding-top:10px; padding-bottom:10px;}
	.top-logo .s-logo{ display:block; max-width: 78%;}
	.top-logo .b-logo{display:none;}
	.swiper-banner-img:before {padding-top: 40%;}
	.top-nav-wrap{ display:none !important;}
	.top-line{ display:none;}
	.banner .swiper-button-next, .banner .swiper-button-prev{ display:none;}
	
	
	.ys-txt{ padding-right:10px;}
	.pics{ width:100%;}
	.aside-about{ display:none;}
	
	

}
 @media (max-width:900px) {

}
 @media (max-width:768px) {
	 .navbar-toggle{ margin-right:0; padding-left:20px;}
	 .navbar-toggle .icon-bar{ height:5px;}
	 .top-head .sjdnav{ top:72px;}
	 
	.page-section-wrap{ width:100%; padding:0; margin-top:10px;}
	.page-aside-wrap{ width:100%; padding:0;}
	
	/*.aside-list .aside-sublist{ display:none;}*/
	
	.top-t{ display:none;}
	.bg-left-img{ width:100%;}
	.bg-right{ width:100%;}
	.fnv, .footer{ display:none;}
	.search-keyword{ display:none;}
	.search-form{ width:100%;}
	.ys-img{ display:none;}
	.ys-txt{ width:100%;}
	.foot{ margin-bottom:56px;}
	
	.aside-list{ display:none;}
	#accordion{ display:block;}
	.aside-title{ padding-top:10px; padding-bottom:10px;}
	
	
	.dock ul.icons li.imphone {
	display:block;
	}
	.dock ul.icons li.im {
	display:none;
	}
}

 @media (max-width:640px) {
	  .swiper-banner-img:before {padding-top: 41%;}
	  .navbar-toggle{ padding:15px 10px;}
	  .top-logo{ float:none;}
	  .top-head .sjdnav{ top:75px;}
	  
	  .cp-list{ width:50%;}
	  


}

 @media (max-width:540px) {	 
 	.navbar-toggle{ padding-right:0;}
 	.navbar-toggle .icon-bar{ width:40px;}

	.ys-t1>span{ font-size:44px;}
	.ys-t1 .ys-tt{ font-size:16px; line-height:16px; padding-top:5px;}
	.ys-t1 .ys-tt:before, .ys-t1 .ys-tt:after{ height:34px; top:5px; width:8px;}
	.yslist{ margin-bottom:0;}
	.bg-left-img{ height:157px;}
	.bg-right{ height:auto;}
	.pics{ padding:25px 0;}
	.pic1{ height:50px;}
	.pic1 img{ max-height:100%;}
	.pic3{ margin-top:7px;}
	.pic4 img{ width:40px; height:40px;}
	.pic4 .line-number .line-number-text{ font-size:14px;}
	.pic4 .line-number .line-number-number{ font-size:24px;}
	.pic3 b{ font-size:14px; padding:8px 0; width:90px;}
	
	
}

 @media (max-width:450px) {
	 .top-head{ padding-top:10px;}
	 .top-head .sjdnav{ top:65px;}
	 .navbar-toggle .icon-bar{ width:35px;}
	.navbar-toggle{ padding:10px 10px;}


}
 

 @media (max-width:415px) {
	 .top-head{ padding-top:5px; padding-bottom:5px;}
	 .top-head .sjdnav{ top:55px;}
	 
	.pt2 .tit1{ display:none;}
	.tit3{ float:left;}
	


}
 @media (max-width:350px) {

	
	
 }
 @media (max-width:320px) { 


 }











