/* banner图 */
.banner-wrap{
    width: 100%;
    height: auto;
    font-size: 0;
}
.banner-wrap img{
    width: 100%;
    height: 100%;
}
/* 路由跳转 */
.router-wrap{
    width: 100%;
    height: 80px;
    box-shadow:0 2px 5px rgba(100, 100, 100, 0.5);
}
.router-list{
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.router-item a{
    display: inline-block;
    width: 130px;
    height: 80px;
    text-align: center;
    font-size: 16px;
    line-height: 80px;
}
.router-itemOn a{
    color: white;
    background-color: #54B33E;
}
/* 公共css */
.box-wrap{
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.boxContent{
    max-width: 1337px;
    margin: 0 auto;
}
.box-title{
    text-align: center;
    color: #000000;
    font-size: 36px;
}
/* 集团外部环境 */
.environment-list{
    margin-top: 58px;
}
.environment-top{
    width: 1334px;
    height: 446px;
}
.environment-top img{
    width: 1334px;
    height: 446px;
}
.environment-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.environment-bottom1,.environment-bottom2{
    width: 655px;
    height: 446px;
    margin-top: 20px;
}
.environment-bottom1 img,.environment-bottom2 img{
    width: 655px;
    height: 446px;
}
/* 办公环境 */
.work-list{
    margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.work-left1{
    width: 330px;
    height: 270px;
}
.work-left1 img{
    width: 330px;
    height: 270px;
}
.work-left2{
    width: 330px;
    height: 270px;
    margin-top: 10px;
}
.work-left2 img{
    width: 330px;
    height: 270px;
}
.work-center img{
    width: 642px;
    height: 550px;
}
.work-right1{
    width: 330px;
    height: 270px;
}
.work-right1 img{
    width: 330px;
    height: 270px;
}
.work-right2{
    width: 330px;
    height: 270px;
    margin-top: 10px;
}
.work-right2 img{
    width: 330px;
    height: 270px;
}
/* 娱乐设施 */
.amusement-list{
    margin-top: 77px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.amusement-left1{
    width: 400px;
    height: 424px;
}
.amusement-left1 img{
    width: 400px;
    height: 424px;
}
.amusement-left2{
    width: 400px;
    height: 248px;
    margin-top: 20px;
}
.amusement-left2 img{
    width: 400px;
    height: 248px;
}
.amusement-center1 img{
    width: 400px;
    height: 248px;
}
.amusement-center2{
    margin-top: 20px;
}
.amusement-center2 img{
    width: 400px;
    height: 422px;
}
.amusement-right1{
    width: 400px;
    height: 423px;
}
.amusement-right1 img{
    width: 400px;
    height: 423px;
}
.amusement-right2{
    width: 400px;
    height: 248px;
    margin-top: 20px;
}
.amusement-right2 img{
    width: 400px;
    height: 248px;
}
/* 员工培训 */
.train-list{
    margin-top: 75px;
    margin-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.train-item{
    width: 617px;
    height: 248px;
    margin-top: 30px;
}
.train-item img{
    width: 617px;
    height: 248px;
}
/* 手机端 */
@media screen and (max-width: 768px){
    .box-wrap{
        margin-top: 30px;
    }
    .environment-list{
        margin-top: 30px;
    }
    .environment-top,.environment-bottom1,.environment-bottom2{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .environment-bottom {
        flex-wrap: wrap;
    }
    .environment-top img,.environment-bottom1 img,.environment-bottom2 img {
        width: 100%;
        height: auto;
    }
    .work-list{
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
    .work-left,.work-left1,.work-left2{
        width: 100%;
        height: auto;
    }
    .work-left1 img,.work-left2 img{
        width: 100%;
        height: auto;
    }
    .work-center{
        width: 100%;
        height: auto;
    }
    .work-center img{
        width: 100%;
        height: auto;
    }
    .work-right,.work-right1,.work-right2{
        width: 100%;
        height: auto;
    }
    .work-right1 img,.work-right2 img{
        width: 100%;
        height: auto;
    }
    .amusement-list{
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .amusement-left,.amusement-left1,.amusement-left2{
        width: 100%;
        height: auto;
    }
    .amusement-left1 img,.amusement-left2 img{
        width: 100%;
        height: auto;
    }
    .amusement-center{
        width: 100%;
        height: auto;
    }
    .amusement-center img{
        width: 100%;
        height: auto;
    }
    .amusement-right,.amusement-right1,.amusement-right2{
        width: 100%;
        height: auto;
    }
    .amusement-right1 img,.amusement-right2 img{
        width: 100%;
        height: auto;
    }
    .train-list{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .train-item{
        width: 100%;
        height: auto;
    }
    .train-item img {
        width: 100%;
        height: auto;
    }
}