@media (max-width: 1600px) {
  .map:after {
    top: 13%;
    height: 87%;
  }
}

@media (max-width: 1400px) {
  .video_section {
    min-height: 84vh;
  }
  .video_section .video_caption .title .main_title {
    font-size: 16em;
  }
  .video_section .video_caption .title .main_title:before, .video_section .video_caption .title .main_title:after {
    width: 34px;
    height: 34px;
  }
  .video_section .video_caption .title .main_title:before {
    bottom: 47px;
    margin-left: -94px;
  }
  .video_section .video_caption .title .main_title:after {
    bottom: 47px;
    margin-left: 73px;
  }
  .video_section .video_caption .title .sub_title {
    font-size: 4.3em;
  }
  .video_section .main_title,
  .video_section .main_title:before,
  .video_section .main_title:after,
  .video_section .banner_module {
    background-position: calc(50% + 50px) 15% !important;
    background-size: 1600px auto !important;
  }
  .overview .chatactor_asset {
    width: 72%;
    left: -10%;
  }
  .military .content {
    padding-right: 10%;
  }
  .coming .title {
    font-size: 8em;
  }
  .map:after {
    top: 16%;
    height: 84%;
  }
}

@media (max-width: 1200px) {
  .video_section {
    min-height: 76vh;
  }
  .video_section .main_title,
  .video_section .main_title:before,
  .video_section .main_title:after,
  .video_section .banner_module {
    background-position: calc(50% + 50px) 15% !important;
    background-size: 1400px auto !important;
  }
  .overview .title {
    font-size: 10em;
  }
  .military .title {
    font-size: 8em;
    padding-top: 10%;
  }
  .military h3.content {
    font-size: 1.4em;
    line-height: 1.4em;
  }
  .military .content {
    font-size: 1.2em;
    line-height: 1.2em;
  }
  .military .chatactor_asset {
    min-width: 590px;
    left: 0%;
  }
  .map .title {
    font-size: 8em;
    padding-top: 5%;
  }
  .map h3.content {
    font-size: 1.4em;
    line-height: 1.4em;
  }
  .map .content {
    font-size: 1.2em;
    line-height: 1.2em;
  }
}

@media (max-width: 1100px) {
  .navigator {
    display: none;
  }
  .video_section {
    min-height: 76vh;
  }
  .video_section .video_caption .title {
    width: 100%;
  }
  .video_section .video_caption .title .main_title {
    font-size: 12em;
  }
  .video_section .video_caption .title .main_title:before, .video_section .video_caption .title .main_title:after {
    width: 24px;
    height: 24px;
  }
  .video_section .video_caption .title .main_title:before {
    bottom: 35px;
    margin-left: -69px;
  }
  .video_section .video_caption .title .main_title:after {
    bottom: 35px;
    margin-left: 54px;
  }
  .video_section .video_caption .title .sub_title {
    font-size: 4.3em;
  }
  .video_section .main_title,
  .video_section .main_title:before,
  .video_section .main_title:after,
  .video_section .banner_module {
    background-position: calc(50% + 50px) 15% !important;
    background-size: 1240px auto !important;
  }
  .map:after {
    top: 6%;
    right: -9%;
    height: 94%;
  }
}

@media (max-width: 900px) {
  .video_section .video_caption .title {
    width: 100%;
  }
  .overview .title {
    font-size: 6.4em;
    line-height: 0.9em;
  }
  .overview h3.content {
    font-size: 1.4em;
  }
  .overview .content {
    font-size: 1.0em;
    line-height: 1.4em;
  }
  .overview .image_view .image_view_item {
    width: 40%;
    margin-right: 2%;
  }
  .military .title {
    font-size: 7em;
    padding-top: 5%;
  }
  .military .title:after {
    top: 7%;
  }
  .military h3.content {
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .military .content {
    font-size: 1.0em;
    line-height: 1.4em;
  }
  .military .chatactor_asset {
    min-width: 500px;
    top: -10%;
    left: -2%;
  }
  .map .title {
    font-size: 7em;
    padding-top: 5%;
  }
  .map h3.content {
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .map .content {
    font-size: 1.0em;
    line-height: 1.4em;
  }
  .map .control {
    padding-right: 30%;
  }
  .map:after {
    top: -4%;
    right: -22%;
    height: 104%;
  }
  .map .cloud {
    bottom: 20%;
  }
  .coming .title {
    font-size: 6em;
  }
}

@media (max-width: 760px) {
  #header .avabar_bar {
    padding: 10px 20px;
  }
  #header .control {
    top: 9px;
    right: 16px;
  }
  .fixedButton .fixedItem.fixed {
    text-align: left;
    top: 12px;
    right: 204px;
    left: auto;
  }
  .fixedButton .fixedItem.fixed .slogan {
    display: none !important;
  }
  .fixedButton .fixedItem.fixed .btn_content {
    padding: 0.1em 0.2em !important;
    text-align: center;
  }
  .fixedButton .fixedItem.fixed .btn_content .icon_heart {
    width: 24px;
  }
  .fixedButton .fixedItem.fixed .btn_moudle:before {
    left: -4px;
    right: -3px;
    bottom: -4px;
  }
  .fixedButton .fixedItem.fixed .btn_moudle:after {
    top: -4px;
    left: -4px;
    right: -3px;
  }
  .fixedButton .fixedItem.fixed .btn_moudle .btn_content .icon_heart:before {
    line-height: 22px !important;
  }
  .fixedButton .fixedItem.fixed .btn_moudle .btn_content .icon .slogan {
    line-height: 22px;
  }
  .video_section {
    height: 90vh;
    min-height: 600px;
  }
  .video_section .video_caption {
    width: 100%;
  }
  .video_section .video_caption .title .main_title {
    letter-spacing: -0.06em;
  }
  .video_section .video_caption .title .sub_title {
    font-size: 3.3em;
    bottom: -40px;
    opacity: 1 !important;
  }
  .video_section .video_caption .title .sub_title.second {
    display: none;
  }
  .video_section .main_title,
  .video_section .main_title:before,
  .video_section .main_title:after,
  .video_section .banner_module {
    background-position: calc(50% + 50px) 15% !important;
    background-size: 1060px auto !important;
  }
  .overview .title {
    text-align: center;
    margin: 4% 6%;
    font-size: 4.45em;
    line-height: 0.9em;
  }
  .overview h3.content {
    font-size: 1.2em;
    text-align: center;
  }
  .overview .content {
    text-align: center;
    margin: 2% 6% 0 5%;
    font-size: 1.0em;
    line-height: 1.4em;
  }
  .overview .image_view {
    margin-right: 10%;
    margin-left: 4%;
    margin-top: 100%;
    margin-bottom: 12%;
  }
  .overview .image_view .image_view_item {
    width: 100%;
    margin-right: 0%;
    background-color: #ece8e1;
  }
  .overview .chatactor_asset {
    top: 28%;
    left: 10%;
    width: 100%;
  }
  .military .title {
    font-size: 6em;
    padding: 26% 0 0 0;
    text-align: center;
  }
  .military .title:after {
    top: 8%;
  }
  .military h3.content {
    font-size: 1.0em;
    line-height: 1.4em;
    padding: 6% 0 0 0;
    text-align: center;
  }
  .military .content {
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 6% 6% 90%;
    text-align: center;
  }
  .military .chatactor_asset {
    min-width: 0px;
    top: 43%;
    left: 5%;
    right: 5%;
    width: auto;
  }
  .military .btn_moudle {
    display: none;
  }
  .map {
    position: relative;
    z-index: 10;
    padding-bottom: 92%;
  }
  .map .control {
    display: none;
  }
  .map .title {
    font-size: 6em;
    padding: 14% 6% 0;
    text-align: center;
  }
  .map .title:after {
    top: 7%;
  }
  .map h3.content {
    font-size: 1.0em;
    line-height: 1.4em;
  }
  .map .content {
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 5% 6% 0;
    text-align: center;
  }
  .map:after {
    top: 27%;
    right: -40%;
    width: 140%;
    height: 73%;
    z-index: 11;
    background-position: top right;
  }
  .map:before {
    display: none;
  }
  #footer {
    padding: 14% 0;
  }
  .coming .title {
    font-size: 4em;
  }
  .coming .content {
    font-size: 1.0em;
  }
  .btn_moudle .large {
    font-size: 1.1em;
  }
  .btn_moudle .small {
    padding: 0.1em 2.2em;
    font-size: 1.0em;
  }
  .btn_moudle .btn_content .icon_heart:before {
    line-height: 36px !important;
  }
  .btn_moudle .btn_content .icon .slogan {
    line-height: 36px;
  }
}

@media (max-width: 670px) {
  .video_section {
    min-height: 400px;
  }
  .video_section .video_caption .title .main_title {
    font-size: 7.4em;
    letter-spacing: -0.08em;
  }
  .video_section .video_caption .title .main_title:before, .video_section .video_caption .title .main_title:after {
    bottom: 24px;
    margin-left: -38px;
    width: 12px;
    height: 12px;
  }
  .video_section .video_caption .title .main_title:after {
    margin-left: 33px;
  }
  .video_section .video_caption .title .sub_title {
    font-size: 2.4em;
    bottom: -36px;
    opacity: 1 !important;
  }
  .video_section .video_caption .title .sub_title.second {
    display: none;
  }
  .video_section .main_title,
  .video_section .main_title:before,
  .video_section .main_title:after,
  .video_section .banner_module {
    background-position: calc(50% + 20px) 10% !important;
    background-size: 820px auto !important;
  }
  .overview .chatactor_asset {
    top: 33%;
  }
  .btn_moudle .slogan {
    font-size: 22px !important;
  }
}