@charset "utf-8";
@media (max-width:1200px){	
	.float,.yewu{ width:100%; left:0; margin-left:0;}
	.c-con,.box5{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	
	.header{ background-position: center -10px;}
	.nav > ul > li > a{ font-size: 14px; height: 40px; line-height: 40px; }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}

	
	
}
@media (max-width:992px){
	.hd-right > .search{ width:30px;}
	.hd-right > .nav > ul > li > a{ padding:0 8px; }
	.yewu > ul > li > h3,.yewu > ul > li > .yw-sub > .ywsub-about > h3{  font-size: 14px;  }
	.home-col > header > h3{ font-size: 24px; }
	.home-col > header > h4{ font-size: 16px; }
	.home-col > header > p{  font-size: 12px; line-height: 20px;}
	.about > .about-left > .al-title > p{ width:80px; }
	.about > .about-left > .al-title > h3{  font-size: 16px;  }
	.about > .about-left > div{ height: 96px; line-height: 24px; font-size: 12px; overflow: hidden; }
	.swiper5 .swiper-slide > a > h3{ font-size: 14px; }
	.home-blank{ height: 48px; }
	.fmc-ewm > ul > li > h3{ font-size: 12px; }

	.online > .online-btn > h3{ font-size: 12px;}

	
}
@media (max-width:768px){	
	.online{ width: 60px; right:0;}
	.online > .online-btn > h3{ display: none; }
	.online > .online-btn:nth-of-type(1){ padding-bottom: 15px; }
	.site > .c-con{ font-size: 12px; } 
	.header-blank{height:108px;}
	.header{  background-image: url(none);}
	.logo{ width:160px;}
	.nav,.hd-right{display: none;}
	.menu{ display: block; }
	.header-blank{ height:74px;}
	.yewu > ul > li > p{ width:48px; }
	.yewu > ul > li > h3{  font-size: 12px;  }
	.yewu > ul > li > .yw-sub{ top:84px; }
	.yewu > ul > li > .yw-sub > .ywsub-img{ width:30%; }
	.yewu > ul > li > .yw-sub > .ywsub-about > h3{ text-indent: 0; height: 30px; line-height: 30px; overflow: hidden; }
	.yewu > ul > li > .yw-sub > .ywsub-about > p{   line-height: 20px; height: 40px; overflow: hidden; }
	.home-col > header > h3{ font-size: 20px; }
	.home-col > header > h4{ font-size: 16px; }
	
	.about > .about-left > div{ height: 72px; }
	.swiper4{ padding-bottom:40px; }
	.swiper4 .swiper-slide > a > h5{ display: none; }
	.swiper4 .swiper-slide > a > h3{ font-size: 14px; }
	.swiper4 .swiper-pagination-bullet{ width:12px; height: 12px; }
	.swiper5 .swiper-slide > a > h3{ font-size: 12px; }
	.home-tools > ul > li > h3{ font-size: 14px; }
	.home-tools > ul > li > p{ font-size: 12px; }

	
	.fm-col{  display: block; }
	.fmc-left,.fmc-ewm{width:100%; }
	.fmc-ewm{ margin-top: 10px; }
	.fmc-ewm > ul > li > p{width:80px;}
	.fm-link{  padding-top: 10px; margin-top: 10px; }
	
		
}

@media (max-width:640px){	
	.site{ display: none; }

	.swiper1 .swiper-pagination-bullet{width:30px;}
	.yewu > ul > li > p{ width:36px; }
	.yewu > ul > li > .yw-sub{ top:72px; padding:10px; }
	.yewu > ul > li > .yw-sub > .ywsub-about > h3{ text-indent: 0; height: auto; line-height: 24px; border-bottom:0; padding-bottom:0; }
	.yewu > ul > li > .yw-sub > .ywsub-about > p{display: none; }

	.home-col > header > h3{ font-size: 18px; }
	.home-col > header > h4{ font-size: 12px; }
	.about > .about-left > .al-title > p{ width:60px; }
	.about > .about-left > .al-title > h3{  font-size: 16px;  }
	.about > .about-left > div{ height: 48px; line-height: 24px; }
	.swiper4 .swiper-slide > a > h3{ font-size: 12px; }
	.swiper4 .swiper-slide > a > h4{ display: none; }
	.home-blank{ height: 30px; }
	.home-tools > ul > li{ width: 100%; margin-right:0; padding-left:0;}
	.home-tools > ul > li::after{ display: none; }
	.home-tools > ul > li + li{ border-top: 1px solid #EEE; }
	.footer > .c-con > .footer-logo{ width: 120px; padding:10px;}
	
}

@media (max-width:480px){
	.logo{ width:120px;}
	.header-blank{ height:58px;}
	.yewu > ul > li > p{ width:30px; }
	.yewu > ul > li > h3{ display: none; }
	.yewu > ul > li > .yw-sub{ top:50px; }
	.yewu > ul > li > .yw-sub > .ywsub-about > h3{ font-size: 12px; height: 72px; overflow: hidden; }
	.about > .about-left > div{ height: auto; line-height: 24px; }
	.about > .about-left > .al-btn{ position: inherit; margin-top: 10px; }
	
	.about{  display: block; }
	.about > .about-left{ width:100%; margin-top: 10px;}
	.about > .about-right{ width:100%; }
	.footer > .c-con > .footer-logo{ width: 80px; padding:0px;}
	.fmc-ewm > ul > li{ width:100%; }
	.fmc-ewm > ul > li + li{ margin-top: 10px;}

	.conactForm{  display: block; }
.cf-left,.cf-right{ width:100%; padding-left:0%; }
.cf-right{ margin-top: 10px; }
}
	
@media (max-width:375px){	
	.footer > .c-con > .footer-logo{ width: 60px; padding:0px;}
	
	
}