body {
    font-family: Arial;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
  }
  .slider-box {
    float: left;
    width: 50%;
  }
  .slider-inner {
    width: 100%;
    height: auto;
    padding: 0;
    margin: auto;
    float: left;
    box-sizing: border-box;
    text-align: center;
    max-height: 100%;
  }
  ul,
  ul li {
    margin: 0;
  }
  .logo-menu,
  ul,
  ul li {
    padding: 0;
  }
  .menu-box-outer {
    box-sizing: border-box;
    float: right;
    height: 100%;
    padding: 0 2% 0 3%;
    position: relative;
    width: 50%;
  }
  .logo-base,
  .menu-box-inner {
    width: 100%;
    float: left;
  }
  ul li {
    list-style: none;
  }
  ul li a {
    color: #000;
    text-decoration: none;
  }
  .logo-menu {
    float: left;
    margin: auto auto -40px;
    max-height: 135px;
    max-width: 270px;
    width: auto;
  }
  .logo-base img,
  .logo-menu img,
  .slider-box img {
    height: auto;
    width: 100%;
  }
  .menu-box-inner {
    margin: 250px 0 0;
    max-width: 760px;
    padding: 50px 0;
    position: relative;
  }
  .menu-box,
  .menu-position,
  .menu-position li {
    position: absolute;
  }
  .menu-position li:after {
    width: 0px;
    height: 0px;
    content: "";
    position: absolute;
  }
  .menu-box {
    height: 135px;
    left: 270px;
    top: -25px;
    width: 240px;
  }
  .menu-position {
    background-color: transparent;
    height: 135px;
    left: 0;
    overflow: visible;
    top: 0;
    width: 270px;
  }
  .menu-position li a {
    background: #0094da;
    color: #fff;
    padding: 5px 10px;
  }
  .menu-position li:hover {
    opacity: 0.6;
  }
  .menu-position li.menu1 {
    left: -109;
    top: 56px;
  }
  .menu-position li.menu1:after {
    right: -18px;
    border-bottom: 0px solid transparent;
    border-left: 20px solid #0094da;
    border-top: 10px solid transparent;
  }
  .menu-position li.menu2 {
    left: -134px;
    top: 22px;
  }
  .menu-position li.menu2:after {
    right: -18px;
    border-bottom: 0px solid transparent;
    border-left: 20px solid #0094da;
    border-top: 10px solid transparent;
  }
  .menu-position li.menu3 {
    left: -10px;
    top: -8px;
  }
  .menu-position li.menu3:after {
    right: -12px;
    border-right: 20px solid transparent;
    border-left: 0px solid transparent;
    top: -3px;
    border-bottom: 10px solid #0094da;
    border-top: 11px solid Transparent;
  }
  .menu-position li.menu4 {
    left: 70px;
    top: -28px;
  }
  .menu-position li.menu4:after {
    right: 45px;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0094da;
    border-top: 0px solid transparent;
    top: 20px;
  }
  .menu-position li.menu5 {
    left: 197px;
    top: 5px;
    width: 100%;
  }
  .menu-position li.menu5:after {
    left: -18px;
    border-bottom: 0px solid transparent;
    border-right: 20px solid #0094da;
    border-top: 10px solid transparent;
    top: 5px;
  }
  .menu-position li.menu6 {
    left: 235px;
    top: 37px;
  }
  .menu-position li.menu6:after {
    left: -18px;
    border-bottom: 0px solid transparent;
    border-right: 20px solid #0094da;
    border-top: 10px solid transparent;
    top: 5px;
  }
  .menu-position li.menu7 {
    left: 255px;
    top: 80px;
    width: 110px;
  }
  .menu-position li.menu7:after {
    left: -18px;
    border-bottom: 0px solid transparent;
    border-right: 20px solid #0094da;
    border-top: 10px solid transparent;
    top: 5px;
  }
  @media screen and (max-width: 1600px) and (min-width: 1281px) {
    .menu-box-inner {
      float: left;
      margin: 250px 0 0;
      max-width: 600px;
      padding: 50px 0;
      position: relative;
      width: 100%;
    }
    .menu-box {
      height: 135px;
      left: 214px;
      position: absolute;
      top: -10px;
      width: 190px;
    }
    .menu-position {
      background-color: transparent;
      height: 100px;
      left: 0;
      overflow: visible;
      position: absolute;
      top: 0;
      width: 195px;
    }
    .menu-position li.menu1 {
      left: -109;
      top: 41px;
    }
    .menu-position li.menu1::after {
      border-bottom: 0 solid transparent;
      border-left: 20px solid #0094da;
      border-top: 10px solid transparent;
      right: -18px;
    }
    .menu-position li.menu2 {
      left: -145px;
      top: 10px;
    }
    .menu-position li.menu2::after {
      border-bottom: 0 solid transparent;
      border-left: 30px solid #0094da;
      border-top: 10px solid transparent;
      right: -22px;
      top: 6px;
    }
    .menu-position li.menu3 {
      left: -6px;
      top: -24px;
    }
    .menu-position li.menu3::after {
      border-color: Transparent #0094da transparent transparent;
      border-style: solid;
      border-width: 0 10px 10px 20px;
      right: 5px;
      top: 21px;
    }
    .menu-position li.menu4 {
      left: 74px;
      top: -33px;
      width: 120px;
    }
    .menu-position li.menu4::after {
      border-bottom: 15px solid transparent;
      border-left: 10px solid #0094da;
      border-top: 0 solid transparent;
      left: 30px;
      top: 20px;
    }
    .menu-position li.menu5 {
      left: 163px;
      top: 0;
    }
    .menu-position li.menu5::after {
      border-bottom: 0 solid transparent;
      border-right: 20px solid #0094da;
      border-top: 10px solid transparent;
      left: -18px;
      top: 5px;
    }
    .menu-position li.menu6 {
      left: 190px;
      top: 31px;
    }
    .menu-position li.menu6::after {
      border-bottom: 0 solid transparent;
      border-right: 20px solid #0094da;
      border-top: 10px solid transparent;
      left: -18px;
      top: 0;
    }
    .menu-position li.menu7 {
      left: 207px;
      top: 61px;
      width: 110px;
    }
    .menu-position li.menu7::after {
      border-bottom: 0 solid transparent;
      border-right: 20px solid #0094da;
      border-top: 10px solid transparent;
      left: -18px;
      top: 3px;
    }
  }
  @media screen and (max-width: 1280px) and (min-width: 1200px) {
    .menu-box-inner {
      float: left;
      margin: 200px 0 0;
      max-width: 580px;
      padding: 50px 0;
      position: relative;
      width: 100%;
    }
    .menu-box {
      height: 115px;
      left: 207px;
      position: absolute;
      top: -8px;
      width: 185px;
    }
    .menu-position {
      background-color: transparent;
      height: 90px;
      left: 0;
      overflow: visible;
      position: absolute;
      top: 0;
      width: 175px;
    }
    .menu-position li.menu1 {
      left: -69px;
      top: 45px;
    }
    .menu-position li.menu1:after {
      border-bottom: 0 solid transparent;
      border-left: 20px solid #0094da;
      border-top: 10px solid transparent;
      right: -18px;
      top: -2px;
    }
    .menu-position li.menu2 {
      left: -88px;
      top: 15px;
    }
    .menu-position li.menu2:after {
      border-bottom: 0 solid transparent;
      border-left: 20px solid #0094da;
      border-top: 10px solid transparent;
      right: -18px;
    }
    .menu-position li.menu3 {
      left: -2px;
      top: -27px;
    }
    .menu-position li.menu3:after {
      border-color: transparent #0094da transparent transparent;
      border-style: solid;
      border-width: 0 10px 10px;
      top: 22px;
      right: 10px;
    }
    .menu-position li.menu4 {
      left: 78px;
      top: -27px;
      width: 120px;
    }
    .menu-position li.menu4::after {
      border-bottom: 10px solid transparent;
      border-left: 10px solid #0094da;
      border-top: 0 solid transparent;
      right: 88px;
      top: 20px;
    }
    .menu-position li.menu5 {
      left: 158px;
      top: 3px;
    }
    .menu-position li.menu5::after {
      border-bottom: 0 solid transparent;
      border-right: 20px solid #0094da;
      border-top: 10px solid transparent;
      left: -18px;
      top: 3px;
    }
    .menu-position li.menu6 {
      left: 185px;
      top: 33px;
    }
    .menu-position li.menu6::after {
      border-bottom: 0 solid transparent;
      border-right: 20px solid #0094da;
      border-top: 10px solid transparent;
      left: -18px;
      top: -1px;
    }
    .menu-position li.menu7 {
      left: 200px;
      top: 62px;
      width: 110px;
    }
    .menu-position li.menu7::after {
      border-bottom: 0 solid transparent;
      border-right: 20px solid #0094da;
      border-top: 10px solid transparent;
      left: -17px;
      top: 2px;
    }
  }
  @media screen and (max-width: 1199px) and (min-width: 980px) {
    .menu-box-inner {
      float: left;
      margin: 200px 0 0;
      max-width: 460px;
      padding: 50px 0;
      position: relative;
      width: 100%;
    }
    .menu-box {
      height: 83px;
      left: 165px;
      position: absolute;
      top: 0px;
      width: 140px;
    }
    .menu-position {
      background-color: transparent;
      height: 90px;
      left: 0;
      overflow: visible;
      position: absolute;
      top: 0;
      width: 165px;
    }
    .menu-position li.menu1 {
      left: -63px;
      top: 33px;
    }
    .menu-position li.menu1::after {
      border-bottom: 0 solid transparent;
      border-left: 15px solid #0094da;
      border-top: 10px solid transparent;
      right: -10px;
      top: -2px;
    }
    .menu-position li.menu2 {
      left: -102px;
      top: 4px;
    }
    .menu-position li.menu2::after {
      border-bottom: 0 solid transparent;
      border-left: 30px solid #0094da;
      border-top: 10px solid transparent;
      right: -25px;
      top: 5px;
    }
    .menu-position li.menu3 {
      left: -18px;
      top: -25px;
    }
    .menu-position li.menu3::after {
      border-color: Transparent #0094da transparent transparent;
      border-style: solid;
      border-width: 0 10px 10px 0;
      right: 10px;
      top: 20px;
    }
    .menu-position li.menu4 {
      left: 60px;
      top: -30px;
      width: 120px;
    }
    .menu-position li.menu4::after {
      border-bottom: 12px solid transparent;
      border-left: 10px solid #0094da;
      border-top: 0 solid transparent;
      right: 96px;
      top: 20px;
    }
    .menu-position li.menu5 {
      left: 123px;
      top: -2px;
      width: 120px;
    }
    .menu-position li.menu5::after {
      border-bottom: 0 solid transparent;
      border-right: 20px solid #0094da;
      border-top: 10px solid transparent;
      left: -18px;
      top: 5px;
    }
    .menu-position li.menu6 {
      left: 144px;
      top: 27px;
    }
    .menu-position li.menu6::after {
      border-color: transparent #0094da transparent transparent;
      border-style: solid;
      border-width: 0 20px 10px 0;
      left: -18px;
      top: 4px;
    }
    .menu-position li.menu7 {
      left: 154px;
      top: 55px;
      width: 110px;
    }
    .menu-position li.menu7::after {
      border-bottom: 10px solid transparent;
      border-top: 0 solid transparent;
      border-right: 20px solid #0094da;
      left: -15px;
      top: 2px;
    }
  }
  @media screen and (max-width: 979px) and (min-width: 768px) {
    .menu-box-outer,
    .slider-box {
      width: 100%;
      float: left;
    }
    .menu-box-outer {
      box-sizing: border-box;
      height: 100%;
      padding: 0;
      position: relative;
    }
    .menu-box-inner {
      float: none;
      margin: 200px auto 0;
      max-width: 760px;
      padding: 50px 0;
      position: relative;
      width: 100%;
    }
  }
  @media screen and (max-width: 767px) and (min-width: 640px) {
    .menu-box-outer,
    .slider-box {
      width: 100%;
      float: left;
    }
    .menu-box-outer {
      box-sizing: border-box;
      height: auto;
      padding: 0;
      position: relative;
    }
    .menu-box-inner {
      float: none;
      margin: 100px auto 0;
      max-width: 580px;
      padding: 50px 0;
      position: relative;
      width: 100%;
    }
    .menu-box {
      height: 115px;
      left: 207px;
      position: absolute;
      top: -8px;
      width: 185px;
    }
    .menu-position {
      background-color: transparent;
      height: 90px;
      left: 0;
      overflow: visible;
      position: absolute;
      top: 0;
      width: 175px;
    }
    .menu-position li.menu1 {
      left: -52px;
      top: 43px;
    }
    .menu-position li.menu2 {
      left: -70px;
      top: 14px;
    }
    .menu-position li.menu3 {
      left: -4px;
      top: -16px;
    }
    .menu-position li.menu4 {
      left: 90px;
      top: -20px;
      width: 120px;
    }
    .menu-position li.menu5 {
      left: 140px;
      top: 10px;
    }
    .menu-position li.menu6 {
      left: 166px;
      top: 39px;
    }
    .menu-position li.menu7 {
      left: 183px;
      top: 68px;
      width: 110px;
    }
    .menu-position li::after {
      display: none;
    }
  }
  @media screen and (max-width: 639px) and (min-width: 480px) {
    .menu-box-outer,
    .slider-box {
      width: 100%;
      float: left;
    }
    .menu-box-outer {
      box-sizing: border-box;
      height: auto;
      padding: 0;
      position: relative;
    }
    .menu-box-inner {
      float: none;
      margin: 120px auto 0;
      max-width: 420px;
      padding: 50px 0;
      position: relative;
      width: 100%;
    }
    .menu-box,
    .menu-position {
      height: 100px;
      position: absolute;
      width: 150px;
    }
    .menu-box {
      left: 140px;
      top: -8px;
    }
    .menu-position {
      background-color: transparent;
      left: 0;
      overflow: visible;
      top: 0;
    }
    .menu-position li.menu1 {
      left: -53px;
      top: 37px;
    }
    .menu-position li.menu2 {
      left: -76px;
      top: 8px;
    }
    .menu-position li.menu3 {
      left: -18px;
      top: -20px;
    }
    .menu-position li.menu4 {
      left: 60px;
      top: -25px;
      width: 120px;
    }
    .menu-position li.menu5 {
      left: 120px;
      top: 2px;
      width: 120px;
    }
    .menu-position li.menu6 {
      left: 135px;
      top: 30px;
    }
    .menu-position li.menu7 {
      left: 150px;
      top: 58px;
      width: 110px;
    }
    .menu-position li::after {
      display: none;
    }
  }
  @media screen and (max-width: 479px) and (min-width: 320px) {
    .menu-box-outer,
    .slider-box {
      width: 100%;
      float: left;
    }
    .menu-box-outer {
      box-sizing: border-box;
      height: auto;
      padding: 0;
      position: relative;
    }
    .menu-box-inner {
      float: none;
      margin: 120px auto 0;
      max-width: 270px;
      padding: 50px 0;
      position: relative;
      width: 100%;
    }
    .menu-box {
      height: 40px;
      left: 103px;
      position: absolute;
      top: 25px;
      width: 70px;
    }
    .menu-position {
      background-color: transparent;
      height: auto;
      left: -110px;
      overflow: visible;
      position: absolute;
      top: -130px;
      width: 280px;
    }
    .menu-position li {
      background: #0094da;
      float: left;
      margin: 2px;
      padding: 0;
      position: relative;
      text-align: center;
      width: 136px;
    }
    .menu-position li a {
      background: #0094da;
      color: #fff;
      display: block;
      padding: 5px 0;
      width: 100%;
    }
    .menu-position li:hover {
      background: #024768;
    }
    .menu-position li.menu1,
    .menu-position li.menu2,
    .menu-position li.menu3,
    .menu-position li.menu4,
    .menu-position li.menu5,
    .menu-position li.menu6,
    .menu-position li.menu7 {
      left: 0;
      top: 0;
    }
    .menu-position li.menu7 {
      width: 276px;
    }
    .menu-position li::after {
      display: none;
    }
  }
  @media screen and (max-width: 319px) {
    .menu-position li::after {
      display: none;
    }
  }