@charset "utf-8";
@media (max-width:1200px){
	.c-con{ width:100%; padding-left:10px; padding-right:10px; box-sizing:border-box;}
	.box,.box4{ width:100%;/* padding:0 10px;*/ box-sizing:border-box;}
	.case-tab,.navlist{ width:100%;}
	.caselist li h3{ font-size:16px;}
	.about,.news-cen,.contact{ width:100%;}
	
}
@media (max-width:992px){
	.header{ height:116px;}
	.logo{ width:280px; height:116px;}
        .hb{display: none;}
	.phone{ height:116px; line-height:116px; background-size:22px 116px;}
	.navlist li{font-size:16px; }
	.coltitle h3{height:44px; line-height:44px; font-size:30px; }
	
	.youshi-list li h3{ font-size:16px; height:32px; line-height:32px;}
	.youshi-list li h4{font-size:14px;}
	
	.caselist li h4{ width:60px; height:60px; line-height:60px; margin-left:-30px; margin-top:-30px;}
	.caselist li h3{ font-size:14px;}
	
	.news-header h3{ font-size:30px; width:280px;}
	.news-header h3::after{width:120px;}
	.nc-list li h3,.nc-list li p{font-size:14px; padding:3px 0; }
	.nc-list li p{ font-size:12px; line-height:20px; height:40px; }
	.nc-list h4{ margin-top:2%; }
	.nc-list h4 a{ width:120px; height:30px; line-height:30px; font-size:14px;}
}

@media (max-width:800px){
	
}
@media (max-width:768px){	
	
	.header{ height:88px;}
	.logo{ width:210px; height:88px;}
	.phone{ height:88px; line-height:24px; padding:20px 0 20px 23px; text-align:left; font-size:18px; background-size:13px 88px;}
	.phone span{ font-size:13px; display:block; }
	.nav{ padding:12px 0;}
	.navlist li{font-size:13px; }
	
	.box,.box4{ padding-left:44px; padding-right:44px;}
	.swiper-button-next,.swiper-button-prev{ height:24px; width:24px; margin-top:-12px; }
	.swiper-button-next i,.swiper-button-prev i{ font-size:14px; line-height:24px;}
	
	.swiper4 .swiper-slide h3{font-size:14px; padding:5px 0; }
	.box4 .swiper-button-next,.box4 .swiper-button-prev{ height:24px; width:24px; margin-top:-12px; }
	.box4 .swiper-button-next i,.box4 .swiper-button-prev i{ font-size:14px; line-height:24px;} 

	.coltitle h3{height:40px; line-height:40px; font-size:28px; }
	.coltitle p{ height:24px; line-height:24px;font-size:13px;}
	
	.youshi-list li{ width:50%; margin-bottom:20px;}
	.case-tab{ padding:0 10px;}
	.caselist li{ width:33.33%;}
	.caselist li h4{ width:48px; height:48px; line-height:48px; margin-left:-24px; margin-top:-24px;}
	.caselist li h3{ font-size:16px;}
	.obj{ padding:30px 0 20px 0; margin-top:30px; }
	.obj-header{ width:240px; margin-bottom:30px; }
	.obj-header h3{ height:36px; font-size:24px; line-height:36px;}
	.obj-header p{ height:24px; font-size:18px; line-height:18px;}
	.obj-header::before,.obj-header::after{ height:20px;}
	.act-nr h3{ line-height:32px; font-size:16px; }
	.act-nr p{ line-height:20px; font-size:12px; }
	
	.newss{ margin-top:30px; padding:20px 0  30px 0;}
	
	.news-header h3{ font-size:28px; width:250px; }
	.news-header h3::after{width:100px;}
	.news-header h3 span{ font-size:15px;}
	
	.news-cen,.nc-main{ padding:10px;}
	.nc-list{ width:100%; padding:20px 0; box-sizing:border-box; float:none;}
	.nc-img{ width:100%; float:none; position:inherit; margin-top:3%; bottom:0; }
	
	.contact-list,.contact-form{ width:50%;}
	.contact-list{ padding-left:10px;}
	.contact-form{ padding-right:10px;}
	.contact-form li{ width:100%;}	
	.contact-form li:nth-of-type(4){ width:100%; height:120px; border:1px solid #cfcfcf; padding:0; position:inherit; right:0; top:0;}
}

@media (max-width:480px){
	
	.header{ height:74px;}
	.logo{ width:175px; height:73px;}
	.phone{height:74px;  line-height:20px; padding:16px 0 16px 22px; text-align:left; font-size:16px; background-size:12px 74px;}
	.phone span{ font-size:13px; }
	.navlist li{font-size:14px; width:25%; }
	
	.box,.box4{ padding-left:0; padding-right:0;}
	.swiper3 .swiper-slide h3{ padding:5px 0; display:none;}
	.swiper3 .swiper-slide h3 span,.swiper3 .swiper-slide h3 a i{ display:none; }
	/*.swiper-button-next,.swiper-button-prev{ display:none;}*/
	.swiper4 .swiper-slide h3{font-size:12px; padding:10px 0; }
	
	.coltitle h3{height:36px; line-height:36px; font-size:20px; }
	.coltitle p{ height:22px; line-height:22px;font-size:12px;}
	
	.news-header{ height:48px;}
	.news-header h3{ font-size:20px; width:204px; height:48px; line-height:48px;}
	.news-header h3::after{width:80px;}
	.news-header h3 span{ font-size:14px;}
	
	.case-tab li{ width:29.3%; height:auto; float:left; margin:0 2%;}
	.caselist li h3{ font-size:14px;}
	.about{ padding:0;}
	.about::after{ display:none;}
	.about-img,.about-cen{ width:100%; padding:0 10px; box-sizing:border-box; float:none;}
	.about-img img{ width:100%;}
	.about-cen{ /*margin-top:10px;*/}
	.ac-text{ width:100%; background-image:url(none); }
	.act-nr h3{ line-height:36px; font-size:16px; }
	.act-nr p{ line-height:24px; font-size:12px; }
	.contact-list li,.contact-list li:nth-last-of-type(1){ margin-bottom:20px;}
	.contact-list li::after{ height:30px;}
	.contact-list,.contact-form{ width:100%;}
	
	.erweima{ position:inherit;}
	.fc-nav,.copyright{ font-size:12px;}
}
@media (max-width:375px){
	.header{ height:66px;}
	.logo{ width:158px; height:66px;}
	.phone{height:66px;  line-height:20px; padding:13px 0 13px 20px; text-align:left; font-size:14px; background-size:10px 74px;}
	.phone span{ font-size:12px; }
	.navlist li{font-size:12px; width:25%; }
	
	.swiper4 .swiper-slide h3{font-size:12px; padding:5px 0; }
	
	.coltitle h3{height:32px; line-height:32px; font-size:18px; }
	.coltitle p{ height:20px; line-height:20px;font-size:12px;}
	
	.youshi-list li h3{font-size:16px; height:30px; line-height:30px;}
	.youshi-list li h4{font-size:12px;}
	
	.case-tab li{ width:96%; height:auto; float:left; margin:0 2%; margin-top:2%;}
	.caselist li{ width:33.33%;}
	.caselist li h4{width:60px; height:60px; line-height:60px; margin-left:-30px; margin-top:-30px}
	
	.obj-header{ width:160px;}
	.obj-header h3{ height:36px; font-size:22px; line-height:36px;}
	.obj-header p{ height:20px; font-size:14px; line-height:14px;}
}