* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.logo {
    flex:1;
    font-size: 3vh;
    font-weight: bold;
    color: #333;
}
nav{
    flex:1;
}
nav ul {
    display: flex;
    list-style: none;
}

nav li {
    flex: 1;
    text-align: center;
    line-height: 40px
}

nav a {
    font-size: 2vh;
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

nav a:hover {
    color: #ff6600;
}

#banner div div {
    min-width: 600px
}

.product{min-width: 600px;max-width: 1200px}
.productlist{overflow: hidden;margin:0 auto;max-width: 1200px;text-align:center;}
.productlist li{margin:20px;display: inline-block;width:200px;}
.productlist li div:first-child{display: flex;justify-content:center;align-items: center;height: 200px;}
.productlist li div img{width:200px;}


.product-list {
    margin: 50px 0;
}

.product-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
}

.product-list li {
    width: calc(25% - 20px);
    margin-bottom: 40px;
}

.product-list a {
    display: block;
    text-align: center;
    transition: all 0.3s;
}

.product-list img {
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s;
}

.product-list .product-name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

.product-list .product-desc {
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.product-list a:hover {
    transform: scale(1.1);
}

.product-list a:hover img {
    filter: brightness(50%);
}


.product-list ul li img{height:100px;}

.product-list-wrapper {
  height: 300px; /* 设置固定高度 */
  overflow: hidden; /* 隐藏超出部分 */
}
.product-list li{margin:20px;}
.product-list li div:first-child{height: 100px;width:200px;display: flex;justify-content: center;align-items: center;}

.product-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; /* 自动排列 */
  justify-content: space-between; /* 留出空白间隙 */
  animation: scroll 20s linear infinite; /* 应用动画 */
}

@keyframes scroll {
  0% {
    transform: translateX(0); /* 初始位置 */
  }
  100% {
    transform: translateX(-50%); /* 滚动到左侧 */
  }
}

.product-list li {
  flex: 0 0 auto; /* 不自动拉伸 */
  width: 200px; /* 每个产品项的宽度 */
  /*height: 100px; */
}


.news-show{
    max-width: 900px;
    margin:0 auto;
    overflow: hidden;
}
.news-show div{padding: 10px 20px;margin:10px autao}
.news-title{font-size: 4em}
.news-desc{color: #999}
.news-content{min-height: 400px}

.foot{height: 100px;background-color: #333;color:#fff}
.foot a{color: #fff;}
.foot ul{display: flex;overflow: hidden;text-align:center;}
.foot li{text-align: center;text-align: center;line-height: 50px;flex:1;}
.foot div{flex:1;}


.product { display: flex; justify-content: space-between; align-items: center; margin: 50px 0; }

.product-image { flex: 1; margin-right: 50px; }

.product-image img { max-width: 100%; max-height: 100%; }

.product-info { flex: 1; }

.product-info h1 { font-size: 36px; font-weight: bold; margin-bottom: 20px; }

.product-info p { font-size: 18px; color: #999; margin-bottom: 30px; }

.product-info ul { list-style: none; margin: 0; padding: 0; }

.product-info li { font-size: 16px; color: #333; margin-bottom: 10px; }

.product-info li span { font-weight: bold; margin-right: 10px; }

@media screen and (max-width: 768px) { 
    .product { flex-direction: column; align-items: center; }

    .product-image {
        margin-right: 0;
        margin-bottom: 30px;
    }
}