/* CSS Document */

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

@media( max-width:1024px){
	.header1 .topbar{ margin-top:12px;}
	.header1 .topbar .logo{ width:50%;}
	
	.header1 .topbar .tel span{ width:46px; height:46px;}
	.header1 .topbar .tel{ font-size:20px; line-height:46px;}
	.banner .banpc{ display:none;}
	.banner .banmedia{ display:block;}
	
	
}

@media (max-width:991px) {
	
	.header1 .topbar{ position:relative;}
	.header1 .topbar .logo{ width:60%;}
	.header1 .topbar .toptel{ display:none;}
	.navbar-toggle{ display:block !important; margin-top:0;}
	.navbar-toggle .icon-bar{ width:40px; height:7px; background:#45cbb3;}

	.header1 .topbar .sjdnav{ width:150px; position:absolute; right:15px; top:100%; z-index:5; display:block;}
	.header1 .topbar .sjdnav ul{ margin:0; padding:0;}
	.header1 .topbar .sjdnav li{display:block; padding:0; text-align:center; background:#45cbb3; margin-bottom:3px;}
	.header1 .topbar .sjdnav li.active a{ color:#fff; background:#ff7300;}
	.header1 .topbar .sjdnav li a{ display:block; color:#fff; line-height:32px; font-size:16px;}
	.header1 .topbar .sjdnavhide{ height:0; overflow:hidden;}
	
	.banner .banprev{ display:none;}
	.banner .bannext{ display:none;}
	
	#gs1-img .swiper-slide .fw_img .fw_img_top1{ padding-top:70%;}
	.cm9{ margin-top:20px;}
	.file .file-txt .file-box{ height:210px;}
	.news, .service, .SU-case{ padding:10px;}
	.su-c2{ height:auto;}
	.list-img .swiper-slide .case_img .case_img_top{ padding-top:42%;}
	.ewm_box{ display:none;}
	.main-color{ margin:15px 0;}
	.main-about{ margin-top:0;}
	
	.leftbot{ display:none;}
}

 @media (max-width:767px) {

	.header1 .topbar .logo{ width:68%; margin-left:5px;}
	.header1{ margin-bottom:5px;}
	#gs1-img .swiper-slide .fw_img .fw_img_top1{ padding-top:64%;}
	.main-bg{ display:none;}
	.foot{ margin-bottom:56px;}
	.ss_box{ padding:0 8px;}
	.ss_box ul{ width:100%; display:block; float:left;}
	.ss_box ul li{ line-height:40px; padding-right:5px;}
	.ss_box .ss{ width:100%; display:block; float:left; margin-top:0; margin-bottom:10px;}
	.ss_box .ss *{ width:100%;}
	.ss_box .ss input{ width:80%; height:40px; line-height:40px;}
	.ss_box .ss button{ width:10%; height:40px;}
	

}

 @media (max-width:650px) {
	 .ss_box ul{ padding:8px 0;}
	.ss_box ul li{ line-height:21px;}
	.ss_box .ss button{ width:20%}
	
	.mess .keh_box .ip label{ width:100%; text-align:left;}
	.mess .keh_box .ip input{ width:100%; float:left;}
	.mess .keh_box .ip textarea{ width:100%; float:left;}
	.mess .keh_box .but{ width:100%; float:left;}
	.news2 ul li span{ width:30%}
	.news2 ul li a{ width:64%;}
	
	.list_nav h3{ line-height:40px;}
	.list_nav h3 i{ margin-top:9px; margin-right:6px;}
	.gs .title h6{ display:none;}
	.gs .title h4{ font-size:32px;line-height:1;}
	.gs .gsbg{ margin-top:4px; margin-right:5px;}
	.gs .title h5{ line-height:32px; font-weight:normal; margin-left:5px; font-size:14px;}
	
}

 @media (max-width:540px) {
	.ss_box ul li{ display:none;}
}
 

 @media (max-width:415px) {
	.header1 .topbar{ margin-top:5px;}
	.header1 .topbar .logo{ width:220px;}
	
	.navbar-toggle{ padding:0; margin-top:5px; margin-right:12px;}
	.navbar-toggle .icon-bar{ width:30px; height:4px;}
	
	.proImg{ width:100%;}
	.mess .keh_box .but button{ padding:5px 30px;}
	
	
	
}
 @media (max-width:321px) {
	
	
	
 }