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

	.head_top .rexian{ display:none;}
	
	.header{ float:right; width:auto; text-align:inherit;}

}

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

	.width_all{ max-width:980px;}
	
	.nav a{ padding:0 12px;}
	
	.about .about_left{ width:48%;}
	.about .about_right{ width:49%; line-height:22px;}
	
	.q_navigation_ml ul li{ margin:0 6px 0 0;}
	
	.footer .footer_erweima{ width:26%;}

}

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

	.width_all{ width:92%;}
	
	.head_top .logo{ width:208px;}

	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-2px;}
	#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:#0053a2;}
	#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:#0053a2;}
	.header{ height:52px;}
	.header .nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.why_us_name span{ font-size:24px; line-height:36px;}
    .why_us_wz{ font-size:16px; line-height:26px;}
	
	.center_home .center_rexian{ display:none;}
	
	.new_product .new_p_left{ float:none; width:100%; margin:0 0 14px 0;}
	.new_product .new_p_right{ float:none; width:100%;}
	.new_product .new_p_right h5{ margin:14px 0 18px 0;}
	.new_product .new_p_more{ position:inherit;}
	
	.news .news_golds:before{ display:none;}
	.news .news_home{ float:none; width:100%; margin:0 0 48px 0;}
	.news .news_home ul li:before{ left:16%;}
	.news .news_home ul li .news_shuzi{ width:14%;}
	.news .news_home ul li .news_jieshao{ width:82%;}
	.news .services{ float:none; width:100%;}
	
	.about_us{ background:#03264c url(../images/about_us.jpg) center bottom no-repeat;}
	.about_us .about{ padding:3%;}
	.about .about_left{ float:none; width:100%;}
	.about .about_right{ float:none; width:100%; line-height:25px; margin:18px 0; height:175px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:7; -webkit-box-orient:vertical;}
	
	.q_navigation_zt{ float:none; width:28%; margin:0 auto 12px auto;}
	.q_navigation_ml{ float:none; width:100%; margin:0 auto;}
	.q_navigation_ml ul{ display:inherit;}
	.q_navigation_ml ul li{ margin:0 18px 0 0;}
	.q_navigation_ml ul li a{ line-height:26px;}
	
	.ny_banner{ padding:30px 0 0 0;}
	.ny_banner .ny_banner_zt{ font-size:24px; line-height:30px;}
	
	.ny_nav{ margin:24px 0 0 0;}
	.ny_nav ul li{ float:none; font-size:16px; margin:0; border-bottom:#ccc 1px solid; padding:10px 0;}

}

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

	.why_us_width ul li{ float:none; width:100%; margin:0 0 4% 0;}
	.why_us_width ul li:last-child{ margin:0;}
	
	.center_home .center_name{ width:300px;}
	
	.new_product ul li{ width:48%; margin:0 4% 4% 0;}
	.new_product ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_product ul li:nth-child(3n){ margin:0 4% 0 0;}
	.new_product ul li:nth-child(4n){ margin:0;}
	
	.case .case_nav{ display:none;}
	.case .case_width ul li{ float:none; width:100%; margin:0 0 4% 0;}
	.case .case_width ul li:last-child{ margin:0;}
	
	.news .news_home ul li{ float:none; width:100%; margin:0 0 6% 0; overflow:hidden;}
	.news .news_home ul li:nth-child(3){ margin:0 0 6% 0;}
	.news .news_home ul li:nth-child(4){ margin:0;}
	
	.q_navigation_zt{ width:42%;}
	
	.footer .footer_contact{ float:none; width:100%; margin:0 0 4% 0;}
	.footer .footer_erweima{ float:none; width:68%;}
	
	.company_left{ float:none; width:100%; margin:0 0 22px 0;}
    .company_right{ float:none; width:100%;}
    .company_right em{ font-size:18px; line-height:38px;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0; position:relative;}
    .products ul li:nth-child(2n){ margin:0 0 4% 0;}
    .products_xg{ float:none; width:100%;}
    .products_sming{ float:none; width:100%; margin:0 0 28px 0;}
	
	.strength ul li{ width:48%; margin:0 4% 4% 0;}
    .strength ul li:nth-child(2n){ margin:0 0 4% 0;}
    
    .ny_news ul li{ float:none; width:100%; overflow:hidden; margin:0 0 6% 0;}
    .ny_news ul li:nth-child(2n){ margin:0 0 6% 0;}
	
	.ny_case ul li{ width:48%; margin:0 4% 4% 0;}
    .ny_case ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.join_us span{ width:25%;}
	.join_us span:nth-child(4){ display:none;}

}