.content{
    width: 60%;
    padding: 80px 0;
    margin: auto;
}
.content a{
    color: #000;
    display: flex;
}
@keyframes conMask{
    from{
        transform: scale(0)
    }
    to{
        transform: scale(1)
    }
}
.contentLmack{
    width: 40%;
    /* height: 100%; */
    /* background: rgb(238, 208, 153); */
}
.contentRmack{
    width: 60%;
}
.contentLmack:hover .content_left{
    animation: conMask 3s;
}
.contentRmack:hover .content_right{
    animation: conMask 3s;
}
/* .content>div{
    flex: 1;
} */

.content_left{
    width: 100%;
    height: 100%;
    background: rgb(238, 208, 153);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content_left div{
    padding: 60px;
    /* text-align: center; */
}
.content_leftE div{
    padding: 30px 60px;
    /* text-align: center; */
}
.content_left h2{
    padding-bottom: 20px;;
}
.content_left p{
    font-size: 16px;
    line-height: 30px;
    padding: 0 0 20px;
}
.content_right{
    width: 100%;
}
.content_right img{
    display: block;
    width: 100%;
}
.Navigation{
    width: 60%;
    margin: auto;
}
.Navigation a{
    text-align: center;
    /* line-height: 200px; */
    display: block;
    width: 100%;
    /* height: 200px; */
    margin-bottom: 80px;
    color: #000;
    /* background-color: #0a8de4; */
}
.Navigation h5{
    font-size: 40px;
    /* line-height: 100px; */
    padding-bottom: 80px;
}
.NavigationE h5{
    font-size: 36px;
}
.Navigation_text{
    /* width: 60%; */
    /* height: 10rem; */
    /* padding-bottom: 10px; */
    display: flex;
}
.Navigation_left{
    width: 60%;
}
.Navigation_title{
    position: relative;
    /* transform: translate(-100%, 0); */
    /* animation: titSlate 3s; */
}
@keyframes titSlate{
    from{
        transform: translate(-100%, 0);
    }
    to{
        transform: translate(0);
    }
}
.Navigation_title div{
    text-align: center;
    width: 100%;
    height: 200px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.Navigation_title div p{
    font-size: 34px;
    line-height: 80px;
    letter-spacing: 0.25rem;
    text-shadow: 1px 1px 5px #000, -1px -1px 5px #000,1px -1px 5px #000, -1px 1px 5px #000,2px 2px #000, -2px -2px #000,2px -2px #000, -2px 2px #000;
}
.Navigation_titleE div p{
    font-size: 26px;
}
.Navigation_title img{
    display: block;
    width: 100%;
}
.Navigation_right{
    width: 40%;
}
.container {
    position: relative;
    height: 100%;
    background: rgb(238, 208, 153);
    /* margin: 50px auto; */
    /* border: 2px solid #333; */
}
.box {
    width: 33%;
    height: 33%;
    /* background: #ff6b6b; */
    margin: auto;
    /* color: #fff; */
    position: absolute;
    transition: transform 1s ease-in-out; /* 平滑过渡效果 */
}
.container .box img{
    width: 100%;
    height: 100%;
}
.container .box p{
    
    width: 100%;
    height: 130px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.container .box p img{
    width: 50%;
    height: auto;
}
.container .box p span{
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding-top: 10px;
}
.container .boxE p span{
    font-size: 16px;
}
#top { top: 0; left: 0; right: 0;}
#right { top: 0; bottom: 0; right: 0; }
#bottom { bottom: 0; left: 0; right: 0;}
#left { top: 0; bottom: 0; left: 0; }
#top_left { top: 0; left: 0; }
#top_right { top: 0; right: 0; }
#bottom_left { bottom: 0; left: 0; }
#bottom_right { bottom: 0; right: 0; }
#center { top: 0; bottom: 0; left: 0; right: 0; }
#center img{
    width: 80%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}