@charset "utf-8";
/* CSS Document */

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

	.img-scroll .prev{ left:0;}
	.img-scroll .next{ right:0;}

}

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

	.width_all{ width:96%;}
	
	.header .spain{ display:none;}
	
	.h_name{ margin:20px auto;}
	.h_name .c_name{ display:none;}
	.h_name .c_sj_name{ display:block; float:left; margin:11px 0 0 20px; font-size:16px; color:#666; line-height:22px; text-transform:uppercase;}
	.h_name .c_sj_name em{ display:block; font-size:30px; color:#000; line-height:30px; margin:0 0 7px 0; letter-spacing:19px;}
	.h_name .rexian{ display:none;}
	
	.nav{ display:none;}	
	.menu{ display:block; position:absolute; right:2%; top:43px;}
	.openclose{ display:block; margin:30px 0; width:40px; height:40px; line-height:40px; text-align:center; background:url(../images/menu.png) center center no-repeat;}
	.openclose:hover{ background:url(../images/menu_hover.png) center center no-repeat;}
	.menu a:hover{ text-decoration:none;}
	.sub_menu{ display:none; position:fixed; right:0px; top:148px; width:70%; z-index:100; background:#000; border-radius:0px 0 0 5px; }
	.sub_menu .box{ padding:2% 5% 5% 5%;}
	.sub_menu .nav_er ul{ margin:0 auto;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom:1px solid #333; text-transform:uppercase;}
	.sub_menu .nav_er li a{ color:#fff; display:block; font-size:14px;}
	.sub_menu .nav_er li a:hover{ color:#fff; display:block; text-decoration:none;}
	
	.banner_sj{ display:block;}
	.banner_pc{ display:none;}
	
	.b_dianhua{ display:none;}
	.rxiang_c{ float:none; width:100%; border-right:none; overflow:hidden;}
	.rxiang_c dl{ margin:20px 0 19px 2%;}
	.rxiang_c dl dt{ float:left; font-size:24px; margin:0 0 0 4%;}
	.rxiang_m{ display:none;}
	
	.search{ padding:12px 0;}
	.search .s_zi{ display:none;}
	
	.new_p_left{ display:none;}
	.new_p_right{ float:none; width:100%;}
	.new_p_right .n_p_name{ padding:0;}
	.new_p_right ul li{ width:48%; margin:0 4% 2% 0;}
	.new_p_right ul li:nth-child(2n){ margin:0 0 2% 0;}
	.new_p_right ul li:nth-child(3n){ margin:0 4% 2% 0;}
	.new_p_right ul li:nth-child(6n){ margin:0 0 2% 0;}
	
	.why_us ul li{ float:none; width:100%; margin:0 0 18px 0;}
	
	.about_left{ float:none; width:100%;}
	.about_left .about_name{ margin:30px 0 18px 0; font-size:30px; line-height:36px;}
	.about_left .about_name font{ font-size:36px;}
	.about_right{ display:none;}
	
	.img-list li{ width:12%; margin:0 1% 0 0;}
	
	.support{ float:none; width:100%; margin:0 0 26px 0;}
	
	.news{ float:none; width:100%;}
	
	.footer .footer_left{ float:none; margin:0 0 12px 0;}
	.footer .footer_right{ float:none;}
	
	
	.content_left{ float:none; width:100%; margin:0 0 16px 0;}
	.content_left .content_last{ display:none;}
	.content_left ul{ border-top:#ddd 1px solid; padding:4px 10px;}
	.content_right{ float:none; width:100%;}

}

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

	.ny_banner{ background:url(../images/ny_banner1.jpg) -320px center no-repeat;}
	
	.huanjing ul li{ width:48%; margin:0 4% 4% 0;}
	.huanjing ul li:nth-child(2n){ margin:0 0 4% 0;}
	.huanjing ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.huanjing ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.products ul li{ float:left; width:48%; margin:0 4% 4% 0;}
    .products ul li:nth-child(2n){ margin:0 0 4% 0;}
    .products ul li:nth-child(3n){ margin:0 4% 4% 0;}
    .products ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.dht_qk{ display:block; height:50px; background:rgba(28,32,137,0.8); position:fixed; bottom:0; z-index:1000; width:100%; box-shadow:0 -2px 2px rgba(102,102,102,0.2); border-top:1px solid rgba(255,255,255,0.2);}
    .dht_qk li{ width:20%; float:left; height:50px;}
    .dht_qk li a{ border-right:1px solid rgba(255,255,255,0.2); color:#fff; display:block; font-size:12px; height:20px; overflow:hidden; padding-top:30px; text-align:center; vertical-align:bottom;}
    .dht_qk li.v1{ background:url(../images/s1.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v2{ background:url(../images/s2.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v3{ background:url(../images/s3.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v4{ background:url(../images/s4.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v5{ background:url(../images/s5.png) center 3px no-repeat;background-size:24px}

}