@charset "UTF-8";

@media screen and (max-width: 1399px) {
	.header .logo{width:450px}
	.inner{width:100%}
	.mod{padding:0 20px;}
	.banner-carousel .banner-content-inner {width: 90%;}
	.banner-carousel .banner-text{margin-top: -90px; width:40%;}


	.column-banner{ height:500px;}
	.column-banner .tit_bt{left:20px;}
}
@media screen and (max-width: 1320px) {
	.nav .wp-menu .menu-item{ margin:0 12px;}

	.banner-control{max-width: 100%;}
	.banner-control .swiper-pagination-bullet{ width:82px; height:8px;}

}
@media screen and (max-width: 1100px) {
	.header .head-logo,.header .head-left,.header .head-right{ float:none;}

	.header .head-logo,.header .head-right{height:80px;}
	.search_con{ bottom:auto; right:140px;}
	.nav .wp-menu{margin-top:-20px;}
	.nav .wp-menu .menu-item{ margin:0 18px;}
	.nav .wp-menu .menu-item>a{height:80px; line-height:80px;}
	.nav .wp-menu .menu-item a.menu-link {font-size: 16px;}
	.slider_title{margin-bottom:40px;font-size: 50px; color:#e30012; line-height:54px;font-weight:normal;}
	.slider_text{margin-bottom:70px;line-height:1.5;font-size:24px;overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; color:#fff; }
	.slider_more{width:160px; height:56px;border-radius:30px; font-size:16px;}

	.column-banner .tit{ font-size: 50px;}
	.column-banner .tit2{ font-size: 20px;}
	.place,.tab_bar,.news_bar{ padding:26px 0;}
	.article .txt{font-size:16px;}
	.product_con li .more{ font-size:16px; width:60px; height:32px;}


}


@media screen and (max-width: 999px) {
.header { padding-top:80px; }
.header .logo{width:300px}
.header .inner{ position:fixed; z-index:5;top:0;left:0;right:0; background:#fff;}
.navi-aside-toggle,.navi-aside-search {display: block;}
/*导航样式*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}
.banner-control .swiper-pagination-bullet{width: 46px;height: 5px;margin: 0 10px;}

.customer-carousel .swiper-slide .tu{ padding:0 0.45rem}
.customer-carousel .swiper-slide .pic{ padding-top:140%;}

.aboutbanner{ height:200px;}
	#footer .inner{
		padding:20px;
		flex-wrap:wrap;
	}
	#footer .copyright_wz{
		word-break: break-all;
		height: auto!important;
		line-height: 26px;
		padding: 10px;
	}
	.contact_content h4{
		text-align: center;
	}

	.menu-item:hover ol{
		width: 100%;
		position: absolute;
		display: block;
		background-color: rgba(0,0,0,0.8);
		padding: 15px 10px;
		left: 0px;
		z-index:999;
	}
	.m_two_con{
		flex-wrap: wrap!important;
	}
	.m_two_l{
		width: 90%;
		margin: 0px auto;
	}
	.m_two_r{
		width: 90%;
		margin: 15px auto;
		border:1px solid #ddd;
	}


}


@media screen and (max-width: 768px) {
	.header .logo{width:180px}
	.banner-carousel .banner-text{left:0;right:0; margin:0 auto; width:80%; text-align:center;}
	.slider_more{ margin:0 auto;}

		.contact_content .contact{
			flex-wrap: wrap;
		}
		.contact_content .contact_l{
			width: 90%;
			margin: 20px 5%;
		}
		.contact_content .contact_r{
			width: 90%;
			margin: 20px 5%;
		}
		.checkform{
			width: 80%!important;
		}
	.applycontent .applycon{
		flex-wrap: wrap;
	}
	.applycontent .applycon-l{
		width: 95%!important;
		margin: 10px auto;
	}
	.applycontent .applycon-r{
		width: 95%!important;
		margin: 10px auto;
		min-height: 300px;
		height: auto;
	}
	#checklists dl dt{
		display: none;
	}
	#checklists dl dd p{
		font-size:14px;
	}
	.m_one .m_one_con{
		flex-wrap: wrap;
	}
	.m_one .m_one_con .item{
		width: 50%!important;
		padding-bottom: 35%;
	}
}
@media screen and (max-width: 500px) {
	.downcon .layui-input-group{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.downcon .layui-input{
		width: 90%;
		margin: 20px auto;
	}
	.downcon .layui-btn{
		width: 90%!important;
	}
	.applyform .layui-form-label{
		width: 100%;
		text-align: left;
	}
	.applyform .layui-input-block{
		margin-left:0px ;
	}
	.applyform .layui-form-mid img{
		height: 38px!important;
		cursor: pointer;
	}
	.applyform .layui-input-inline{
		margin:0px!important;
	}
	.m_one .m_one_con .item{
		width: 100%!important;
		padding-bottom: 70%;
	}
	.mySwiper .swiper-slide{
		width: 100%!important;
		height: 300px;
	}
}

/*@media screen and (max-width: 750px) {*/
/*.banner-carousel .swiper-slide{background-size:100% 100%!important;}*/

/*}*/




/*@media screen and (max-width: 414px) {*/
/*.main_02 li:nth-child(1),.main_02 li:nth-child(2),.main_02 li:nth-child(3){transform: scale(0.8);}*/
/*.product_con li .tu{padding:0px;}*/
/*}*/

/*@media screen and (max-width: 375px) {*/

/*}*/