@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {

	.width_all{ max-width:980px;}
	
	.new_p_fl ul{ margin:0 auto 165px auto;}
	
	.center .center_rexian{ width:25%;}
	
	.news_right ul li a{ line-height:41px; height:41px;}
	.news_right ul li i{ margin:17px 12px 0 0;}
	
	

}

@media screen and (max-width:1000px) {

	.width_all{ width:92%;}
	
	.rexian{ display:none;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-93px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#4285f4;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#4285f4;}
	.nav{ display:none;}
	
	.banner_sj{ display:block; width:100%; margin:0 auto; overflow:hidden;}
	.banner{ display:none;}
	
	.search .s_inp01{ float:left; overflow:hidden; margin:7px 0;}
	.search .s_zi{ float:none; width:100%; overflow:hidden;}
	.search .s_biaoti{ float:none; width:100%; margin:0 auto; overflow:hidden; line-height:28px;}
	#s_width{ float:none; width:100%;}
	#s_width ul li a{ line-height:28px;}
	
	.new_p_left{ display:none;}
	.new_p_right{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	
	.center .center_guanggao{ float:none; margin:10px 0 26px 0; width:100%;}
	.center .center_rexian{ float:none; width:100%;}
	
	.youshi .ys_tab li{ margin:0 5px;}
	.youshi .ys_tab li a{ width:136px;}
	.youshi_qj .youshi_img{ float:none; width:92%; margin:0 auto; overflow:hidden;}
	.youshi_bot .ys_text{ width:100%; position:inherit; margin:0 auto 20px auto; overflow:hidden;}
	
	.about_left{ float:none; width:100%; overflow:hidden; margin:0 auto 16px auto;}
	.about_right{ float:none; width:100%; overflow:hidden;}
	
	.news_left{ float:none; width:100%; overflow:hidden; margin:0 auto 12px auto;}
	.news_right{ float:none; width:100%;}
	
	.footer_nav_compat .footer_nav_l{ float:none; width:100%; margin:26px 0 16px 0; overflow:hidden;}
	.footer_nav_compat .footer_nav_r{ float:none; width:100%; margin:16px 0 26px 0; overflow:hidden;}
	.footer_nav_compat .footer_nav_r .f_nav_l{ text-align:left; margin:18px 0 0 0;}
	.footer_nav_compat .footer_nav_r .f_nav_r{ float:left; width:80px; margin:0 16px 0 0;}
	
	.footer .footer_left{ float:none; width:100%; margin:0 auto 10px auto;}
	.footer .footer_right{ float:none; width:100%; margin:0 auto;}
	

}

@media screen and (max-width:640px) {

	.wecome{ display:none;}
	
	.head_top .logo{ width:64px; margin:18px auto;}
	.head_top h1{ font-size:12px; line-height:20px; margin:21px 0 21px 14px;}
	.head_top h1 em{ font-size:21px; line-height:24px; margin:0 0 6px 0;}
	.guanggao{ margin:24px 0 24px 14px; padding:0 0 0 14px; font-size:14px; line-height:20px;}
	.guanggao em{ margin:4px 0 0 0;}
	
	#navToggle{ top:-74px;}
	
	.new_p_t ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_t ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_p_t ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.new_p_t ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.hezuo_width li{ width:4%; margin:0 0.25% 0 0;}
	
	.youshi .ys_tab{ width:92%; margin:24px auto;}
	.youshi .ys_tab li{ width:100%; margin:0 auto 8px auto;}
	.youshi .ys_tab li a{ width:100%;}
	.youshi .youshi_qj{ margin:24px auto 0 auto;}
	
	.chejian ul li{ float:left; width:48%; margin:0 4% 4% 0;}
	.chejian ul li:nth-child(2n){ margin:0 0 4% 0;}
	.chejian ul li:nth-child(3n){ margin:0 4% 0 0;}
	.chejian ul li:nth-child(4n){ margin:0;}
	
	.news_right ul li{ float:none; width:100%; margin:0;}
	
	/*bottombox*/
	#bottombox{ width:100%; height:60px; background:rgba(1,147,222,.8); z-index:99; position:fixed; bottom:0px; left:0px; right:0px; top:auto; padding:5px 0; display:none;}
	.fize{ text-align:center;}
	.fize img{ display:inline; margin:0 0 3px 0;}
	.bot1{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot1 a{ color:#fff;  font-size:14px;}
	.bot2{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot2 a{ color:#fff;   font-size:14px;}
	.bot3{ width:25%; height:auto; float:left; color:#500; text-align:center; display:block; margin:3px 0px;}
	.bot3 a{ color:#fff;  font-size:14px; }
	.bot4{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot4 a{ color:#fff;  font-size:14px;}

}