.culture{width:100%;padding:15rem 10rem 10rem;box-sizing:border-box;background-color:#fff;background-size:cover;position:relative;color:#fefefe}.culture .culture_box1{width:100%;height:50rem;display:flex;align-items:center}.culture .culture_box1 .box1_l{width:40%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:5rem;line-height:6rem;color:#0f0f0f}.culture .culture_box1 .box1_r{width:60%;height:100%;border-radius:1rem;overflow:hidden;background-image:url(/_next/static/media/b6.2a3a422c.png);background-size:cover;padding:5rem;box-sizing:border-box}.culture .culture_box1 .box1_r .r_tit{color:#0f0f0f;float:right;width:70%;font-size:2rem;line-height:3rem}.culture .culture_box2{width:100%;margin-top:5rem}.culture .culture_box2 ul{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.culture .culture_box2 ul li{width:23%;height:25rem;margin:2rem 0;border-radius:1rem;background-image:url(/_next/static/media/r5.5b2a7784.png);position:relative;overflow:hidden}.culture .culture_box2 ul li .msg{width:100%;position:absolute;top:-25rem;transition:all .4s}.culture .culture_box2 ul li .msg .li_msg{width:100%;height:25rem;overflow:hidden;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3rem;line-height:4rem}.culture .culture_box2 ul li .msg .msg_detail{width:100%;height:25rem;background-color:hsla(0,0%,40%,.5);font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.culture .culture_box2 ul li .msg .msg_detail .det_msg{width:100%;height:21rem;padding:5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:3rem}.culture .culture_box2 ul li .msg .msg_detail .det_btn{width:100%;height:4rem;line-height:4rem;background-color:#fc6464;text-align:center;cursor:pointer}.culture .culture_box2 ul li:hover .msg{top:0}@media screen and (max-width:1279px){.culture{padding:15rem 5rem}}@media screen and (max-width:1023px){.culture .culture_box2 ul li{width:48%}}@media screen and (max-width:800px){.culture .culture_box1{flex-direction:column-reverse}.culture .culture_box1 .box1_l,.culture .culture_box1 .box1_r,.culture .culture_box1 .box1_r .r_tit{width:100%}.culture .culture_box2 ul{justify-content:space-between}.culture .culture_box2 ul li{width:48%}}