.m_nav_wrap{position: fixed; left: 0rem;top: 0rem;z-index: 9;width: 100vw; height: 100vh;background: rgba(0,0,0,0.6);}
.m_nav_border{width: 60rem; height: 100vh; background-color: #1F2677;position: absolute; left: 0rem;top: 0rem;}

.wave_wrap{position: absolute; left: 68rem;top: 266rem;}


.long_line {
    width: 18rem;
    height: 2rem;
    background-color: #9c9b9a;
    margin-bottom: 8rem;
    display: block;

  }

  .short_line {
    width: 10rem;
    height: 2rem;
    background-color: #9c9b9a;
    margin-bottom: 8rem;
    display: block;
  }

  .long_line.active {
    background-color: #0292AA;
  }

  .short_line.active {
    background-color: #0292AA;
  }

  .m_nav_arrow{width: 6rem; height: 2rem; margin-bottom: 8rem; position: relative;}
  .m_nav_arrow::after{
    content: "";
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 0rem;
    height: 0rem;
    border-top: 4rem solid transparent;
    border-left: 8rem solid #FFDF48;
    border-bottom: 4rem solid transparent;
    z-index: 2;
  }


  .nav_item.active {
    color: #47FFF3;
  }

  .nav_item.active img {
    filter: grayscale(0);
  }

  .nav_item {
    position: relative;
    height: 40rem;
    
    text-align: right;
    color: #fff;
  }
  .nav_item.active .nav_info {
    color: #47FFF3;

  }
  .nav_item .nav_info{position: absolute;top: -30rem;width: 160rem;}
  .nav_item .nav_info::after{
    content: "";
    position: absolute;
    top: 42rem;
    left: 0rem;
    width: 0rem;
    height: 0rem;
    border-top: 4rem solid transparent;
    border-left: 8rem solid #FFFFFF;
    border-bottom: 4rem solid transparent;
    z-index: 2;
  }
  .nav_item.active .nav_info::after{

    content: "";
    position: absolute;
    top: 42rem;
    left: 10rem !important;
    width: 0rem;
    height: 0rem;
    border-top: 4rem solid transparent !important;
    border-left: 8rem solid #47FFF3 !important;
    border-bottom: 4rem solid transparent !important;
    z-index: 3;
  }

  .nav_item.active .nav_info .nav_title {

    color: #47FFF3;
    text-wrap: nowrap;
  }

  .nav_info .nav_title {
    font-size: 26rem;
    text-wrap: nowrap;
    margin-top: 4rem;
  }

  .nav_info .nav_no {
    font-size: 24rem;
  }



  .cbc-footer-navbg {
    width: 82rem;
    height: 82rem;
    position: absolute;
    bottom: 0rem;
    left: 10rem;
    cursor: pointer;
    top: 298rem;

  }
  .nav_bg1{
    width: 58rem; 
    position: absolute;
    left: 0rem;
    top: 0rem;
    z-index: 9;
    top: 12rem;
    left: 12rem;

}



.ciycle_light {
    position: absolute;
    left:2rem;
    top:2rem;
  }

  .ciycle1 {
    width: 74rem;
    height: 74rem;
    border: 1rem solid #fff;
    border-radius: 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0.7);
    -webkit-animation: ciycle1 6s infinite;
    opacity: 0;
  }

  .ciycle2 {
    width: 74rem;
    height: 74rem;
    border: 1rem solid #fff;
    border-radius: 50%;
    transform-origin: 50% 50%;
    transform: scale(0.7);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: ciycle2 6s infinite;
    -webkit-animation-delay: 3s;
    opacity: 0;
  }

  .ciycle3 {
    width: 74rem;
    height: 74rem;
    border: 1rem solid #fff;
    border-radius: 50%;
    transform-origin: 50% 50%;
    transform: scale(0.7);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: ciycle3 6s infinite;
    -webkit-animation-delay: 6s;
    opacity: 0;
  }

  @-webkit-keyframes ciycle1 {

    0% {
      -webkit-transform: scale(0.7);
      opacity: 0;
    }

    60% {
      opacity: 0.5;
    }

    100% {
      -webkit-transform: scale(1.1);
      opacity: 0;
    }
  }

  @-webkit-keyframes ciycle2 {

    0% {
      -webkit-transform: scale(0.7);
      opacity: 0;
    }

    60% {
      opacity: 0.3;
    }

    100% {
      -webkit-transform: scale(1.1);
      opacity: 0;
    }
  }

  @-webkit-keyframes ciycle3 {

    0% {
      -webkit-transform: scale(0.7);
      opacity: 0;
    }

    60% {
      opacity: 0.2;
    }

    100% {
      -webkit-transform: scale(1);
      opacity: 0;
    }
  }

  .m_mov_bg{position: absolute; left: 50rem;top:-26rem;}
  .m_mov_bg img{width: 34rem;height: 134rem;}

  .head_nav{text-align: center;color: #fff;font-size: 28rem;    position: absolute;    width: 60rem; top: 30rem;}
  .head_nav a i{font-size: 40rem;color: #fff;}

  .cbc-footer-subnav{position: absolute; width: 410rem; left: 254rem;top: 353rem;}

  .sub_nav_wrap a {
    margin: 15rem;
    text-decoration: none;
    display: block;
    text-align: right;
    text-wrap: nowrap;
    color: #fff;
    cursor: pointer;
    font-family: 'Harmoney';
    transform-origin: 50% 50%;
    font-size: 20rem;
    margin-bottom: 40rem;
    padding-bottom: 12rem;
    border-bottom: 1px solid transparent;
    border-right: 2px solid transparent;
    position: relative;

  }

  .sub_nav_wrap a.active {
    color: #47FFF3;
    transition: all .1s ease 0s;
    font-family: 'Harmoney';
    border-bottom: 1px solid #47FFF3;
  }
  .sub_nav_wrap a.active::after{
    content: "";
    width: 2px;
    height: 18rem;
    background-color: #FC434B;
    right: -30rem;
    top: 6rem;
    position: absolute;
  }

  .sub_nav_wrap{position: absolute;width: 100%;}


  .main{
    scale: 0.390625;
    transform-origin: 0% 0%;
    overflow: auto;
    width: 1920rem !important;
    height: auto !important;
  }
  .item_bg{left: 0rem !important;}
  .item_bg img{width: 1920rem !important; height: auto;}
  .left1920w1200{left: 405rem; width: 1200rem;}
  .detail_content img{width: 100% !important; height: auto !important;}