@charset "utf-8";
@media (max-width:1678px) {
}
@media (max-width:1499px) {
}
@media (max-width:1450px) {
.wrap{width: 92%;}

}
@media (max-width:1340px) {
.wrap{width: 92%;}
.index2 .right,.about1 .right{width:48%;height: auto;}
.index2 .left,.about1 .left{width:48%;}
.news-box .text a h3{margin-top: 0;}
.tc-image{height: 380px;}
.contact .right li img{width: 135px;height: 135px;}
}

@media (max-width:1250px) {
.menuBtn{display: block;}
.tc-image{height: 340px;}
.goods li .tc-image{height: 300px;}
}
@media (max-width:1199px) {
.wrap{width: 92%;}
.rightside .pp-top .right{width: calc(100% - 500px);}
.news li .img{height: 230px;}
.contact .right li img{width: 100px;height: 100px;}
.about2 .right{width: calc(100% - 450px);}
}

@media (max-width:1110px) {
.wrap{width: 92%;}
.goods ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 20px;}
.goods li .tc-image{height: 350px;}
.about2 .right{width: calc(100% - 420px);padding-top: 0;}
}
@media (max-width:1024px) {
#nav{display: none;}
.wrap{width: 92%;}
.btn{display: block;}
#header{padding:10px 0;height: 50px;}
.sp_nav_se{top: 42px;}
.logo{width: 120px;height:50px;}
.index2 .left,.index2 .right,.rightside .pp-top .left,.rightside .pp-top .right{width: 100%;float: none;}
.index2{padding: 35px 0 45px 0;}
.index2 .right{margin-top: 35px;height:auto;}
.index2 .we{margin-bottom: 30px;}
.index2 video,.about1 video{height: auto;}
.news-box .text{padding-bottom: 20px;}
.news-box .text a h3{margin-top: 0;}
	
}
@media ( min-width:769px ) and ( max-width:999px ) {
#nav{display: none;}
.wrap{width: 92%;}
.btn{display: block;}
.goods ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 20px;}
.goods li .tc-image{height: 260px;}
.news ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.contact .right li img{width: 120px;height: 120px;}
.contact .left,.contact .right{width:calc(100% - 52px);float: none;padding: 25px;height: auto;font-size: 16px;}
.contact,.product{padding: 40px 0;}
.contact .left p{margin-bottom: 16px;}
.contact .right ul{height: 100%;}
.contact .right li:nth-child(2){margin: 20px 40px;}
.contact .right{margin-top: 30px;}
.contact .map{margin-top: 30px;}
.about1 .wrap{display: flex;flex-direction: column-reverse;}
.about1 .video{margin-bottom: 30px;}
.yearSwiper2 .swiper-slide .swiper-button-next, .yearSwiper2 .swiper-slide .swiper-button-prev{display: none;}
.yearSwiper2 .swiper-slide .swiper{margin: 0;}
.yearSwiper2 .thing{padding: 20px;}
.yearSwiper2 .thing p{line-height: 26px;}
.yearSwiper2 .thing h3,.yearSwiper .swiper-slide{font-size: 20px;}
.yearSwiper2 .swiper-slide .swiper-pagination{display: block;}
.yearSwiper2{padding-bottom: 50px;}
.yearSwiper2 .thing .tp{height: 246px;}
.sub-nav{border-bottom: none;}
.sub-nav a{width:calc(50% - 0.5px);padding: 0;border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;}
.sub-nav a::after{display:none;}
.sub-nav a:nth-child(2n){border-right: none;}
.about1 .left,.about1 .right,.about2 .left,.about2 .right{width: 100%;float: none;}
.about1,.about3,.about4{padding: 35px 0 45px 0;}
.title-name h3{margin-bottom: 25px;}
.about1 .our{padding-bottom: 30px;}
.about1 .right{height: auto;}
.about2 .right p{font-size: 16px;line-height: 28px;}
.about2{padding-bottom: 40px;}
.about4 ul{grid-template-columns: repeat(1, 1fr);gap: 20px;}
.about4 li{border-radius: 10px;padding: 20px;}
.about4 li .right{width: calc(100% - 200px);}
.about4 li .wz p{font-size: 15px;line-height: 24px;}
.title-name h3{margin-top: 20px;}
}

@media (max-width:750px) {
#nav{display: none;}
.about1 .wrap{display: flex;flex-direction: column-reverse;}
.about1 .video{margin-bottom: 30px;}
.wrap{width: 92%;}
.btn{display: block;}
#header{padding:10px 0;height: 50px;}
.sp_nav_se{top: 42px;}
.logo{width: 120px;height:50px;}
.title1,.index2 .tit,.contact .left .tt,.leftside dt,.title-name h3{font-size: 22px;}
.index1,.index3{padding: 35px 0 45px 0;}
.banner .swiper-pagination1{bottom: 20px;}
.tc-image,.goods li .tc-image{height:400px;}
.index1 .text h3,.goods li .text h3{margin-top:20px;}
.index1 .text h3 a,.goods li .text h3 a{font-size: 16px;}
.index1 .text p{font-size: 15px;}
.ppSwiper{padding-bottom: 35px;}
.index2 .left,.index2 .right,.foot1 .f-left,.foot1 .f-right,.foot2 .fl,.foot2 .fr,.rightside .pp-top .left,.rightside .pp-top .right{width: 100%;float: none;}
.index2{padding: 35px 0 45px 0;}
.index2 .right{margin-top: 35px;height:auto;}
.index2 .we{margin-bottom: 30px;}
.index2 video,.about1 video{height: auto;}
.news-box .button-1{top:-11px;}
.newsSwiper{height: 320px;}
.foot1 ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;}
.foot1 li{margin: 0;float: none;width: auto;}
.foot1 li img{width: 100%;}
.foot1 .f-right{margin-top: 24px;}
.foot1{padding: 20px 0;}
.ny-banner{height: 200px;}
.ny-banner h3{font-size: 24px;}
.contact .left,.contact .right{width:calc(100% - 52px);float: none;padding: 25px;height: auto;font-size: 16px;}
.contact,.product{padding: 40px 0;}
.contact .left p{margin-bottom: 16px;}
.contact .right ul{height: 100%;}
.contact .right li:nth-child(2){margin: 20px 40px;}
.contact .right{margin-top: 30px;}
.contact .map{margin-top: 30px;}
.leftside,.rightside{float: none;width: 100%;}
.goods ul,.news ul{grid-template-columns: repeat(1, 1fr);gap: 30px 20px;}
.news li .img{height: 400px;}
.news li .text{padding-bottom: 10px;}
.inside_text05 .text05_nav .name{font-size: 20px;}
.inside_text05 .text05_nav{margin: 35px 0 30px 0;}
.inside_text05 .text05_nav .small span{margin: 0 10px;}
.inside_text05 .text05_nav .small{padding-bottom: 15px;}
.inside_text05 .text05 p{font-size: 16px;line-height: 28px;text-indent: 32px;}
.nn_detail{padding-bottom: 10px;}
.inside_text05 .text05{padding-bottom: 30px;}
.detail p{line-height: 28px;}
.rightside .pp-top h3,.pp-title h4{font-size: 20px;}
.pp-title{margin-bottom: 30px;}
.rightside .pp-top .text{padding: 20px 0 30px 0;}
.leftside{margin-bottom: 35px;}
.ny-banner2{height: 250px;}
.sub-nav{border-bottom: none;}
.sub-nav a{width:calc(50% - 0.5px);padding: 0;border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;}
.sub-nav a::after{display:none;}
.sub-nav a:nth-child(2n){border-right: none;}
.about1 .left,.about1 .right,.about2 .left,.about2 .right{width: 100%;float: none;}
.about1,.about3,.about4{padding: 35px 0 45px 0;}
.title-name h3{margin-bottom: 25px;}
.about1 .our{padding-bottom: 30px;}
.about1 .right{height: auto;}
.about2 .right p{font-size: 16px;line-height: 28px;}
.about2{padding-bottom: 40px;}
.about4 ul{grid-template-columns: repeat(1, 1fr);gap: 20px;}
.about4 li{border-radius: 10px;padding: 20px;}
.about4 li .right{width: calc(100% - 200px);}
.about4 li .wz p{font-size: 15px;line-height: 24px;}
.yearSwiper2 .swiper-slide .swiper-button-next, .yearSwiper2 .swiper-slide .swiper-button-prev{display: none;}
.yearSwiper2 .swiper-slide .swiper{margin: 0;}
.yearSwiper2 .thing{padding: 20px;}
.yearSwiper2 .thing p{line-height: 26px;}
.yearSwiper2 .thing h3,.yearSwiper .swiper-slide{font-size: 20px;}
.yearSwiper2 .swiper-slide .swiper-pagination{display: block;}
.about1{padding-bottom: 20px;}
.title-name h3{margin-top: 20px;}

}
@media (max-width:720px) {
.wrap{width: 92%;}
.yearSwiper2 .thing .tp{height: 360px;}
.yearSwiper2{padding-bottom: 25px;}

}
@media (max-width:640px) {
.wrap{width: 92%;}
.news li .img{height: 270px;}
.yearSwiper2 .thing .tp{height: 360px;}
.yearSwiper2{padding-bottom: 0px;}
}
@media (max-width:420px) {
}

@media (max-width:375px) {

}