@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1600px) {
	body,html{
		font-size: 56%;
	}
}
@media(max-width: 1100px) {
	.w_all{
		width: 90%;
	}
	.footer .box dl img{
		height: 8rem;
	}
}
@media(max-width: 800px) {
	body,html{
		font-size: 50%;
	}
	header .navtop{
	    padding: 0.3rem 0;
	}
	header .logo{
		height: 32px !important;
	}
	header .navtop .nn2 a{
	    display: none;
	}
	header .navtop .nn2{
	    margin-left: 1.5rem;
	}
	header .navtop .nn2 img{
	    width: 3.2rem;
	    margin: 0;
	}
	header .nav ul{
	    justify-content: space-between;
	    margin: 0;
	    width: 100%;
	}
	header .nav li{
	    margin: 0;
	    height: 42px;
	}
	header .nav li span{
	    font-size: 1.5rem;
	    padding: 0.5rem 1rem;
	}
	.serbox input {
        padding: 2px 0;
        width: 36vw;
	}
	.serbox button{
	    padding: 4px 8px;
	}
	/*header .nav{*/
	/*	display: none;*/
	/*	position: fixed;*/
	/*	left: 0;*/
	/*	top: 52px;*/
	/*	width: 100%;*/
	/*	height: 100%;*/
	/*	background: #fff;*/
	/*	padding-top: 10%;*/
	/*	z-index: 999;*/
	/*}*/
	/*header .nav ul{*/
	/*	display: block;*/
	/*}*/
	/*header .nav li{*/
	/*	text-align: center;*/
	/*	width: 90%;*/
	/*	margin: auto;*/
	/*	padding: 3% 0;*/
	/*}*/
	/*header .nav li span{*/
	/*	display: block;*/
	/*	line-height: 2;*/
	/*	font-size: 2rem;*/
	/*}*/
	.s_menu{
	    header .nav li
		display: none !important;
	}
	header .search i{
		font-size: 2.2rem;
	}
	.navBtn{
		display: none;
		margin-left: 2rem;
	}
	.banner{
		padding-top: 100px;
	}
	.banner img{
		width: 150%;
	}
	.banner .txt h3{
		font-size: 3rem;
		color: #fff;
		margin-bottom: 1rem;
	}
	.banner .txt p{
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.banner .swiper-pagination{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	.banner .txt{
		padding: 0;
	}
	.index_bars{
		padding: 12% 0;
	}
	.index_bar2 .contain{
		border-radius: 20px;
	}
	.allBg img{
		width: 100%;
		bottom: 0;
		top: 0;
	}
	.index_bar2 .rr{
		position: static;
		width: 100%;
		transform: none;
		border-radius: 0px;
	}
	.index_bar2 .rr img{
		display: block;
		border-radius: 0px;
	}
	.index_bar2 .ll{
		float: none;
		padding: 8%;
		width: 100%;
		border-radius: 0px;
	}
	.index_bar2 p strong{
		font-size: 2.4rem;
	}
	.index_bar1 .tt{
		width: 100%;
	}
	.index_bar1 ul li{
		height: 18rem;
		width: 100% !important;
		margin: 2%  0 !important;
	}
	.index_pro{
		padding-top: 0;
	}
	.index_pro .tt {
		display: block;
		margin-bottom: 8%;
	}
	.index_pro .tt .title{
		width: 100%;
	}
	.index_pro dl dd{
		width: 47%;
		margin: 1.5% !important;
		text-align: center;
	}
	.index_pro dl dd b{
		margin-bottom: 1rem;
	}
	.footer .box{
		display: block;
		padding: 10% 0 2%;
		text-align: center;
	}
	.footer .box dl:not(:first-of-type){
		display: none;
	}
	.footer .box dl:last-of-type{
		display: flex;
		justify-content: center;
	}
	.footer .box dl img{
		height: 4rem;
		margin: 0 2rem 0  0  !important;
	}
	.footer dt{
		margin-bottom: 1rem;
		font-size:2.4rem;
	}
	.footer .copy {
		display: block;
		text-align: center;
	}
	.footer .copy .ll{
		display: block;
	}
	.footer .ss{
		justify-content: center;
	}
	.footer .ss a{
		margin: 0 0rem;
	}
	.totop{
		right: 2%;
	}
	.all_nav{
		margin-top: 52px;
	}
	.index_bars2{
		padding: 10% 0;
	}
	.pro .tops .search2 button i{
		font-size: 2rem;
	}
	.all_nav p{
		flex-wrap: wrap;
		line-height: 1;
	}
	.all_nav p span:last-of-type{
		max-width: inherit;
	}
	.prod .bar1 {
		display: block;
	}
	.prod .bar1 .left{
		width: 100%;
	}
	.prod .bar1 .right{
		width: 100%;
		margin-top: 8%;
	}
	.prod .gallery-thumbs .swiper-slide img{
		border-radius: 4px;
	}
	.prod .gallery-thumbs .swiper-wrapper{
		justify-content: center;
	}
	.prod .bar1 .right h3{
		font-size: 2.6rem;
		line-height: 1.3;
	}
	.prod .bar2 h3{
		text-align: center;
	}
	.news .contain ul li .rr p{
	}
	.news .contain ul li .ll{
		padding: 1rem;
		font-size: 1.2rem;
	}
	.news .contain ul li{
		justify-content: space-between;
	}
	.news .contain ul li .ll strong{
		font-size: 3rem;
	}
	.news .contain ul li .rr{
		width: 78%;
	}
	.news .contain ul li h4{
		font-size: 2rem;
		line-height: 1.3;
		margin: 0;
	}
	.title h3{
		margin-top: 1rem;
		font-size: 2.2rem;
		line-height: 1.4;
		letter-spacing: 0;
	}
	.message .contain{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.message .online{
		width: 100%;
	}
	.message .txt{
		width: 100%;
		margin-bottom: 5%;
		border-radius: 20px 180px 20px 20px;
		padding: 5rem;
	}
	.serbox{
		top: 36px;
	}
}