body {
    margin:auto 0;
}

.img1 {
    height:500px;
    width: 100%; /* 图片宽度充满父元素 */
    margin-top: 0; /* 确保图片顶部与页面顶部对齐 */
}
.img1 img {
    width:100%;
    height:100%;
}
/*图片和文字样式*/
.info-img {
    padding:5px;
    display:block;
    height:350px;
    width:1000px;
   /*居中显示*/
    margin:0 auto;
    /*background-color:green;*/
}
.info-img .left {
    float:left;
    height:100%;
    width:49%;
    /*background-color:red;*/
}
.info-img .right {
    float:right;
    height:100%;
    width:49%;
    /*background-color:red;*/
}
.info-img .left img {
    height:100%;
    width:100%;
}
.info-img .right img {
    height:100%;
    width:100%;
}
/*工厂文字样式*/
.factory-text {
    text-align:center;
    color:	#104E8B;
    font-size:30pt;
    font-family: Arial, sans-serif;
}
/*下划线样式*/
hr {    
    border:solid 2px #CD4F39;
    width:50px;
}
/*工厂图片容器样式*/
.factory-img {
    display:block;
    height:250px;
    width:90%;
    margin:auto;
    /*background-color:pink;*/

}
/*工厂商品图片样式*/
.factory-img .img-f {
    float:left;
    height:240px;
    width:30%;
    margin:auto 8px;
    overflow: hidden; /* 隐藏溢出的部分 */
    position: relative; /* 设置相对定位，用于绝对定位的图片 */
    /*background-color:orange;*/
}
.factory-img .img-f img {
     display: block; /* 图片设为块级元素 */
    width: 100%; /* 图片宽度100%填充父容器 */
    height: 100%; /* 高度自适应 */
    transition: transform 0.3s ease; /* 添加过渡效果 */
}
.factory-img .img-f:hover img {
     transform: scale(1.1); /* 悬停时放大1.1倍 */
}