@charset "utf-8";
@media (max-width:1200px){
	.c-con{ width:100%; padding-left:10px; padding-right:10px; box-sizing:border-box;}
	.navlist,.notic-cen,.prod-cen,.zx-cen,.service-cen,.footer-cen{ width:100%;}
	.notic-cen{ padding-left:50px; padding-right:10px;}
	.notic-cen h3{left:10px;}
	.prod-cen{ padding-left:220px; padding-right:10px;}
	.prod-menu{ width:200px; left:10px;}
	
	
}
@media (max-width:992px){
	.logo{ width:200px; height:65px; float:left;}
	.logo img{ width:100%;}
	.zx-about h3{ font-size:20px;}
	.zx-about p{ font-size:14px;}
	.pmenu-list li{ font-size:12px; padding:0 5px; }
}
@media (max-width:768px){
	.head-cen{ padding-top:5px; padding-bottom:10px;}
	.logo{ width:170px; height:55px; float:left; }
	.logo img{ width:100%;}
	.phone{ width:auto; height:36px; float:right; margin-top:0; padding-left:40px; position:relative;}
	.phone p{ width:36px; height:36px; text-align:center; position:absolute; left:0; top:0;}
	.phone p i{ font-size:30px; color:#8b8b8b;}
	.phone h4,.phone h5{ width:100%; height:16px; line-height:16px; font-weight:normal; font-size:12px; color:#cf1a23; overflow:hidden;}
	.phone h5{ height:20px; line-height:20px; font-size:16px;}
	
	.navlist li{ font-size:14px; width:25%; background-image:url(../images/nav.jpg); background-position:left top; background-repeat:repeat-x; background-size:cover; height:35px; line-height:35px; border-bottom:1px solid #000; }
	.navlist li:hover{background-size:cover;}
	
	.prod-cen{ padding-left:10px; }
	.prod-menu{ position:relative; width:100%; left:0;}
	.prod-menu li{ width:32%; height:32px; line-height:32px; margin-right:2%; float:left; }
	.prod-menu li:nth-of-type(3n){ margin-right:0; }
	
	.zx-cen{padding-left:10px; padding-right:10px;}
	
	.box4{ display:none;}
	.box5{ display:block;}
	
	.about-img,.about-cen{ width:100%;}
	.about-cen{ margin-top:10px;}
	
	.prod-header h3,.news-header h3{ font-size:18px;}
	.prod-header p,.news-header p{ padding:10px 0;}
	.news-form li{ padding-left:36px;}
	.news-form li h5{ width:30px;}
	
	.service-cen{ padding-left:10px; padding-right:10px; }
	.serv-header{ font-size:18px;}
	.serv-list{ padding-left:190px; padding-right:130px; }
	.serv-qq{ width:180px;}
	.serv-qq p{ width:180px; font-size:12px;}
	.serv-contact p{ font-size:12px;}
	.serv-weixin{ width:120px;}
	.serv-wx-img{ width:90px;}
	
	.footer-cen{ padding-left:10px; padding-right:10px; font-size:12px;}
	
}

@media (max-width:600px){
	.site{ font-size:0;}
	.phone{ position:absolute; right:10px; top:-30px; padding-left:26px; }
	.phone p{ width:30px; height:30px; line-height:26px;}
	.phone p i{ font-size:16px;}
	.phone h4,.phone h5{ width:auto; float:left; height:36px; line-height:26px; font-size:12px;}
	.phone h5{ font-weight:bold;}
	
	
	
	.zx-about,.zx-btn{ width:100%;}
	.zx-btn p{ width:160px;}
	.zx-btn{ margin-top:10px; }
	
	
	.prod-menu li{ width:49%; margin-right:0%; height:32px; line-height:32px;}
	.prod-menu li:nth-of-type(2n){ float:right;}
	
	.news-col h4{font-size:16px; padding:10px 0;}
	.news-col{ width:100%; margin-right:0%;}
	.news-col + .news-col{ margin-top:10px;}
	.news-form li{ padding-left:48px;}
	.news-form li h5{ width:42px;}
	
	.serv-list{ padding-left:10px; padding-right:10px; }
	.serv-contact{ margin-top:3%; margin-bottom:3%;}
	.serv-qq{ position:relative; width:100%;}
	.serv-weixin{ position:relative; width:100%;}
	
	
	.copyright,.zhichi{ width:100%;}	
	.zhichi{ text-align:left;}
}

@media (max-width:480px){
	.navlist li{ font-size:12px;}
	.zx-about h3{ font-size:14px;}
	.zx-btn p{ width:120px;}
	
	.about-cen h4{ font-size:16px;}
	.about-cen p{ font-size:12px;}	
	.about-cen h5{ width:68px; height:28px; line-height:28px; font-size:12px;}
}
@media (max-width:375px){
	.swiper6 .swiper-slide{ font-size:12px;}
}