@charset "utf-8";

.header {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  background: rgba(131, 131, 131, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.notinnav.on {
  position: fixed;
  top: 0;
  left: 0;
}

.public_menu .header {
  background: none
}

.header_content {
  position: relative;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lang-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang-div {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lang-img {
  margin-right: 10px;
}

.lang-en {
  position: relative;
}

.langue_list {
  position: absolute;
  background: #FAFAFA;
  width: 152px;
  top: 82px;
  right: -24px;
  opacity: 0;
  z-index: -1;
  transition-duration: 0.8s;
}

.langue_list.active {
  position: absolute;
  top: 42px;
  opacity: 1;
  z-index: 1;
}

.footer_lang .langue_list {
  top: unset;
  bottom: 82px
}

.detail_section8_www {
  margin-top: 40px;
}

.footer_lang .langue_list.active {
  position: absolute;
  top: unset;
  bottom: 42px;
  opacity: 1;
  z-index: 1;
}

.footer_lang .langtan {
  position: absolute;
  top: unset;
  bottom: -8px;
  right: 15px;
  transform: translateX(-50%)
}

.langue_list_div {
  position: relative;
  padding: 24px;
}

.langtan {
  position: absolute;
  top: -8px;
  right: 22px;
}

.langue_list ul li {
  margin-bottom: 18px;
}

.langue_list ul {
  display: none;
}

.langue_list.active ul {
  display: block;
}

.langue_list ul li:last-child {
  margin-bottom: 0;
}

.langue_list ul li a {
  display: flex;
  color: #2D2D2D;
  font-size: 14px;
  cursor: default !important;
  align-items: center;
}

.langue_list.active ul li a {
  cursor: pointer !important;
}

.langue_list ul li a img {
  margin-right: 12px;
  width: 16px;
  height: 16px;
}

.lang-div>span {
  display: block;
  margin-right: 10px;
  color: #E5E5E5;
  font-size: 18px;
}

.footer_lang .lang-div {
  opacity: 0.7
}

.footer_lang:hover .lang-div {
  opacity: 1
}

.footer_lang .lang-img {
  opacity: 0.7
}

.footer_lang:hover .lang-img {
  opacity: 1
}

.header.othernav .lang-div>span {
  display: block;
  margin-right: 10px;
  color: #2D2D2D;
}

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_share ul li a {
  display: block;
}

.navToggle {
  margin-left: 41px;
  top: 30px;
  right: 150px;
  width: 50px;
  height: 50px;
  padding: 15px;
  z-index: 101;
}

.menu.m {
  width: 20px;
  height: 18px;
  position: relative;
  z-index: 11;
  cursor: pointer;
}

body.open .menu.m span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg)
}

body.open .menu.m span:nth-child(2) {
  transform: translateX(35px);
  opacity: 0;
}

body.open .menu.m span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg)
}

.menu.m span {
  position: absolute;
  width: 20px;
  display: block;
  height: 2px;
  background-color: #E5E5E5;
  left: 0;
  top: 0;
  transition: all 800ms;
  z-index: 11;
  border-radius: 2em;
}

.menu.m span:nth-child(2) {
  top: 9px;
}

.menu.m span:nth-child(3) {
  top: 18px;
}

.index_header_content {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.index_header_content .w1620 {
  position: relative;
  height: 100%;
}

.header_w {
  display: flex;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-40%);
}

.header_w1 {
  margin-right: 50px;
  width: 34.2%;
}

.header_w1 svg {
  width: 100%;
  height: auto;
}

.header_w2 svg {
  width: 100%;
  height: auto;
}

.header_w2 {
  width: 34.38%;
}

.index_share ul li {
  margin-bottom: 33px;
}

.index_share ul li:last-child {
  margin-bottom: 0;
}

.index_share {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%)
}

.index_video_name {
  display: flex;
  position: absolute;
  bottom: 21.1%;
  width: 239px;
  height: 71px;
  background: url(../images/MINO.png) no-repeat center center;
  background-size: cover;
  align-items: flex-end;
  font-family: HYQiHei55S;
  font-size: 24px;
  color: #E5E5E5;
}

.modular1 .swiper-slide {
  width: 800px;
  transition-timing-function: linear;
}

.section.price.option_list .optionBox a {
  text-align: left;
}

.youtube {
  margin-bottom: 80px;
  text-align: center;
}

.youtube iframe {
  width: 1000px;
  height: 570px;
  margin-top: 20px;
}

.manuel {
  display: block;
  background-color: #dc2624;
  border-radius: 3px;
  font-size: 15px;
  margin-top: 30px;
  text-align: center;
}

.manuel:hover {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}

.manuel a {
  display: block;
  padding: 10px;
  width: 100%;
  text-decoration: none;
  color: #fff;
}

.manuel a:hover {
  color: #dc2624;
}


.optionBox img {
  max-width: 80%;
}

.options {
  padding: 40px 0;
  max-width: 750px;
  margin: 0 auto;
}

.options .margin {
  font-size: 16px;
  text-align: center;
}

.optionsTtl {
  font-size: 35px;
  font-weight: 600;
  color: #2d2e2e;
  padding-bottom: 35px;
}

.optionBox {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: solid 1px #2d2e2e;
}

.optionBox-image {
  width: 18%;
}

.optionBox-txt {
  width: 80%;
  display: flex;
  /* align-items: space-between; */
  flex-wrap: wrap;
}

.optionBox-txt .upper {
  width: 100%;
  margin-top: 40px;
}

.optionBox-txt .bottom {
  width: 100%;
  align-content: flex-end;
  display: flex;
  align-items: flex-end;
}

.optionBox-txt .ttl {
  font-size: 23px;
  color: #52bec9;
  font-weight: 300;
  width: 100%;
}

.optionBox-txt .num {
  width: 100%;
}

.optionPrice {
  text-align: right;
  width: 100%;
  font-size: 20px;
  margin-bottom: 0;
}


@media only screen and (max-width:1440px) {
  .modular1 .swiper-slide {
    width: 600px;
  }
}

@media only screen and (max-width:1200px) {
  .modular1 .swiper-slide {
    width: 600px;
  }
}

@media only screen and (max-width:980px) {
  .modular1 .swiper-slide {
    width: 471px;
  }
}

@media only screen and (max-height:480px) {
  .modular1 .swiper-slide {
    width: 471px;
  }
}

.modular1 .swiper-slide img {
  width: 100%;
  border-radius: 4px;
}

.modular1 .swiper-slide .title {
  position: absolute;
  transform: rotate(90deg);
  transform-origin: left top;
  left: -3px;
  font-size: 11px;
  color: rgb(102, 102, 102);
}

.modular1 .swiper-button-next,
.modular1 .swiper-button-prev {
  width: 86px;
  height: 112px;
  background-size: 86px 112px;
  margin-top: -56px;
  outline: none;
}

.modular1 .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  margin: 0 6px !important;
  width: 9px;
  height: 9px;
  position: relative;
  outline: none;
  vertical-align: middle;
}

.modular1 .swiper-pagination-bullet span {
  width: 3px;
  height: 3px;
  background: #CCC;
  display: block;
  border-radius: 50%;
  margin-top: 3px;
  margin-left: 3px;
}

.modular1 .swiper-pagination-bullet i {
  background: #000;
  height: 1px;
  width: 20px;
  position: absolute;
  top: 4px;
  transform: scaleX(0);
  transform-origin: left;
  z-index: 3;
  transition-timing-function: linear;
}

.modular1 .swiper-pagination-bullet-active span,
.swiper-pagination-bullet:hover span {
  width: 9px;
  height: 9px;
  margin-top: 0;
  margin-left: 0;
  background: #000;
  position: relative;
  z-index: 1;
}

.modular1 .swiper-pagination-bullet-active i {
  -webkit-animation: middle 6s;
  animation: middle 6s;
}

.modular1 .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
  -webkit-animation: first 6s;
  animation: first 6s;
}

.modular1 .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
  -webkit-animation: last 6s;
  animation: last 6s;
}

@-webkit-keyframes first {
  0% {
    transform: scaleX(0.5);
    left: 0px;
  }

  100% {
    transform: scaleX(1);
    left: 2px;
  }
}

@keyframes first {
  0% {
    transform: scaleX(0.5);
    left: 0px;
  }

  100% {
    transform: scaleX(1);
    left: 2px;
  }
}

@-webkit-keyframes last {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }

  20% {
    transform: scaleX(0.3);
    left: 2px;
  }

  100% {
    transform: scaleX(0.3);
    left: 0px;
  }
}

@keyframes last {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }

  20% {
    transform: scaleX(0.3);
    left: 2px;
  }

  100% {
    transform: scaleX(0.3);
    left: 0px;
  }
}

@-webkit-keyframes middle {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }

  20% {
    transform: scaleX(0.45);
    left: 2px;
  }

  100% {
    transform: scaleX(1);
    left: 2px;
  }
}

@keyframes middle {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }

  20% {
    transform: scaleX(0.45);
    left: 2px;
  }

  100% {
    transform: scaleX(1);
    left: 2px;
  }
}

.modular1 .swiper-container {
  padding: 0 0 15px;
}

.modular1 .index_pro_txt {
  text-align: center;
}

.index_pro_txt_h {
  font-size: 24px;
  line-height: 28px;
  color: #000;
}

.index_pro_txt_d {
  margin-top: 19px;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #000;
}

.index_pro_txt {
  transform: translateY(calc(-100% - 15px));
  opacity: 0;
  transition: all 0.8s;
}

.modular1 .swiper-slide-active .index_pro_txt {
  opacity: 1;
}

.modular1 {
  position: relative;
  background: url(../images/mimo.png) center 130px no-repeat;
  padding: 85px 0 0;
}

.index_button_div {
  z-index: 1;
  background: #fff;
  border: 1px solid #000;
}

.index_bt_md {
  overflow: hidden;
  width: 254px;
  height: 58px;
  line-height: 56px;
  transition: all 0.8s;
}

.index_button_div .index_button {
  font-size: 24px;
  display: block;
  color: #000;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.index_button_div .index_button:hover {
  z-index: 13;
}

.index_button_div .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #C9DA4F;
  transition: all 0.8s;
  z-index: 10;
}

.index_button_div .index_button:hover::after {
  width: 100%;
}

.index_button_div .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.index_button_divp {
  position: absolute;
  transform: translateY(calc(-100% - 115px));
  right: 250px;
  display: flex;
  z-index: 1;
}

.index_button_divp>div:nth-child(1) {
  margin-right: 24px;
}

.header_research {
  position: relative;
  margin-right: 30px;
  border: 1px solid rgba(147, 147, 147, 0);
  border-right: 1px solid #939393;
  width: 230px;
  height: 50px;
  display: flex;
  align-items: center;
  transition-duration: 0.8s;
}

.header_jfq {
  margin-right: 24px;
}

.header_search_input {
  width: 230px;
  height: 50px;
  padding-left: 13px;
  display: none;
  color: #939393;
  font-size: 18px;
}

.header_search_bt {
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
}

.header_research.active {
  border: 1px solid rgba(147, 147, 147, 1)
}

.header_research.active .header_search_input {
  display: block;
}

.index_button_div2 {
  z-index: 1;
  border: 1px solid #008DD6;
  margin-top: 85px;
}

.index_button_div2:hover {
  border: 1px solid #008DD6;
}

.index_button_div2 .index_button {
  font-size: 24px;
  display: block;
  color: #008DD6;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.index_button_div2 .index_button:hover {
  z-index: 13;
  color: #fff;
}

.index_button_div2 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.index_button_div2 .index_button:hover::after {
  width: 100%;
}

.index_button_div2 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.index_button_div3 {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin-top: 62px;
  float: right;
}

.index_button_div3:hover {
  border: 1px solid #008DD6;
}

.index_button_div3 .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.index_button_div3 .index_button:hover {
  z-index: 13;
  color: #fff;
}

.index_button_div3 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.index_button_div3 .index_button:hover::after {
  width: 100%;
}

.index_button_div3 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.index_button_div4 {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 90px auto 0;
}

.index_button_div4:hover {
  border: 1px solid #008DD6;
}

.index_button_div4 .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.index_button_div4 .index_button:hover {
  z-index: 13;
  color: #fff;
}

.index_button_div4 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.index_button_div4 .index_button:hover::after {
  width: 100%;
}

.index_button_div4 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.index_xc_fir {
  position: relative;
  width: 100%;
  transition-duration: 0.8s;
}

.index_xc_fir_div {
  position: absolute;
  left: 0;
  width: 43%;
  background: #C9DA4F;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_xc_fir_div2 {
  width: 56.97%;
  float: right;
}

.index_xc_fir_div2 img {
  width: 100%;
}

.index_xc_sec {
  position: relative;
}

.camp_comment_list_tx img {
  width: 100%;
  border-radius: 50%;
}

.index_xc_sec_div {
  position: absolute;
  width: 35%;
  top: 20px;
}

.index_xc_sec_div img {
  width: 100%;
}

.index_xc_sec_div2 {
  width: 66.927%;
}

.index_xc_sec_div2 img {
  width: 100%;
}

.index_xc_sec_div3 {
  position: absolute;
  width: 43%;
  top: 0px;
  height: 100%;
  right: 0;
  z-index: 3;
  background: #fff;
  padding: 110px 0 0 50px;
}

.index_xc_div_w1 {
  font-size: 72px;
  line-height: 84px;
  font-weight: 900;
  color: #008DD6;
}

.index_xc_div_w2 {
  font-family: HYQiHei55S;
  font-size: 18px;
  line-height: 21px;
  color: #008DD6;
  margin-top: 33px;
}

.index_xc_sec_div3_title {
  font-size: 36px;
  line-height: 42px;
  margin-top: 70px;
}

.index_xc_sec_div3_p {
  font-size: 18px;
  line-height: 21px;
  margin-top: 16px;
}

.index_xc_sec_div3_img img {
  width: 100%;
}

.index_xc_sec_div3_c {
  width: 63%
}

.modular3 {
  position: relative;
  padding-bottom: 100px;
  background: #fafafa;
  padding-top: 100px;
}

.modular2 {
  background: #fafafa;
}

.index_news_head {
  font-size: 72px;
  line-height: 84px;
  text-align: center;
  font-weight: 900;
  color: #2D2D2D;
}

.index_news ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 96px;
}

.index_news ul li {
  width: 47%;
}

.index_news ul li a {
  display: flex;
  margin-bottom: 33px;
}

.index_news ul li a .index_news_image {
  width: 30%;
  margin-right: 3.3%
}

.index_news_image img {
  width: 100%;
}

.index_news ul li a .index_news_right {
  width: 66.7%
}

.index_news_title {
  font-size: 24px;
  line-height: 28px;
  color: #2D2D2D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index_news_des {
  margin-top: 18px;
  font-size: 18px;
  line-height: 21px;
  color: #1F1F1F;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.index_news_more_div {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.index_news_right {
  position: relative;
}

.index_news_date {
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #000;
}

.index_news_more {
  font-size: 18px;
  line-height: 21px;
  color: #008DD6;
}

.modular4 {
  background: url(../images/mos_camp.jpg)no-repeat center center;
  width: 100%;
  height: 100vh;
}

.mos_camp_color {
  width: 100%;
  height: 100vh;
  background-color: rgba(45, 45, 45, 0.7);
  padding-top: 305px;
}

.mos_camp_head {
  font-size: 72px;
  line-height: 84px;
  color: #008DD6;
  font-weight: 900;
}

.mos_camp_c {
  width: 526px;
  margin-top: 33px;
  font-size: 18px;
  line-height: 21px;
  color: #008DD6;
}

.index_button_div5 {
  z-index: 1;
  border: 1px solid #008DD6;
  margin-top: 110px;
}

.index_button_div5 .index_button {
  font-size: 24px;
  display: block;
  color: #008DD6;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.index_button_div5 .index_button:hover {
  z-index: 13;
  color: #fff;
}

.index_button_div5 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.index_button_div5 .index_button:hover::after {
  width: 100%;
}

.index_button_div5 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.footer_div {
  width: 100%;
  height: 480px;
  position: relative;
  padding-top: 100px;
  display: flex;
  justify-content: space-between;
}

.footer_bgimg {
  position: absolute;
  height: 100%;
  width: auto;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  opacity: 0.05;
  z-index: 1
}

.footer_div_logo {
  margin-right: 7%;
}

.footer_nav {
  width: 41.4%;
  display: flex;
  justify-content: space-between;
  margin-right: 7%;
  position: relative;
  z-index: 2;
}

.footer_tel {
  position: relative;
  z-index: 2;
  width: 61.2%;
}

.footer_nav_title {
  font-size: 18px;
  line-height: 21px;
  color: #E5E5E5;
  margin-bottom: 33px;
}

.footer_nav_div ul li a {
  font-size: 14px;
  line-height: 16px;
  color: #E5E5E5;
  opacity: 0.7;
  transition: all 0.8s;
}

.footer_nav_div ul li a:hover {
  opacity: 1;
}

.footer_nav_div ul li {
  margin-bottom: 24px;
}

.footer_contact_title {
  font-size: 18px;
  line-height: 21px;
  color: #E5E5E5;
  margin-bottom: 33px;
}

.copy_tk {
  color: #fafafa;
  transition: all 0.8s;
}

.copy_tk a {
  color: #fafafa;
  opacity: 0.7;
  transition: all 0.8s;
}

.copy_tk a:hover {
  opacity: 1;
}

.footer_contact {
  width: 31.5%;
  margin-right: 7.3%;
  position: relative;
  z-index: 2
}

.footer_contact_mdiv {
  display: flex;
  width: 33.64%
}

.footer_contact_alink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 150px;
}

.code {
  width: 100%;
}

.code img {
  width: 100%;
}

.footer_tel_p {
  font-weight: 900;
  font-size: 34px;
  line-height: 42px;
  color: #E5E5E5;
  margin-top: 37px;
}

.footer_tel_p2 {
  margin-top: 12px;
  font-size: 14px;
  line-height: 16px;
  color: #E5E5E5;
  opacity: 0.7;
}

.copyright {
  background: rgba(0, 0, 0, 0.56);
  width: 100%;
  height: 88px;
}

.copyright .w1420 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 16px;
  color: #E5E5E5;
  height: 100%;
  align-items: center;
}

.cyright_left {
  display: flex;
  opacity: 0.7;
}

.cyright {
  margin-left: 289px;
  opacity: 0.7;
  color: #fafafa !important
}

.cyright a {
  color: #fafafa !important
}

.public_menu {
  width: 100%;
  height: 100vh;
  padding-bottom: 78px;
  background: #2D2D2D;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.8s;
}

body.open .public_menu {
  z-index: 100;
  opacity: 1;
}

.public_menu_content_prob {
  padding-bottom: 173px;
}

.public_menu_content {
  display: flex;
}

.public_menu_list {
  width: 20.1%;
  height: 100%;
  margin-top: 350px;
}

.public_menu_content_c {
  width: 63.9%;
}

.public_menu_list ul li span {
  font-family: HYQiHei55S;
  font-size: 36px;
  color: #FFFFFF;
  opacity: 0.7;
  padding-left: 66px;
}

.public_menu_list ul li.active {
  background: #008DD6;
}

.public_menu_list ul li.active span {
  opacity: 1;
  display: block;
  color: #fff;
}

.public_menu_list ul li {
  height: 72px;
  line-height: 72px;
  margin-bottom: 5px;
  cursor: pointer;
}

.public_menu_list ul li:hover {
  background: #008DD6;
  font-size: 36px;
  opacity: 1;
}

.public_menu_list ul li:hover span {
  opacity: 1;
  display: block;
}

.public_menu_content_c {
  margin-top: 90px;
  margin-right: 6%;
  margin-left: 8%;
  overflow: auto;
  max-height: 64vh;
}

.public_menu_head {
  padding-bottom: 28px;
  font-size: 64px;
  line-height: 75px;
  color: #E5E5E5;
  position: relative;
}

.public_menu_head::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 1px;
  width: 58%;
  height: 1px;
  background: #E5E5E5;
}

.public_menu_content_div ul li a {
  display: block;
  font-size: 36px;
  line-height: 42px;
  color: #E5E5E5;
}

.public_menu_content_div {
  width: 92.1%;
  padding-top: 100px;
}

.public_menu_content_div ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.public_menu_content_div ul li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 100px;
}

.public_menu_content_div ul li:nth-child(3n+3) {
  margin-right: 0;
}

.public_menu_content_div ul li a span {
  margin-right: 20px;
}

.public_menu_content_proa .public_menu_prolist_ul ul li a {
  display: block;
}

.public_menu_content_proa .public_menu_prolist_ul ul li {
  width: 29.2%;
  margin-right: 4.9%
}

.public_menu_content_prob .public_menu_prolist_ul ul li a {
  display: block;
}

.public_menu_content_prob .public_menu_prolist_ul ul li {
  width: 24.3%;
  margin-right: 4.9%
}

.public_menu_prolistc_title {
  font-size: 24px;
  line-height: 28px;
  color: #E5E5E5;
  text-align: center;
}

.public_menu_prolist_title {
  font-size: 36px;
  line-height: 42px;
  color: #E5E5E5;
}

.public_menu_content_pro {
  padding-top: 60px;
}

.public_menu_content_proa {
  margin-bottom: 100px;
}

.public_menu_content_c::-webkit-scrollbar {
  width: 4px;
}

.public_menu_content_c::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: #CEDC00;
}

.public_menu_content_c::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

.public_menu_content_proa ul {
  display: flex;
}

.public_menu_content_proa ul li img {
  width: 100%;
}

.public_menu_content_prob ul {
  display: flex;
}

.public_menu_content_prob ul li img {
  width: 100%;
}

.public_menu_content_news ul li a {
  display: flex;
}

.public_menu_content_news ul li {
  margin-top: 66px;
}

.public_menu_news_title {
  font-size: 36px;
  line-height: 42px;
  color: #E5E5E5;
  min-height: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.public_menu_content_news ul li .public_menu_news_img {
  margin-right: 4.9%;
  width: 24.3%
}

.public_menu_news_wc {
  font-size: 18px;
  line-height: 21px;
  color: #E5E5E5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-top: 12px;
}

.public_menu_news_word {
  position: relative;
}

.public_menu_news_ddiv {
  font-size: 18px;
  line-height: 21px;
  color: #E5E5E5;
  position: absolute;
  bottom: 0;
  left: 0;
}

.public_menu_news_img img {
  width: 100%;
}

.public_menu_news_word {
  width: 70.8%
}

.public_menu_content_news {
  max-height: 460px;
  overflow: auto;
}

.public_menu_content_news::-webkit-scrollbar {
  width: 4px;
}

.public_menu_content_news::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: #b4241b;
}

.public_menu_content_news::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

.insidepage_header_title {
  position: absolute;
  bottom: 225px;
  left: 0;
  color: #FDFDFD
}

.insidepage_header_title_name {
  font-weight: 900;
  font-size: 72px;
  line-height: 84px;
}

.insidepage_header_title_enname {
  font-size: 36px;
  line-height: 42px;
  margin-top: 15px;
}

.about_section {
  width: 100%;
  height: 970px;
}

.about_section .w1420 {
  height: 100%;
  display: flex;
}

.about_section1_l {
  width: 100%;
  display: flex;
  align-items: center;
  max-width: 720px;
}

.about_section1_l>div {
  width: 51.5%;
}

.about_section1_l>div img {
  width: 100%;
}

.about_section1_r {
  padding-top: 100px;
  max-width: 700px;
}

.about_section1_titlea {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #008CD6;
}

.about_section1_titleb {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #CFDB00;
}

.public_menu_news_wc {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #2D2D2D;
}

.about_section1_r_bottom {
  padding-top: 144px;
  margin-top: 144px;
  position: relative;
}

.about_section1_r_bottom::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 56.4%;
  height: 1px;
  background: #231815;
  transform: translateX(-50%)
}

.about_section1_c {
  font-size: 18px;
  line-height: 24px;
  color: #2D2D2D;
  margin-top: 25px;
}

.about_section2 {
  width: 100%;
  position: relative;
}

.about_button_div1 {
  z-index: 1;
  border: 1px solid #C9DA4F;
  margin: 90px auto 0;
}

.about_button_div1:hover {
  border: 1px solid #008DD6;
}

.about_button_div1 .index_button {
  font-size: 24px;
  display: block;
  color: #C9DA4F;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.about_button_div1 .index_button:hover {
  z-index: 13;
  color: #fff;
}

.about_button_div1 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.about_button_div1 .index_button:hover::after {
  width: 100%;
}

.about_button_div1 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.about_section2_w {
  width: 50%;
  position: absolute;
  left: 50%;
  top: 0;
}

.about_section2 img {
  width: 100%;
}

.about_section2_w>div {
  width: 92.2%
}

.about_section2_w>div>div:nth-child(1) {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  text-align: center;
  color: #CFDB00;
}

.about_section2_w>div>div:nth-child(2) {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #FFFFFF;
}

.about_section2_w {
  padding-top: 180px;
}

.about_section3_little_title {
  font-size: 24px;
  line-height: 36px;
}

.about_section3_large_title {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
}

.about_section3 {
  padding: 128px 0 122px 0;
}

.about_section4 img {
  width: 100%;
}

.about_section5 img {
  width: 100%;
}

.about_section6 {
  padding-top: 166px;
  padding-bottom: 216px;
  background: url(../images/Group91.png);
  background-size: cover;
}

.about_section6_c {
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
}

.about_section6_logo {
  width: 27.7%;
  max-width: 250px;
  margin: 0 auto;
}

.about_section6_logo img {
  width: 100%;
}

.about_section6_content {
  font-size: 18px;
  line-height: 24px;
  margin-top: 66px;
}

.about_section7 {
  display: flex;
  width: 100%;
}

.about_section7_l img {
  width: 100%;
}

.about_section7_messagtitle {
  font-size: 36px;
  line-height: 42px;
  color: #2D2D2D;
  font-weight: 800;
}

.about_section7_msg_title {
  font-size: 36px;
  line-height: 42px;
  color: #2D2D2D;
  font-weight: 800;
}

.about_section7_l img {
  width: 100%;
}

.about_section7_r {
  padding: 100px 0 0 110px;
  width: 50%;
  background: #fafafa;
}

.about_section7_r_div {
  width: 70%;
  max-width: 600px;
}

.about_section7_input {
  width: 100%;
  height: 60px;
  background: #E5E5E5;
  font-size: 18px;
  color: #7f7f7f;
  padding-left: 18px;
}

.member_center_tx img {
  border-radius: 50%;
}

.about_section7_input::-webkit-input-placeholder {
  /* font-family: Noto Sans SC; */
  font-family: inherit;
  font-size: 18px;
}

.about_section7_input {
  margin-top: 66px;
}

.about_section7_textarea {
  width: 100%;
  height: 238px;
  max-height: 238px;
  padding: 18px;
  margin-top: 33px;
  color: #7f7f7f;
  /* font-family: Noto Sans SC; */
  font-family: inherit;
  font-size: 18px;
  background: #E5E5E5;
}

.about_section7_msg_title {
  margin-top: 66px
}

.about_section7_emaildiv>input {
  width: 66.667%;
  height: 60px;
  background: #E5E5E5;
  font-size: 18px;
  color: #7f7f7f;
  padding-left: 18px;
}

.about_section7_emailbt {
  width: 33.333%;
  background: #008DD6;
  height: 60px;
  color: #fff;
  font-size: 24px;
  color: #FAFAFA;
  /* font-weight: 300; */
}

.about_section7_emaildiv {
  display: flex;
  margin-top: 12px;
}

.about_section7_remarks {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}

.about_section7_remarks img {
  margin-right: 12px;
  height: auto;
}

.about_section7_remarks div {
  width: 95.9%;
  font-size: 14px;
  line-height: 16px;
  color: #2D2D2D;
  opacity: 0.5;
}

.about_section7_code {
  width: 66.667%;
  height: 60px;
  background: #E5E5E5;
  font-size: 18px;
  color: #7f7f7f;
  padding-left: 18px;
  margin-top: 30px;
}

.about_section8 {
  padding: 100px 0;
}

.about_section8_title {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #2D2D2D;
}

.about_section8_addr {
  font-size: 24px;
  line-height: 36px;
  color: #2D2D2D;
}

.about_section8 .w1420 {
  display: flex;
  justify-content: space-between;
  height: 450px;
}

.about_section8_left {
  margin-right: 50px;
  position: relative;
}

.about_section8_mail {
  position: absolute;
  bottom: 0;
}

.about_section8_mail {
  font-size: 24px;
  line-height: 36px;
  color: #2D2D2D;
}

.about_section8_mail span:nth-child(2) {
  color: #008DD6;
  font-weight: 900;
}

.about_section8_addr {
  margin-top: 12px;
}

.camp_div {
  padding-top: 80px;
  padding-bottom: 100px;
}

.camp_list_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #2D2D2D;
}

.camp_list_head {
  width: 42%;
  border-bottom: 1px solid #2D2D2D;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 20px;
}

.camp_list_title {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #2D2D2D;
}

.camp_list_ltitle {
  font-size: 24px;
  line-height: 36px;
  color: #2D2D2D;
  margin-top: 12px;
}

.camp_list_list {
  margin-top: 100px;
  width: 72.25%;
  background: #FAFAFA;
  padding-bottom: 100px;
}

.camp_list_img {
  margin-top: 33px;
}

.camp_list_img img {
  width: 100%;
}

.camp_list_date_pz {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}

.camp_list_date {
  font-size: 18px;
  line-height: 24px;
  opacity: 0.5;
}

.camp_list_pz {
  font-size: 18px;
  line-height: 24px;
  opacity: 0.5;
  display: flex;
}

.camp_list_pz_left {
  margin-right: 35px;
}

.camp_list_pz>div>span {
  margin-left: 13.5px;
}

.camp_list_pz>div {
  display: flex;
  align-items: center;
}

.camp_list_list ul li {
  padding-bottom: 40px;
  margin-bottom: 66px;
  padding: 33px;
}

.camp_button_div1 {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 0px auto 0;
}

.camp_button_div1:hover {
  border: 1px solid #008DD6;
}

.camp_list_date span:nth-child(1) {
  margin-right: 5px;
}

.camp_button_div1 .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.camp_button_div1 .index_button:hover {
  z-index: 13;
  color: #fff;
}

.camp_button_div1 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.camp_button_div1 .index_button:hover::after {
  width: 100%;
}

.camp_button_div1 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.camp_apply {
  display: flex;
  background: #fafafa;
  padding-bottom: 100px;
}

.camp_apply_img {
  width: 51.2%;
  margin-right: 3.2%;
}

.camp_apply_img img {
  width: 100%;
}

.camp_apply_form {
  width: 45.6%;
  padding-top: 100px;
}

.camp_apply_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
}

.camp_apply_explain {
  font-size: 22px;
  line-height: 36px;
  margin-top: 12px;
}

.camp_apply_formdiv {
  margin-top: 33px;
}

.camp_apply .w1420 {
  display: flex;
}

.camp_apply_formdiv input::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 24px;
  color: #8a8a8a;
}

.camp_apply_formdiv input {
  padding-left: 18px;
  color: #8a8a8a;
  font-size: 18px;
  background: #fff;
}

.camp_input1 {
  width: 49.1%;
  margin-right: 1.8%;
  float: left;
  height: 60px;
}

.camp_input2 {
  width: 49.1%;
  float: left;
  height: 60px;
}

.camp_input3 {
  background: #fff;
  padding: 18px;
  font-size: 18px;
  line-height: 24px;
  color: #8a8a8a;
  width: 100%;
  max-width: 100%;
  height: 100px;
  max-height: 100px;
  margin-top: 12px;
  /* font-family: Noto Sans SC */
  font-family: inherit
}

.camp_input4 {
  width: 49.1%;
  margin-top: 12px;
  margin-right: 1.8%;
  float: left;
  height: 60px;
}

.camp_bt {
  width: 49.1%;
  display: flex;
  margin-top: 12px;
}

.camp_bt_code {
  width: 39.6%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background: #008DD6;
  font-size: 18px;
  cursor: pointer;
}

.camp_code {
  width: 61.4%;
  height: 60px;
}

.camp_sumbit {
  width: 100%;
  display: block;
  height: 90px;
  font-weight: 900;
  font-size: 36px;
  color: #FAFAFA;
  background: #008DD6;
  margin-top: 12px;
  cursor: pointer;
}

.camp_fixcode {
  width: 328px;
  border: 1px solid #000;
  padding: 33px 39px 62px 39px;
  background: #fff;
  margin-top: 100px;
}

.camp_fixcode img {
  width: 100%;
}

.camp_fixcode>div {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 20px;
}

.camp_list_cqw {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.camp_content_div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.camp_div_c_div {
  padding-top: 33px;
  background: #fafafa;
}

.camp_content_title {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  padding-left: 33px;
}

.camp_content_des {
  font-size: 24px;
  line-height: 36px;
  margin-top: 12px;
  padding-left: 33px;
}

.camp_contentimglist {
  margin-top: 33px;
  padding: 0 110px;
}

.camp_contentimglist img {
  display: block;
  width: 100%
}

.campc_list_date_pz {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  padding: 0 33px 33px;
}

.campc_list_date {
  font-size: 18px;
  line-height: 24px;
  opacity: 0.5;
}

.campc_list_pz {
  font-size: 18px;
  line-height: 24px;
  opacity: 0.5;
  display: flex;
}

.campc_list_pz_left {
  margin-right: 35px;
}

.campc_list_pz>div>span {
  margin-left: 13.5px;
}

.campc_list_pz>div {
  display: flex;
  align-items: center;
}

.campc_list_date span:nth-child(1) {
  margin-right: 5px;
}

.camp_comment_list ul li {
  margin-top: 33px;
}

.campc_comment {
  background: #fff;
}

.camp_area {
  position: relative;
}

.camp_area textarea {
  width: 100%;
  height: 260px;
  max-height: 260px;
  background: #fafafa;
}

.camp_area button {
  width: 252px;
  height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #008DD6;
  color: #fafafa;
  font-size: 18px;
}

.camp_conmment_title {
  font-size: 24px;
  line-height: 100px;
  padding: 0 36px;
}

.camp_comment_list {
  padding-left: 40px;
}

.camp_comment_list_cc {
  display: flex;
  justify-content: space-between;
}

.camp_comment_list_tx {
  width: 6.4%;
  margin-right: 2.4%;
}

.camp_comment_list_nr {
  width: 90%;
  padding-top: 18px;
  background: #fafafa;
  padding: 22px;
}

.camp_comment_name {
  font-size: 18px;
  line-height: 24px;
}

.camp_comment_content {
  font-size: 18px;
  line-height: 24px;
  margin-top: 12px;
}

.camp_comment_list_date {
  text-align: right;
  font-size: 18px;
  line-height: 24px;
  color: #8a8a8a;
  margin-top: 33px;
}

.camp_comment_list_date span:nth-child(1) {
  margin-right: 5px;
}

.news_list_nav ul li {
  width: 33.3333%;
  height: 72px;
}

.news_list_nav ul li.active {
  background: #008DD6;
}

.news_list_nav ul li.active a {
  color: #fff;
}

.news_list_nav ul li:hover {
  background: #008DD6;
}

.news_list_nav ul li:hover a {
  color: #fff;
}

.news_list_nav ul {
  display: flex;
  justify-content: space-between;
}

.news_list_nav ul li a {
  display: block;
  color: #6c6c6c;
  height: 100%;
  line-height: 71px;
  text-align: center;
  font-size: 24px;
}

.news_list {
  padding-top: 43px;
  padding-bottom: 200px;
}

.news_list_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  text-align: center;
}

.news_list_head_en {
  font-size: 36px;
  line-height: 54px;
  text-align: center;
  margin-top: 4px;
}

.news_list_nav {
  border-bottom: 1px solid #008CD6;
  margin-top: 64px
}

.news_list_conetnt ul li a {
  color: #2D2D2D;
  display: flex;
}

.news_list_conetnt ul li {
  margin-top: 60px;
}

.news_list_conetntimg {
  width: 24.3%;
  margin-right: 3.7%;
}

.news_list_conetntimg img {
  width: 100%;
}

.news_list_conetnt_div {
  width: 72%;
  position: relative;
}

.news_list_conetnttitle {
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
}

.news_list_contentc {
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-top: 12px;
}

.news_list_conetnt {
  padding-top: 1px;
}

.news_list_content_dyd {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
}

.news_list_content_dyd_left {
  font-size: 18px;
}

.news_list_content_see {
  color: #969696;
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-right: 24px;
}

.news_list_content_see span {
  margin-left: 6px;
}

.news_list_content_more {
  font-size: 18px;
  color: #008DD6;
}

.news_list_content_dyd_right {
  display: flex;
}

.news_loadmore {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 100px auto 0;
}

.news_loadmore:hover {
  border: 1px solid #008DD6;
}

.news_loadmore span:nth-child(1) {
  margin-right: 5px;
}

.news_loadmore .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.news_loadmore .index_button:hover {
  z-index: 13;
  color: #fff;
}

.news_loadmore .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.news_loadmore .index_button:hover::after {
  width: 100%;
}

.news_loadmore .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.member_form_content {
  padding-top: 90px;
  display: flex;
  justify-content: space-between;
}

.member_form_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  width: 62.5%;
  border-bottom: 1px solid #2D2D2D;
  padding-bottom: 20px;
}

.member_form_left {
  width: 67.6%;
}

.member_form_level {
  display: flex;
  padding-top: 66px;
}

.member_form_level .member_form_input {
  margin-right: 30px;
}

.member_form_input label {
  display: block;
  font-size: 24px;
  line-height: 36px;
}

.member_form_input {
  width: 31.25%;
}

.member_form_input input {
  width: 100%;
  height: 60px;
  margin-top: 24px;
  font-size: 18px;
  padding-left: 10px;
}

.member_form {
  position: relative;
}

.member_apdate {
  position: absolute;
  top: 66px;
  right: 0;
  font-size: 24px;
  color: #2D2D2D;
  cursor: pointer;
}

.member_apdate:hover {
  color: #008DD6
}

.member_form.active input {
  background-color: #f8f8f8;
}

.member_form.active select {
  background-color: #f8f8f8;
}

.member_apdate.active {
  color: #008DD6;
}

.member_address {}

.member_form_levellast label {
  display: block;
  font-size: 24px;
  line-height: 36px;
}

.member_form_levellast {
  padding-top: 66px;
}

.member_form_levellast .row select {
  width: 31.25%;
  padding-left: 18px;
  border: none;
  height: 60px;
  margin-top: 24px;
  font-size: 18px;
  outline: none;
  cursor: pointer;
  color: #8a8a8a;
  margin-right: 25px;
}

.member_form_levellast .row select:nth-child(3) {
  margin-right: 0;
}

.member_form_levellast .row select::-webkit-scrollbar {
  width: 4px;
}

.member_form_levellast .row select::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: #b4241b;
}

.member_form_levellast .row select::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

.member_form_bt_div {
  display: flex;
  align-content: center;
  margin-top: 60px;
}

.member_form_btc {
  width: 31.25%;
  height: 60px;
  background: #008DD6;
  color: #fff;
  text-align: center;
  line-height: 60px;
  margin-left: calc(31.25% + 30px);
  margin-right: 30px;
  font-weight: 900;
  font-size: 24px;
  cursor: pointer
}

.member_form_bts {
  width: 31.25%;
  height: 60px;
  background: #fafafa;
  color: #939393;
  text-align: center;
  line-height: 60px;
  font-weight: 900;
  font-size: 24px;
  cursor: pointer
}

.member_center {
  padding-bottom: 200px;
}

.member_center_name {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  margin-top: 30px;
}

.member_form_right {
  padding-top: 30px;
  width: 21.1%;
  text-align: center;
}

.member_menu_list ul li a {
  display: block;
  color: #2D2D2D;
}

.member_menu_list ul li {
  background: #fff;
  height: 72px;
  line-height: 72px;
  font-size: 24px;
}

.member_menu_list ul li.active {
  background: #008DD6;
}

.member_menu_list ul li.active a {
  color: #fff;
}

.member_menu_list {
  margin-top: 66px;
}

.regist_login {
  width: 60%;
  margin: 13px auto 0;
  padding-top: 33px;
  padding-bottom: 113px;
  max-width: 688px;
}

.regist_login_head_big {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #0086D0;
}

.regist_login_head_big a {
  color: #0086D0;
}

.regist_login_head_little {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #969696;
}

.regist_login_head_little a {
  color: #969696;
}

.regist_login_head span:nth-child(1) {
  margin-right: 66px;
}

.regist_login_head {
  padding-bottom: 33px;
  border-bottom: 1px solid #2D2D2D;
  margin-bottom: 66px;
}

.regist_login_input label {
  font-size: 18px;
  line-height: 24px;
  display: block;
}

.regist_login_lever .regist_login_input label {
  font-size: 18px;
  line-height: 24px;
}

.regist_login_input input {
  width: 100%;
  background-color: #f8f8f8;
  height: 60px;
  margin-top: 33px;
  padding-left: 10px;
  font-size: 16px
}

.regist_login_lever {
  margin-bottom: 33px;
}

.regist_login_lever_double {
  display: flex;
  justify-content: space-between;
  margin-bottom: 33px;
}

.regist_login_lever_double .regist_login_input {
  width: 47.8%;
}

.regist_login_lever_double .regist_login_input_double {
  width: 47.8%;
}

.regist_login_input_double label {
  font-size: 18px;
  line-height: 24px;
}

.regist_login_lever_double .regist_login_input2 {
  width: 100%;
  display: flex;
  margin-top: 33px;
}

.regist_login_code_bt {
  width: 38.3%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #008DD6;
  cursor: pointer;
}

.regist_login_input2 input {
  width: 61.7%;
  background-color: #f8f8f8;
  height: 60px;
  padding-left: 10px;
  font-size: 16px
}

.regist_login_agreement div {
  display: inline-block;
  color: #969696;
  font-size: 14px;
}

.regist_agreement_checkbox {
  width: 16px;
  height: 16px;
  background-image: url(../images/checkbox_false.png);
  margin-right: 12px;
  cursor: pointer;
  background-size: 16px 16px;
}

.regist_agreement_checkbox.active {
  background-image: url(../images/checkbox_true.png);
}

.regist_login_agreement {
  display: flex;
  align-items: center;
}

.regist_login_agreement span {
  border-bottom: 1px solid #969696
}

.regist_login_bt {
  width: 100%;
  height: 90px;
  line-height: 90px;
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  background: #008DD6;
  text-align: center;
  margin-top: 66px;
  cursor: pointer;
}

.regist_login_lever3 {
  margin-bottom: 33px;
}

.regist_login_lever3 label {
  display: block;
  font-size: 18px;
  line-height: 24px;
}

.regist_login_input3 {
  display: flex;
  margin-top: 33px;
}

.regist_login_input3 input {
  width: 63.4%;
  background-color: #f8f8f8;
  height: 60px;
  padding-left: 10px;
}

.login_code_bt {
  width: 36.6%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #008DD6;
  cursor: pointer;
}

.login_secret_remember {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login_remember_left {
  display: flex;
  color: #969696;
  align-items: center;
  font-size: 18px;
}

.login_remember_right {
  font-size: 18px;
  line-height: 24px;
}

.login_remember_right a {
  color: #969696;
  border-bottom: 1px solid #969696;
  margin-right: 33px;
}

.login_remember_right span {
  color: #969696;
  border-bottom: 1px solid #969696;
  cursor: pointer;
}

.searchresult_menu ul li * {
  transition-duration: 0.8s;
}

.searchresult_menu ul li {
  width: 28.36%;
  height: 72px;
  margin-right: 7.4%;
  transition-duration: 0.8s;
}

.searchresult_menu ul li:nth-child(3) {
  margin-right: 0
}

.searchresult_menu ul li.active {
  background: #008DD6;
}

.searchresult_menu ul li.active a {
  color: #fff;
}

.searchresult_menu ul li:hover {
  background: #008DD6;
}

.searchresult_menu ul li:hover a {
  color: #fff;
}

.searchresult_menu ul {
  display: flex;
}

.searchresult_menu ul li a {
  display: block;
  color: #6c6c6c;
  height: 100%;
  line-height: 71px;
  text-align: center;
  font-size: 24px;
}

.searchresult_content {
  padding-top: 130px;
  padding-bottom: 130px;
}

.searchresult_div input {
  width: 100%;
  height: 90px;
  border: 1px solid #969696;
  font-size: 24px;
  padding-left: 33px;
}

.searchresult_div {
  position: relative;
}

.searchresult_div img {
  position: absolute;
  top: 34px;
  right: 34px;
}

.searchresult_menu {
  margin-top: 66px;
  border-bottom: 1px solid #008DD6;
}

.modify {
  width: 60%;
  margin: 13px auto 0;
  padding-top: 46px;
  padding-bottom: 113px;
  max-width: 688px;
}

.modify_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  padding-bottom: 33px;
  border-bottom: 1px solid #2D2D2D;
  margin-bottom: 66px;
}

.salseroom_head {
  width: 37%;
  margin: 0 auto;
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #2D2D2D
}

.salseroom_content {
  padding-top: 89px;
  padding-bottom: 200px
}

.salseroom_list_content {
  margin-top: 66px;
  display: flex;
}

.salseroom_map {
  width: 100%;
  height: 100%;
}

.salseroom_map>#dituContent {
  width: 100%;
  height: 560px;
}

.salseroom_play {
  width: 38.125%
}

.salseroom_list_content_left {
  width: 59.2%;
  display: flex;
  margin-right: 2%;
  height: 560px;
  position: relative;
}

.salseroom_list_content_right {
  width: 38.8%;
  height: 560px;
}

.salseroom_play {
  padding: 3.3%;
  background: #2D2D2D;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
}

.salseroom_playimg img {
  width: 100%;
}

.salseroom_title {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  margin-top: 33px;
}

.salseroom_div_title span:nth-child(1) {
  margin-right: 33px;
}

.salseroom_addr {
  font-size: 14px;
  line-height: 18px;
  color: #FAFAFA;
  margin-top: 6px;
}

.salseroom_navigation {
  position: absolute;
  bottom: 33px;
  right: 33px;
}

.salseroom_navigation a span {
  display: block;
  text-align: center;
  color: #CEDC00;
  font-size: 14px;
}

.searchinput_head {
  font-size: 24px;
  line-height: 36px;
  color: #2D2D2D;
}

.salseroom_searchinput {
  position: relative;
  margin-top: 12px;
}

.salseroom_searchinput input {
  width: 100%;
  height: 60px;
  color: #969696;
  background: #f8f8f8;
}

.salseroom_searchinput img {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.salseroom_list {
  margin-top: 33px;
}

.salseroom_list ul li {
  padding: 18px;
  background-color: #FAFAFA;
  height: 120px;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
}

.salseroom_list ul li.active {
  background-color: #2D2D2D;
}

.salseroom_list ul li.active {
  color: #fafafa;
}

.salseroom_list ul li:nth-child(3) {}

.salseroom_div_title {
  font-size: 24px;
  line-height: 36px;
}

.salseroom_list ul {
  height: 420px;
  overflow-y: auto;
}

.salseroom_list ul li p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 6px;
}

.salseroom_list ul::-webkit-scrollbar {
  width: 4px;
}

.salseroom_list ul::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: #CEDC00;
}

.salseroom_list ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

.BMap_Marker>div>img {
  display: none !important;
}

.apply_content {
  margin-top: 89px;
}

.apply_salseroom {
  font-size: 14px;
  line-height: 18px;
  color: #008CD6;
  position: absolute;
  right: 18px;
  bottom: 18px;
}

.apply_form_input input {
  background-color: #f8f8f8;
  height: 60px;
  padding-left: 10px;
  font-size: 16px;
  color: #8a8a8a;
}

.apply_content_head {
  width: 66.6%;
  margin: 0 auto;
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #2D2D2D;
}

.apply_form1 {
  margin-top: 66px;
  padding-bottom: 33px;
}

.apply_form_title {
  font-weight: 800;
  font-size: 36px;
  line-height: 42px;
}

.apply_form_litle_title {
  font-size: 18px;
  line-height: 24px;
  margin-top: 12px;
  margin-bottom: 33px;
}

.apply_form_row1 {
  margin-bottom: 33px;
}

.apply_form_input lable {
  display: block;
  font-size: 18px;
  line-height: 24px;
}

.apply_form_input lable span {
  color: #f04347
}

.apply_form_input input {
  margin-top: 10px;
  width: 100%;
}

.apply_form_row2 {
  display: flex;
  margin-bottom: 33px;
  justify-content: space-between;
}

.apply_form_row2 .apply_form_input {
  width: 48.4375%;
}

.apply_form_row3 .row select {
  width: 31.25%;
  padding-left: 18px;
  border: none;
  background-color: #f8f8f8;
  height: 60px;
  margin-top: 10px;
  font-size: 18px;
  outline: none;
  cursor: pointer;
  color: #8a8a8a;
}

.apply_form_row3 .row {
  display: flex;
  justify-content: space-between;
}

.apply_form_row3r {
  display: flex;
  justify-content: space-between;
  margin-bottom: 33px;
}

.apply_form_row3r .apply_form_input {
  width: 31.25%;
}

.apply_form_row3 {
  margin-bottom: 33px;
}

.apply_form_row3 lable {
  display: block;
  font-size: 18px;
  line-height: 24px;
}

.apply_form_row3r .apply_form_input_sr {
  background-color: #f8f8f8;
  height: 60px;
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.apply_form_row3r .apply_form_input_sr input {
  width: 70%;
  margin-top: 0;
}

.apply_form_row3r .apply_form_input_sr span {
  width: 30%;
  font-size: 18px;
  line-height: 24px;
  color: #8a8a8a;
  text-align: center;
}

.apply_form_row3rr {
  display: flex;
  margin-bottom: 33px;
}

.apply_form_row3rr .apply_form_input {
  width: 31.25%;
  margin-right: 3.125%;
}

.apply_form_row3rr .apply_form_input_sr {
  background-color: #f8f8f8;
  height: 60px;
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.apply_form_row3rr .apply_form_input_sr input {
  width: 70%;
  margin-top: 0;
}

.apply_form_row3rr .apply_form_input_sr span {
  width: 30%;
  font-size: 18px;
  line-height: 24px;
  color: #8a8a8a;
  text-align: center;
}

.apply_form_row_checkbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 33px;
}

.apply_form_row_checkbox .apply_form_input {
  width: 31.25%;
}

.apply_form_checkbox_div {
  width: 31.25%
}

.apply_form_checkbox_div lable {
  display: block;
  font-size: 18px;
  line-height: 24px;
}

.apply_form_checkbox_div label {
  color: #f04347
}

.apply_form_checkbox_yde {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.apply_form_checkbox_yde>div {
  width: 48.3%;
  height: 60px;
  font-size: 18px;
  line-height: 24px;
  color: #8a8a8a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 35px 0 15px;
  background: #f8f8f8;
}

.apply_form_checkbox_tan {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid #2D2D2D;
  cursor: pointer;
}

.apply_form_checkbox_tan.active {
  border: none;
  background: url(../images/checkbox_icon.png)no-repeat center center;
}

.apply_form_checkbox_tan2 {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid #2D2D2D;
  cursor: pointer;
}

.apply_form_checkbox_tan2.active {
  border: none;
  background: url(../images/checkbox_icon.png)no-repeat center center;
}

.apply_form_row_short .apply_form_input {
  width: 31.25%;
}

.apply_form_row_jpglist>a {
  width: 220px;
  height: 220px;
  background-color: #f8f8f8;
  background-image: url(../images/shizi.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-size: cover;
}

.jpglisttitle {
  position: absolute;
  width: 100%;
  bottom: 30px;
  text-align: center;
  color: #7c7c7c;
  font-size: 18px;
  line-height: 24px;
}

.apply_form_row_jpglist .upload-btn {
  position: unset;
  margin-top: 0;
  height: 100%;
}

.apply_form_row_jpglist object {
  height: 100% !important;
  cursor: pointer;
  width: 100%;
}

.apply_form_row_jpglist {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.apply_form_row_jpg lable {
  display: block;
  font-size: 18px;
  line-height: 24px;
}

.apply_form_row_jpg lable span {
  color: #f04347
}

.apply_form_row_jpg {
  margin-bottom: 33px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.apply_form_input textarea {
  width: 100%;
  height: 180px;
  background: #f8f8f8;
  margin-top: 10px;
  max-height: 180px;
}

.apply_form_row_short {
  margin-bottom: 33px;
}

.apply_form_input_send_code {
  width: 58% !important;
}

.apply_form_input_send {
  width: 42% !important;
}

.apply_form_bt {
  width: 100%;
  height: 90px;
  background: #008DD6;
  color: #fff;
  font-size: 36px;
  cursor: pointer;
}

.apply_content {
  padding-bottom: 200px;
}

.explain_content .w1420 {
  display: flex;
  justify-content: space-between;
}

.explain_content {
  padding-top: 89px;
  padding-bottom: 200px;
}

.explain_div {
  width: 67.6%;
  padding-left: 30px;
}

.explain_nav {
  width: 23.94%;
  position: relative;
}

.explain_nav ul li a {
  display: block;
  color: #2D2D2D;
  text-align: center;
}

.explain_nav ul li {
  background: #fff;
  height: 72px;
  line-height: 72px;
  font-size: 24px;
}

.explain_nav ul li.active {
  background: #008DD6;
}

.explain_nav ul li.active a {
  color: #fff;
}

.explain_div_title {
  position: relative;
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  padding-bottom: 20px;
}

.explain_div_title::after {
  content: "";
  position: absolute;
  width: 62.5%;
  height: 1px;
  background: #2D2D2D;
  left: 0;
  bottom: 0;
}

.explain_question ul li {
  position: relative;
}

.explain_question_top {
  display: flex;
  padding-left: 21px;
  height: 72px;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
}

.explain_question_top img {
  margin-right: 21px;
}

.explain_question {
  margin-top: 66px;
}

.explain_question_bottom {
  font-size: 18px;
  line-height: 24px;
  color: #6a6a6a;
  padding-left: 72px;
  padding-bottom: 100px;
  display: none;
}

.explain_question_bottom p {
  margin-bottom: 30px;
}

.explain_bt {
  position: absolute;
  bottom: 24px;
  right: 23px;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #008DD6;
  cursor: pointer;
}

.explain_bt span:nth-child(2) {
  margin-left: 33px;
  background: url(../images/zk.png)no-repeat center center;
  width: 12px;
  height: 24px;
}

.explain_bt span:nth-child(1) {
  opacity: 0;
  transition-duration: 0.8s;
}

.explain_question ul li.active .explain_bt span:nth-child(2) {
  background: url(../images/sq.png)no-repeat center center;
}

.explain_question ul li.active .explain_bt span:nth-child(1) {
  opacity: 1;
}

.explain_nomal {
  font-size: 18px;
  line-height: 24px;
  color: #6a6a6a;
  margin-top: 66px;
}

.explain_nomal p {
  margin-bottom: 30px;
}

.explain_load_img img {
  width: 100%;
}

.explain_load_title {
  margin-top: 24px;
  margin-bottom: 33px;
  display: flex;
  align-items: center;
}

.explain_load_title img {
  width: 18px;
  margin-left: 9px;
}

.explain_load_title span {
  font-size: 24px;
  line-height: 36px;
}

.loadlink {
  color: #008CD6;
  font-size: 24px;
  line-height: 36px;
}

.detail_header_content {
  height: 100vh;
  width: 100%;
}

.detail_header_content .w1620 {
  position: relative;
  height: 100%;
}

.detail_mino {
  width: 87.65%;
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.detail_mino img {
  width: 100%;
}

.detail_mino_mt {
  width: 80%;
  position: absolute;
  top: 62%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.detail_mino_mt img {
  width: 100%;
}

.detail_s_name {
  display: flex;
  position: absolute;
  bottom: 21.1%;
  width: 239px;
  height: 71px;
  background: url(../images/detail_mino.png)no-repeat center center;
  background-size: cover;
  align-items: flex-end;
  font-size: 24px;
}

.detail_bt_div1 {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 100px auto 0;
  position: absolute;
  bottom: 12%;
}

.detail_bt_div1:hover {
  border: 1px solid #008DD6;
}

.detail_bt_div1 span:nth-child(1) {
  margin-right: 5px;
}

.detail_bt_div1 .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.detail_bt_div1 .index_button:hover {
  z-index: 13;
  color: #fff;
}

.detail_bt_div1 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.detail_bt_div1 .index_button:hover::after {
  width: 100%;
}

.detail_bt_div1 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.detail_section1 img {
  width: 100%;
}

.detail_section2 img {
  width: 100%;
}

.detail_section3 img {
  width: 100%;
}

.detail_section4 {
  width: 100%;
  background: #2D2D2D;
  height: 970px;
  position: relative;
}

.detail_section4_bt {
  z-index: 1;
  border: 1px solid #FAFAFA;
  margin-top: 104px;
}

.detail_section4_bt:hover {
  border: 1px solid #008DD6;
}

.detail_section4_bt span:nth-child(1) {
  margin-right: 5px;
}

.detail_section4_bt .index_button {
  font-size: 24px;
  display: block;
  color: #FAFAFA;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.detail_section4_bt .index_button:hover {
  z-index: 13;
  color: #fff;
}

.detail_section4_bt .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.detail_section4_bt .index_button:hover::after {
  width: 100%;
}

.detail_section4_bt .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.detail_section4_div {
  position: absolute;
  top: 178px;
  left: 250px;
}

.detail_section4_div_title {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #FAFAFA;
}

.detail_section4_div_n {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  margin-top: 25px;
  /* font-weight: 300 */
}

.detail_section4_div_n>div {
  display: flex;
  align-items: flex-end;
  margin-top: 12px;
  padding-left: 3px;
}

.detail_section4_div_n>div span {
  margin-left: 12px;
  line-height: 16px;
}

.detail_section4_word {
  font-size: 12px;
  line-height: 16px;
  color: #FAFAFA;
  opacity: 0.5 !important;
  max-width: 720px;
  margin-top: 193px;
  font-weight: 200;
}

.detail_section4_pro {
  width: 41.9%;
  position: absolute;
  right: 160px;
  bottom: 28px;
}

.detail_section4_pro img {
  width: 100%;
}

.detail_section5 {
  width: 100%;
}

.detail_section5 img {
  width: 100%;
}

.detail_section6 {
  width: 100%;
  height: 970px;
  background: #121212;
  position: relative;
}

.detail_section6_left {
  width: 42.91%;
  position: absolute;
  left: 130px;
  top: 50%;
  transform: translateY(-50%);
}

.detail_section6_left img {
  width: 100%;
}

.detail_section6_right {
  position: absolute;
  right: 250px;
  top: 150px;
}

.detail_section6_w1 {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
}

.detail_section6_w2 {
  font-size: 36px;
  line-height: 72px;
  color: #FAFAFA;
  margin-top: 66px
}

.detail_section6_w2 span {
  font-weight: 900;
  font-size: 72px;
}

.detail_section6_w3 {
  font-size: 36px;
  line-height: 72px;
  color: #FAFAFA;
  margin-top: 33px
}

.detail_section6_w3 span {
  font-weight: 900;
  font-size: 72px;
}

.detail_section6_w4 {
  font-size: 36px;
  line-height: 72px;
  color: #FAFAFA;
  margin-top: 33px
}

.detail_section6_w4 span {
  font-weight: 900;
  font-size: 72px;
}

.detail_section7 {
  width: 100%;
  height: 970px;
  position: relative;
  background: #000;
}

.detail_section7_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.detail_section7_word {
  font-size: 24px;
  line-height: 36px;
  margin-top: 17px;
  color: #fafafa;
}

.detail_section7_word2 {
  margin-top: 45px;
  font-size: 24px;
  line-height: 36px;
  color: #fafafa;
}

.detail_section7_word2 p {
  font-size: 18px;
  line-height: 24px;
  margin-top: 5px;
}

.detail_section7_left {
  width: 31%;
  max-width: 592px;
  position: absolute;
  top: 180px;
  left: 250px;
  z-index: 2;
}

.detail_section7_right {
  width: 55%;
  max-width: 1040px;
  position: absolute;
  right: 96px;
  bottom: 82px;
}

.detail_section7_right img {
  width: 100%;
}

.detail_section7_imgl {
  margin-top: 141px;
}

.detail_section8_bt {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 100px auto 0;
}

.detail_section8_bt:hover {
  border: 1px solid #008DD6;
}

.detail_section8_bt span:nth-child(1) {
  margin-right: 5px;
}

.detail_section8_bt .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.detail_section8_bt .index_button:hover {
  z-index: 13;
  color: #fff;
}

.detail_section8_bt .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.detail_section8_bt .index_button:hover::after {
  width: 100%;
}

.detail_section8_bt .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.detail_section8 {
  width: 100%;
  position: relative;
}

.detail_section8_left {
  position: absolute;
  width: 26%;
  left: 250px;
  bottom: 0;
}

.detail_section8_left img {
  width: 100%;
}

.detail_section8_bg {
  width: 100%;
}

.detail_section8_right {
  width: 46%;
  position: absolute;
  right: 230px;
  top: 264px;
}

.detail_section8_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
}

.detail_section8_content {
  width: 90%;
  font-size: 24px;
  line-height: 36px;
  margin-top: 17px;
  color: #000;
}

.detail_section9 {
  width: 100%;
  height: 970px;
  position: relative;
  background: #2D2D2D;
}

.detail_section9_bottom {
  position: absolute;
  bottom: 0;
}

.detail_section9_bottom img {
  width: 100%;
}

.detail_section9_top {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 100px;
  transform: translateX(-50%)
}

.detail_section9_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.detail_section9_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #fafafa;
  text-align: center;
  margin-top: 25px;
}

.detail_section10 {
  background: #2D2D2D;
  position: relative;
}

.detail_section10>img {
  width: 100%;
}

.detail_section10_div {
  position: absolute;
  right: 250px;
  bottom: 180px;
  z-index: 1;
}

.detail_section10_w2 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 25px;
  color: #FAFAFA;
}

.detail_section10_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #FAFAFA;
}

.detail_section11 {
  width: 100%;
  background: linear-gradient(90deg, #A4A4A4 55.89%, #888888 75.57%);
  position: relative;
}

.detail_section11_left {
  width: 100%;
}

.detail_section11_left img {
  width: 100%;
}

.detail_section11_right {
  width: 35%;
  max-width: 515px;
  position: absolute;
  right: 250px;
  bottom: 324px;
}

.detail_section11_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.detail_section11_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  width: 95%;
  margin-top: 25px;
}

.detail_section12 {
  width: 100%;
  background: linear-gradient(180deg, #838383 0%, #888888 0.01%, #AAAAAA 100%);
  position: relative;
}

.detail_section12_left {
  width: 50%;
  max-width: 565px;
  position: absolute;
  top: 200px;
  left: 250px;
  /* font-weight: 300; */
  z-index: 1;
}

.detail_section12_right {
  float: right;
  width: 80%;
}

.detail_section12_right img {
  width: 100%;
}

.detail_section12_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #FAFAFA;
}

.detail_section12_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  margin-top: 25px;
}

.detail_section13 {
  width: 100%;
  position: relative;
  background: linear-gradient(121.13deg, #F2F0F1 8.6%, #797979 52.37%, #666666 69.96%);
}

.detail_section13_left {
  width: 52.5%;
}

.detail_section13_left img {
  width: 100%;
}

.detail_section13_right {
  width: 29%;
  max-width: 470px;
  position: absolute;
  top: 80px;
  right: 100px;
}

.detail_section13_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #FAFAFA;
}

.detail_section13_w2 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 12px;
  color: #FAFAFA;
}

.detail_section14 {
  width: 100%;
  position: relative;
  background: #2C2C2C;
}

.detail_section14_left {
  position: absolute;
  top: 291px;
  left: 250px;
}

.detail_section14_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #FAFAFA;
}

.detail_section14_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  margin-top: 25px;
}

.detail_section14_right {
  width: 73.1%;
  float: right;
}

.detail_section14_right img {
  width: 100%;
  max-width: 1405px;
}

.detail_section14_bt {
  z-index: 1;
  border: 1px solid #FAFAFA;
  margin-top: 284px;
}

.detail_section14_bt:hover {
  border: 1px solid #008DD6;
}

.detail_section14_bt span:nth-child(1) {
  margin-right: 5px;
}

.detail_section14_bt .index_button {
  font-size: 24px;
  display: block;
  color: #FAFAFA;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.detail_section14_bt .index_button:hover {
  z-index: 13;
  color: #fff;
}

.detail_section14_bt .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.detail_section14_bt .index_button:hover::after {
  width: 100%;
}

.detail_section14_bt .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.detail_section15 {
  width: 100%;
  height: 970px;
  background: #2c2c2c;
  position: relative;
}

.detail_section15_left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90.7%;
}

.detail_section15_left img {
  width: 100%;
  max-width: 1743px;
}

.detail_section15_right {
  position: absolute;
  width: 29.5%;
  right: 150px;
  bottom: 207px;
  max-width: 528px;
}

.detail_section15_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.detail_section15_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  margin-top: 12px;
  /* font-weight: 300; */
}

.detail_section16 img {
  width: 100%;
}

.detail_section_periphery {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #fff;
}

.detail_periphery_pro {
  display: flex;
  width: 100%;
}

.detail_periphery_left {
  display: flex;
  flex-wrap: wrap;
  width: 36.825%;
}

.detail_periphery_middle {
  width: 26.35%
}

.detail_periphery_left a {
  display: block;
  width: 50%;
}

.detail_periphery_left a img {
  width: 100%;
}

.detail_periphery_middle a {
  display: block;
}

.detail_periphery_middle a img {
  width: 100%;
}

.detail_periphery_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #2D2D2D;
  margin-left: 250px;
  margin-bottom: 67px;
}

.detail_section_periphery_bt {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 66px auto 0;
}

.detail_section_periphery_bt:hover {
  border: 1px solid #008DD6;
}

.detail_section_periphery_bt span:nth-child(1) {
  margin-right: 5px;
}

.detail_section_periphery_bt .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.detail_section_periphery_bt .index_button:hover {
  z-index: 13;
  color: #fff;
}

.detail_section_periphery_bt .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.detail_section_periphery_bt .index_button:hover::after {
  width: 100%;
}

.detail_section_periphery_bt .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.detail_section_parameter {
  padding-top: 174px;
  padding-bottom: 175px;
  background: #fafafa
}

.detail_section_parameter_title {
  font-size: 27px;
  line-height: 56px;
  font-weight: 900;
  text-align: center;
  color: #2D2D2D;
}

.detail_section_parameter .table {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
}

.detail_section_parameter .table dt {
  width: 22%;
  border-bottom: solid 1px #2d2e2e;
  text-align: right;
  padding: 35px 15px 10px 0;
  color: #2d2e2e;
  font-size: 15px;
  font-weight: bold;
}

.detail_section_parameter .table dd {
  width: 28%;
  border-bottom: solid 1px #2d2e2e;
  text-align: left;
  padding: 35px 15px 10px 0;
  color: #2d2e2e;
  font-size: 15px;
}



.detail_parameter {
  display: flex;
  justify-content: space-between;
  background: #FAFAFA
}

.detail_parameter ul li {
  display: flex;
  font-size: 18px;
  line-height: 40px;
  color: #888888;
  font-weight: 400;
}

.detail_parameter ul li span {
  font-size: 12px;
}

.row1>li>div:nth-child(1) {
  min-width: 138px;
  margin-right: 33px;
}

.row1>li>div:nth-child(2) {
  min-width: 249px;
}

.row2>li>div:nth-child(1) {
  min-width: 90px;
  margin-right: 33px;
}

.row2>li>div:nth-child(2) {
  min-width: 193px;
}

.row3>li>div:nth-child(1) {
  min-width: 126px;
  margin-right: 33px;
}

.row3>li>div:nth-child(2) {
  min-width: 173px;
}

.detail_parameter {
  margin-top: 35px;
}

.detail_parameter_word {
  font-size: 12px;
  line-height: 25px;
  color: #888888;
  margin-top: 25px;
}

.yuyue_left {
  width: 49.38%;
  margin-right: 4%;
  background: url(../images/MINO.svg) center center no-repeat;
  background-size: 100%;
}

.yuyue_left img {
  width: 100%;
}

.yuyue_right {
  width: 46.54%;
  padding: 66px 33px;
}

.yuyue .w1620 {
  display: flex;
}

.yuyue {
  padding-top: 66px;
  padding-bottom: 150px;
}

.yuyue_right_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #000;
}

.yuyue_right_icon {
  margin-top: 33px;
  border-bottom: 1px solid #C9DA4F;
  padding-bottom: 12px;
}

.yuyue_right_icon img:nth-child(1) {
  margin-right: 66px;
}

.yuyue_form_div {
  width: 47.8%;
}

.yuyue_form_div input {
  height: 60px;
  background-color: #f8f8f8;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  padding-left: 10px
}

.yuyue_form_level {
  margin-bottom: 12px;
}

.yuyue_form_level label {
  font-size: 18px;
  line-height: 24px;
  display: block;
}

.yuyue_form {
  margin-top: 33px;
}

.yuyue_form_level {
  display: flex;
  justify-content: space-between;
}

.yuyue_form_div2 {
  width: 47.8%;
}

.yuyue_form_div2 input {}

.yuyue_form_div2_d>div {
  width: 38.3%;
  height: 60px;
  line-height: 60px;
  background: #008DD6;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.yuyue_form_div2_d>input {
  width: 61.7%;
  height: 60px;
  background-color: #f8f8f8;
  font-size: 16px;
  padding-left: 10px;
}

.yuyue_form_div2_d {
  display: flex;
  margin-top: 10px;
}

.yuyue_y_bt {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 33px auto 0;
}

.yuyue_y_bt:hover {
  border: 1px solid #008DD6;
}

.yuyue_y_bt span:nth-child(1) {
  margin-right: 5px;
}

.yuyue_y_bt .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.yuyue_y_bt .index_button:hover {
  z-index: 13;
  color: #fff;
}

.yuyue_y_bt .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.yuyue_y_bt .index_button:hover::after {
  width: 100%;
}

.yuyue_y_bt .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.hardcore_section1>img {
  width: 100%;
  position: relative;
}

.hardcore_section1_div {
  position: absolute;
  top: 405px;
  left: 105px;
}

.hardcore_section1_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section1_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #fafafa;
}

.hardcore_section2 {
  position: relative;
  width: 100%;
  height: 970px;
  background: #0C0C0C;
}

.hardcore_section2_left {
  width: 50.2%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.hardcore_section2_left img {
  width: 100%;
}

.hardcore_section2_right {
  position: absolute;
  top: 285px;
  right: 250px;
  width: 37.9%;
}

.hardcore_section2_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section2_w2 {
  font-size: 24px;
  line-height: 28px;
  color: #FAFAFA;
  margin-top: 10px;
}

.hardcs.about_section6 {
  background-color: #0F0601;
  background-image: url(../images/hard_bg.png);
  background-repeat: repeat;
  background-size: cover;
  color: #FAFAFA
}

.detail_section17 {
  width: 100%;
  height: 970px;
  background: #2D2D2D;
  padding-top: 120px;
}

.detail_section17_container {
  width: 80%;
  max-width: 1220px;
  margin: 0 auto;
  height: 100%;
}

.detail_section17_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
  text-align: center;
}

.detail_section17_w {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #FAFAFA;
  margin-top: 25px;
  width: 90%;
  margin: 25px auto 0;
}

.detail_section17_div {
  display: flex;
  justify-content: space-between;
  margin-top: 400px;
}

.detail_section17_div_l {
  position: relative;
}

.detail_section17_div_r {
  position: relative;
}

.jz1 {
  position: absolute;
  left: 134px;
  bottom: 0;
}

.jz2 {
  position: absolute;
  right: 62px;
  bottom: 0;
}

.modular5_title {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  text-align: center;
}

.modular5 {
  padding: 100px 0;
  background-image: url(../images/Group91.png);
  background-color: #FAFAFA;
  background-position: center center;
}

.modular5_div>div {
  display: flex;
  justify-content: center;
}

.modular5_div>div {
  margin-top: 120px;
}

.modular5_div_left {
  margin-right: 200px;
}

.modular5_bt {
  z-index: 1;
  border: 1px solid #2D2D2D;
  margin: 90px auto 0;
}

.modular5_bt:hover {
  border: 1px solid #008DD6;
}

.modular5_bt .index_button {
  font-size: 24px;
  display: block;
  color: #2D2D2D;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.modular5_bt .index_button:hover {
  z-index: 13;
  color: #fff;
}

.modular5_bt .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.modular5_bt .index_button:hover::after {
  width: 100%;
}

.modular5_bt .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.hard_img img {
  width: 100%;
}

.detail_car {
  width: 100%;
  height: 970px;
  position: relative;
  background: #fff;
  padding-top: 100px;
}

.detail_car_left {
  width: 60%;
  position: relative;
  margin: 0 auto;
}

.caredgeleft {
  position: absolute;
  top: 45%;
  left: 0;
}

.caredgeright {
  position: absolute;
  top: 45%;
  right: 0;
}

.detail_car_div {
  width: 69.3%;
  margin: 0 auto;
}

.detail_car_div img {
  width: 100%;
}

.color4 span {
  width: 33px;
  height: 33px;
  background: #000;
  border-radius: 50%;
  display: block;
}

.color4 {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.color3 span {
  width: 33px;
  height: 33px;
  background: #0086D0;
  border-radius: 50%;
  display: block;
}

.color3 {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background: #CEDC00;
  display: flex;
  justify-content: center;
  align-items: center;
}

.color2 span {
  width: 33px;
  height: 33px;
  background: #fff;
  border-radius: 50%;
  display: block;
}

.color2 {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.color1 span {
  width: 33px;
  height: 33px;
  background: #C4C4C4;
  border-radius: 50%;
  display: block;
}

.color1 {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background: #E6E6E6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.color {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: -44px;
  z-index: 1;
}

.color ul {
  display: flex;
}

.color ul li>div {
  margin: 0 auto;
}

.color ul li {
  margin-right: 76px;
}

.color ul li:last-child {
  margin-right: 0;
}

.color_name {
  font-size: 24px;
  line-height: 36px;
  margin-top: 40px !important;
}

.detail_car_right {
  position: absolute;
  width: 300px;
  right: 250px;
  top: 200px;
  height: 100%;
}

.detail_car_rtop {}

.detail_car_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
}

.detail_car_c {
  font-size: 24px;
  line-height: 36px;
  text-align: right;
  margin-top: 12px;
}

.detail_car_see {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 21px;
}

.detail_car_see img {
  margin-right: 6px;
}

.detail_car_see div {
  display: flex;
  align-items: center;
  color: #008DD6;
}

.detail_car_rbottom {
  position: absolute;
  bottom: 15px;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
}

.detail_car_rbottom img {
  width: auto !important;
}

.de_button_div {
  z-index: 1;
  background: #fff;
  border: 1px solid #000;
}

.de_button_div {
  overflow: hidden;
  width: 254px;
  height: 58px;
  line-height: 56px;
  transition: all 0.8s;
}

.de_button_div .index_button {
  font-size: 24px;
  display: block;
  color: #000;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.de_button_div .index_button:hover {
  color: #009ad9;
  z-index: 13;
}

.de_button_div .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #C9DA4F;
  transition: all 0.8s;
  z-index: 10;
}

.de_button_div .index_button:hover::after {
  width: 100%;
}

.de_button_div .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

.de_button_div+.de_button_div {
  margin-left: 20px;
}

/* .de_button_div2 {
  z-index: 1;
  background: #fff;
  border: 1px solid #000;
  margin-left: 25px;
}

.de_button_div2 {
  overflow: hidden;
  width: 254px;
  height: 58px;
  line-height: 56px;
  transition: all 0.8s;
}

.de_button_div2 .index_button {
  font-size: 24px;
  display: block;
  color: #000;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.de_button_div2 .index_button:hover {
  z-index: 13;
}

.de_button_div2 .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #C9DA4F;
  transition: all 0.8s;
  z-index: 10;
}

.de_button_div2 .index_button:hover::after {
  width: 100%;
}

.de_button_div2 .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
} */

.detail_car_sas {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #0086D0
}

.upload-img5 {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #008DD6;
  height: 50px;
  line-height: 50px;
}

.upload-btn {
  position: relative;
  margin-top: -50px;
  z-index: 1;
  width: 100%;
  height: 50px;
  cursor: pointer;
}

#SWFUpload_0 {
  width: 100%;
  height: 50px;
  cursor: pointer;
}

.member_center_tx img {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
}

.apply_form_row_jpglist a {}

.about_section7_r_div>img {
  margin-top: 49px !important;
}

.cookie_div {
  width: 100%;
  padding: 10px 30px;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  justify-content: space-between;
}

.cookie_head {
  font-size: 18px;
  line-height: 26px;
}

.cookie_w1 {
  font-size: 13px;
  line-height: 18px;
  margin-top: 6px;
}

.cookie_w2 {
  font-size: 14px;
  line-height: 18px;
  margin-top: 6px;
}

.cookie_w3 {
  font-size: 14px;
  line-height: 18px;
  margin-top: 6px;
}

.cookie_bt_div {
  display: flex;
}

.cookie_c {
  width: 70%;
  padding-right: 33px;
}

.cookie_bt_div {
  width: 30%
}

.cookie_bt {
  width: 40%;
  height: 45px;
  background: #008DD6;
  color: #fafafa;
  font-size: 18px;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  margin-right: 40px;
}

.cookie_bt_div a {
  cursor: pointer;
  font-size: 14px;
  line-height: 45px;
  color: #008DD6;
}

.footer_lang .lang-div a {
  color: #E5E5E5;
}

.about_section8_mail span:nth-child(2) {
  cursor: pointer;
}

.salseroom_navigation a span img {
  width: 36px;
  height: 36px;
}

.mapguide {
  width: 100%;
  height: 60px;
  background: #2D2D2D;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mapguide a {
  font-weight: 900;
  font-size: 24px;
  color: #C9DA4F;
  display: flex;
  align-items: center;
}

.mapguide a img {
  margin-right: 25px;
  width: 32px;
  height: 32px;
}

.hardcore_section1>img {
  width: 100%;
  position: relative;
}

.hardcore_section1_div {
  position: absolute;
  top: 405px;
  left: 150px;
}

.hardcore_section1_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section1_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #fafafa;
}

.hardcore_section2 {
  position: relative;
  width: 100%;
  height: 970px;
  background: #000;
}

.hardcore_section2_left {
  width: 50.2%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.hardcore_section2_left img {
  width: 100%;
}

.hardcore_section2_right {
  position: absolute;
  top: 285px;
  right: 250px;
  width: 37.9%;
}

.hardcore_section2_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section2_w2 {
  font-size: 24px;
  line-height: 36px;
  /* font-weight: 300; */
  color: #FAFAFA;
  margin-top: 10px;
}

.hardcore_section3 {
  position: relative;
  width: 100%;
  background: #000;
}

.hardcore_section3_right {
  float: right;
  width: 48.4375%;
}

.hardcore_section3_right img {
  width: 100%;
}

.hardcore_section3_left {
  position: absolute;
  top: 150px;
  left: 250px;
  width: 42%;
}

.hardcore_section3_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section3_w2 {
  font-size: 24px;
  line-height: 36px;
  /* font-weight: 300; */
  color: #FAFAFA;
  margin-top: 10px;
}

.hardcore_section3_left>div:nth-child(2) {
  margin-top: 50px;
}

.hardcore_section3_left>div:nth-child(3) {
  margin-top: 50px;
}

.hardcore_section4 {
  background: #000;
  width: 100%;
  position: relative;
}

.hardcore_section4_left {
  width: 68.1%;
}

.hardcore_section4_left img {
  width: 100%;
}

.hardcore_section4_right {
  width: 39.16%;
  position: absolute;
  right: 250px;
  top: 150px;
}

.hardcore_section4_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
  text-align: right;
}

.hardcore_section4_w2 {
  font-size: 24px;
  line-height: 36px;
  /* font-weight: 300; */
  color: #FAFAFA;
  margin-top: 4px;
}

.hardcore_section4_div {
  padding-left: 25px;
  margin-top: 158px;
}

.hardcore_section4_div img {
  width: 100%;
}

.hardcore_section5 {
  position: relative;
  width: 100%;
  background: #000;
  height: 970px;
}

.hardcore_section5_right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 43.9%;
}

.hardcore_section5_right img {
  width: 100%;
}

.hardcore_section5_left {
  position: absolute;
  top: 200px;
  left: 250px;
  width: 33.6%;
}

.hardcore_section5_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section5_w2 {
  font-size: 24px;
  line-height: 36px;
  /* font-weight: 300; */
  color: #FAFAFA;
  margin-top: 4px;
}

.hardcore_section5_div {
  width: 100%;
  margin-top: 129px;
}

.hardcore_section6 {
  position: relative;
  width: 100%;
  background: #000;
}

.hardcore_section6_left {
  width: 58.54%;
}

.hardcore_section6_left img {
  width: 100%;
}

.hardcore_section6_right {
  position: absolute;
  right: 250px;
  top: 285px;
}

.hardcore_section6_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section6_w2 {
  font-size: 24px;
  line-height: 36px;
  /* font-weight: 300; */
  color: #FAFAFA;
  margin-top: 4px;
}

.hardcore_section7 {
  position: relative;
  width: 100%;
  background: #000;
}

.hardcore_section7_right {
  float: right;
  width: 76.7%
}

.hardcore_section7_right img {
  width: 100%;
}

.hardcore_section7_left {
  position: absolute;
  top: 200px;
  left: 250px;
  width: 37.55%;
}

.hardcore_section7_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section7_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  width: 86%;
  /* font-weight: 300; */
}

.hardcore_section7_lw {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #FAFAFA;
}

.hardcore_section7_div p {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  /* font-weight: 300; */
  margin-top: 12px;
}

.hardcore_section7_div {
  margin-top: 131px;
}

.hardcore_section7_div>div {
  margin-top: 33px;
}

.hardcore_section8 {
  position: relative;
  width: 100%;
  background: #000;
  height: 970px;
}

.hardcore_section8_left {
  width: 41.6%;
  position: absolute;
  bottom: 150px;
  left: 125px;
}

.hardcore_section8_left img {
  width: 100%;
}

.hardcore_section8_right {
  position: absolute;
  top: 178px;
  right: 250px;
  width: 37.55%;
}

.hardcore_section8_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.hardcore_section8_w2 {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  margin-top: 4px;
  /* font-weight: 300; */
}

.hardcore_section9 {
  position: relative;
  width: 100%;
  background: #000;
  height: 970px;
}

.hardcore_section9_bottom {
  position: absolute;
  bottom: 0;
}

.hardcore_section9_bottom img {
  width: 100%;
}

.hardcore_section9_left {
  width: 37.55%;
  position: absolute;
  top: 200px;
  left: 250px;
  z-index: 1;
}

.detail_section1 {
  position: relative;
  width: 100%;
}

.detail_section1>img {
  width: 100%;
}

.detail_section1_left {
  position: absolute;
  top: 152px;
  left: 250px;
}

.detail_section7_head {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
}

.detail_section1_word {
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
  margin-top: 12px;
}

.detail_section1_div>div>div>img {
  width: 67px;
}

.detail_section1_div {
  display: flex;
  margin-top: 308px;
  font-size: 24px;
  color: #FAFAFA;
}

.detail_section1_div>div>span:nth-child(1) {
  display: block;
  width: 24px;
  margin-right: 12px;
  line-height: 42px;
  /* font-weight: 300; */
}

.detail_section1_div>div>div>span:nth-child(2) {
  margin-left: 5px;
  line-height: 24px;
}

.detail_section1_div>div {
  display: flex;
  align-items: flex-start;
}

.detail_section1_div>div>div {
  display: flex;
  align-items: flex-end;
}

.detail_section1_div>div:nth-child(1) {
  padding-right: 37px;
  border-right: 1px solid #FAFAFA;
}

.detail_section1_div>div:nth-child(2) {
  padding-left: 33px;
}

.detail_section1_right {
  width: 41.66%;
  position: absolute;
  right: 165px;
  bottom: 0;
}

.detail_section1_right img {
  width: 100%;
}

.detail_section2 {
  position: relative;
  width: 100%;
  height: 970px;
}

.detail_section2_bottom {
  width: 50.8%;
  position: absolute;
  left: 50%;
  bottom: 195px;
  transform: translateX(-50%);
}

.detail_section2_bottom img {
  width: 100%;
}

.detail_section2 img {
  width: 100%;
}

.detail_section3_div_w1 {
  padding-right: 50px;
}

.detail_section4_div_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
}

.detail_section4_div_w2 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 12px;
}

.detail_section2_div {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%)
}

.detail_section3 {
  position: relative;
  width: 100%;
  background: #fff;
}

.detail_section3>img {
  width: 100%
}

.detail_section3_div {
  position: absolute;
  top: 150px;
  right: 220px;
  width: 27.4%;
}

.detail_section3_div_w2 {
  margin-top: 230px;
  font-size: 24px;
  line-height: 36px;
  color: #FAFAFA;
}

.detail_section3_div_w2 p:nth-child(2) {
  margin-top: 10px;
}

.detail_section3_div_w2>div {}

.videocontainer {
  position: relative;
  width: 100%;
}

.fullscreenvideo {
  width: 100%;
}

.detail_section5 {
  position: relative;
  height: 1920px;
  z-index: -3;
  background: #a5a4a5
}

.fullscreenvideo {
  position: static;
}

.fullscreenvideo.active {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2
}

.detail_section6 {
  margin-top: -10px;
}

.detail_section5div {
  position: absolute;
  top: 100px;
  left: 250px;
}

.detail_section5div.active {
  position: fixed;
  top: 100px;
  left: 250px;
}

.detail_section5_div_title {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
}

.detail_section5_div_title2 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 25px;
}

.alert4 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  transform: translateX(-100%);
  transition: all 0.8s;
  opacity: 0;
}

.alert4.active {
  transform: translateX(0);
  opacity: 1;
}

.alert4>img {
  width: 100%;
}

.close4 {
  position: absolute;
  top: 100px;
  right: 250px;
  cursor: pointer;
}

.alert6 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  transform: translateX(100%);
  transition: all 0.8s;
  opacity: 0;
}

.alert6.active {
  transform: translateX(0);
  opacity: 1;
}

.alert6>img {
  width: 100%;
}

.close6 {
  position: absolute;
  top: 100px;
  right: 250px;
  cursor: pointer;
}

.detail_section6 {
  overflow: hidden;
}

.alert8 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  transform: translateX(100%);
  transition: all 0.8s;
  opacity: 0;
}

.alert8.active {
  transform: translateX(0);
  opacity: 1;
}

.alert8>img {
  width: 100%;
}

.close8 {
  position: absolute;
  top: 100px;
  right: 250px;
  cursor: pointer;
}

.detail_section8 {
  overflow: hidden;
}

.hardcore_section5_div img {
  width: 100%;
}

.hardcore_section5 {
  height: 900px;
}

.hardcore_section6_w1 {
  font-size: 50px;
  line-height: 80px;
}

.alert10 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  transform: translateX(-100%);
  transition: all 0.8s;
  opacity: 0;
}

.alert10.active {
  transform: translateX(0);
  opacity: 1;
}

.alert10>img {
  width: 100%;
}

.close10 {
  position: absolute;
  top: 100px;
  right: 573px;
  cursor: pointer;
}

.Vector1 {
  position: absolute;
  right: 15px;
  bottom: 111px;
}

html {
  scroll-behavior: smooth;
}

.index_bt_smask {
  display: flex;
  position: absolute;
  bottom: 10.1%;
}

.smask_one {
  z-index: 1;
}

.smask_one.index_bt_md {
  overflow: hidden;
  width: 254px;
  height: 58px;
  line-height: 56px;
  transition: all 0.8s;
  background: rgba(196, 196, 196, 0.2);
}

.smask_one .index_button {
  font-size: 24px;
  display: block;
  color: #E5E5E5;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
  /* font-weight: 300; */
}

.smask_one .index_button:hover {
  z-index: 13;
  color: #fff;
}

.smask_one .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.smask_one .index_button:hover::after {
  width: 100%;
}

.smask_one .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* font-weight: 300; */
}

.smask_two {
  margin-left: 34px;
}

.smask_two:hover {
  border: 1px solid #008DD6;
}

.smask_two.index_bt_md {
  overflow: hidden;
  width: 254px;
  height: 58px;
  transition: all 0.8s;
}

.smask_two .index_button {
  font-size: 24px;
  display: block;
  color: #000;
  font-weight: 700;
  position: relative;
  height: 100%;
  transition: all 0.8s;
}

.smask_two .index_button:hover {
  z-index: 13;
}

.smask_two .index_button::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #008DD6;
  transition: all 0.8s;
  z-index: 10;
}

.smask_two .index_button:hover::after {
  width: 100%;
}

.smask_two .index_button div {
  position: absolute;
  z-index: 11;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  /* font-weight: 300; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.smask_two .index_button div span {
  line-height: 36px;
}

.about_section4 {
  position: relative;
}

.about_section4 img {
  width: 100%;
  border-top-right-radius: 50%;
}

.about_section4_left_w1 {
  font-size: 24px;
  line-height: 36px;
  color: #fafafa;
  padding-left: 3px;
}

.about_section4_left_w2 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #fafafa;
  margin-top: 5px;
}

.about_section4_left {
  position: absolute;
  left: 254px;
  top: 363px;
}

.datasave_check_box {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/checkbox_false.svg);
  background-repeat: no-repeat;
  margin-right: 12px;
  cursor: pointer;
  background-size: 16px 16px;
}

.datasave_check_box.active {
  background-image: url(../images/checkbox_true.svg);
}

.x-l-1 {
  height: 30px !important;
  line-height: 30px !important;
  font-size: 16px;
  color: #8a8a8a;
  cursor: pointer;
}

.x-l-1:hover {
  background-color: #f8f8f8;
}

.detail_section14_right {
  position: relative;
}

.detail_section14_right .start {
  position: relative;
  z-index: 1;
  transition: all 2s ease;
}

.detail_section14_right .end {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 2s ease;
}

.detail_section14_right.active .start {
  z-index: 0;
}

.detail_section14_right.active .end {
  z-index: 0;
  opacity: 1;
}

.alert4 {
  width: 100%;
  height: 100%;
  background: #E5E5E5;
}

.ds4_c_left_title {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #008DD6;
}

.ds4_c_left_div p {
  font-size: 18px;
  line-height: 24px;
  color: #2D2D2D;
}

.ds4_c {
  width: 940px;
  margin: 0 auto;
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
}

.ds4_c_left {
  width: 54%;
}

.ds4_c_right {
  width: 43.27%
}

.ds4_c_left .ds4_c_left_div p {
  max-width: 84.52%
}

.ds4_c_left_div {
  margin-bottom: 37px;
}

.ds4_c_boot {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 380px;
  background: #2D2D2D;
  padding-top: 34px;
}

.ds4_c_top_i {}

.ds4_c_boot_div ul li img {
  width: 52px;
  display: block;
  margin: 0 auto;
}

.ds4_c_boot_div ul {
  width: 880px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}

.ds4_c_boot_div ul li .ds4_c_bottom_i {
  font-size: 18px;
  line-height: 24px;
  color: #fafafa;
  width: 112px;
  text-align: center;
  margin-top: 16px;
}

.alert6 {
  width: 100%;
  height: 100%;
}

.ds_6_div {
  position: absolute;
  right: 0;
  top: 0;
  background: #E5E5E5;
  width: 50%;
  height: 100%;
}

.ds_6_div_top_head {
  font-size: 72px;
  line-height: 96px;
  color: #008DD6;
  font-weight: 900;
}

.ds_6_div_top_content {
  font-size: 24px;
  line-height: 36px;
  max-width: 67.18%;
  margin-top: 4px;
}

.ds_6_div_top {
  height: 50%;
  padding: 25px 0 0 54px;
}

.ds_6_div_bottom {
  height: 50%;
  background: #2D2D2D;
}

.alert8 {
  width: 100%;
  height: 100%;
}

.ds8_c {
  width: 58.64%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.ds8_c_top {
  height: 50%;
  background: #fafafa;
  padding: 54px 0 0 122px;
}

.ds8_c_bottom {
  height: 50%;
  background: #2D2D2D;
}

.ds8_c_top_title {
  font-size: 48px;
  line-height: 56px;
  color: #008DD6;
  font-weight: 900;
  margin-bottom: 33px;
}

.ds8_c_top_div {
  position: absolute;
  top: 166px;
  left: 380px;
  width: 200px;
  text-align: center;
}

.ds8_c_top_div img {
  width: 100%
}

.ds8_c_bottom {
  padding: 54px 0 0 122px;
}

.ds8_c_bottom_div ul li img {
  width: 50px;
  display: block;
  margin: 0 auto;
}

.ds8_c_bottom_div ul {
  width: 733px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ds8_c_bottom_div ul li .ds8_c_bottom_i {
  font-size: 18px;
  line-height: 24px;
  color: #fafafa;
  width: 112px;
  text-align: center;
  margin-top: 20px;
}

.alert10 {
  width: 100%;
  height: 100%;
}

.ds10_c {
  background: #2D2D2D;
  width: 58.64%;
  height: 100%;
  padding: 186px 0 0 250px;
}

.ds10_div_title {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #E5E5E5;
}

.ds10_div_title_w1 {
  font-size: 18px;
  line-height: 24px;
  color: #E5E5E5;
  margin-top: 25px;
}

.ds10_div_cornor_w1 {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #E5E5E5;
}

.ds10_div_cornor_w2 {
  font-size: 12px;
  line-height: 16px;
  color: #E5E5E5;
  margin-top: 8px;
  margin-bottom: 31px;
}

.ds10_div_cornor {
  margin-top: 196px;
}

.alert14 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  transform: translateX(-100%);
  transition: all 0.8s;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.alert14.active {
  transform: translateX(0);
  opacity: 1;
}

.close14 {
  position: absolute;
  top: 100px;
  right: 573px;
  cursor: pointer;
}

.ds14_div_title {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #E5E5E5;
}

.ds14_div_title_w1 {
  font-size: 18px;
  line-height: 24px;
  color: #E5E5E5;
  margin-top: 25px;
}

.ds14_c {
  width: 61.82%;
  background: #2D2D2D;
  height: 100%;
  padding: 100px 0 0 250px;
}

.ds14_div {
  width: 802px;
}

.light img {
  width: 100%;
}

.ds14_div_cornor {
  display: flex;
}

.ds14_div_cornor>div {}

.ds14_div_cornor>div:nth-child(1) {
  margin-right: 137px
}

.ds14_div_cornor_w1 {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  color: #E5E5E5;
}

.ds14_div_cornor_w2 {
  font-size: 12px;
  line-height: 16px;
  color: #E5E5E5;
  margin-top: 8px;
}

.ds_6_div_bottom {
  padding: 98px 0 0 50px;
}

.ds_6_div_list ul {
  display: flex;
  justify-content: space-between;
  width: 645px;
}

.ds6_c_top_i img {
  width: 66px;
  display: block;
  margin: 0 auto;
}

.ds6_c_bottom_i {
  text-align: center;
  margin-top: 28px;
}

.ds6_c_bottom_i p:nth-child(1) {
  font-size: 24px;
  line-height: 28px;
  color: #fafafa;
}

.ds6_c_bottom_i p:nth-child(1) span {
  font-size: 12px;
}

.ds6_c_bottom_i p:nth-child(2) {
  font-size: 18px;
  line-height: 21px;
  color: #fafafa;
  margin-top: 12px;
}

.color ul li>div:nth-child(1) {
  cursor: pointer;
}

.s7_icon ul {
  display: flex;
  justify-content: space-between;
}

.ds7_c_bottom_i {
  font-size: 10px;
  line-height: 12px;
  color: #E5E5E5;
}

.ds7_c_top_i img {
  width: 50px;
  display: block;
  margin: 0 auto;
}

.s7_icon {
  margin-top: 141px;
  width: 424px;
}

.hardcore_section4_div ul {
  width: 100%;
}

.detail_car_sas {
  cursor: pointer;
}

.threesixty .nav_bar {
  position: static !important;
}

.threesixty .nav_bar a {
  width: 177px !important;
  height: 70px !important;
  float: unset !important;
}

.threesixty {
  width: 800px !important;
  height: 800px !important;
  overflow: unset !important;
}

.caredgeright {
  background: url(../images/caredgeright.svg)no-repeat center center !important;
  transform: translateX(100%);
  background-size: cover !important;
  z-index: 1;
  opacity: 0.5;
  transition: all 0.5s;
}

.caredgeright:hover {
  opacity: 1;
}

.caredgeleft {
  background: url(../images/caredgeleft.svg)no-repeat center center !important;
  transform: translateX(-100%);
  background-size: cover !important;
  z-index: 1;
  opacity: 0.5;
  transition: all 0.5s;
}

.caredgeleft:hover {
  opacity: 1;
}

.threesixty_images li {}

.kw {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.windows_alert_xieyi {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(45, 45, 45, 0.5);
  display: none;
}

.windows_alert_userxieyi {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(45, 45, 45, 0.5);
  display: none;
}

.windows_alert_xieyi_p {
  position: relative;
  height: 100%;
  width: 100%;
}

.windows_alert_xieyi_c {
  width: 754px;
  min-height: 744px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fafafa;
  padding: 33px;
}

.windows_alert_xieyi_c {}

.xieyi_head {
  font-weight: 900;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #2D2D2D;
}

.xieyi_c {
  font-size: 16px;
  line-height: 18px;
  height: 526px;
  overflow: auto;
  margin-top: 33px;
}

.xieyi_c>div {
  margin-top: 20px;
}

.xieyi_c>p {
  margin-top: 20px;
}

.close_xieyi {
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%)
}

.close_userxieyi {
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%)
}

.xieyi_c::-webkit-scrollbar {
  width: 2px;
}

.xieyi_c::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: #008DD6;
}

.xieyi_c::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

#regist_agreement {
  cursor: pointer;
}

#regist_privacy {
  cursor: pointer;
}

.apply_form_bt {
  cursor: pointer;
}

.detail_sectionimg img {
  width: 100%;
}

.detail_section16 {
  width: 100%;
  position: relative;
  background: #fafafa;
  background: #fafafa;
  display: flex;
}

.detail_section16_w1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
}

.detail_section16_w2 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 25px;
}

.detail_section16_left {
  width: 40%;
  padding: 150px 0 0 200px;
}

.detail_section16_right {
  width: 60%;
  background: #9A9A9A
}

.detail_section16_right>img {
  width: 84.2%
}

.camp_envelop_div {
  font-size: 50px;
  text-align: center;
  font-weight: 900;
}

.camp_envelop {
  width: 90%;
  margin: 0 auto;
  text-indent: 2rem;
}

.camp_envelop_div_p {
  margin-top: 50px;
}

.camp_envelop p {
  font-size: 18px;
  line-height: 24px;
  color: #6a6a6a;
  margin-top: 20px;
}

.camp_bt_code.active {
  color: #929292;
  background: #f8f8f8;
  cursor: not-allowed
}

.about_section7_remarks #regist_privacy {
  border-bottom: 1px solid #969696;
}

.index_share ul li:hover {
  opacity: 0.7
}

.footer_contact_alink a:hover {
  opacity: 0.7
}

.index_share ul li {
  transition: all 0.5s
}

.footer_contact_alink a {
  transition: all 0.5s
}

.footer_max {
  background-image: url(../images/Vectorbottom.svg);
  background-color: #2d2d2d;
  background-position: center center;
  background-repeat: no-repeat;
}

.detail_section3_div_w2>div {
  font-size: 36px;
  line-height: 54px;
  background: linear-gradient(90deg, #008DD6 -1.52%, #C9DA4F 42.4%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

#sendMobileCode.active {
  color: #929292;
  background: #f8f8f8;
  cursor: not-allowed
}

.about_section5 {
  position: relative;
}

.about_section5_left {
  width: 54.375%
}

.about_section5_left img {
  width: 100%;
}

.about_section5_right {
  width: 50%;
  height: 100%;
  background: #2D2D2D;
  position: absolute;
  right: 0;
  top: 0;
}

.about_section5_right>div {
  position: absolute;
  width: 53.95%;
  top: 200px;
  left: 180px;
}

.about_section5_title {
  font-size: 24px;
  line-height: 36px;
  color: #E65E5E;
  text-align: right;
  margin-bottom: 10px;
}

.bottomzz {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
}

.news_content_title {
  font-weight: 900;
  font-size: 72px;
  line-height: 96px;
  color: #2D2D2D;
  position: relative;
  margin-bottom: 60px;
}

.footer_tel_p3 {
  display: flex;
  margin-top: 12px;
  font-size: 14px;
  line-height: 32px;
  color: #E5E5E5;
  opacity: 0.7;
}

.footer_tel_p4 {
  display: flex;
  margin-top: 12px;
  font-size: 14px;
  line-height: 26px;
  color: #E5E5E5;
  opacity: 0.7;
}

.news_content_title::after {
  content: "";
  width: 60%;
  height: 1px;
  background: #2D2D2D;
  position: absolute;
  left: 0;
  bottom: -33px;
}

.news_div_c_div {
  padding-top: 33px;
  max-width: 1026px;
}

.news_content p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
  color: #2D2D2D;
  margin-bottom: 30px;
}

.news_div_c_div .news_list_content_dyd {
  position: static;
  opacity: 0.7;
}

.about_section8_tel {
  font-size: 24px;
  line-height: 36px;
  color: #2D2D2D;
  position: absolute;
  bottom: 66px;
}

.fullscreenvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.thank_div {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 200px 0;
}

.thank_div>img {
  width: 70px;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
}

.thank_div_title {
  font-size: 32px;
  text-align: center;
  font-weight: 900;
  margin-top: 10px;
}

.thank_div_w {
  font-size: 24px;
  color: rgb(85, 85, 85);
  text-align: center;
  margin-top: 10px;
}

.backhome {
  height: 42px;
  width: 150px;
  background: #008DD6;
  color: #fff;
  border-radius: 12px;
  display: block;
  margin: 20px auto;
}

.supersoco_stocklist table tbody th.fw::before {
  color: #a6a6a6;
}

.supersoco_stocklist table tbody th.eb::before {
  color: #21a7ce;
}

.supersoco_stocklist table tbody th.sb::before {
  color: #3e3e3e;
}

.supersoco_stocklist table tbody th.bp::before {
  color: #b70cb0;
}

.supersoco_stocklist table tbody th.mg::before {
  color: #9d9dad;
}

.supersoco_stocklist table tbody th.bg::before {
  color: #00e4e7;
}

.supersoco_spec .price dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-top: 50px;
	align-items: center;
	border-bottom: 1px solid #aaa;
}

.supersoco_spec .price dl dd::before {
  content: none !important;
  font-size: .8em;
}

.supersoco_spec .price dl dd::after {
  content: none !important;
  padding-right: .4em;
  font-size: .4em;
}

.supersoco_spec .price dl dd .pricemod::before {
  content: '¥';
  font-size: .8em;
}

.supersoco_spec .price dl dd .pricemod::after {
  content: '(税込)';
  padding-right: .4em;
  font-size: .4em;
}

.supersoco_spec .price dl dd .pricemod.ex::after {
  content: '(税抜)';
  padding-right: .4em;
  font-size: .4em;
}

@media (max-width: 1000px) {
  .supersoco_spec .price dl dd {
    width: 100% !important;
    text-align: center !important;
    border-bottom: none;
  }

  .supersoco_spec .price dl dt {
    width: 100% !important;
    text-align: center !important;
    border-bottom: none;
  }
}

.supersoco_spec .price dl dt span {
  color: #b4241b;
}

.inc_option_list {
  margin-top: 20px;
}
.inc_option_list li {
  border-bottom: solid 1px #2d2e2e;
}
.inc_option_list li {
  padding: 10px 0;
}

.inc_option_list li .img {
  width: 18%;
}

.inc_option_list li .img img {
  width: auto;
  height: auto;
  max-width: 80%;
  display: block;
}

.inc_option_list li .txt {
  display: block;
  flex-direction: column;
  width: 80%;
  text-align: left;
  margin-top: auto;
}

.inc_option_list li p:nth-child(2) {
  margin-top: 0;
}

.inc_option_list li .txt .menu a {
  font-size: 23px;
  color: #52bec9;
  font-weight: 300;
  width: 100%;
}

.inc_option_list li .txt .model_num {
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 1px;
  word-break: break-all;
  color: #333;
}

.inc_option_list li .txt .price {
  text-align: right;
  width: 100%;
  font-size: 20px;
  margin-bottom: 0;
}

.inc_option_list li .txt .price::before {
  font-size: 1em;
}

.inc_option_list li .txt .price::after {
  font-size: .8em;
}

.optionBox-txt .ttl {
  font-size: 23px;
  color: #52bec9 !important;
  font-weight: 300;
  width: 100%;
}