body {
}
/*顶部图片样式*/
.img-top {
    position:relative;
    height:300px;
    width:100%;
    overflow: hidden;
       
}
.img-top img {
    width:100%;
    height:100%;
    transition: transform 0.3s ease; /* 添加过渡效果 */
        
}
.img-top img:hover {
    transform: scale(1.2); /* 鼠标悬停时放大至原始大小的1.2倍 */
}
/*当前位置导航样式*/
.current-nav{
    color:#FFFFFF;
    background-color:Silver;
    width:100%;
    display:flexbox;
    flex-align:center;
    height:40px;
}
.current-nav p {
    /*position:relative;

    top:10%;*/
    padding:5px;
    margin-left:5%;
}

/*容器样式*/
.container {
    width:80%;
    height:1200px;
}
.container .title {
    margin-top:2%;
    font-family:Georgia;
}
.container .text {
    text-indent:2em;
}
/*图片样式*/
.container .p-img {
    margin-bottom:20px;

}
.container .p-img .wai {
    width:90%;
    height:200px;
    margin:15px auto;
    /*background-color:pink;*/
}
.container .p-img .wai .img {
    float:left;
    width:30%;
    height:200px;
    /*background-color:green;*/
    margin:0 10px;

     position: relative;

    overflow: hidden; /* 隐藏超出容器的部分 */
    
}
.container .p-img .wai .img img {
    display:block;
    width:100%;
    height:100%;
     transition: transform 0.3s ease; /* 添加过渡效果 */
}

.img:hover img {
    transform: scale(1.1); /* 鼠标悬停时放大图片 */
}

.img:hover .overlay {
    opacity: 1; /* 鼠标悬停时显示加号图标和覆盖层 */
}