.jsnl_list{}
.jsnl_listw{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5%;
}
.jsnl_listw:nth-child(2n){
    display: flex;
    flex-direction: row-reverse;
}
.jsnl_listwl{
    width: 54%;
    padding: 4%;
    position: absolute;
    top: 3%;
    z-index: 9;
    height: 80%;
    left: 2%;
}
.jsnl_listwl h2{
    font-size: 42px;
    font-weight: bold;
    color: #fff;
}
.jsnl_listwl p{
    line-height: 2;
    margin-top: 4%;
    font-size: 18px;
    color: #fff;
}
.jsnl_listwr{
    width: 100%;
    background: #000;
}
.jsnl_listwr img{
    width: 100%;
    opacity: 0.6;
}

.jsnl{
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 89;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
}
.jsnlw{
    width: 14%;
    transition: all ease .5s;
    height: 100%;
    border-right: solid 1px #d1d1d1;
    overflow: hidden;
}
.jsnlw.on{
    width: 30%;
    background: #023894;
    position: relative;
}
.jsnlwt{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16vh 5vh;
    padding-bottom: 10vh;
}
.jsnlwt img{
    width: 80px;
}
.jsnlwt .d{}
.jsnlwt .d h2{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4vh;
}
.jsnlwt .d span{
    color: #666;
}
.jsnlwb .bj{position: absolute;top: 0%;left: 0%;opacity: 0;}
.jsnlw.on .jsnlwb .bj{opacity: 1.2;}
.jsnlwb .bj img{
  /* width: 100%; */
}
.jsnlwb .d{
    position: relative;
    z-index: 9;
}
.jsnlwb .d img{
    width: 80px;
    opacity: 0;
    transition: all ease 1s;
    margin-bottom: 31vh;
    transform: rotateY(0deg); /* 水平镜像翻转 */
}
.jsnlw.on .jsnlwb .d img{opacity: 1;margin-bottom: 4vh;transform: rotateY(360deg); /* 水平镜像翻转 */}
.jsnlwb .d h2{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.jsnlwb .d p{
    color: #fff;
    line-height: 2;
    margin-top: 4%;
    display: none;
}
.jsnlwb  span{
    color: #fff;
    position: relative;
    z-index: 9;
}
.jsnlwb{position: absolute;bottom: 0%;height: 100%;padding: 16vh 5vh;padding-bottom: 10vh;display: flex;flex-direction: column;justify-content: flex-end;opacity: 0;}
.jsnlw.on .jsnlwt{
    display: none;
}
.jsnlw.on .jsnlwb{
    bottom: 0%;
    height: 100%;
    padding: 16vh 8vh;
    padding-bottom: 10vh;
    opacity: 1;
}
.gpdm{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023010617264884780/cms/image/ab4a6807-3a0b-4972-8a61-e1d882dfc177.jpg_290xaf.jpg?1679019003143);background-size: cover;
  padding: 10% 8%;
margin-bottom: 4%;
}
.gpdm h2{
    font-size: 20px;
}
.gpdm .gddm_qr{
    width: 250px;
    height: 36px;
    overflow: hidden;
}
.gpdm .gddm_qr iframe{
    width: 500px;
    height: 400px;
    margin-top: -342px;
    margin-left: -48px;
}
.gpdm  a{border: solid 1px #eee;color: #999;border-radius: 50px;display: block;width: 120px;height: 32px;text-align: center;margin-top: 10px;line-height: 32px;}
@media (max-width: 1440px){

.jsnlw.on .jsnlwb {
  
    padding: 8vh 6vh;
    
}
.jsnlwt {
  
    padding: 8vh 5vh;
   
}
}

@media (max-width: 1080px){
  .jsnl_sj{
    display: flex;
    flex-wrap: wrap;
}
  .jsnlw_sj{
    width: 33.3%;
    padding: 6% 0%;
    
}
  .jsnlwt_sj{
    text-align: center;
}
  .jsnlwt_sj img{
    width: 49px;
}
  .jsnlwt_sj h2{
    font-size: 15px;
}
  .jsnlwt_sj span{
    display: none;
}
  .jsnl_listw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.jsnl_listwl {
    width: 100%;
    padding: 8%;
}
.jsnl_listwr {
    width: 100%;
}
.jsnl_listwl h2 {
    font-size: 24px;
    font-weight: bold;
    color: #023894;
}
  .jsnl_listw:nth-child(2n) {
    display: flex;
    flex-direction: column;
}
}