



/* 主导航 */


@media (max-width: 768px) {

.main-nav {
display: none;
}

body {
padding-top: 0px;
margin: 0px;
}

.banner-container {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
height: 600px;
}

.banner-slides {
display: flex;
width: 100%;
height: 600px;
transition: transform 0.5s ease;
}

.banner-slide {
min-width: 100%;
height: 600px;
position: relative;
}

.banner-slide img {
width: 100%;
height: 600px;
object-fit: cover;
}


.product1-section1 {

padding: 20px 20px 40px 20px;

}

.scenarios-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}


.product1-title {
font-size: 1.6rem;
margin-bottom: 10px;
color: #333;
font-weight: 600;
text-align: center;
}







}

@media (max-width: 992px) {

.main-nav {
display: none;

}

body {
padding-top: 0px;
margin: 0px;
}

.banner-container {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
height: 600px;
}

.banner-slides {
display: flex;
width: 100%;
height: 600px;
transition: transform 0.5s ease;
}

.banner-slide {
min-width: 100%;
height: 600px;
position: relative;
}

.banner-slide img {
width: 100%;
height: 600px;
object-fit: cover;
}


.scenarios-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}


}



/* 产品推荐2 */


@media (max-width: 768px) {
.products1-grid {
grid-template-columns: repeat(1, 1fr);
padding: 0 3vw;

}


.products1-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
flex: 1;
padding: 0 3vw;
margin: auto 0;
}

.product1-image {
position: absolute;
top: 0;
left: 0;
width: 95%;
height: 350px;
object-fit: contain;
transition: transform 0.5s;
padding: 10px;
}



.section1-title {
font-size: 2rem;
}



.product1-info {
padding: 15px;
}


.product1-title {
font-size: 24px;
margin-bottom: 10px;
color: #333;
font-weight: 600;
text-align: center;
}






}

@media (max-width: 480px) {
.section1-title {
font-size: 1.8rem;
padding: 15px 0;
}

.products1-grid {
grid-template-columns: 1fr;
grid-template-rows: repeat(8, auto);
gap: 12px;
padding: 0 5vw;
}

.product1-card {
flex-direction: row;
max-height: 150px;
}

.product1-image-container {
width: 40%;
padding-bottom: 40%;
height: auto;
}
}




/* 关于我们 */
@media (max-width: 992px) {

.about-section2 {
max-width: 98%;
margin: 30px auto;
padding: 0 25px;
}


.about-text h2 {
font-size: 36px;
}

.about-text p {
font-size:24px;

}

.about-container {
flex-direction: column;
}

.about-text, .about-image {
flex: none;
width: 100%;
}

.about-image {

height: 400px;
order: 1;
}

.stats {
flex-wrap: wrap;
}

.stat-item {
flex: 50%;
margin-bottom: 20px;
}
}

@media (max-width: 768px) {
.section2-title {
font-size: 2rem;
margin-bottom: 30px;
}

.about-text {
padding: 30px;
}

.about-text h2 {
font-size: 1.5rem;
}

.stat-item {
flex: 100%;
}
}



/* 公司新闻 */


@media (max-width: 768px) {

.news-container {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}


.section3-title {
font-size: 2rem;
margin-bottom: 30px;
}

.news-container {
grid-template-columns: 1fr;
gap: 20px;
}

.news-card {
max-width: 500px;
margin: 0 auto;
}
}

@media (max-width: 480px) {
.section3-title {
font-size: 1.8rem;
}


.news-content {
padding: 20px;
}
}


/* 应用场景 */




.scenarios-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}



/* 底部文件 */
@media (max-width: 992px) {
.footer-container {
grid-template-columns: repeat(1, 1fr);
}

.foot {
padding-bottom: 200px;
display: none;
}

}

@media (max-width: 768px) {
.footer {
padding: 40px 0 20px;
}

.footer-container {
grid-template-columns: 1fr;
gap: 20px;
}

.footer-column {
margin-bottom: 20px;
}

.footer-column h3 {
margin-bottom: 15px;
}

.foot {
display: none;
padding-bottom: 200px;
}

}



