/* CSS Document */

@media (max-width:1200px) {
	

	
}

@media( max-width:1024px){

}

@media (max-width:991px) {
	.navbar-toggle{ display:block; margin-right:0;}
	.navbar-toggle .icon-bar{ background:#004ca2; width:40px; height:5px;}
	
	.heade1 .topbar .sjdnav{ width:150px; position:absolute; right:15px; top:80px; z-index:5; display:block;}
	.heade1 .topbar .sjdnav ul{ margin:0; padding:0;}
	.heade1 .topbar .sjdnav li{display:block; padding:0; text-align:center; background:#004ca2; margin-bottom:3px;}
	.heade1 .topbar .sjdnav li.active a{ color:#fff; background:#0162d5;}
	.heade1 .topbar .sjdnav li a{ display:block; color:#fff; line-height:32px; font-size:16px;}
	.heade1 .topbar .sjdnavhide{ height:0; overflow:hidden;}
	
	.banner{ padding-top:78px;}
	.banner .banpc{ display:none;}
	.banner .mban{ display:block;}
	
	.pic ul li a img{ width:36%}
	.pic ul li a .pic-desc{ bottom:10%;}
	.pic ul li a .pic-desc h4{ font-size:15px; line-height:20px;}
	.pic ul li a .pic-desc p{ font-size:12px; line-height:14px;}
	.about_cont .about_img img{ display:block; margin:0 auto;}
	.bg4{ display:none;}
	.foobg .foot{ display:block; text-align:center;}
	.foobg .foot ul li{ line-height:30px}
	.foobg .foot ul li a{ line-height:30px;}
	.foobg .copy{display:block; text-align:center; line-height:30px; float:none;}
	
}

 @media (max-width:768px) {
	.pic ul li{ width:50%; margin-bottom:15px; padding:0 7px;}
	.pic ul li.li03{ float:right;}
	.foobg{ margin-bottom:56px;}
	.aside .aside-bot{ display:none;}
	.aside{ width:100%;}
	.mains{ width:100%;}
	.news2 .news-list .imgbox{ width:30%;}
	.news2 .news-list .new_right{ padding-left:32%;}
	.news2 .new2-img{ width:48%;}
	.conta2 .botts .bott2{ width:100%; margin-top:10px;}
	.guids .guid_img .mask{ top:0;}
	.guistop .tel{ width:162px; font-size:12px;}
	.guistop .tel span{ width:26px; height:26px;}
	.guistop .tel b{ font-size:16px;}
	.guidsbot span{ width:100px; height:32px; line-height:32px; font-size:13px;}
	
}

 @media (max-width:650px) {

	.news2 .news-list .imgbox{ width:36%;}
	.news2 .news-list .new_right{ padding-left:38%;}
}

 @media (max-width:540px) {	 .mainage .label-1{ width:100%; text-align:left;}
	 .mainage .put-1{ width:100%;}}

 @media (max-width:450px) {
	.mains .mains-top .mains-top-title{ display:none;}
	.mains .mains-top .mains-top-wz{ float:left;}
	.news2 .news-list .imgbox{ width:100%;}
	.news2 .news-list .new_right{ padding-left:0;}
	.news2 .news-list .new_right p{ height:67px;}
	
	.guids .guid_img .mask{ top:0;}
	.guids .guid_img .mask .maskbox h3{ font-size:12px; padding-bottom:5px;}
	.guids .guid_img .mask .maskbox span{ font-size:13px;}
	.guids .guid_img .mask .maskbox span b{ width:16px; height:16px; line-height:14px;}
	
}
 

 @media (max-width:415px) {
	.heade1 .topbar .logo{ width:70%}
	.navbar-toggle .icon-bar{ width:30px; height:4px;}
	.heade1 .topbar{ padding:3px 0;}
	.xwzxbox .new-list .imgbox{ width:110px;}
	.xwzxbox .new-list .new_right{ padding-left:115px;}
	.mains-content .pros_list{ width:100%;}
	.news2 .new2-img{ width:100%;}
	.heade1 .topbar .sjdnav{ top:62px;}
	
	.banner{ padding-top:60px;}
	
}
 @media (max-width:350px) {
	.navbar-toggle{ padding:0;}
	.heade1 .topbar .sjdnav{ top:52px;}
	.banner{ padding-top:52px;}
	
 }
  @media (max-width:320px) {
	.heade1 .topbar .sjdnav{ top:44px;}
	.banner{ padding-top:44px;}
 }