* {
    margin: 0;
    padding: 0;
  }

  body{ color:#555;
    font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,\5b8b\4f53,helvetica,sans-serif;
}
.reset_style, body{
  word-break: normal;
}
    a{transition:all .3s;text-decoration:none;}
    a:hover,a:focus{ text-decoration:none;}
    .subpage_ad .text{display:none;}

    /*nav*/
.prosub_nav{
	flex-direction: row-reverse !important;
  justify-content: space-between !important;
}
.sub_nav .p_loopitem{
	margin-right:0 !important;
  position: relative;
  padding:0;
}
.sub_nav .p_loopitem:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background: #ccc;
    right: 0;
    top: 50%;
   transform: translate(0, -50%);
}
.sub_nav .p_loopitem a{
	background: none !important;
  padding: 16px 35px !important;
  border-radius: 0 !important;
  border:0 !important;
}
.sub_nav .p_loopitem a:hover{
    background: #e50180 !important;
}
.sub_nav .p_loopitem a.on{
    background: #e50180 !important;
}

    .subNav{
      max-width: 1320px !important;
      display:flex;
      flex-wrap: wrap;
    }
    .subNav > div{
      width:auto !important;
    }
    .subNav:after{
      display:none !important;
    }
    .e_breadcrumb-1 .p_breadcrumb{
      flex-wrap: wrap;
    }

  div[class^=e_richText-] img {
    max-width: 100% !important;
    height: auto !important;
  }

  div[class^=e_richText-] video {
    max-width: 100% !important;
    height: auto !important;
  }
    
    @media only screen and (min-width: 769px){
      /*大屏*/  
      .NavList_a1 a{
         font-size: 14px !important;
          padding: 0px 20px !important;
      }
    }
    @media only screen and (max-width: 768px){
      /*小屏*/
      .subNav > div{
          width:100% !important;
      }
    }


.page_a.current{
	 background-color: #e50180;
    margin-top: 40px;
}

 




/*====================场景=============================*/


.jip {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023082611150096113/cms/image/5393961f-cf8e-4ca0-8f3e-03619b34f122.png?d=1705549042726) no-repeat bottom center;
    height: 580px;
    position: relative;    z-index: 3;
}

.ip1 {
    ;width: 130px;
    height: 160px;
    position: absolute;
    top: 12%;
    left: 30%;
}

.ip2 {
    width: 100px;
    height: 130px;
    position: absolute;
    top: 4%;
    left: 53%;
}

.ip3 {
    width: 110px;
    height: 130px;
    position: absolute;
    top: 25%;
    left: 18%;
}

.ip4 {
    width: 130px;
    height: 160px;
    position: absolute;
    top: 41%;
    left: 23%;
}

.ip5 {
    width: 130px;
    height: 150px;
    position: absolute;
    top: 43%;
    left: 8%;
}

.ip6 {
    width: 130px;
    height: 160px;
    position: absolute;
    top: 63%;
    left: 40%;
}

.ip7 {
    width: 110px;
    height: 130px;
    position: absolute;
    top: 70%;
    left: 25%;
}

.ip8 {
    width: 90px;
    height: 110px;
    position: absolute;
    top: 74%;
    left: 10%;
}

.ip9 {
    width: 110px;
    height: 140px;
    position: absolute;
    top: 2%;
    left: 74%;
}

.ip10 {
    width: 90px;
    height: 110px;
    position: absolute;
    top: 15%;
    left: 64%;
}

.ip11 {
    width: 130px;
    height: 150px;
    position: absolute;
    top: 10%;
    left: 89%;
}

.ip12 {
    width: 100px;
    height: 130px;
    position: absolute;
    top: 35%;
    left: 47%;
}

.ip13 {
    width: 100px;
    height: 130px;
    position: absolute;
    top: 41%;
    left: 66%;
}

.ip14 {
    width: 90px;
    height: 110px;
    position: absolute;
    left: 77%;
    top: 28%;
}

.ip15 {
    width: 90px;
    height: 110px;
    position: absolute;
    left: 55%;
    top: 25%;
}

.ip16 {
    width: 90px;
    height: 110px;
    position: absolute;
    left: 35%;
    top: 36%;
}

.ip17 {
    width: 90px;
    height: 110px;
    position: absolute;
    left: 53%;
    top: 54%;
}

.ip18 {
    width: 90px;
    height: 110px;
    position: absolute;
    left: 42%;
    top: 8%;
}

.jip div:hover img {
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: all 1s ease;
}

.jip div img {
    transition: all 1s ease;
}

.jip div {
    -webkit-animation: tiao 4s linear infinite;
    -moz-animation: tiao 4s linear infinite;
    animation: tiao 4s linear infinite;
}

.jip div:nth-child(2n) {
    -webkit-animation: tiao2 4s linear infinite;
    -moz-animation: tiao2 4s linear infinite;
    animation: tiao2 4s linear infinite;
}

@-webkit-keyframes tiao {
    0% {
        margin-top: 0px;
    }

    50% {
        margin-top: -10px;
    }

    100% {
        margin-top: 0px;
    }
}

@-moz-keyframes tiao {
    0% {
        margin-top: 0px;
    }

    50% {
        margin-top: -10px;
    }

    100% {
        margin-top: 0px;
    }
}

@keyframes tiao {
    0% {
        margin-top: 0px;
    }

    50% {
        margin-top: -10px;
    }

    100% {
        margin-top: 0px;
    }
}

@-webkit-keyframes tiao2 {
    0% {
        margin-top: -10px;
    }

    50% {
        margin-top: 0px;
    }

    100% {
        margin-top: -10px;
    }
}

@-moz-keyframes tiao2 {
    0% {
        margin-top: -10px;
    }

    50% {
        margin-top: 0px;
    }

    100% {
        margin-top: -10px;
    }
}

@keyframes tiao2 {
    0% {
        margin-top: -10px;
    }

    50% {
        margin-top: 0px;
    }

    100% {
        margin-top: -10px;
    }
}

@media only screen and (max-width: 768px) {
    .jip {
        height: 250px;
        background-size: contain;
    }

    .jip div img {
        width: 100%;
    }

    .jip div {
        transform: scale(0.4);
    }

    .ip1 {
        width: 130px;
        height: 160px;
        position: absolute;
        top: 8%;
        left: 22%;
    }

    .ip2 {
        width: 100px;
        height: 130px;
        position: absolute;
        top: 6%;
        left: 43%;
    }

    .ip3 {
        width: 110px;
        height: 130px;
        position: absolute;
        top: 23%;
        left: 7%;
    }

    .ip4 {
        width: 130px;
        height: 160px;
        position: absolute;
        top: 32%;
        left: 18%;
    }

    .ip5 {
        width: 130px;
        height: 150px;
        position: absolute;
        top: 37%;
        left: -9%;
    }

    .ip6 {
        width: 130px;
        height: 160px;
        position: absolute;
        top: 54%;
        left: 30%;
    }

    .ip7 {
        width: 110px;
        height: 130px;
        position: absolute;
        top: 64%;
        left: 16%;
    }

    .ip8 {
        width: 90px;
        height: 110px;
        position: absolute;
        top: 66%;
        left: 2%;
    }

    .ip9 {
        width: 110px;
        height: 140px;
        position: absolute;
        top: 11%;
        left: 62%;
    }

    .ip10 {
        width: 90px;
        height: 110px;
        position: absolute;
        top: 26%;
        left: 53%;
    }

    .ip11 {
        width: 130px;
        height: 150px;
        position: absolute;
        top: 15%;
        left: 75%;
    }

    .ip12 {
        width: 100px;
        height: 130px;
        position: absolute;
        top: 33%;
        left: 39%;
    }

    .ip13 {
        width: 100px;
        height: 130px;
        position: absolute;
        top: 43%;
        left: 57%;
    }

    .ip14 {
        width: 90px;
        height: 110px;
        position: absolute;
        left: 68%;
        top: 37%;
    }
}