@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1400px){
	.w_all{
		width: 90%;
	}
	.p_ban video{
		position: static;
		transform: none;
		margin-top: 58px;
	}
}
@media(max-width: 1200px){
	body,html{
		font-size:56%
	}
	.logo{
		height: 43px;
	}
	.index_pinzhi ul li b{
		height: 50vh;
	}
	.title h3{
		font-size: 3.6rem;
	}
	.index_about .more{
		margin-top: 4rem;
	}
	.btn .ll{
		width: 4rem;
		height: 4rem;
	}
	.banner .txt h2{
		font-size: 5.4rem;
	}
}
@media(max-width: 850px){
	body,html{
		font-size:52%
	}
	.w_all{
		width: 92%;
	}
	.logo{
		height: 35px;
		padding: 1.2rem 0;
		position: relative;
		z-index: 9999;
	}
	nav{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 999;
	}
	.nav_box ul{
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.nav_box ul li h3{
		font-size: 2rem;
	}
	.n_right{
		display: flex;
		align-items: center;
		position: relative;
		z-index: 9999;
	}
	.n_right i{
		font-size: 2.8rem;
	}
	.s_menu{
		display: none !important;
	}
	.navBtn{
		display: block;
		margin-left: 2.5rem;
	}
	.banner .swiper-slide{
		height: 38vh;
	}
	.banner .txt h2{
		font-size: 3.4rem;
	}
	.banner .swiper-pagination{
		transform: scale(0.8);
		bottom: 0 !important;
	}
	
	.index_bars{
		padding: 10% 0;
	}
	.title h3{
		letter-spacing: 1px;
		font-size: 3rem;
		margin-bottom: 1rem;
	}
	.title p{
		font-size: 1.6rem;
	}
	.more{
		padding: 11px 22px;
	}
	.more i{
		margin-left: 3px;
		margin-top: 2px;
	}
	.title h4{
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	.index_pro .box{
		width: 80%;
	}
	.index_pro .btn .ll{
		transform: scale(0.8);
	}
	.index_about dl{
		flex-wrap: wrap;
	}
	.index_about dl dd strong{
		font-size: 5rem;
	}
	.index_about dl dd{
		width:49%;
		margin: 3% 0;
	}
	.index_about dl dd span{
		margin-top: 1rem;
	}
	.index_pinzhi ul{
		flex-wrap: wrap;
		padding: 0 5%;
		box-sizing: border-box;
	}
	.index_pinzhi ul a{
		width: 100%;
		margin:0 0 3% 0;
	}
	.index_pinzhi ul li b{
		height: auto;
	}
	.index_pinzhi ul li .txt{
		top: 12%;
	}
	.index_pinzhi ul li p{
		margin-top: 1rem;
	}
	.index_news ul li{
		width: 100%;
		margin-bottom: 5%;
	}
	.footer .contain{
		flex-wrap: wrap;
	}
	.footer .ll{
		width: 100%;
		text-align: center;
	}
	.footer .rr{
		display: none;
	}
	.footer .ll .logo2 img{
		margin:4rem auto 1rem;
		height: 5rem;
	}
	.footer .ll .bb{
		width: 60%;
		margin:2rem auto;
		padding: 0.6rem 2rem;
	}
	.footer dl{
		justify-content: center;
	}
	.footer dl dd{
		margin: 3px 8px;
	}
	.footer .copyright .box{
		display: block;
		text-align: center;
	}
	.footer .copyright p{
		margin: 0;
	}
	.o_ban{
		padding: 5% 0;
		text-align: center;
	}
	.o_ban .txt h2{
		font-size: 3rem;
		margin-bottom: 0;
	}
	.about .title2{
		margin-bottom: 2rem;
	}
	.title2 h1{
		font-size: 2.8rem;
		letter-spacing: 0;
	}
	.about2_0{
		height: 40vh;
		background-attachment: inherit !important;
	}
	.about2 .swiper-container{
		width: 78%;
	}
	.about3 ul li{
		width: 28.3%;
		margin: 0.5% 2.5% !important;
	}
	.pross .contain{
		flex-wrap: wrap;
	}
	.pross .ll{
		width: 100%;
		margin-bottom: 5%;
	}
	.pross .ll .dds{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.pross .ll dl a{
		width: 46%;
		box-sizing: border-box;
		border-top: 1px solid #eee;
	}
	.pross dl dd{
		font-size: 1.7rem;
	}
	.pross .rr{
		width: 100%;
	}
	.pro .rr ul li{
		width: 48.5%;
		margin: 3% 3% 3% 0;
	}
	.pro .rr ul li:nth-of-type(3n){
		margin-right: 3%;
	}
	.pro .rr ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.all_navp ul li{
		font-size: 2rem;
	}
	.p_ban{
	    height: 40vh;
	}
	.prod .pbar1{
		flex-wrap: wrap;
	}
	.prod .rr .imgs{
		width: 100%;
	}
	.prod .rr .pbar1 .txt{
		width: 100%;
		margin-top: 8%;
	}
	.prod .bottom{
		padding-top: 1rem;
	}
	.prod .pbar2{
		margin: 0;
	}
	.prod .pbar2 .boxs{
		padding: 0;
	}
	.prod .pbar3 .swiper-slide p{
		font-size: 1.6rem;
	}
	.gongcheng ul li .txt h4{
		text-align: center;
	}
	.yeji .index_news ul li{
		margin: 0 2% !important;
		width: 29.3%;
	}
	.news .index_news ul li{
		margin-bottom: 5%;
	}
	.index_news ul li .txt p{
		display: none;
	}
	.index_news .more{
		margin: 2rem 0 0;
	}
	.news_d .cr{
		display: none;
	}
	.news_d .box{
		width: 100%;
	}
	.news_d{
		padding-top: 0;
	}
	.news_d .top h3{
		font-size: 2.4rem;
	}
	.pages a{
		padding:3px 6px;
	}
	.contact{
		padding-top: 0;
	}
	.contact ul li{
		display: block;
		margin-bottom: 5%;
	}
	.contact ul li .ll{
		width: 100%;
	}
	.contact ul li .imgs{
		justify-content: center;
	}
	.contact ul li .imgs p{
		margin: 3% ;
	}
	.contact ul li .rr{
		width: 100%;
		margin-top: 5%;
	}
	.contact ul li .rr{
		max-height: 20rem;
	}
	.contact h6{
		margin-bottom: 2rem;
	}
}