* {
  font-family: "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  /* overflow-x: hidden; */
  overflow-x: hidden !important;
  font-family: "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

body {
  overflow: hidden;
}

a {
  text-decoration: none;
}

/* 
*::selection {
    background: #00A8B1;
    color: #fff;
}

*::-moz-selection {
    background: #00A8B1;
    color: #fff;
}
 */

/*  */

.nav-icon {
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 2;
}

.nav-icon li {
    display: inline-block;
    padding: 0 2px;
    margin: 0;
    vertical-align: top;
}

.nav-icon li a {
  cursor: pointer;
}

.kv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 400px 0 400px;
  width: 100%;
  background-image: url(../img/web_kv.png);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  background-size: cover;
  background-color: #f8f8f7;
}

.nav_bg {
  background-color: #fff;
}

.nav_bg_m {
  background-color: #fff;
}

.kv1 {
  max-width: 659px;
  position: absolute;
  top: 10%;
  right: 20%;
}

.kv1 img {
  max-width: 100%;
}

.kv2 {
  max-width: 338px;
  position: absolute;
  top: 40%;
  right: 35%;
}

.kv1 img {
  max-width: 100%;
}

.kv2 img {
  max-width: 100%;
}

.nav-m {
  display: none;
}

.nav-d {
  display: block;
}

.index_qa {
  padding: 0px 0 0;
  width: 100%;
  background-image: url(../img/i_qa_kv.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

.icon_down {
  width: 36px;
  margin: 0 auto;
  display: block;
  position: absolute;
  animation: down 1s infinite;
  top: 0px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  cursor: pointer;
}

.index_qa_top {
  padding: 50px 0 0;
  text-align: center;
  position: relative;
}

.ask_btn {
  display: inline-block;
  margin: 10px 0 30px;
  border: 2px solid #007d3e;
  color: #007d3e;
  border-radius: 50px;
  padding: 5px 20px;
  font-weight: bold;
  font-size: 25px;
  cursor: pointer;
}

.ask_btn:hover {
  background-color: #007d3e;
  color: #fff;
}

.Click_btn {
  display: inline-block;
  margin: 25px 0;
  max-width: 196px;
}

.Click_btn img {
  width: 100%;
}

@keyframes down {
  0% {
    top: 0px;
  }

  50% {
    top: 10px;
  }

  100% {
    top: 0px;
  }
}

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

  50% {
    top: 10px;
  }

  100% {
    top: 0px;
  }
}

.index_qa_row {
  text-align: center;
  padding: 30px 0 40px;
}

.index_qa_row_title {
  width: 100%;
}

.index_qa_row_title img {
  max-width: 100%;
}

.index_qa_list {
  max-width: 400px;
  margin: 0 auto;
  padding: 50px 0;
}

.index_qa_list li {
  background-color: #007d3e;
  position: relative;
  color: #fff;
  text-align: left;
  padding: 10px 0 10px 20px;
  border-radius: 50px;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 15px;
  cursor: pointer;
}

.index_qa_list li:nth-child(even) {
  background-color: #8ec31f;
}

.index_qa_list li:hover {
  box-shadow: 8px 7px 22px 0px rgba(0, 0, 0, 0.3);
}

.index_qa_list_icon {
  position: absolute;
  right: 15px;
  top: 10px;
}

.index_family_mg {
  margin: 0 0 -90px;
}

.index_family {
  padding: 80px 0 800px;
  width: 100%;
  background-image: url(../img/index_family_bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  position: relative;
  background-size: cover;
}

.index_family_title {
  font-size: 32px;
  padding: 0;
  margin: 0 0 30px;
  text-align: center;
  color: #007d3e;
  font-weight: bold;
  position: relative;
}

.index_family_title img {
  max-width: 100%;
}

.index_family_item {
  position: absolute;
}

.index_family_item_1 {
  left: 11%;
}

.index_family_item_2 {
  left: 7%;
  bottom: 10%;
}

.index_family_item_3 {
  right: 15%;
}

.index_family_item_4 {
  right: 7%;
  bottom: 10%;
}

.index_sensitive {
  padding: 100px 0 460px;
  width: 100%;
  background-image: url(../img/index_sensitive_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  /* background-size: cover; */
  top: -90px;
}

.index_sensitive_row {
  text-align: center;
}

.index_sensitive_sub {
  font-size: 32px;
  color: #007d3e;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}

.index_sensitive_title {
  font-size: 40px;
  color: #fff;
  background-color: #8ec31f;
  text-align: center;
  padding: 10px 20px;
  display: inline-block;
  margin: 0px 0 10px;
  font-weight: bold;
}

.index_sensitive_list {
  list-style: disc;
  width: 390px;
  padding: 15px 0;
  margin: 0 auto;
  text-align: left;
}

.index_sensitive_list li {
  font-size: 19px;
  color: #34513c;
  line-height: 1.8;
}

.index_sensitive_list li span {
  font-weight: bold;
  color: #007d3e;
}

.index_sensitive_item {
  position: absolute;
  top: 25%;
  left: 17%;
}

.index_sensitive_item img {
  max-width: 100%;
}

.index_grassland_bg {
  padding: 0px 0 0px;
  width: 100%;
  background-image: url(../img/index_grassland_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  background-size: cover;
}

.index_format_bg {
  padding: 0px 0;
  width: 100%;
  background-image: url(../img/index_format_bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  position: relative;
  /* background-size: cover; */
  background-color: #fff;
}

.index_format_title {
  padding: 10px 0 25px;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color: #007d3e;
}

.index_format_title_line {
  width: 50px;
  height: 2px;
  background-color: #8ec31f;
  margin: 0 auto;
}

.index_format_top {
  padding: 0 0 20px;
}

.index_format_top h4 {
  padding: 10px 15px;
  font-size: 19px;
  color: #fff;
  background-color: #34513c;
  display: inline-block;
}

.index_format_top ul {
  margin: 0;
  padding: 10px 0 0;
  list-style: decimal;
  padding-left: 25px;
}

.index_format_top ul li {
  color: #34513c;
  font-size: 17px;
  line-height: 1.8;
}

.index_format_bottom {
  padding: 0 0 20px;
}

.index_format_bottom h4 {
  padding: 10px 15px;
  font-size: 19px;
  color: #fff;
  background-color: #34513c;
  display: inline-block;
}

.index_format_bottom ul {
  margin: 0;
  padding: 10px 0 0;
  list-style: disc;
  padding-left: 25px;
}

.index_format_bottom ul li {
  color: #34513c;
  font-size: 17px;
  line-height: 1.8;
}

.index_format_img {
  padding: 25px 0 0;
  max-width: 382px;
}

.index_format_img img {
  max-width: 100%;
}

.index_user_top {
  text-align: center;
  padding: 30px 0 45px;
}

.index_user_sub {
  font-size: 32px;
  color: #007d3e;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}

.index_user_title {
  font-size: 40px;
  color: #fff;
  background-color: #8ec31f;
  text-align: center;
  padding: 10px 20px;
  display: inline-block;
  margin: 0px 0 10px;
  font-weight: bold;
}

.index_user_row {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
}

.index_user_swiper {
  /* max-width: 1920px; */
  height: 100%;
}

.index_user_swiper .swiper-container {
  width: 100%;
  /* height: 100%; */
  position: relative;
}

.index_user_swiper .swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.index_user_swiper .swiper-slide {
  width: 35%;
}

.index_user_swiper .swiper-slide img {
  width: 100%;
  transition: 300ms;
  transform: scale(0.8);
}

.index_user_swiper .swiper-slide-active img {
  width: 100%;
  transition: 300ms;
  transform: scale(1);
}

.index_user_swiper .swiper-slide-active,
.index_user_swiper .swiper-slide-duplicate-active {
  transform: scale(1);
}

.kv_swiper-button-next,
.swiper-container-rtl .kv_swiper-button-prev {
  background-image: url(../img/index_user_r.png);
  right: 0;
  left: auto;
}

.kv_swiper-button-prev,
.swiper-container-rtl .kv_swiper-button-next {
  background-image: url(../img/index_user_l.png);
  left: 0px;
  right: auto;
}

.kv_swiper-button-next,
.kv_swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 55px 55px;
  -webkit-background-size: 55px 55px;
  background-size: 55px 55px;
  background-position: center;
  background-repeat: no-repeat;
}

.container_swiper {
  width: 100%;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.index_request {
  max-width: 885px;
  margin: 45px auto 0;
  padding: 40px 0px;
  width: 100%;
  background-image: url(../img/index_request_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  /* background-size: cover; */
}

.index_request_row {
  width: 70%;
  margin: 0 auto;
  padding: 0px 0 100px;
}

.index_request_row .form-group {
  margin: 0 0 15px;
}

.index_request_row .col-form-label {
  font-size: 17px;
  color: #007d3e;
  font-weight: bold;
}

.index_request_btn {
  text-align: center;
}

.index_request_btn a {
  margin: 15px 0 0;
  display: inline-block;
  border-radius: 50px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  background-color: #007d3e;
  padding: 5px 35px;
}

.index_request_title {
  padding: 24px 0 25px;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color: #007d3e;
}

.index_request_title_line {
  width: 50px;
  height: 2px;
  background-color: #8ec31f;
  margin: 0 auto;
}

.index_stronghold {
  padding: 0 0 45px;
}

.index_stronghold_row {
  width: 100%;
  background-color: #fff;
  padding: 45px;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

.index_stronghold_title {
  padding: 40px 0 10px;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color: #007d3e;
}

.index_stronghold_title_line {
  width: 50px;
  height: 2px;
  background-color: #8ec31f;
  margin: 0 auto;
}

.index_stronghold_form .col-form-label {
  font-size: 17px;
  color: #007d3e;
  font-weight: bold;
  /* text-align: right; */
}

.map_btn {
  width: 100%;
  background-color: #007d3e;
  color: #fff;
  border-radius: 3px;
  display: block;
  padding: 0.375rem 0.75rem;
  text-align: center;
}

.mpa_list {
  width: 100%;
  height: 450px;
  border: 1px solid #b8b8b8;
  overflow-y: auto;
}

.mpa_row {
  width: 100%;
  height: 450px;
}

.mpa_row iframe {
  width: 100%;
  height: 450px;
}

.mpa_list_row {
  width: 100%;
  margin: 0;
  padding: 25px;
}

.mpa_list_item {
  border-bottom: 1px solid #8ec31f;
  padding: 10px 0;
}

.mpa_list_item h4 {
  font-size: 21px;
  margin: 0 0 5px;
  padding: 0;
  font-weight: bold;
  color: #007d3e;
}

.mpa_list_item h4 span {
  display: inline-block;
  color: #fff;
  padding: 2px 10px;
  margin: 0 5px 0 0;
  background-color: #007d3e;
}

.mpa_list_item p {
  font-size: 17px;
  margin: 0 0 5px;
  padding: 0;
  color: #34513c;
}

.mpa_product {
  list-style: disc;
  padding: 0 25px;
}

.index_stronghold_map {
  padding: 25px 0 0;
}

.index_series {
  padding: 15px 0 45px;
}

.index_series_logo {
  width: 100%;
}

.index_series_logo img {
  max-width: 100%;
}

.index_series_logo_text {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  color: #007d3e;
}

.index_series_item {
  display: block;
  text-align: center;
  cursor: pointer;
}

.index_series_img {
  display: block;
  text-align: center;
  width: 100%;
}

.index_series_img img {
  max-width: 100%;
}

.index_series_btn {
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  padding: 5px 20px;
}

.index_series_btn i {
  margin: 0 0 0 5px;
}

.index_series_color_1 {
  background-color: #0f546b;
}

.index_series_color_2 {
  background-color: #54318f;
}

.index_series_color_3 {
  background-color: #007d3e;
}

footer {
  width: 100%;
  background-color: #007d3e;
  padding: 40px 0;
}

.footer_top {
  border-bottom: 1px #8ec31f solid;
  padding: 0 0 15px;
}

.footer_name {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}

.footer_data {
  color: #fff;
  font-size: 16px;
  padding: 0 0 5px;
}

.footer_data i {
  margin: 0 10px 0 0;
}

.f_nav-icon {
  text-align: center;
}

.f_nav-icon li {
 display: inline-block;
    padding: 0;
    margin: 0 5px;
    max-width: 31px;
    vertical-align: top;
}

.f_nav-icon li img {
  width: 100%;
}

.f_nav-icon li a {
  cursor: pointer;
}

.rights {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 25px 0 0;
}

.qa_fix_bg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999999;
  background-color: rgba(52, 81, 60, 0.7);
  left: 0;
  top: 0;
}

.qa_fix_row {
  width: 680px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.qa_fix_main {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.qa_fix_main h4 {
  padding: 10px 0;
  font-size: 25px;
  font-weight: bold;
  color: #007d3e;
  border-bottom: 1px #8ec31f solid;
}

.qa_fix_close {
  text-align: right;
}

.qa_fix_close a {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 10px;
}

.index_request .form-check-label a {
  color: #007d3e;
  text-decoration: underline;
}

.title_color {
  color: #007d3e;
  font-weight: bold;
}

.index_privacy h4 {
  font-size: 21px;
}

.index_privacy p {
  line-height: 1.8;
}

.index_privacy ul {
  list-style: decimal;
  padding: 0 0 0 25px;
}

.index_privacy ol {
  list-style: none;
  /*  命名自訂標號變數  */
  counter-reset: my-counter;
  padding: 0 0 0 25px;
}

.index_privacy ol li {
  /*  使用自訂標號  */
  counter-increment: my-counter;
  /* 段落首行縮排 */
  text-indent: -1em;
}

/* 以偽元素自訂標號樣式 */
.index_privacy ol li::before {
  content: "(" counter(my-counter) ")";
  font-weight: bold;
}

.index_privacy li {
  line-height: 1.8;
}

.consult {
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  text-align: center;
  background-color: rgba(33, 33, 33, .5);
  padding: 15px 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  z-index: 99999;
}

.consult_img {
  max-width: 87px;
  margin: 0 auto;
}

.consult img {
  width: 100%;
  margin: 0 0 5px;
}

.qa_fix_text {
  padding: 15px 0;
}

.agree_checkbox {
  display: inline-block;
}

.agree label {
  display: inline;
  font-size: 14px;
}

.grassland_left {
  position: absolute;
  top: 125px;
  left: -190px;
}

.grassland_right {
  position: absolute;
  top: 125px;
  right: -150px;
}

.index_format_row {
  position: relative;
  z-index: 1;
}

.index_stronghold_red {
  text-align: center;
  color: #ff0000;
  font-size: 14px;
  padding: 0 0 20px;
}

nav .menu li a {
  display: block;
  padding: 20px 25px;
  text-decoration: none;
  color: #34513c;
  font-weight: bolder;
  cursor: pointer;
}

.footer_logo {
  max-width: 228px;
}

.footer_logo img {
  width: 100%;
}

nav .menu li .product_nav {
  /* color: #54318f; */
}

.product_series {
  padding: 110px 0 30px;
}

.product_series .index_series_logo {
  width: 100%;
  text-align: center;
}

.product_nav_bg {
  background-color: #54318f;
  padding: 0 15px;
  border-radius: 100px;
  color: #Fff;
}

.product_series .index_series_item {
  margin: 20px 0;
}

.product_series .index_series_item img {
  max-width: inherit;
  width: 100%;
}

.product_series .index_stronghold_title {
  text-align: center;
  letter-spacing: 30px;
  text-indent: 30px;
  padding: 0px 0 10px;
}

.index_format_top_img {
  width: 100%;
}

.index_format_top_img img {
  width: 100%;
}

/* .index_movie{
  max-width: 670px;
  margin: 45px auto 100px;
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
  position: relative;
}
.index_movie ul{
  width: 100%;

}
.index_movie ul li{
  padding: 5px 0;
  border-bottom: 1px solid #b8b8b8;
}
.index_movie ul li a{
  color: #007d3e;
  font-weight: bolder;
  cursor: pointer;
  font-size: 20px;
}
.index_movie ul li a:hover{

  color: #34513c;

} */
.index_movie .ask_btn {
  /* position: absolute;
  left: 50%;
  top: 93%;
  transform: translate(-50%, -50%); */
  margin: 35px 0;
  background-color: #fff;
}

.index_movie {
  max-width: 1110px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}

.index_movie_img {
  overflow: hidden;
  border-radius: 15px;
  width: 100%;
  border: 4px solid #9dcb3c;
  display: block;
}

.index_movie_img img {
  border-radius: 15px;
  width: 100%;
}

.index_movie .ask_btn:hover {
  background-color: #007d3e;
}

.line_btn {
  display: block;
  background-color: #0e783c;
  vertical-align: middle;
  color: #fff;
  padding: 3px 10px 3px 5px;
  border-radius: 100px;
}

.line_btn span {
  vertical-align: middle;
}

.line_btn img {
  width: 25px;
  vertical-align: middle;
}
.nav-icon li a i{
      color: #34513c;
  font-size: 29px;
}
.f_nav-icon i{
  color: #fff;
  font-size: 29px;
}
@media (max-width: 1800px) {
  .core-nav .nav-container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
  }
}

@media (max-width: 1600px) {
  .index_family_item_1 {
    left: 9%;
  }

  .index_family_item_2 {
    left: 5%;
    bottom: 10%;
  }

  .index_family_item_3 {
    right: 13%;
  }

  .index_family_item_4 {
    right: 5%;
    bottom: 10%;
  }
}

@media (max-width: 1500px) {
  .kv1 {
    max-width: 639px;
    position: absolute;
    top: 10%;
    right: 10%;
  }

  .kv1 img {
    max-width: 100%;
  }

  .kv2 {
    max-width: 338px;
    position: absolute;
    top: 40%;
    right: 29%;
  }

  .kv1 img {
    max-width: 100%;
  }

  .kv2 img {
    max-width: 100%;
  }

  .index_family_item_1 {
    left: 9%;
    scale: 0.9;
  }

  .index_family_item_2 {
    left: 5%;
    bottom: 10%;
    scale: 0.9;
  }

  .index_family_item_3 {
    right: 13%;
    scale: 0.9;
  }

  .index_family_item_4 {
    right: 5%;
    bottom: 10%;
    scale: 0.9;
  }
}

@media (max-width: 1500px) {
  .index_family_item_1 {
    left: 7%;
    scale: 0.9;
  }

  .index_family_item_2 {
    left: 5%;
    bottom: 10%;
    scale: 0.9;
  }

  .index_family_item_3 {
    right: 11%;
    scale: 0.9;
  }

  .index_family_item_4 {
    right: 5%;
    bottom: 10%;
    scale: 0.9;
  }
}

@media (max-width: 1366px) {
  .index_family_item_1 {
    left: 7%;
    scale: 0.8;
  }

  .index_family_item_2 {
    left: 5%;
    bottom: 10%;
    scale: 0.8;
  }

  .index_family_item_3 {
    right: 11%;
    scale: 0.8;
  }

  .index_family_item_4 {
    right: 5%;
    bottom: 10%;
    scale: 0.8;
  }
}

@media (max-width: 1200px) {
  .index_sensitive_item {
    position: absolute;
    top: 25%;
    left: 5%;
  }

  .index_family_item_1 {
    left: 0%;
    scale: 0.8;
  }

  .index_family_item_2 {
    left: 0%;
    bottom: 12%;
    scale: 0.8;
  }

  .index_family_item_3 {
    right: 1%;
    scale: 0.8;
  }

  .index_family_item_4 {
    right: 0%;
    bottom: 14%;
    scale: 0.8;
  }
  nav .menu li a {
    display: block;
    padding: 20px 10px;
    text-decoration: none;
    color: #34513c;
    font-weight: bolder;
    cursor: pointer;
}
}

@media (max-width: 992px) {
  .product_series .index_series_item .index_series_img {
    display: block;
    text-align: center;
    width: initial;
    max-width: initial;
    margin: 0 auto;
  }

  nav .menu li .product_nav {
    background-color: #54318f;

    color: #Fff;
  }

  .product_nav_bg {
    background-color: inherit;
    padding: initial;
    border-radius: inherit;
    color: inherit;
  }

  .index_series_img {
    display: block;
    text-align: center;
    width: initial;
    max-width: 200px;
    margin: 0 auto;
  }

  nav .wrap-core-nav-list {
    background-color: #fff;
  }

  .qa_fix_row {
    width: 680px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .qa_fix_bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    background-color: rgba(52, 81, 60, 0.7);
    left: 0;
    top: 0;
  }

  .kv1 {
    max-width: 639px;
    position: absolute;
    top: 10%;
    right: initial;
    padding: 0 15px;
    left: 70px;
  }

  .kv2 {
    max-width: 338px;
    position: absolute;
    top: 38%;
    right: 18%;
  }

  .kv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 400px 0 400px;
    width: 100%;
    background-image: url(../img/web_kv_m992.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    background-size: cover;
    background-color: #f8f8f7;
  }

  .qa_fix_row {
    padding: 0 15px;
    max-width: initial;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
  }

  .core-nav .wrap-core-nav-list .core-nav-list {
    padding: 0;
  }

  .core-nav .wrap-core-nav-list .core-nav-list li li {
    width: initial;
    display: inline-block;
    padding: 0;
    margin: 0;
  }

  .nav-icon {
    position: relative;
    right: initial;
    top: initial;
    z-index: initial;
    padding: 10px 0;
    text-align: center;
  }

  .nav-m {
    display: block;
  }

  .nav-d {
    display: none;
  }

  .index_family {
    padding: 40px 0 600px;
    width: 100%;
    background-image: url(../img/index_family_bg_992.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    background-size: cover;
  }

  .index_family_title {
    font-size: 32px;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
    color: #007d3e;
    font-weight: bold;
    position: relative;
  }

  .index_family_item {
    position: absolute;
    margin: 0 0 15px;
  }

  .index_family_item img {
    max-width: 100%;
  }

  .index_family_item_1 {
    left: -30px;
    scale: 0.7;
  }

  .index_family_item_2 {
    left: -30px;
    bottom: 5%;
    scale: 0.7;
  }

  .index_family_item_3 {
    right: 1%;
    scale: 0.7;
  }

  .index_family_item_4 {
    right: 1%;
    bottom: 5%;
    scale: 0.7;
  }

  .index_sensitive_item {
    position: relative;
    top: initial;
    left: initial;
  }

  .index_sensitive {
    padding: 100px 0 150px;
    width: 100%;
    background-image: url(../img/index_sensitive_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    background-size: cover;
    top: -90px;
  }

  .index_sensitive_list {
    list-style: disc;
    width: 390px;
    padding: 15px 25px;
    margin: 0 auto;
    text-align: left;
  }

  .index_format_bg {
    padding: 0px 0;
    width: 100%;
    background-image: url(../img/index_format_bg_m.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    background-size: cover;
  }

  .index_format_img {
    padding: 0 15px;
    width: initial;
    max-width: 382px;
  }

  .index_user_swiper .swiper-slide {
    width: 100%;
  }

  .index_request {
    max-width: 885px;
    margin: 45px auto;
    padding: 0px 0px;
    width: 100%;
    background-image: initial;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    background-size: cover;
    background-color: #fff;
  }

  .index_request_title {
    padding: 40px 0 25px;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    color: #007d3e;
  }

  .index_request_row {
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px 40px;
  }

  .index_request_row .form-control {
    margin: 0 0 10px;
  }

  .index_stronghold_row {
    width: 100%;
    background-color: #fff;
    padding: 0px 15px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
  }

  .index_stronghold_form .col-form-label {
    font-size: 17px;
    color: #007d3e;
    font-weight: bold;
    text-align: left;
  }

  .index_stronghold_form .form-control {
    margin: 0 0 10px;
  }

  .index_stronghold_map {
    padding: 25px 0;
  }

  .mpa_list {
    width: 100%;
    height: 450px;
    border: 1px solid #b8b8b8;
    overflow-y: auto;
    margin: 0 0 15px;
  }

  .footer_name {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
  }

  .footer_data {
    color: #fff;
    font-size: 16px;
    padding: 0 0 5px;
    text-align: center;
  }

  .index_qa {
    padding: 0px 0 0;
    width: 100%;
    background-image: url(../img/i_qa_kv.png);
    background-repeat: no-repeat;
    background-position: bottom right;
  }
}

@media (max-width: 768px) {
  .index_family_item {
    position: relative;
    margin: 0 0 15px;
  }

  .index_family_item img {
    max-width: 100%;
  }

  .index_family_item_1 {
    left: initial;
    scale: 1;
  }

  .index_family_item_2 {
    left: initial;
    bottom: initial;
    scale: 1;
  }

  .index_family_item_3 {
    right: initial;
    scale: 1;
  }

  .index_family_item_4 {
    right: initial;
    bottom: initial;
    scale: 1;
  }

  .index_sensitive_item {
    position: relative;
    top: initial;
    left: initial;
  }

  .index_family {
    padding: 40px 0 450px;
    width: 100%;
    background-image: url(../img/index_family_bg_m.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    background-size: cover;
  }

  .kv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
            padding: 350px 0 670px;
    width: 100%;
    background-image: url(../img/web_kv_m.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    background-size: cover;
    background-color: #f8f8f7;
  }

  .kv1 {
    max-width: 639px;
    position: absolute;
    top: 13%;
    right: initial;
    padding: 0 15px;
    left: 0;
  }

  .kv2 {
    max-width: 337px;
    position: absolute;
    top: 35%;
    right: 0;
  }

  .index_qa {
    padding: 0px 0 0;
    width: 100%;
    background-image: url(../img/i_qa_kv.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    background-color: #f7f7f8;
  }

  .index_qa_row {
    text-align: center;
    padding: 30px 15px 40px;
  }
}

@media (max-width: 430px) {
  .index_family_item {
    position: relative;
    margin: 0 0 15px;
  }

  .index_family_item img {
    max-width: 100%;
  }

  .index_family_item_1 {
    left: initial;
    scale: 1;
  }

  .index_family_item_2 {
    left: initial;
    bottom: initial;
    scale: 1;
  }

  .index_family_item_3 {
    right: initial;
    scale: 1;
  }

  .index_family_item_4 {
    right: initial;
    bottom: initial;
    scale: 1;
  }

  .index_sensitive_item {
    position: relative;
    top: initial;
    left: initial;
  }

  .index_family {
    padding: 40px 0 450px;
    width: 100%;
    background-image: url(../img/index_family_bg_m.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    background-size: cover;
  }

  .kv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 350px 0 370px;
    width: 100%;
    background-image: url(../img/web_kv_m.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    background-size: cover;
    background-color: #f8f8f7;
  }

  .kv1 {
    max-width: 639px;
    position: absolute;
    top: 13%;
    right: initial;
    padding: 0 15px;
    left: 0;
  }

  .kv2 {
    max-width: 337px;
    position: absolute;
    top: 30%;
    right: 0;
  }

  .index_qa {
    padding: 0px 0 0;
    width: 100%;
    background-image: url(../img/i_qa_kv.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    background-color: #f7f7f8;
  }

  .index_qa_row {
    text-align: center;
    padding: 30px 15px 40px;
  }
}