@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
.banner video{
	min-width: fit-content;
    min-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media(max-width: 1400px){
	body,html{
		font-size: 58.5%;
	}
	header ul{
		width: 75rem;
	}
	.prod .bar1 .gallery-top img {
		width: 100%;
	}
	.w_all2{
		width: 76%;
	}
}
@media(max-width: 1150px){
	body,html{
		font-size: 54%;
	}
	header nav{
		padding: 0 3%;
	}
	header ul {
		width: 65rem;
	}
	header .others .rr{
		margin-left: 3rem;
	}
	.w_all2{
		width: 85%;
	}
	.w_all{
		width: 94%;
	}
	.ban h3{
		font-size: 4rem;
	}
	.ban .txt {
		padding: 0rem 0 5rem;
	}
	.title2 h3{
		font-size: 3rem;
	}
	.pro ul li{
		width: 31.3%;
	}
	.title h3 {
		font-size: 5rem;
	}
	.containIndex{
		max-width: 90%;
		width: 70%;
	}
	
}
@media(max-width: 850px){
	body,html{
		font-size: 52%;
	}
	.banner .ban_txt{
		width: 80%;
	}
	header{
		padding: 15px 0;
	}
	header ul{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background:  var(--color);
		z-index: 9;
		text-align: center;
		padding-top: 10vh;
		box-sizing: border-box;
	}
	header .logo img{
		height: 40px;
	}
	header ul li > a{
	    font-size: 2rem;
        line-height: 1.6;
        margin: 3.5vh 0;
        display: block;
	}
	.navBtn{
		position:relative;
		z-index:99999;
		cursor:pointer;
		display: block;
		margin-left: 3rem;
	}
	.navBtn span{
		display: block;
		width: 26px;
		height: 2px;
		background:#fff;
		margin:5px auto;
	}
	header.active3 .navBtn span{
		background:#333;
	}
	header.active3 ul{
		background:#fff;
	}
	.nav_btn_active span:nth-of-type(1){
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		}
	.nav_btn_active span:nth-of-type(2){
		opacity:0;
		}
	.nav_btn_active span:nth-of-type(3){
		margin-top:-53.9%;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		}
	.s_menu{
	    display: none !important;
	}
	.index_about .contain{
		display: block;
	}
	.index_about .ll{
		width: 100%;
		height: 50%;
	}
	.index_about .rr {
		width: 80%;
		margin: auto;
	}
	.index_pro ul{
		display: block;
	}
	.index_pro ul .bbs {
		width: 100%;
		height: 50%;
	}
	.containIndex{
		width: 80%;
	}
	.index_case .ll {
		width: 90%;
		height: 40%;
	}
	.index_case .rr{
		right: inherit;
        left: 5%;
        width: 100%;
        top: 30%;
	}
	.index_case .rr p {
        width: 90%;
    }
    .sec_footer .copy{
        display: block;
        padding: 4rem 0 2rem;
    }
    .sec_footer .links .imgs{
        justify-content: center;
        margin: 0;
    }
     .sec_footer .links .imgs b{
         margin: 0 5px;
     }
     .sec_footer .links b img:first-of-type{
         width: 26px;
     }
	.sec_footer .bot{
		display: block;
		text-align: center;
		padding: 1rem 0 2rem;
	}
	.sec_footer .logo2 img{
		margin:0 auto 2rem;
		display: block;
	}
	.sec_footer .tl{
	    text-align: center;
	}
	.ban{
		margin-top: 12rem;
	}
	.res1 ul li{
		width: 48%;
	}
	.res1 ul li:nth-of-type(3n){
		margin-right: 4%;
	}
	.res1 ul li:nth-of-type(2n){
		margin-right: 0%;
	}
	.prod .bar1 {
		display: block;
	}
	.prod .bar1 .left{
		width: 100%;
	}
	.prod .bar1 .right{
		width: 100%;
		margin-top: 5%;
	}
	.a_daode .imgs{
		height: 45rem;
	}
	.a_daode h6{
		text-align: center;
	}
	.a_contact{
		height: 50vh;
	}
}
@media(max-width: 500px){
	header .logo img{
		height: 34px;
	}
	.banner h3{
		font-size: 4rem;
	}
	.banner p{
		font-size: 2rem;
		letter-spacing: 0;
	}
	.title h3 {
		font-size: 3.6rem;
		margin: 1rem 0 2rem;
		letter-spacing: 2px;
	}
	.index_rz ul{
		margin-top: 3%;
		justify-content: center;
	}
	.index_rz ul li{
		width: 33.3%;
	}
	.index_rz ul li h4{
		font-size: 1.6rem;
	}
	.index_rz ul li img{
		height: 6rem;
	}
	.res1 ul li{
		width: 100%;
		margin: 1% 0 !important;
	}
	.ban {
		margin-top: 10rem;
	}
	.ban .top{
		display: none;
	}
	.ban .txt {
		padding: 0rem 0 2rem;
	}
	.ban h3 {
		font-size: 3rem;
		text-align: center;
		margin-top: 3rem;
	}
	.title2 h3{
		font-size: 2.6rem;
		letter-spacing: 1px;
	}
	.ban .bottom p{
		margin: 0;
	}
	.ban .bottom{
		justify-content: space-between;
		font-size: 1.4rem;
	}
	.a_about .tt1 p{
		font-size: 2rem;
		margin: 2rem 0;
	}
	.a_about ul li{
		width: 50%;
		text-align: center;
		margin: 2rem 0;
	}
	.a_about ul li h4{
		font-size: 1.8rem;
	}
	.a_about ul li h4 span{
		font-size: 4rem;
	}
	.a_about ul li p{
		margin-top: 0;
	}
	.a_daode h6{
		font-size: 2.2rem;
		margin-bottom: 16%;
	}
	.a_daode .imgs {
		height: 30rem;
	}
	.a_daode .contain{
		margin-top: -50%;
	}
	.a_daode .tt{
		padding: 8% 5%;
	}
	.a_contact .ewm img{
		width: 100px;
	}
	.a_contact{
		height: 55vh;
	}
	.pro ul{
		width: 90%;
		margin:3% auto;
	}
	.pro ul li{
		width: 100%;
		margin: 3% 0 !important;
	}
	.prod .bar1 .gallery-thumbs .swiper-slide img{
		width: 38px;
	}
	.prod .bar1 .right{
		margin: 10% auto 5%;
	}
	.prod h2{
		font-size: 2.6rem;
	}
	.n_news ul li{
		width: 100%;
		margin: 3% 0 !important;
	}
	.news_d h1{
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.manual ul li{
		width: 100%;
		margin: 3% 0 !important;
		padding: 2rem 2rem;
	}
}