@media only screen and (max-width:1680px) {
	.first-nav a,.danye,.newlist span h2,.tulist1 p,.tulist{ font-size: 16px;}
	.headbox{ height: 80px;} 
	.logo img{height: 40px;}
	.second-nav a{ padding: 0 20px; line-height: 2.5; font-size: 15px;}
	
	.erweima img{ width: 100px; height: 100px; padding: 6px;}
	.ft1box img{ width: 40px;}
	.ft1box{ font-size: 14px; width: 210px;}
	.ft1box h3{ font-size: 28px;}
	.ft2 h2 a{font-size: 15px;}
	.title h2{ font-size: 40px;}
	.con2_fu{ padding: 40px 0; }
	.con2_fu>div{ padding:0 40px;font-size: 18px;}
	.con2_fu>div img{ width: 50px;}
	.con1bj{ padding-bottom: 120px;}


	
	
}


@media only screen and (max-width:1300px) {
	nav{ margin-left: 5%;}
	.shub img{ width: 18px;}
	
	.ftcon{flex-wrap: wrap;}
	.ft1,.ft2{ width: 100%;}
	.ft1{ justify-content: space-between; flex-wrap: wrap;}
	.ft1box{ width: auto; max-width: 400px;}
	.ft2{ border-top: 1px solid #454449; padding-left: 0; margin-left: 0; border-left: none; padding-top: 20px;padding-right: 0;}
	.title h2{ font-size: 36px;}
	.title{ font-size: 22px;}
	.con2_fu{ padding: 30px 0; }
	.con2_fu>div{ padding:0 30px;font-size: 16px;}
	.con2_fu>div img{ width: 50px;}
	.con3tex h2{ font-size: 28px; margin-top: 40px; margin-bottom: 20px;}
	.con3tex{ font-size: 18px;}
	.newlist span{ padding: 20px;}
	.newlist span{ font-size: 14px;}
	.con3ri{ width: calc(100% - 350px);}
	.kuai3{ width: calc(33.33% - 24px)!important; margin-right: 36px;}
	
}


@media only screen and (max-width:1000px ) {
	
	header{position: sticky; background-color: #201f25;}
	.mBtn{display: flex; align-items: center; justify-content: center; margin-left: 15px;}
	.mBtn span i{ background-color: #fff;}
	.first-nav>a::after{ left: 20px; transform: translateX(0);}
	nav{ left: -100%;position:absolute; z-index: 9998; background:rgba(0,0,0,0.8); height:auto;display:flex; width: 100%; transition: 0.3s;top: 60px;min-height:calc(100vh - 60px); margin-left: 0; flex-direction: column;}
	nav.active{left: 0%;top:61px}
	nav{overflow-y: auto;overflow-x: hidden;height: calc(100vh - 61px);}
	 ::-webkit-scrollbar{
	      display: none;
	}
	.logo img{ height: 32px;}
	.headbox{ height: 60px;}
	.nav-item{height: auto; padding: 0;}
	.nav-item:last-child{ border-bottom: none;}
	.nav-box{ display: block; box-sizing: border-box; padding-bottom: 10px;}
	.m-c{display: block; background: rgba(0,0,0,0); position: absolute; width: 100%; height: 50px; left: 0; top: 0; z-index: 99;}
	.first-nav{height: 60px;}
	.show-nav{pointer-events: none!important;}
	.show-nav a{pointer-events: none!important;color: #fff; }
	.nav-item:hover .first-nav a{color: #fff; }
	.first-nav a{justify-content: space-between; height: 100%; color: #fff; font-size: 15px; width: 100%; box-sizing: border-box; padding: 0 20px;}
	.first-nav.on a{ color: #fff;}
	.first-nav a em{display: none;}
	.first-nav a i{ display: block;}
	.second-nav a{ padding: 0;text-align: left; height: 40px; line-height: 40px; border-bottom: none; color: #eee; font-size: 14px;}
	.second-nav a:hover{ background: transparent;}
	.second-nav{position: static; left: auto; top:auto!important; background: none; border-radius:0;  max-height: 1000px; opacity: 1;  display:none;  margin-left: 10%; transition: 0s; box-shadow: 0 0 10px rgba(0,0,0,0); transform:none; box-sizing: border-box;  position: relative;}
	.nav-item:hover .second-nav{ padding: 0;padding-bottom: 8px;}
	.nav-item:hover .first-nav a{ font-weight: normal;}
	.second-nav a:hover{ color: #fff;}
	
	.bannerfu{ bottom: 15px;}
	.swiper-button-prev,.swiper-button-next{ width: 26px; height: 26px;}
	
	.swiper-pagination-bullet{ font-size: 12px;}
	.swiper-button-next::after, .swiper-button-prev::after{ font-size: 12px;}
	.swiper-button-next, .swiper-rtl .swiper-button-prev{ right: 0; }
	.banner .swiper-button-prev{ right: 36px;}
	.shubiao{ width: 24px;}
	.shub{ font-size: 12px;}
	.ft1box{ width: 100%; max-width: 100%; margin-top: 10px; text-align: center; margin-left: 0;}
	.ft_logo{ width: 100%;}
	.ft_logo img{ margin: 0 auto; width: 200px; margin-bottom: 15px;}
	.erweima{ margin: 0 auto;}
	.ft2 h2 a{ font-size: 14px;}
	.ft2 span{ margin-top: 10px;}
	.ftcon{ padding: 30px 0;}
	.title h2{ font-size: 22px;}
	.title{ font-size: 20px;}
	.more{ width: 120px; height: 43px; padding-top: 12px; padding-left: 18px;}
	.con1le{ width: 100%; margin-right: 0;}
	.con1ri{ display: none;}
	.con2_fu{ display: none;}
	.con1bj{ padding-bottom: 30px;}
	.con2bj{ padding-top: 30px;}
	.con2{ margin-top: 0;}
	.con3top{ flex-wrap: wrap;}
	.con3ri{ width: 100%; margin-top: 30px;}
	.con3tex h2{ margin-top: 30px; margin-bottom: 20px;}
	.tulist1 .tu{ padding:10px;}
	.newlist span p{ margin: 15px 0;}
	
	section{ padding:30px 0;}
	.er_weizhi{ font-size: 14px; line-height: 36px;}
	.ernav a{ height: 40px; min-width: 130px;margin: 5px 8px;}
	.erbox .con2_fu{ display: flex; flex-wrap: wrap; padding:15px 20px;}
	.erbox .con2_fu>div{ width: 100%; border-right: none; border-bottom: 1px solid #ebebeb; padding: 15px; font-size: 15px;}
	.erbox .con2_fu>div:last-child{ border-bottom: none;}
	.con2_fu>div img{ width: 36px;}
	ul.yiiPager li a{width: 34px; height: 34px;}
	 ul.yiiPager li{display:block; margin:0 2px;} 
	.bar{margin-top: 30px;}
	.bar a.show_prev{justify-content: center;  padding: 20px 20px;  width: auto;}
	.bar a.show_prev i{display: none;}
	.bar a.show_next{justify-content: center;  padding: 20px 20px;  width: auto;}
	.bar a.show_next i{display: none;}
	
	.lxlist{ margin-top: 10px;}
	.lxlist span{ width: 100%; margin-bottom: 10px;}
	.lxtex>img{ width: 40px;}
	.lxtex{ margin-top: 40px;}
	.lxlist span p{ font-size: 16px;}
	.lxtex span{ margin: 0 30px;}
	.lxmap{ height: 50vh; margin-bottom: 10px;}
	.show_title h1{ font-size: 20px;}
	.show_title{ padding-bottom: 20px;}
	.pc{ display: none;}
	.sj{ display: block;}
	.ertitle{ font-size: 20px;}
	.erbox .newlist span{ padding: 0; margin-left: 15px;}
	.erbox .newlist h1{ width: 180px;}
	.erbox .newlist h3{ display: none;}
	.erbox .newlist span p{ margin: 8px 0; margin-bottom: 0;}
	.erbox .newlist{ padding: 20px 15px; margin-top: 20px;}
	.twlistbox{ margin-top: 0;}
	.tdlist>div>span{ font-size: 15px;}
	.tdlist{ font-size: 14px;}
	.tdlist>div{ padding: 10px; padding-bottom: 18px;}
	.tdlist>div>span{  padding-bottom: 8px; margin-bottom: 8px;}

	.mtop50{ margin-top: 30px;}
	.mtop30{ margin-top: 20px;}
	.mtop20{ margin-top: 15px;}
	.mtop10{ margin-top: 0;}
	
}
@media only screen and (max-width:750px ) {

	.ftdi{ justify-content: center; padding: 15px 0;}
	.ftdi p{ width: 100%;}
	.ernav a{ font-size: 16px;}
	
	/* .banner{ margin-top: 60px;} */
	/* header{ background-color: #000;} */
	.shub img{ width: 14px;}
	.shub{ font-size: 0;}
	@keyframes dup {
	0%{transform:translateY(0px);}
	50%{transform:translateY(10px);}
	100%{transform:translateY(0px); }
	}
	
	.banner .swiper-button-prev,.banner .swiper-button-next{ top: 70%!important;}
	.swiper-pagination-bullet{ padding-right: 15px; width: 0px;}
	.swiper-pagination-bullet::after{ width: 20px;}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5px;}
	
	.kuai4{ width: calc(50% - 6px)!important; margin-right: 12px;}
	.kuai4:nth-child(4n),.kuai4:nth-child(2n){ margin-right: 0;}
	.kuai3{ width: calc(50% - 8px)!important; margin-right: 16px;}
	.kuai3:nth-child(3n){ margin-right: 12px;}
	.kuai3:nth-child(2n),.kuai3:nth-child(6n){ margin-right: 0;}
	.twlistbox .kuai3{ margin-top: 20px;}
	
}
@media only screen and (max-width:500px ) {
	

	
	.ft2 h2 a,.ft2 span,.ftdi{ font-size: 12px;}
	.ft_logo img{ display: block; width: 180px;}
    .danye{ font-size: 14px;}
	.ernav a{ font-size: 14px; height: 34px; min-width: 100px;}
	.first-nav a, .danye, .newlist span h2, .tulist1 p, .tulist{ font-size: 15px;}
	
		
}