@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -moz-outline: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*::after,
*::before {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
img {
  max-width: 100%;
  max-height: 100%;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 120%;
}
input,
textarea {
  resize: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
ul.swiper-wrapper {
  margin: 0;
  padding: 0;
}
.banner .swiper_pager {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 10;
}
.banner .swiper_pager .pager {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.banner .swiper_pager .pager span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px;
  opacity: .4;
  cursor: pointer;
  transition: all .3s ease;
}
.banner .swiper_pager .pager span.active {
  opacity: 1;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.f_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_column_right {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.f_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.f_row_right {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.a_stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.a_s_center {
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.a_s_end {
  -webkit-box-self: end;
  -ms-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dh {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.xzx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xzy {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.w1800 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}
.w1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.w1400,
.wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1350,
.wrap {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
.w1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.pc {
  display: block;
}
.wap,
.mobile {
  display: none;
}
@media (max-width:1800px) {
  .w1680 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1470px) {
  .w1350,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1400px) {
  .w1280 {
    padding: 0 60px;
  }
}
@media (max-width:1320px) {
  .w1200 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1024px) {
  .w1800,
  .w1680,
  .w1560,
  .w1400,
  .w1350,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1680,
  .w1560,
  .w1400,
  .w1350,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200 {
    padding: 0 20px;
  }
  .pc {
    display: none;
  }
  .wap,
  .mobile {
    display: block;
  }
}
@keyframes run {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes run2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes tran_run {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tran_run2 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes grow2 {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.cle {
  clear: both;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  font-size: 0px;
}
.imgmid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 100%;
  width: 1px;
  margin-left: -1px;
  vertical-align: middle;
  font-size: 0px;
}
.block_a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  overflow: hidden;
}
.none {
  display: none;
}
@font-face {
  font-family: 'g_l';
  src: url('../fonts/Gilroy-Light.otf');
}
@font-face {
  font-family: 'g_b';
  src: url('../fonts/Gilroy-bold.otf');
}
@font-face {
  font-family: 'new';
  src: url('../fonts/NEW-HORIZONS.ttf');
}
@font-face {
  font-family: 'Pill';
  src: url('../fonts/PillGothic600mg-Regular.ttf');
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.ttf');
}
@font-face {
  font-family: 'GothamPro';
  src: url('../fonts/GothamPro-Regular.ttf');
}
@font-face {
  font-family: 'MyriadPro';
  src: url('../fonts/MyriadPro-Regular.otf');
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.otf');
}
@font-face {
  font-family: 'Questrial';
  src: url('../fonts/Questrial-Regular.ttf');
}
.g_l {
  font-family: 'g_l';
}
.g_b {
  font-family: 'g_b';
}
.Pill {
  font-family: 'Pill';
}
body {
  font-family: 'GothamPro', 'Microsoft YaHei', 'HeitiSC', 'MyriadPro', 'PingFang SC';
}
body,
a {
  color: #282728;
}
.layui-btn {
  height: 100%;
  border-radius: 0;
  background: #282728;
}
::-webkit-selection {
  background: #f35422;
  color: #fff;
}
::-moz-selection {
  background: #f35422;
  color: #fff;
}
::selection {
  background: #f35422;
  color: #fff;
}
/* Placeholder style */
/* 字体 */
.font140 {
  font-size: 140px;
}
@media (max-width:1600px) {
  .font140 {
    font-size: 130px;
  }
}
@media (max-width:1560px) {
  .font140 {
    font-size: 120px;
  }
}
@media (max-width:1440px) {
  .font140 {
    font-size: 110px;
  }
}
@media (max-width:1366px) {
  .font140 {
    font-size: 100px;
  }
}
@media (max-width:1200px) {
  .font140 {
    font-size: 90px;
  }
}
@media (max-width:1024px) {
  .font140 {
    font-size: 80px;
  }
}
@media (max-width:768px) {
  .font140 {
    font-size: 54px;
  }
}
@media (max-width:480px) {
  .font140 {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .font140 {
    font-size: 30px;
  }
}
.font42 {
  font-size: 42px;
}
@media (max-width:1600px) {
  .font42 {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .font42 {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .font42 {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .font42 {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .font42 {
    font-size: 24px;
  }
}
.font38 {
  font-size: 38px;
}
@media (max-width:1600px) {
  .font38 {
    font-size: 34px;
  }
}
@media (max-width:1366px) {
  .font38 {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .font38 {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .font38 {
    font-size: 22px;
  }
}
.font36 {
  font-size: 36px;
}
@media (max-width:1600px) {
  .font36 {
    font-size: 32px;
  }
}
@media (max-width:1366px) {
  .font36 {
    font-size: 28px;
  }
}
@media (max-width:1024px) {
  .font36 {
    font-size: 24px;
  }
}
@media (max-width:768px) {
  .font36 {
    font-size: 20px;
  }
}
.font30 {
  font-size: 30px;
}
@media (max-width:1600px) {
  .font30 {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .font30 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .font30 {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .font30 {
    font-size: 18px;
  }
}
.font24 {
  font-size: 24px;
}
@media (max-width:1600px) {
  .font24 {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .font24 {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .font24 {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .font24 {
    font-size: 16px;
  }
}
.font22 {
  font-size: 22px;
}
@media (max-width:1440px) {
  .font22 {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .font22 {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .font22 {
    font-size: 16px;
  }
}
.font20 {
  font-size: 20px;
}
@media (max-width:1440px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .font20 {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .font20 {
    font-size: 15px;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width:1600px) {
  .font18 {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .font18 {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .font18 {
    font-size: 14px;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width:1440px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .font16 {
    font-size: 13px;
  }
}
.font14 {
  font-size: 14px;
}
@media (max-width:1440px) {
  .font14 {
    font-size: 13px;
  }
}
@media (max-width:1280px) {
  .font14 {
    font-size: 12px;
  }
}
/* 间距 */
/* 首页默认样式 */
.idx_center {
  position: relative;
  z-index: 5;
}
/* 标题 */
.idx_title .title {
  width: 100%;
  font-size: 42px;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  visibility: visible !important;
}
@media (max-width:1600px) {
  .idx_title .title {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .idx_title .title {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .idx_title .title {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .idx_title .title {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .idx_title .title {
    font-size: 24px;
  }
}
.idx_title .title .word {
  color: #9c9c9c;
}
.idx_title .title .last {
  color: #282728;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.idx_title .title .last span {
  width: 0;
  overflow: hidden;
}
.idx_title .title.active .first {
  transition: all .1s 2s linear;
  opacity: 0;
}
.idx_title .title.active .last span {
  width: 100%;
  transition: width 1.8s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.idx_title .title:first-child ~ .title {
  margin-top: 10px;
}
.idx_title .subtitle {
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
  font-size: 24px;
  font-weight: 100;
  line-height: 1;
}
@media (max-width:1600px) {
  .idx_title .subtitle {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .idx_title .subtitle {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .idx_title .subtitle {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .idx_title .subtitle {
    font-size: 16px;
  }
}
.idx_title .subtitle p:first-child ~ p {
  margin-top: 10px;
}
.idx_title .subtitle.active p {
  margin: 0;
}
/* 小图标 ❉ */
.icon_active {
  width: 60px;
  height: 60px;
  font-size: 0;
  pointer-events: none;
  background: #282728;
  -webkit-mask: url('../svg/icon_active.svg') no-repeat center / cover;
  -moz-mask: url('../svg/icon_active.svg') no-repeat center / cover;
  mask: url('../svg/icon_active.svg') no-repeat center / cover;
}
.icon_active_run {
  width: 60px;
  height: 60px;
  font-size: 0;
  pointer-events: none;
  animation: run 30s linear infinite;
}
.icon_active_run svg {
  width: 100%;
  height: 100%;
}
.icon_active_run svg path {
  fill: #282728;
}
@media (max-width:1440px) {
  .icon_active,
  .icon_active_run {
    width: 54px;
    height: 54px;
  }
}
@media (max-width:1366px) {
  .icon_active,
  .icon_active_run {
    width: 48px;
    height: 48px;
  }
}
@media (max-width:1280px) {
  .icon_active,
  .icon_active_run {
    width: 44px;
    height: 44px;
  }
}
@media (max-width:1024px) {
  .icon_active,
  .icon_active_run {
    width: 36px;
    height: 36px;
  }
}
/* 按钮 */
.idx_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 60px;
}
.idx_more button {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.idx_more a,
.idx_more .more,
.idx_more button {
  width: auto;
  height: 1em;
  position: relative;
  font-size: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.idx_more .word {
  width: auto;
  height: 1em;
  position: relative;
  z-index: 2;
  border-radius: 100px;
  background: #f35422;
  color: #282728;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  overflow: hidden;
}
.idx_more .word span {
  width: auto;
  min-width: 140px;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}
.idx_more .arrow {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  z-index: 1;
  border-radius: 50%;
  background: #f35422;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_more .arrow svg path {
  fill: #282728;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_more[right] a,
.idx_more[right] .more {
  padding-right: 1em;
}
.idx_more[right] .arrow.arrow_first {
  left: 10px;
}
.idx_more[right] .arrow.arrow_last {
  right: 0;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.idx_more[right] a:hover .word,
.idx_more[right] .more:hover .word {
  transform: translateX(1em);
}
.idx_more[right] a:hover .arrow.arrow_first,
.idx_more[right] .more:hover .arrow.arrow_first {
  left: 0;
  animation: arrowMoveR 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.idx_more[right] a:hover .arrow.arrow_last,
.idx_more[right] .more:hover .arrow.arrow_last {
  transform: scale(0.5) translateX(-100%);
}
.idx_more[left] a,
.idx_more[left] .more {
  padding-left: 1em;
}
.idx_more[left] .arrow.arrow_first {
  left: 0;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.idx_more[left] .arrow.arrow_last {
  right: 10px;
}
.idx_more[left] a:hover .word,
.idx_more[left] .more:hover .word {
  transform: translateX(-1em);
}
.idx_more[left] a:hover .arrow.arrow_first,
.idx_more[left] .more:hover .arrow.arrow_first {
  transform: scale(0.5) translateX(100%);
}
.idx_more[left] a:hover .arrow.arrow_last,
.idx_more[left] .more:hover .arrow.arrow_last {
  right: 0;
  animation: arrowMoveL 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.idx_more.active a .word,
.idx_more.active .more .word {
  background: #282728;
  color: #fff;
}
.idx_more.active a .arrow,
.idx_more.active .more .arrow {
  background: #282728;
}
.idx_more.active a .arrow svg path,
.idx_more.active .more .arrow svg path {
  fill: #fff;
}
@media (max-width:1470px) {
  .idx_more {
    font-size: 48px;
  }
  .idx_more a,
  .idx_more .more,
  .idx_more button {
    font-size: 48px;
  }
  .idx_more .word span {
    min-width: 120px;
    padding: 0 25px;
  }
}
@media (max-width:1200px) {
  .idx_more {
    font-size: 40px;
  }
  .idx_more a,
  .idx_more .more,
  .idx_more button {
    font-size: 48px;
  }
  .idx_more .word span {
    font-size: 14px;
  }
  .idx_more .arrow svg {
    width: 16px;
  }
}
@keyframes arrowMoveR {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(3px);
  }
  60% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes arrowMoveL {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-5px);
  }
  30% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(-3px);
  }
  60% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(-2px);
  }
  to {
    transform: translateX(0);
  }
}
/* ----- 即刻咨询 ----- */
.alert_consult {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.alert_consult .close_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #000;
  opacity: .5;
}
.alert_consult .consult_box {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alert_consult .consult_box .center_box {
  max-width: 1260px;
}
.alert_consult .consult_box .consult_main {
  width: 100%;
  height: auto;
  pointer-events: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.alert_consult .consult_box .consult_main .consult_info {
  width: 33.33333%;
  height: auto;
  padding: clamp(25px, 2.604166666666667vw, 50px);
  background: #282728;
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  transform: translateY(-15%);
  opacity: 0;
  overflow: hidden;
}
.alert_consult .consult_box .consult_main .consult_info .icon_bg {
  width: 70%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  font-size: 0;
  transform: translate(30%, -20%);
  mask: linear-gradient(45deg, rgba(0, 0, 0, 0.3), #000000);
}
.alert_consult .consult_box .consult_main .consult_info .icon_bg .icon_active {
  width: 100%;
  padding-bottom: 100%;
  background: #2F2E2E;
}
.alert_consult .consult_box .consult_main .consult_info .info_top {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.alert_consult .consult_box .consult_main .consult_info .info_top .title_box {
  width: 100%;
  height: auto;
}
.alert_consult .consult_box .consult_main .consult_info .info_top .title_box .title {
  font-size: 42px;
  color: #f35422;
}
@media (max-width:1600px) {
  .alert_consult .consult_box .consult_main .consult_info .info_top .title_box .title {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .alert_consult .consult_box .consult_main .consult_info .info_top .title_box .title {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_info .info_top .title_box .title {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .alert_consult .consult_box .consult_main .consult_info .info_top .title_box .title {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .alert_consult .consult_box .consult_main .consult_info .info_top .title_box .title {
    font-size: 24px;
  }
}
.alert_consult .consult_box .consult_main .consult_info .info_top .qrocde {
  width: 100%;
  max-width: 120px;
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
  font-size: 0;
}
.alert_consult .consult_box .consult_main .consult_info .info_bottom {
  width: 100%;
  height: auto;
}
.alert_consult .consult_box .consult_main .consult_info .info_bottom .title {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alert_consult .consult_box .consult_main .consult_info .info_bottom .title .word {
  font-size: 16px;
  color: #656565;
  line-height: 1;
}
@media (max-width:1440px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .title .word {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .title .word {
    font-size: 13px;
  }
}
.alert_consult .consult_box .consult_main .consult_info .info_bottom .title .icon_active {
  width: 1.8em;
  height: 1.8em;
  font-size: 16px;
  background: #f35422;
}
@media (max-width:1440px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .title .icon_active {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .title .icon_active {
    font-size: 13px;
  }
}
.alert_consult .consult_box .consult_main .consult_info .info_bottom .phone {
  font-size: 24px;
  color: #f35422;
}
@media (max-width:1600px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .phone {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .phone {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .phone {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .alert_consult .consult_box .consult_main .consult_info .info_bottom .phone {
    font-size: 16px;
  }
}
.alert_consult .consult_box .consult_main .consult_form {
  width: 65.07936507936508%;
  height: auto;
  padding: clamp(25px, 2.604166666666667vw, 50px);
  background: #282728;
  position: relative;
  transform: translateY(-15%);
  opacity: 0;
}
.alert_consult .consult_box .consult_main .consult_form .close_btn {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.alert_consult .consult_box .consult_main .consult_form .close_btn svg path {
  fill: #7b7b7b;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.alert_consult .consult_box .consult_main .consult_form .close_btn:hover svg path {
  fill: #f35422;
}
.alert_consult .consult_box .consult_main .consult_form .close_btn.active {
  opacity: 1;
  visibility: visible;
}
.alert_consult .consult_box .consult_main .consult_form .form_box {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item {
  width: 100%;
  height: auto;
  z-index: 1;
  padding-top: 12px;
  position: relative;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item::before,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: #FFF;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item::before {
  opacity: .1;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item::after {
  width: 0;
  z-index: 2;
  background: #f35422;
  transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title {
  width: auto;
  height: 44px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1440px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title {
    font-size: 13px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title .icon {
  width: 1em;
  height: 10px;
  font-size: 16px;
  line-height: 0;
}
@media (max-width:1440px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title .icon {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title .icon {
    font-size: 13px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title .word {
  width: auto;
  height: auto;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1440px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title .word {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .title .word {
    font-size: 13px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .input {
  width: 100%;
  height: 44px;
  overflow: hidden;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .input input {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  font-size: 16px;
  color: #FFFFFF;
}
@media (max-width:1440px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .input input {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .input input {
    font-size: 13px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu {
  flex: 1;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu {
  grid-gap: 0 30px;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one {
  width: auto;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one .layui-icon {
  display: none;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one .layui-form-radio {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 0;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one div {
  font-size: 24px;
  font-weight: 300;
  color: #535151;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
@media (max-width:1600px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one div {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one div {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one div {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one div {
    font-size: 16px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .one_menu .one .layui-unselect.layui-form-radioed div {
  color: #f35422;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu {
  grid-gap: 10px;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio {
  width: auto;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect {
  width: auto;
  height: 32px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50px;
  background: #302E2F;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #f35422;
  border-radius: 50px;
  transform: translateY(100%);
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect div {
  width: auto;
  height: auto;
  padding: 0 1em;
  position: relative;
  z-index: 5;
  background: transparent;
  font-family: 'Questrial', 'Microsoft YaHei';
  font-size: 14px;
  color: #FFFFFF;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect .layui-icon {
  display: none;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect::before,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect::after,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect div {
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect:hover div,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect.layui-form-radioed div {
  color: #fff;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect:hover::before,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect.layui-form-radioed::before {
  opacity: 0;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect:hover::after,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item .ratio_menu .ratio .layui-unselect.layui-form-radioed::after {
  transform: translateY(0);
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item.item_input .title {
  height: 40px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 12px;
  pointer-events: none;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item.item_input.is_active .title {
  height: 12px;
  padding-top: 0;
  top: 0;
  pointer-events: initial;
  font-size: 12px;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item.item_input.is_active .title .word {
  font-size: 12px;
  color: #f35422;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item.item_input.is_active::after {
  width: 100%;
  left: 0;
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item.active {
  grid-column: span 2;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: min(3.125vw, 60px);
}
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item.active::before,
.alert_consult .consult_box .consult_main .consult_form .form_box .form_item.active::after {
  display: none;
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .content {
    grid-gap: 5px;
  }
  .alert_consult .consult_box .consult_main .consult_form .form_box .form_item .content .ratio .layui-unselect * {
    padding: 0 10px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom {
  width: 100%;
  height: auto;
  margin-top: clamp(35px, 3.6458333333333335vw, 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 10px;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .policy {
  width: 14px;
  height: auto;
  font-size: 0;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .policy .layui-form-radio {
  width: 100%;
  height: auto;
  -webkit-aspect-ratio: 1;
  aspect-ratio: 1;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: relative;
  border-radius: 50%;
  border: 1px solid #969696;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .policy .layui-form-radio::after {
  content: '';
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #f35422;
  opacity: 0;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .policy .layui-form-radio * {
  display: none;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .policy .layui-form-radioed {
  border-color: #f35422;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .policy .layui-form-radioed::after {
  opacity: 1;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .word {
  font-size: 14px;
  color: #7F7F7F;
  line-height: 1;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .word a {
  color: #7F7F7F;
  position: relative;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .layui_tips .word a:hover {
  color: #999;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more {
  font-size: 38px;
}
@media (max-width:1600px) {
  .alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more {
    font-size: 34px;
  }
}
@media (max-width:1366px) {
  .alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more {
    font-size: 22px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a {
  font-size: 38px;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more .word,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a .word {
  background: #7b7b7b;
  color: #fff;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more .word span,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a .word span {
  min-width: 92px;
  font-size: 12px;
  font-weight: 100;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more .arrow svg path,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a .arrow svg path {
  fill: #fff;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more .arrow.arrow_first,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a .arrow.arrow_first {
  background: #f35422;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more .arrow.arrow_first svg path,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a .arrow.arrow_first svg path {
  fill: #282728;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more .arrow.arrow_last,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a .arrow.arrow_last {
  background: #7b7b7b;
}
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more .more:hover .word,
.alert_consult .consult_box .consult_main .consult_form .form_bottom .idx_more a:hover .word {
  transform: translateX(1em);
  background: #fff;
  color: #282728;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box {
  width: 100%;
  height: 100%;
  padding: clamp(25px, 2.604166666666667vw, 50px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: #282728;
  overflow: hidden;
  display: none;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main {
  width: 100%;
  height: 100%;
  padding-right: clamp(20px, 2.083333333333333vw, 40px);
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #f35422 transparent;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: #302f30;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main::-webkit-scrollbar-thumb {
  background-color: #f35422;
  border-radius: 10px;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title {
  width: 100%;
  height: auto;
  padding-bottom: clamp(25px, 2.604166666666667vw, 50px);
  border-bottom: 1px solid #3e3d3e;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .title {
  font-size: 24px;
  color: #f35422;
}
@media (max-width:1600px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .title {
    font-size: 16px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .details {
  width: 100%;
  height: auto;
  margin-top: clamp(15px, 1.5625vw, 30px);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
}
@media (max-width:1440px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .details {
    font-size: 13px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .details a {
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_title .details a:hover {
  color: #fff;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_text {
  width: 100%;
  height: auto;
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_text h2,
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_text h3,
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_text h4,
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_text h5,
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .policy_text h6 {
  color: #FFF;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more {
  font-size: 38px;
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
}
@media (max-width:1600px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more {
    font-size: 34px;
  }
}
@media (max-width:1366px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more {
    font-size: 22px;
  }
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more {
  font-size: 38px;
  cursor: pointer;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more .word {
  background: #7b7b7b;
  color: #fff;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more .word span {
  min-width: 92px;
  font-size: 12px;
  font-weight: 100;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more .arrow svg path {
  fill: #fff;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more .arrow.arrow_first {
  background: #f35422;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more .arrow.arrow_first svg path {
  fill: #282728;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more .arrow.arrow_last {
  background: #7b7b7b;
}
.alert_consult .consult_box .consult_main .consult_form .policy_box .policy_main .idx_more .more:hover .word {
  transform: translateX(1em);
  background: #fff;
  color: #282728;
}
.alert_consult.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.alert_consult.active .consult_box .consult_main .consult_info,
.alert_consult.active .consult_box .consult_main .consult_form {
  opacity: 1;
  transform: translate(0);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
/* ----- 内页默认样式 ----- */
/* 标题 */
.inside_title .title {
  width: 100%;
  font-size: 42px;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  visibility: visible !important;
}
@media (max-width:1600px) {
  .inside_title .title {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .inside_title .title {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .inside_title .title {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_title .title {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_title .title {
    font-size: 24px;
  }
}
.inside_title .title .word {
  color: #9c9c9c;
}
.inside_title .title .first {
  clip-path: polygon(0 0, 0 100%, 100vw 100%, 100vw 0);
}
.inside_title .title .last {
  color: #282728;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_title .title .last span {
  width: 0;
  overflow: hidden;
}
.inside_title .title.active .first {
  transition-delay: 2s;
  transition: opacity 0s;
  opacity: 0;
}
.inside_title .title.active .last span {
  width: 100%;
  -webkit-transition: all 1.8s linear;
  -o-transition: all 1.8s linear;
  transition: all 1.8s linear;
  transition-delay: .2s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inside_title .title:first-child ~ .title {
  margin-top: 10px;
}
.inside_title .subtitle {
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
  font-size: 24px;
  line-height: 1;
  font-weight: 100;
}
@media (max-width:1600px) {
  .inside_title .subtitle {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_title .subtitle {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_title .subtitle {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_title .subtitle {
    font-size: 16px;
  }
}
.inside_title .subtitle p {
  margin: 0;
}
.inside_title .subtitle p:first-child ~ p {
  margin-top: 8px;
}
/* 切换按钮 */
.inside_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_pager .swiper_btn {
  width: 72px;
  height: 52px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.inside_pager .swiper_btn::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  border-radius: 100px;
  background: #282728;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inside_pager .swiper_btn.next::after {
  left: 0;
}
.inside_pager .swiper_btn svg {
  position: relative;
  z-index: 5;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inside_pager .swiper_btn svg path {
  fill: #fff;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width:1440px) {
  .inside_pager .swiper_btn {
    width: 64px;
    height: 44px;
  }
  .inside_pager .swiper_btn svg {
    width: 18px;
  }
}
@media (max-width:1024px) {
  .inside_pager .swiper_btn {
    width: 54px;
    height: 36px;
  }
  .inside_pager .swiper_btn svg {
    width: 14px;
  }
}
.inside_pager.active .swiper_btn::after {
  background: #fff;
}
.inside_pager.active .swiper_btn svg path {
  fill: #282728;
}
.inside_pager .swiper_btn:hover::after {
  width: 150%;
  background: #f35422;
}
.inside_pager .swiper_btn:hover svg path {
  fill: #282728;
}
.inside_pager .swiper_btn.prev:hover svg {
  transform: translateX(-180%);
}
.inside_pager .swiper_btn.next:hover svg {
  transform: translateX(180%);
}
@media (max-width:1280px) {
  .inside_pager .swiper_btn:hover::after {
    width: 125%;
  }
  .inside_pager .swiper_btn.prev:hover svg {
    transform: translateX(-120%);
  }
  .inside_pager .swiper_btn.next:hover svg {
    transform: translateX(120%);
  }
}
/* 详情页文本 */
.text_details {
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5;
}
@media (max-width:1440px) {
  .text_details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .text_details {
    font-size: 13px;
  }
}
.text_details p:first-child {
  margin-top: 0;
}
.text_details p:last-child {
  margin-bottom: 0;
}
/* 锚链接 */
.anchorlink {
  width: 100%;
  height: 0;
  position: relative;
  top: -100px;
}
/* 客服挂件 */
.pendant_box {
  width: 1em;
  height: auto;
  font-size: 60px;
  position: fixed;
  right: 0;
  top: 45%;
  z-index: 19;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.pendant_box.active {
  opacity: 0;
  visibility: hidden;
}
.pendant_box .menu {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.pendant_box .menu::after {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin-top: -5px;
  background: #f35422;
}
.pendant_box .menu .item {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
}
.pendant_box .menu .item .one {
  width: 100%;
  height: 1em;
  box-sizing: content-box;
  border-top: 10px solid #f35422;
  border-bottom: 10px solid #f35422;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.pendant_box .menu .item .one::before {
  content: '';
  width: 150%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background: url('../images/icon_arr.png') no-repeat left center;
  transform: translateX(-8px);
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.pendant_box .menu .item .one::after {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: #f35422;
}
.pendant_box .menu .item .one .img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.pendant_box .menu .item .content {
  width: 210px;
  height: auto;
  position: absolute;
  right: 100%;
  top: 0;
  transform: translateX(-10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  opacity: 0;
  visibility: hidden;
}
.pendant_box .menu .item .content::after {
  content: '';
  width: 10px;
  height: 100%;
}
.pendant_box .menu .item .content .center {
  flex: 1;
  height: auto;
  background: #282728;
}
.pendant_box .menu .item .content .center .title_box {
  width: 100%;
  height: auto;
  background: #f35422;
  padding: 25px 20px;
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}
.pendant_box .menu .item .content .center .title_box .subtitle {
  font-size: 12px;
  color: #282728;
}
.pendant_box .menu .item .content .center .title_box .title {
  margin-top: 10px;
  line-height: 1;
  font-size: 22px;
  color: #282728;
}
@media (max-width:1440px) {
  .pendant_box .menu .item .content .center .title_box .title {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .pendant_box .menu .item .content .center .title_box .title {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .pendant_box .menu .item .content .center .title_box .title {
    font-size: 16px;
  }
}
.pendant_box .menu .item .content .center .title_box .icon_active {
  background: #fa6c25;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  transform: translate(20%, -20%);
}
.pendant_box .menu .item .content .center .qrcode {
  width: 100%;
  height: auto;
  padding: 40px 30px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pendant_box .menu .item .content .center .qrcode::after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 30px;
  z-index: 1;
  background: #f35422;
  clip-path: polygon(0% 0%, 100% 100%, 100% 0);
  transform: translateY(-100%);
}
.pendant_box .menu .item .content .center .qrcode .img {
  width: 100%;
  height: auto;
  font-size: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
}
.pendant_box .menu .item .content .center .qrcode .info {
  width: 100%;
  height: auto;
  margin-top: 30px;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
}
.pendant_box .menu .item .content .center .qrcode .info .title {
  font-size: 12px;
  font-weight: 100;
  color: #fff;
  line-height: 1;
}
.pendant_box .menu .item .content .center .qrcode .info .phone {
  margin-top: 10px;
  font-size: 18px;
  color: #f35422;
}
.pendant_box .menu .item:hover .one::before {
  transform: translateX(0);
}
.pendant_box .menu .item:hover .content {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.pendant_box .menu .item:hover .content .center .qrcode::after,
.pendant_box .menu .item:hover .content .center .qrcode .img,
.pendant_box .menu .item:hover .content .center .qrcode .info {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  opacity: 1;
  transform: translateY(0);
}
.pendant_box .menu .line {
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent 10%, #282728, transparent 90%);
  opacity: .25;
  position: relative;
  z-index: 5;
}
.pendant_box .menu .item:last-child {
  background: #f35422;
}
.pendant_box .scroll_top {
  width: 100%;
  height: auto;
  background: #282728;
}
.pendant_box .scroll_top a {
  width: 100%;
  height: auto;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pendant_box .scroll_top i {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #f35422 transparent;
}
@media (max-width:1440px) {
  .pendant_box {
    font-size: 50px;
  }
  .pendant_box .menu .item .content {
    width: 180px;
  }
  .pendant_box .menu .item .content .center .title_box {
    padding: 20px 15px;
  }
  .pendant_box .menu .item .content .center .qrcode {
    padding: 30px 20px 20px;
  }
  .pendant_box .menu .item .content .center .qrcode .info {
    margin-top: 20px;
  }
}
@media (max-height: 650px) {
  .pendant_box {
    top: 40%;
  }
}
#app {
  width: 100%;
  height: auto;
  overflow: hidden;
}
/*[data-scroll] { will-change: transform; }*/
div[data-scroll] {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@keyframes hoverR {
  0 {
    transform: translate(0);
  }
  100% {
    transform: translate(100%);
  }
}
/* 头部 */
.header_box {
  width: 100%;
  height: 80px;
  padding: 0 30px;
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 21;
  transform: translateX(-50%);
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.header_box .header_main {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.header_box .header_main .logo {
  width: 10%;
  max-width: 180px;
  height: 100%;
  font-size: 0;
  position: relative;
  z-index: 5;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.header_box .header_main .logo img {
  max-height: 60%;
}
.header_box .header_main .nav {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translateX(-50%);
}
.header_box .header_main .nav ul {
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.header_box .header_main .nav li {
  width: auto;
  height: 100%;
  font-size: 16px;
  margin-right: 3.125em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_main .nav li > a,
.header_box .header_main .nav li > a span {
  font-size: 16px;
  display: inline-block;
  overflow: hidden;
}
.header_box .header_main .nav li > a:hover,
.header_box .header_main .nav li > a:hover span {
  color: #282728;
}
.header_box .header_main .nav li:last-child {
  margin: 0;
}
.header_box .header_main .column {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_main .column .contact_btn {
  width: auto;
  height: 40px;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.header_box .header_main .column .contact_btn a {
  width: 100px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 14px;
  color: #FFF;
  position: relative;
  z-index: 5;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.header_box .header_main .column .contact_btn::before {
  content: '';
  width: 100%;
  height: 160%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282728;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.header_box .header_main .column .contact_btn::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 230%;
  background-color: #f35422;
  border-radius: 100%;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.header_box .header_main .column .contact_btn:hover::before {
  height: 100%;
  top: -50px;
}
.header_box .header_main .column .contact_btn:hover::after {
  border-radius: 0;
  top: -30px;
}
@media (max-width:1440px) {
  .header_box .header_main .column .contact_btn {
    height: 40px;
  }
  .header_box .header_main .column .contact_btn a {
    padding: 0 20px;
    font-size: 13px;
  }
}
.header_box .header_main .column .head_search {
  width: auto;
  height: 100%;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.header_box .header_main .column .head_search .search_btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #282728;
  color: #282728;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.header_box .header_main .column .head_search .search_btn i {
  font-size: 18px;
}
.header_box .header_main .column .head_search .search_btn:hover {
  border-color: #f35422;
  color: #f35422;
}
@media (max-width:1440px) {
  .header_box .header_main .column .head_search .search_btn {
    width: 40px;
    height: 40px;
  }
  .header_box .header_main .column .head_search .search_btn i {
    font-size: 16px;
  }
}
.header_box .header_main .column .subnav_btn {
  width: 14px;
  height: 16px;
  margin-left: 30px;
  position: relative;
  cursor: pointer;
}
.header_box .header_main .column .subnav_btn i {
  width: 2px;
  height: 100%;
  background: #282728;
  position: absolute;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.header_box .header_main .column .subnav_btn i:first-child {
  left: 0;
  top: 0;
}
.header_box .header_main .column .subnav_btn i:nth-child(2) {
  left: 50%;
  transform: translateX(-50%);
}
.header_box .header_main .column .subnav_btn i:last-child {
  right: 0;
  top: 0;
}
.header_box .header_main .column .subnav_btn.active i {
  left: 50%;
  margin-left: -1px;
  transform-origin: center;
}
.header_box .header_main .column .subnav_btn.active i:nth-child(2) {
  opacity: 0;
}
.header_box .header_main .column .subnav_btn.active i:first-child {
  left: 50%;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.header_box .header_main .column .subnav_btn.active i:last-child {
  left: 50%;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.header_box.header_white .header_main .logo {
  filter: invert(1);
}
.header_box.header_white .header_main .nav ul li > a {
  color: #fff;
}
.header_box.header_white .header_main .nav ul li > a:hover,
.header_box.header_white .header_main .nav ul li > a:hover span {
  color: #fff;
}
.header_box.header_white .header_main .column .contact_btn a {
  color: #282728;
}
.header_box.header_white .header_main .column .contact_btn::before {
  background: #fff;
}
.header_box.header_white .header_main .column .contact_btn:hover a {
  color: #FFF;
}
.header_box.header_white .header_main .column .head_search .search_btn {
  border-color: #fff;
  color: #fff;
}
.header_box.header_white .header_main .column .head_search .search_btn:hover {
  border-color: #f35422;
  color: #f35422;
}
.header_box.header_white .header_main .column .subnav_btn i {
  background: #FFF;
}
.header_box.is_active {
  height: 60px;
  background: #ffff;
}
.header_box.is_active .header_main .logo {
  filter: none;
}
.header_box.is_active .header_main .nav ul li > a {
  color: #282728;
}
.header_box.is_active .header_main .nav ul li > a:hover,
.header_box.is_active .header_main .nav ul li > a:hover span {
  color: #282728;
}
.header_box.is_active .header_main .column .contact_btn::before {
  background: #282728;
}
.header_box.is_active .header_main .column .contact_btn a {
  color: #FFF;
}
.header_box.is_active .header_main .column .head_search .search_btn {
  border-color: #282728;
  color: #282728;
}
.header_box.is_active .header_main .column .subnav_btn i {
  background: #282728;
}
.header_box.is_active.header_white .header_main .column .contact_btn a .word span {
  color: #FFF;
}
.header_box.active {
  transform: translate(-50%, -100%);
}
@media (max-width:990px) {
  .header_box {
    display: none;
  }
}
.header_nbsp {
  width: 100%;
  height: 80px;
  margin: 0 auto;
  position: relative;
  z-index: 20;
  background: #fff;
}
@media (max-width:990px) {
  .header_nbsp {
    display: none;
  }
}
.head_subnav {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.head_subnav .main_nav {
  width: 28.125%;
  height: 100vh;
  position: inherit;
  right: -40%;
  top: 0;
  z-index: 5;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
  padding-left: 60px;
  background: #f35422;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.head_subnav .main_nav .navs {
  width: 100%;
  height: auto;
}
.head_subnav .main_nav .navs .one {
  width: 100%;
  height: auto;
}
.head_subnav .main_nav .navs .one a {
  font-size: 24px;
  font-weight: 700;
  color: #282728;
  line-height: 1;
}
@media (max-width:1600px) {
  .head_subnav .main_nav .navs .one a {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .head_subnav .main_nav .navs .one a {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .head_subnav .main_nav .navs .one a {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .head_subnav .main_nav .navs .one a {
    font-size: 16px;
  }
}
.head_subnav .main_nav .navs .one.active a {
  opacity: .3;
}
.head_subnav .main_nav .navs .one:first-child ~ .one {
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
}
.head_subnav .main_nav .navs_info {
  width: 100%;
  height: auto;
}
.head_subnav .main_nav .navs_info .qrcode {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.head_subnav .main_nav .navs_info .qrcode .item {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1;
}
.head_subnav .main_nav .navs_info .qrcode .item .icon {
  width: 25px;
  height: 25px;
  background: #282728;
  cursor: pointer;
  -webkit-mask: var(--url) no-repeat center / cover;
  mask: var(--url) no-repeat center / cover;
}
.head_subnav .main_nav .navs_info .qrcode .item .ewm {
  width: 100px;
  height: auto;
  padding: 10px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  font-size: 0;
  margin-left: -50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.head_subnav .main_nav .navs_info .qrcode .item .ewm img {
  width: 100%;
}
.head_subnav .main_nav .navs_info .qrcode .item .ewm::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #282728;
}
.head_subnav .main_nav .navs_info .qrcode .item .ewm::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -6px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #282728 transparent transparent transparent;
}
.head_subnav .main_nav .navs_info .qrcode .item:first-child .ewm {
  left: 0;
  margin: 0;
}
.head_subnav .main_nav .navs_info .qrcode .item:first-child .ewm::after {
  left: 10px;
  transform: translate(0);
}
.head_subnav .main_nav .navs_info .qrcode .item:hover .ewm {
  opacity: 1;
  margin-bottom: 15px;
  visibility: initial;
}
.head_subnav .main_nav .navs_info .qrcode .item:hover .icon img {
  opacity: 1;
}
.head_subnav .main_nav .navs_info .qrcode .item:hover .icon::after {
  background: #282728;
}
.head_subnav .main_nav .navs_info .qrcode .item:first-child ~ .item {
  margin-left: 30px;
}
.head_subnav .main_nav .navs_info .copy {
  width: 100%;
  height: auto;
  margin-top: clamp(12.5px, 1.3020833333333335vw, 25px);
  line-height: 1.5;
  font-size: 14px;
  font-weight: 300;
  color: #282728;
}
@media (max-width:1440px) {
  .head_subnav .main_nav .navs_info .copy {
    font-size: 13px;
  }
}
@media (max-width:1280px) {
  .head_subnav .main_nav .navs_info .copy {
    font-size: 12px;
  }
}
.head_subnav .main_nav .navs_info .copy a {
  font-size: 14px;
  color: #282728;
}
@media (max-width:1440px) {
  .head_subnav .main_nav .navs_info .copy a {
    font-size: 13px;
  }
}
@media (max-width:1280px) {
  .head_subnav .main_nav .navs_info .copy a {
    font-size: 12px;
  }
}
.head_subnav .proj_nav {
  width: 71.875%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translateX(100%);
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.head_subnav .proj_nav .projnav_img {
  width: 100%;
  height: 100%;
  flex: 1;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateX(100%);
  background: #282728;
  overflow: hidden;
}
.head_subnav .proj_nav .projnav_img .one {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s 0s ease-in-out;
  transition: all 0.4s 0s ease-in-out;
}
.head_subnav .proj_nav .projnav_img .one img,
.head_subnav .proj_nav .projnav_img .one video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.head_subnav .proj_nav .projnav_img .one.active {
  opacity: 1;
  -webkit-transition: all 0.4s 0.4s ease-in;
  transition: all 0.4s 0.4s ease-in;
}
.head_subnav .proj_nav .projnav_links {
  width: 31.57894736842105%;
  max-width: 480px;
  height: 100%;
  background: #282728;
  position: relative;
  z-index: 5;
  padding: 0 60px;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
  overflow: hidden;
}
.head_subnav .proj_nav .projnav_links .title {
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
  line-height: 1;
}
@media (max-width:1600px) {
  .head_subnav .proj_nav .projnav_links .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .head_subnav .proj_nav .projnav_links .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .head_subnav .proj_nav .projnav_links .title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .head_subnav .proj_nav .projnav_links .title {
    font-size: 16px;
  }
}
.head_subnav .proj_nav .projnav_links .links {
  width: 100%;
  height: auto;
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
}
.head_subnav .proj_nav .projnav_links .links .one {
  width: 100%;
  height: auto;
}
.head_subnav .proj_nav .projnav_links .links .one a {
  font-size: 16px;
  color: #7b7b7b;
  line-height: 1;
}
@media (max-width:1440px) {
  .head_subnav .proj_nav .projnav_links .links .one a {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .head_subnav .proj_nav .projnav_links .links .one a {
    font-size: 13px;
  }
}
.head_subnav .proj_nav .projnav_links .links .one a.active {
  color: #FFF;
}
.head_subnav .proj_nav .projnav_links .links .one:first-child ~ .one {
  margin-top: clamp(10px, 1.0416666666666665vw, 20px);
}
.head_subnav .proj_nav .projnav_links .morelinks {
  width: 100%;
  height: auto;
  margin-top: clamp(10px, 1.0416666666666665vw, 20px);
}
.head_subnav .proj_nav .projnav_links .morelinks a {
  font-size: 16px;
  font-weight: 700;
  color: #f35422;
}
@media (max-width:1440px) {
  .head_subnav .proj_nav .projnav_links .morelinks a {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .head_subnav .proj_nav .projnav_links .morelinks a {
    font-size: 13px;
  }
}
.head_subnav.active {
  pointer-events: initial;
}
/* 头部介绍 */
.idx_header_about {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 100px;
  background: #fff;
  position: relative;
  z-index: 2;
  /* 标语 */
}
@media (max-width:1366px) {
  .idx_header_about {
    padding-top: 70px;
  }
}
.idx_header_about .idx_slogan {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.idx_header_about .idx_slogan .slogan_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(80px, 8.333333333333332vw, 160px);
  position: relative;
  z-index: 1;
}
.idx_header_about .idx_slogan .slogan_box .idx_title .subtitle {
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.idx_header_about .idx_slogan .slogan_box .slogan_icon {
  width: 100%;
  height: 0;
  margin-top: clamp(40px, 4.166666666666666vw, 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.idx_header_about .idx_slogan .bg {
  width: 17.55%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.idx_header_about .down_btn {
  width: 100%;
  height: auto;
  position: absolute;
  top: 90%;
  left: 9.375%;
  z-index: 5;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.idx_header_about .down_btn .svg {
  width: auto;
  height: 120px;
  padding: 10px 7px;
  background: #f35422;
  border-radius: 50px;
  position: relative;
  z-index: 1;
  pointer-events: initial;
  cursor: pointer;
  overflow: hidden;
  animation: moveDownBg 2.2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.idx_header_about .down_btn .svg a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.idx_header_about .down_btn .svg svg {
  width: 16px;
  position: relative;
  z-index: 5;
  transition: transform 2.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: moveDown 2.2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.idx_header_about .down_btn .svg svg path {
  fill: #282728;
}
.idx_header_about .down_btn .svg::after {
  content: '';
  width: 120%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: #f35422;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.idx_header_about .down_btn .svg:hover::after {
  top: 0;
}
@media (max-width:1440px) {
  .idx_header_about .down_btn .svg {
    height: 100px;
    padding: 8px 5px;
  }
  .idx_header_about .down_btn .svg svg {
    width: 12px;
  }
}
@keyframes moveDown {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2.5rem);
  }
}
@keyframes moveDownBg {
  0%,
  to {
    height: 108px;
  }
  60% {
    height: 120px;
  }
  80% {
    height: 108px;
  }
}
/* 介绍视频 */
.idx_video {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  /* &::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #000; opacity: .1; } */
}
.idx_video .content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.idx_video .content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 视频占位符 */
.video_nbsp {
  width: 100%;
  height: 100vh;
}
/* 关于我们 */
.idx_about {
  width: 100%;
  height: auto;
  background: #fff;
}
.idx_about .about_box {
  width: 100%;
  height: auto;
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(70px, 7.291666666666667vw, 140px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_about .about_box .headtitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.idx_about .about_box .about_info {
  width: auto;
  max-width: 44.5%;
  height: auto;
  margin-left: clamp(40px, 4.166666666666666vw, 80px);
}
.idx_about .about_box .about_info .details {
  margin: clamp(25px, 2.604166666666667vw, 50px) 0 clamp(30px, 3.125vw, 60px);
  font-size: 24px;
  line-height: 1.33;
  color: #7b7b7b;
  white-space: nowrap;
}
@media (max-width:1600px) {
  .idx_about .about_box .about_info .details {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .idx_about .about_box .about_info .details {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .idx_about .about_box .about_info .details {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .idx_about .about_box .about_info .details {
    font-size: 16px;
  }
}
.idx_about .about_box .about_info .details p {
  margin: 0;
}
@media (max-width:1440px) {
  .idx_about .about_box .about_info .idx_more a .word span {
    min-width: 200px;
  }
}
@media (max-width:1280px) {
  .idx_about .about_box .about_info .idx_more a .word span {
    min-width: 180px;
  }
}
@media (max-width:1024px) {
  .idx_about .about_box .about_info .idx_more a .word span {
    min-width: 160px;
  }
}
/* 我们在做什么 */
.idx_business {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 4;
  background: #f35422;
  overflow: hidden;
}
.idx_business .business_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(43px, 4.479166666666667vw, 86px);
}
.idx_business .business_box .business_hot {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.idx_business .business_box .business_hot .hot_details {
  width: auto;
  height: auto;
  margin-left: clamp(30px, 3.125vw, 60px);
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  mask: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
}
@media (max-width:1440px) {
  .idx_business .business_box .business_hot .hot_details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .idx_business .business_box .business_hot .hot_details {
    font-size: 13px;
  }
}
.idx_business .business_box .business_hot .hot_details p {
  margin: 0;
}
.idx_business .business_title {
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  font-size: 140px;
}
@media (max-width:1600px) {
  .idx_business .business_title {
    font-size: 130px;
  }
}
@media (max-width:1560px) {
  .idx_business .business_title {
    font-size: 120px;
  }
}
@media (max-width:1440px) {
  .idx_business .business_title {
    font-size: 110px;
  }
}
@media (max-width:1366px) {
  .idx_business .business_title {
    font-size: 100px;
  }
}
@media (max-width:1200px) {
  .idx_business .business_title {
    font-size: 90px;
  }
}
@media (max-width:1024px) {
  .idx_business .business_title {
    font-size: 80px;
  }
}
@media (max-width:768px) {
  .idx_business .business_title {
    font-size: 54px;
  }
}
@media (max-width:480px) {
  .idx_business .business_title {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .idx_business .business_title {
    font-size: 30px;
  }
}
.idx_business .business_title .title {
  width: auto;
  height: auto;
}
.idx_business .business_title .title .word {
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.idx_business .business_title .title.first_title {
  color: transparent;
  -webkit-text-stroke: 1px #282728;
  text-stroke: 1px #282728;
  left: 0;
  top: -100%;
  --offsetValue: 10, 0;
  --offsetUnit: vw;
}
.idx_business .business_title .title.last_title {
  right: 0;
  bottom: -14px;
  color: #fff;
  --offsetValue: -10, 0;
  --offsetUnit: vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.idx_business .business_title .title.last_title img {
  width: .457em;
  transform: translate(-140%, -50%);
  position: absolute;
  left: 0;
  top: 50%;
}
.idx_business .business_list {
  width: 100%;
  height: auto;
  margin-top: clamp(60px, 6.25vw, 120px);
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
}
.idx_business .business_list .item {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.idx_business .business_list .item:first-child ~ .item::before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  opacity: .2;
}
.idx_business .business_list .item .mask {
  width: 100%;
  height: 110%;
  position: absolute;
  top: -10%;
  left: 0;
  z-index: 1;
  background: #fff;
  display: none;
}
.idx_business .business_list .item a {
  padding: 30px 30px 40px;
  display: block;
  position: relative;
  z-index: 5;
}
.idx_business .business_list .item .title {
  font-size: 30px;
  line-height: 1;
  color: #fff;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width:1600px) {
  .idx_business .business_list .item .title {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .idx_business .business_list .item .title {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .idx_business .business_list .item .title {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .idx_business .business_list .item .title {
    font-size: 18px;
  }
}
.idx_business .business_list .item .icon_more {
  width: 32px;
  height: 32px;
  margin: clamp(50px, 5.208333333333334vw, 100px) 0 clamp(47.5px, 4.947916666666666vw, 95px);
}
.idx_business .business_list .item .icon_more .more {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #282728;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow: hidden;
}
.idx_business .business_list .item .icon_more .more svg {
  width: 50%;
}
.idx_business .business_list .item .details {
  width: 100%;
  height: -webkit-calc(5em * 1.57);
  height: calc(5em * 1.57);
  font-size: 14px;
  line-height: 1.57;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  transform: translateY(10px);
  opacity: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_business .business_list .item.active::after {
  left: 100%;
}
.idx_business .business_list .item:hover .title {
  color: #282728;
}
.idx_business .business_list .item:hover .icon_more .more {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.idx_business .business_list .item:hover .details {
  transform: translate(0);
  opacity: 1;
  transition-delay: .15s;
}
@media (max-width:1600px) {
  .idx_business .business_list .item .icon_more {
    width: 30px;
    height: 30px;
  }
}
@media (max-width:1440px) {
  .idx_business .business_list .item a {
    padding: 20px 20px 30px;
  }
  .idx_business .business_list .item .icon_more {
    width: 28px;
    height: 28px;
  }
}
@media (max-width:1366px) {
  .idx_business .business_list .item .icon_more {
    width: 26px;
    height: 26px;
  }
}
@media (max-width:1280px) {
  .idx_business .business_list .item .icon_more {
    width: 24px;
    height: 24px;
  }
}
@media (max-width:1024px) {
  .idx_business .business_list .item a {
    padding: 15px 15px 25px;
  }
}
.idx_business .canvas_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.idx_business .canvas_box .canvas {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_business .canvas_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 案例 */
.idx_case {
  width: 100%;
  height: auto;
  background: #FFF;
  position: relative;
  z-index: 5;
}
.idx_case .case_box {
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin: 0 auto;
  padding: 0 10px;
  padding-top: clamp(70px, 7.291666666666667vw, 140px);
  padding-bottom: clamp(93px, 9.6875vw, 186px);
}
.idx_case .case_box .idx_title {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e2;
}
.idx_case .case_box .case_main {
  width: 100%;
  height: auto;
  margin-top: clamp(35px, 3.6458333333333335vw, 70px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 70px 10px;
}
.idx_case .case_box .case_main .item {
  width: 100%;
  height: auto;
  border-top: 1px solid #e3e3e2;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_case .case_box .case_main .item .info_box {
  width: 100%;
  height: auto;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.idx_case .case_box .case_main .item .info_box .icon_active {
  width: 20px;
  height: 20px;
}
.idx_case .case_box .case_main .item .info_box .info {
  width: 100%;
  height: auto;
  flex: 1;
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.idx_case .case_box .case_main .item .info_box .info .title_box {
  width: 100%;
  height: auto;
}
.idx_case .case_box .case_main .item .info_box .info .title_box .title {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #282728;
}
@media (max-width:1440px) {
  .idx_case .case_box .case_main .item .info_box .info .title_box .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .idx_case .case_box .case_main .item .info_box .info .title_box .title {
    font-size: 13px;
  }
}
.idx_case .case_box .case_main .item .info_box .info .title_box .classify {
  width: 100%;
  height: auto;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #282728;
  line-height: 1;
}
@media (max-width:1440px) {
  .idx_case .case_box .case_main .item .info_box .info .title_box .classify {
    font-size: 13px;
  }
}
@media (max-width:1280px) {
  .idx_case .case_box .case_main .item .info_box .info .title_box .classify {
    font-size: 12px;
  }
}
.idx_case .case_box .case_main .item .info_box .info .menu {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 10px 10px;
}
.idx_case .case_box .case_main .item .info_box .info .menu span {
  width: auto;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 10px;
  background: #FFF;
  border: 1px solid #e3e3e2;
  font-size: 12px;
  color: #282728;
  white-space: nowrap;
}
.idx_case .case_box .case_main .item .images {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  --top: -250px;
  --left: -250px;
}
.idx_case .case_box .case_main .item .images .more {
  width: 144px;
  height: 136px;
  position: absolute;
  top: var(--top);
  left: var(--left);
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.idx_case .case_box .case_main .item .images .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_case .case_box .case_main .item .images .img .pb {
  padding-bottom: 57.14285714285714%;
}
.idx_case .case_box .case_main .item .images .img .ab {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_case .case_box .case_main .item .images .img img,
.idx_case .case_box .case_main .item .images .img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_case .case_box .case_main .item:hover .info_box .info .menu_box .icon {
  border-color: #FFF;
  background: #FFF;
  --c: #f35422;
}
.idx_case .case_box .case_main .item .images:hover .more {
  opacity: 1;
}
.idx_case .case_box .case_main .item.active {
  grid-column: span 2;
}
.idx_case .case_box .case_main .item.active .images .img .pb {
  padding-bottom: 34.73684210526316%;
}
.idx_case .case_box .case_main + .case_title {
  margin-top: clamp(35px, 3.6458333333333335vw, 70px);
}
.idx_case .case_box .case_title {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_case .case_box .case_title::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #f2f2f2;
}
.idx_case .case_box .case_title .icon_active {
  width: 20px;
  height: 20px;
}
.idx_case .case_box .case_title .title {
  margin-left: 10px;
  font-size: 16px;
  color: #282728;
  line-height: 1;
}
@media (max-width:1440px) {
  .idx_case .case_box .case_title .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .idx_case .case_box .case_title .title {
    font-size: 13px;
  }
}
.idx_case .case_box .case_menu {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.idx_case .case_box .case_menu .hover_box {
  width: 28.42105263157895%;
  max-width: 560px;
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.idx_case .case_box .case_menu .hover_box .pb {
  padding-bottom: 59.25925925925926%;
}
.idx_case .case_box .case_menu .hover_box img,
.idx_case .case_box .case_menu .hover_box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_case .case_box .case_menu .hover_box .one {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}
.idx_case .case_box .case_menu .menu_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.idx_case .case_box .case_menu .item {
  width: 100%;
  height: auto;
  padding: 20px 0;
  border-bottom: 1px solid #F2F2F2;
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_case .case_box .case_menu .item a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.idx_case .case_box .case_menu .item .idx_more {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  transform: translate(-100%, -50%);
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.idx_case .case_box .case_menu .item .idx_more .more,
.idx_case .case_box .case_menu .item .idx_more a {
  font-size: 38px;
}
.idx_case .case_box .case_menu .item .idx_more .more .word,
.idx_case .case_box .case_menu .item .idx_more a .word {
  background: transparent;
}
.idx_case .case_box .case_menu .item .idx_more .more .word span,
.idx_case .case_box .case_menu .item .idx_more a .word span {
  min-width: 92px;
  background: #EBEBEB;
  font-size: 14px;
  color: #282728;
}
@media (max-width:1440px) {
  .idx_case .case_box .case_menu .item .idx_more .more .word span,
  .idx_case .case_box .case_menu .item .idx_more a .word span {
    font-size: 13px;
  }
}
@media (max-width:1280px) {
  .idx_case .case_box .case_menu .item .idx_more .more .word span,
  .idx_case .case_box .case_menu .item .idx_more a .word span {
    font-size: 12px;
  }
}
.idx_case .case_box .case_menu .item .idx_more .more .arrow,
.idx_case .case_box .case_menu .item .idx_more a .arrow {
  background: #f35422;
}
.idx_case .case_box .case_menu .item .idx_more .more .arrow svg path,
.idx_case .case_box .case_menu .item .idx_more a .arrow svg path {
  fill: #FFF;
}
.idx_case .case_box .case_menu .item .title {
  line-height: 1;
  font-size: 42px;
  font-weight: 300;
  color: #282728;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width:1600px) {
  .idx_case .case_box .case_menu .item .title {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .idx_case .case_box .case_menu .item .title {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .idx_case .case_box .case_menu .item .title {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .idx_case .case_box .case_menu .item .title {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .idx_case .case_box .case_menu .item .title {
    font-size: 24px;
  }
}
.idx_case .case_box .case_menu .item .menu {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 10px 10px;
}
.idx_case .case_box .case_menu .item .menu span {
  width: auto;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 10px;
  background: #FFF;
  border: 1px solid #e3e3e2;
  font-size: 12px;
  color: #282728;
  white-space: nowrap;
}
.idx_case .case_box .case_menu .item .images {
  width: 28.42105263157895%;
  height: auto;
  position: absolute;
  top: var(--top);
  left: var(--left);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.05s linear;
  -o-transition: all 0.05s linear;
  transition: all 0.05s linear;
  transition-duration: linear;
  overflow: hidden;
}
.idx_case .case_box .case_menu .item .images .pb {
  padding-bottom: 59.25925925925926%;
}
.idx_case .case_box .case_menu .item.side .title {
  opacity: .4;
}
.idx_case .case_box .case_menu .item.active {
  z-index: 5;
}
.idx_case .case_box .case_menu .item.active .idx_more {
  transform: translate(0, -50%);
  opacity: 1;
}
.idx_case .case_box .case_menu .item.active .title {
  text-indent: 150px;
}
@media (max-width:1470px) {
  .idx_case .case_box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* 优势 */
.idx_good {
  width: 100%;
  height: auto;
  background: #191b1d url('../images/good_bg.png') no-repeat right top / 100% auto;
  overflow: hidden;
}
.idx_good .good_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(80px, 8.333333333333332vw, 160px);
}
.idx_good .good_box .idx_title {
  position: relative;
  z-index: 5;
}
.idx_good .good_box .idx_title .title .word.first {
  color: #fff;
  opacity: .2;
}
.idx_good .good_box .idx_title .title .word.last {
  color: #fff;
}
.idx_good .good_box .good_active {
  width: 100%;
  height: 1px;
  margin: clamp(90px, 9.375vw, 180px) 0 clamp(110px, 11.458333333333332vw, 220px);
  position: relative;
  z-index: 1;
}
.idx_good .good_box .good_active .item {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  font-size: 100px;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
  transition-timing-function: ease-out;
}
@media (max-width:1600px) {
  .idx_good .good_box .good_active .item {
    font-size: 90px;
  }
}
@media (max-width:1440px) {
  .idx_good .good_box .good_active .item {
    font-size: 80px;
  }
}
@media (max-width:1366px) {
  .idx_good .good_box .good_active .item {
    font-size: 70px;
  }
}
@media (max-width:1280px) {
  .idx_good .good_box .good_active .item {
    font-size: 60px;
  }
}
@media (max-width:1024px) {
  .idx_good .good_box .good_active .item {
    font-size: 50px;
  }
}
.idx_good .good_box .good_active .item_1 {
  width: .52em;
  height: .52em;
  background: #333131;
  left: 12%;
  transition-delay: .5s;
}
.idx_good .good_box .good_active .item_1.active {
  width: .7em;
  height: .7em;
  left: 8%;
}
.idx_good .good_box .good_active .item_2 {
  width: 1.6em;
  height: 1.6em;
  background: #f35422;
  left: 20%;
  transition-delay: .5s;
  transition-delay: 1s;
}
.idx_good .good_box .good_active .item_2.active {
  left: 8%;
  margin-left: .7em;
}
.idx_good .good_box .good_active .item_3 {
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #333131;
  left: 12%;
  margin-left: .52em;
  z-index: 5;
}
.idx_good .good_box .good_active .item_3.active {
  left: 20%;
  margin-left: 1.6em;
}
.idx_good .good_box .good_active .item_4 {
  width: 1.6em;
  height: 1.6em;
  border: 1px solid #333131;
  right: 48%;
  transition-delay: 1s;
}
.idx_good .good_box .good_active .item_4.active {
  width: 3.2em;
  height: 3.2em;
  right: 8%;
  margin-right: .4em;
}
.idx_good .good_box .good_active .item_5 {
  width: 2em;
  height: 2em;
  border: 1px solid #f35422;
  right: 25%;
  transition-delay: .5s;
}
.idx_good .good_box .good_active .item_5.active {
  width: 2.6em;
  height: 2.6em;
  right: 48%;
}
.idx_good .good_box .good_active .item_6 {
  width: 4em;
  height: 4em;
  border: 1px solid #282728;
  right: 8%;
  transition-delay: 1.8s;
}
.idx_good .good_box .good_active .item_6.active {
  width: 4.5em;
  height: 4.5em;
  right: 18%;
}
.idx_good .good_box .good_active .item_7 {
  width: .52em;
  height: .52em;
  border: 1px solid #f35422;
  right: 15%;
  transition-delay: 1.8s;
}
.idx_good .good_box .good_active .item_7.active {
  width: .8em;
  height: .8em;
  right: 25%;
}
.idx_good .good_box .good_active .item_8 {
  width: .52em;
  height: .52em;
  background: #f35422;
  right: 8%;
  transform: translate(50%, -50%);
  transition-delay: 1.2s;
}
.idx_good .good_box .good_active .item_8.active {
  margin-right: 0.4em;
}
.idx_good .good_box .good_active .line {
  width: 100vw;
  height: 100%;
  position: relative;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  background: #333131;
}
.idx_good .good_box .good_number {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_good .good_box .good_number .item {
  width: auto;
  height: auto;
}
.idx_good .good_box .good_number .item .number {
  height: 1em;
  font-size: 38px;
  line-height: 1;
}
.idx_good .good_box .good_number .item .number img {
  vertical-align: top;
}
@media (max-width:1600px) {
  .idx_good .good_box .good_number .item .number {
    font-size: 34px;
  }
}
@media (max-width:1440px) {
  .idx_good .good_box .good_number .item .number {
    font-size: 30px;
  }
}
@media (max-width:1280px) {
  .idx_good .good_box .good_number .item .number {
    font-size: 26px;
  }
}
@media (max-width:1024px) {
  .idx_good .good_box .good_number .item .number {
    font-size: 22px;
  }
}
.idx_good .good_box .good_number .item .title {
  margin-top: 1.2em;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
  opacity: .6;
}
@media (max-width:1600px) {
  .idx_good .good_box .good_number .item .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .idx_good .good_box .good_number .item .title {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .idx_good .good_box .good_number .item .title {
    font-size: 14px;
  }
}
/* 新闻 */
.idx_news {
  width: 100%;
  height: auto;
  background: #191b1d;
  overflow: hidden;
}
.idx_news .news_box {
  width: 100%;
  height: auto;
  padding-top: clamp(50px, 5.208333333333334vw, 100px);
  padding-bottom: clamp(50px, 5.208333333333334vw, 100px);
}
.idx_news .news_box .idx_title .title .word.first {
  color: #fff;
  opacity: .2;
}
.idx_news .news_box .idx_title .title .word.last {
  color: #fff;
}
.idx_news .news_box .news_list {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.idx_news .news_box .news_list .item {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.idx_news .news_box .news_list .item .one {
  width: 100%;
  height: auto;
  position: relative;
}
.idx_news .news_box .news_list .item .center {
  width: 100%;
  height: 285px;
}
.idx_news .news_box .news_list .item .center a {
  width: 100%;
  height: 100%;
  padding-top: clamp(30px, 3.125vw, 60px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_news .news_box .news_list .item .center .first {
  width: auto;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_news .news_box .news_list .item .center .first .time,
.idx_news .news_box .news_list .item .center .first .classify {
  font-size: 14px;
  color: #fff;
}
.idx_news .news_box .news_list .item .center .headtitle {
  width: 35%;
  font-size: 30px;
  color: #fff;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .idx_news .news_box .news_list .item .center .headtitle {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .idx_news .news_box .news_list .item .center .headtitle {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .idx_news .news_box .news_list .item .center .headtitle {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .idx_news .news_box .news_list .item .center .headtitle {
    font-size: 18px;
  }
}
.idx_news .news_box .news_list .item .center .info {
  width: 27%;
  height: auto;
}
.idx_news .news_box .news_list .item .center .info .icon {
  font-family: 'Montserrat';
  font-size: 36px;
  line-height: 1;
  color: #fff;
  opacity: .6;
}
@media (max-width:1600px) {
  .idx_news .news_box .news_list .item .center .info .icon {
    font-size: 32px;
  }
}
@media (max-width:1366px) {
  .idx_news .news_box .news_list .item .center .info .icon {
    font-size: 28px;
  }
}
@media (max-width:1024px) {
  .idx_news .news_box .news_list .item .center .info .icon {
    font-size: 24px;
  }
}
@media (max-width:768px) {
  .idx_news .news_box .news_list .item .center .info .icon {
    font-size: 20px;
  }
}
.idx_news .news_box .news_list .item .center .info .details {
  font-size: 16px;
  font-weight: 100;
  color: #fff;
  line-height: 1.5;
  opacity: .4;
}
@media (max-width:1440px) {
  .idx_news .news_box .news_list .item .center .info .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .idx_news .news_box .news_list .item .center .info .details {
    font-size: 13px;
  }
}
.idx_news .news_box .news_list .item .center .info .idx_more {
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.idx_news .news_box .news_list .item .center .info .idx_more .more,
.idx_news .news_box .news_list .item .center .info .idx_more a {
  font-size: 38px;
}
.idx_news .news_box .news_list .item .center .info .idx_more .more .word span,
.idx_news .news_box .news_list .item .center .info .idx_more a .word span {
  font-size: 12px;
}
.idx_news .news_box .news_list .item .center .info .idx_more .more .arrow.arrow_first,
.idx_news .news_box .news_list .item .center .info .idx_more a .arrow.arrow_first {
  left: 10px;
  background: #f35422;
}
.idx_news .news_box .news_list .item .center .info .idx_more .more .arrow.arrow_first svg path,
.idx_news .news_box .news_list .item .center .info .idx_more a .arrow.arrow_first svg path {
  fill: #282728;
}
@media (max-width:1470px) {
  .idx_news .news_box .news_list .item .center {
    height: 240px;
  }
}
.idx_news .news_box .news_list .item .images {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 1;
}
.idx_news .news_box .news_list .item .images .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.idx_news .news_box .news_list .item .images a {
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_news .news_box .news_list .item .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.idx_news .news_box .news_list .item:first-child ~ .item::after {
  content: '';
  width: 100vw;
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  background: #282728;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_news .news_box .news_list .item:hover {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.idx_news .news_box .news_list .item:hover .first,
.idx_news .news_box .news_list .item:hover .headtitle {
  transform: translateX(20px);
}
.idx_news .news_box .news_list .item:hover .center .headtitle {
  opacity: .6;
}
.idx_news .news_box .news_list .item:hover .center .info .idx_more .more .word {
  transform: translateX(1em);
  background: #f35422;
  color: #282728;
}
.idx_news .news_box .news_list .item:hover .center .info .idx_more .more .arrow.arrow_first {
  left: 0;
  animation: arrowMoveR 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.idx_news .news_box .news_list .item:hover .center .info .idx_more .more .arrow.arrow_last {
  transform: scale(0.5) translateX(-100%);
}
.idx_news .news_box .news_list .item:hover + .item::after,
.idx_news .news_box .news_list .item:hover::after {
  opacity: 0;
}
/* 底部 */
.footer_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: clamp(70px, 7.291666666666667vw, 140px);
  padding-bottom: 30px;
  background: #c4c4c4;
  overflow: hidden;
}
.footer_box .footer_head {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer_box .footer_head .info {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.footer_box .footer_head .info .idx_title .title .word {
  font-weight: bold;
}
.footer_box .footer_head .info .idx_title .title .word.last {
  color: #fff;
}
.footer_box .footer_head .info .idx_more {
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.footer_box .footer_head .info .idx_more .word,
.footer_box .footer_head .info .idx_more .arrow {
  background: #fff;
}
.footer_box .footer_head .info .idx_more .arrow_first {
  background: none;
  left: 0;
}
.footer_box .footer_head .info .idx_more .arrow_first .icon_active {
  width: 80%;
  height: 80%;
  background: #fff;
  transform: rotate(-90deg) scale(0);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.footer_box .footer_head .info .idx_more .arrow_last .icon_active {
  width: 50%;
  height: 50%;
  background: #c4c4c4;
}
.footer_box .footer_head .info .idx_more:hover .arrow_first .icon_active {
  transform: rotate(0) scale(1);
}
.footer_box .footer_head .links {
  width: auto;
  height: 0;
}
.footer_box .footer_head .links .item {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.footer_box .footer_head .links .item:first-child ~ .item {
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.footer_box .footer_head .links .item a {
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.footer_box .footer_head .links .item a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #7B7B7B;
  transform: translateY(100%);
  border-radius: 50%;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.footer_box .footer_head .links .item a.weibo {
  -webkit-mask: url('../svg/icon_weibo.svg') no-repeat center / cover;
  -moz-mask: url('../svg/icon_weibo.svg') no-repeat center / cover;
  mask: url('../svg/icon_weibo.svg') no-repeat center / cover;
}
.footer_box .footer_head .links .item a.weixin {
  -webkit-mask: url('../svg/icon_weixin.svg') no-repeat center / cover;
  -moz-mask: url('../svg/icon_weixin.svg') no-repeat center / cover;
  mask: url('../svg/icon_weixin.svg') no-repeat center / cover;
}
.footer_box .footer_head .links .item:hover a::after {
  transform: translateY(0);
}
.footer_box .footer_body {
  width: 100%;
  height: auto;
  margin-top: clamp(100px, 10.416666666666668vw, 200px);
  padding-bottom: 80px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.footer_box .footer_body .logo {
  width: 12%;
  max-width: 180px;
}
.footer_box .footer_body .nav {
  width: auto;
  flex: 1;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footer_box .footer_body .nav .item {
  width: 20%;
  height: auto;
  padding-left: clamp(20px, 2.083333333333333vw, 40px);
  padding-right: clamp(40px, 4.166666666666666vw, 80px);
  position: relative;
}
.footer_box .footer_body .nav .item .title a {
  font-size: 16px;
  line-height: 1;
  color: #282728;
}
.footer_box .footer_body .nav .item .menu {
  width: 100%;
  height: auto;
  margin-top: 30px;
}
.footer_box .footer_body .nav .item .menu .one {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.footer_box .footer_body .nav .item .menu .one a {
  font-size: 14px;
  font-weight: 100;
  color: #282728;
  white-space: nowrap;
}
.footer_box .footer_body .nav .item .menu .one:first-child ~ .one {
  margin-top: 15px;
}
.footer_box .footer_body .nav .item .menu .one:hover {
  transform: translateX(10px);
}
.footer_box .footer_body .nav .item.active::after {
  content: '';
  width: 1px;
  height: 100%;
  padding: 200px 0 0;
  position: absolute;
  bottom: -80px;
  right: 0;
  z-index: 1;
  background: linear-gradient(transparent, #282728 150%);
  opacity: .4;
  box-sizing: content-box;
}
.footer_box .footer_body .slogan_icon {
  transform: translateY(60%);
}
.footer_box .footer_body .slogan_icon .icon_active_run svg path {
  fill: #f35422;
}
.footer_box .footer_body::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to right, transparent, #282728, transparent);
  opacity: .4;
}
@media (max-width:1440px) {
  .footer_box .footer_body {
    padding-bottom: 60px;
  }
  .footer_box .footer_body .nav .item.active::after {
    padding: 150px 0 0;
    bottom: -60px;
  }
}
@media (max-width:1024px) {
  .footer_box .footer_body {
    padding-bottom: 40px;
  }
  .footer_box .footer_body .nav .item.active::after {
    padding: 120px 0 0;
    bottom: -40px;
  }
}
.footer_box .footer_copy {
  width: 100%;
  height: auto;
  padding: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footer_box .footer_copy .copy {
  font-size: 14px;
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.footer_box .footer_copy .copy a {
  color: #282728;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.footer_box .footer_copy .copy a:hover {
  color: #FFF;
}
.footer_box .footer_copy .links {
  width: auto;
  height: 38px;
  margin-left: 20px;
  position: relative;
  z-index: 2;
}
.footer_box .footer_copy .links .menu_box {
  width: 140px;
  height: auto;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: -10px;
  opacity: 0;
  visibility: hidden;
}
.footer_box .footer_copy .links .menu_box .menu {
  width: 100%;
  height: auto;
  max-height: 150px;
  padding: 10px 0;
  background: #282728;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);
}
.footer_box .footer_copy .links .menu_box .menu .one {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footer_box .footer_copy .links .menu_box .menu .one a {
  width: 100%;
  height: auto;
  padding: 8px 15px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.footer_box .footer_copy .links .menu_box .menu .one a:hover {
  color: #f35422;
}
.footer_box .footer_copy .links .menu_box::after {
  content: '';
  width: 0;
  height: 0;
  margin-left: 20px;
  display: block;
  border: 7px solid transparent;
  border-top: 7px solid #282728;
}
.footer_box .footer_copy .links .more {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border-radius: 50px;
  border: 1px solid #282728;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.footer_box .footer_copy .links .more .title {
  font-size: 14px;
  line-height: 1;
  color: #282728;
}
.footer_box .footer_copy .links .more .icon {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 10px;
}
.footer_box .footer_copy .links:hover .menu_box {
  margin-bottom: 0;
  opacity: 1;
  visibility: initial;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.footer_box .footer_copy .links:hover .more {
  background: #282728;
}
.footer_box .footer_copy .links:hover .more .title {
  color: #fff;
}
.footer_box .footer_copy .links:hover .more .icon svg path {
  fill: #fff;
}
.footer_box .blur_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-50%);
  font-size: 0;
}
.footer_box .blur_bg .img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 30%;
  text-align: center;
  --offsetValue: 0, -10;
  --offsetUnit: %;
}
/* ---------- 首页结束 ----------  */
/* ---------- 内页开始 ----------  */
/* ----- 关于 ----- */
.inside_about {
  width: 100%;
  height: auto;
  background: #282728;
  overflow: hidden;
  /* 品牌故事 */
  /* 我们不断提供 全方位创意服务让你的品牌 脱颖而出。 */
  /* 图片展示 */
  /* 成长路上 启迪每一颗心 */
  /* 我们的作品 */
  /* 我们的服务 */
}
.inside_about .inside_center {
  position: relative;
  z-index: 5;
}
.inside_about .header_nbsp {
  z-index: 1;
  height: 100px;
}
.inside_about .header_nbsp::after {
  content: '';
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #F4F4F4;
}
.inside_about .about_1 {
  width: 100%;
  height: auto;
  margin-top: clamp(78px, 8.125vw, 156px);
  position: relative;
  z-index: 5;
  background: #f4f4f4;
  overflow: hidden;
}
.inside_about .about_1 .about_box {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
}
.inside_about .about_1 .about_box .inside_center {
  width: 100%;
  height: 100%;
}
.inside_about .about_1 .about_box .about_main {
  width: 100%;
  height: 100%;
  position: relative;
}
.inside_about .about_1 .about_box .about_main .about_content {
  width: 100%;
  height: auto;
  margin-top: clamp(78px, 8.125vw, 156px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: min(6.77vw, 130px);
}
.inside_about .about_1 .about_box .about_main .about_content .classify {
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
.inside_about .about_1 .about_box .about_main .about_content .content {
  flex: 1;
}
.inside_about .about_1 .about_box .about_main .about_content .content .details {
  font-size: 20px;
  font-weight: 400;
  color: #7b7b7b;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_about .about_1 .about_box .about_main .about_content .content .details {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_1 .about_box .about_main .about_content .content .details {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_1 .about_box .about_main .about_content .content .details {
    font-size: 15px;
  }
}
.inside_about .about_1 .about_box .about_main .about_content .content .details p {
  margin: 0;
}
.inside_about .about_1 .about_box .about_main .about_content .content .details > *:first-child ~ * {
  margin-top: 8px;
}
.inside_about .about_1 .about_box .about_main .about_content .content .details:first-child ~ .details {
  margin-top: min(4vw, 80px);
}
.inside_about .about_1 .about_box .about_main .icon_first {
  width: 80px;
  height: 80px;
  background: #f35422;
  position: absolute;
  left: 75%;
  top: 25%;
  transform: translateY(-50%);
}
.inside_about .about_1 .bgimg {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translateX(-50%);
  font-size: 0;
  pointer-events: none;
}
.inside_about .about_1 .bgimg .img {
  width: auto;
  height: 100%;
  position: relative;
  left: 15%;
  --offsetValue: -10, 0;
  --offsetUnit: %;
}
.inside_about .about_1 .bgimg .slogan_icon {
  width: 15.68627450980392%;
  height: 50%;
  max-height: 298.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.inside_about .about_1 .bgimg .slogan_icon .icon_active_run {
  width: 25%;
  height: auto;
}
.inside_about .about_1 .bgimg .slogan_icon .icon_active_run svg path {
  fill: #f35422;
}
.inside_about .about_1 .bgimg .c_img {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.inside_about .about_2 {
  width: 100%;
  height: auto;
  padding-top: 40px;
  background: #F4F4F4;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_about .about_2 .about_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inside_about .about_2 .about_box .inside_center {
  height: 100%;
}
.inside_about .about_2 .about_box .about_main {
  width: 100%;
  height: 100%;
}
.inside_about .about_2 .about_box .about_header {
  width: 100%;
  height: auto;
}
.inside_about .about_2 .about_box .about_header .idx_title {
  width: 100%;
  height: auto;
  margin: clamp(30px, 3.125vw, 60px) 0 clamp(20px, 2.083333333333333vw, 40px);
}
.inside_about .about_2 .about_box .about_content {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: clamp(35px, 3.6458333333333335vw, 70px);
  padding-bottom: clamp(35px, 3.6458333333333335vw, 70px);
}
.inside_about .about_2 .about_box .about_content::before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282728;
  opacity: .1;
}
.inside_about .about_2 .about_box .about_content .content_box {
  width: 100%;
  height: auto;
  position: relative;
}
.inside_about .about_2 .about_box .about_content .content_box .about_tab {
  width: 15%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.inside_about .about_2 .about_box .about_content .content_box .about_tab .one {
  font-size: 20px;
  font-weight: bold;
  color: #c6c6c6;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1440px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_tab .one {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_tab .one {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_tab .one {
    font-size: 15px;
  }
}
.inside_about .about_2 .about_box .about_content .content_box .about_tab .one:first-child ~ .one {
  margin-top: 1.4em;
}
.inside_about .about_2 .about_box .about_content .content_box .about_tab .active {
  color: #282728;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle {
  width: 33.97435897%;
  height: auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  overflow: hidden;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .one {
  position: absolute;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #c6c6c6;
  border-radius: 50%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="1"] .one_2 {
  width: 85.3%;
  height: 85.3%;
  transform: translate3d(0%, 8%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="1"] .one_3 {
  width: 71%;
  height: 71%;
  transform: translate3d(0%, 20%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="1"] .one_4 {
  width: 56.8%;
  height: 56.8%;
  transform: translate3d(0%, 38%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="1"] .one_5 {
  width: 42.6%;
  height: 42.6%;
  transform: translate3d(0%, 67%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="1"] .one_6 {
  width: 28.4%;
  height: 28.4%;
  transform: translate3d(0%, 126%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="1"] .one_7 {
  width: 14.2%;
  height: 14.2%;
  transform: translate3d(0%, 300%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="2"] .one_2 {
  width: 85.3%;
  height: 85.3%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="2"] .one_3 {
  width: 71%;
  height: 71%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="2"] .one_4 {
  width: 56.8%;
  height: 56.8%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="2"] .one_5 {
  width: 42.6%;
  height: 42.6%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="2"] .one_6 {
  width: 28.4%;
  height: 28.4%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="2"] .one_7 {
  width: 14.2%;
  height: 14.2%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="3"] .one_2 {
  width: 0%;
  height: 0%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="3"] .one_3 {
  width: 0%;
  height: 0%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="3"] .one_4 {
  width: 56.8%;
  height: 56.8%;
  transform: translate3d(37%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="3"] .one_5 {
  width: 0%;
  height: 0%;
  transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="3"] .one_6 {
  width: 28.4%;
  height: 28.4%;
  transform: translate3d(-76%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="3"] .one_7 {
  width: 14.2%;
  height: 14.2%;
  transform: translate3d(-300%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="4"] .one_1 {
  width: 56.8%;
  height: 56.8%;
  transform: translate3d(30%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="4"] .one_2 {
  width: 56.8%;
  height: 56.8%;
  transform: translate3d(10%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="4"] .one_3 {
  width: 56.8%;
  height: 56.8%;
  transform: translate3d(-10%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="4"] .one_4 {
  width: 56.8%;
  height: 56.8%;
  transform: translate3d(-30%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="4"] .one_5 {
  width: 0%;
  height: 0%;
  transform: translate3d(0%, 67%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="4"] .one_6 {
  width: 0%;
  height: 0%;
  transform: translate3d(0%, 126%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
}
.inside_about .about_2 .about_box .about_content .content_box .about_circle .circle_box .circle_main[data-active="4"] .one_7 {
  width: 0%;
  height: 0%;
  transform: translate3d(0%, 300%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
}
.inside_about .about_2 .about_box .about_content .content_box .about_swiper {
  width: 28.84%;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box {
  width: 100%;
  height: auto;
}
.inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .title {
  width: 100%;
  height: auto;
  font-size: 30px;
  line-height: 1;
}
@media (max-width:1600px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .title {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .title {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .title {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .title {
    font-size: 18px;
  }
}
.inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .details {
  width: 100%;
  height: calc(3em * 1.75);
  margin-top: 20px;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (max-width:1440px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_about .about_2 .about_box .about_content .content_box .about_swiper .swiper_box .details {
    font-size: 13px;
  }
}
.inside_about .about_2 .about_box .about_content .content_box .about_swiper .inside_pager {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_about .about_2 .about_box .about_content::after {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  background: url('../images/about_bg.png') no-repeat bottom right;
}
@media (max-width:1440px) {
  .inside_about .about_2 .about_box .about_content .about_tab {
    width: 20%;
  }
  .inside_about .about_2 .about_box .about_content .about_circle {
    width: 20%;
    flex: 0 0 auto;
  }
  .inside_about .about_2 .about_box .about_content .about_swiper {
    width: 35%;
  }
}
.inside_about .about_2 .black_nbsp {
  width: 100%;
  height: auto;
}
.inside_about .about_2 .black_nbsp .black {
  width: 100%;
  height: 60vh;
}
.inside_about .about_2 .black_nbsp .black:first-child,
.inside_about .about_2 .black_nbsp .black:last-child {
  height: 100vh;
}
.inside_about .about_3 {
  width: 100%;
  height: 680px;
  max-height: 80vh;
  background: #282728;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_about .about_3 .center {
  width: 100%;
  height: 120%;
  font-size: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_about .about_3 .center img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  --offsetValue: 0, 20;
  --offsetUnit: %;
}
.inside_about .about_4 {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  margin-top: -1px;
  padding-top: clamp(90px, 9.375vw, 180px);
  padding-bottom: clamp(90px, 9.375vw, 180px);
  background: #282728;
  overflow: hidden;
}
.inside_about .about_4 .about_title {
  width: 100%;
  max-width: 1920px;
  height: auto;
}
.inside_about .about_4 .about_title .title {
  width: 100%;
  height: 1em;
  position: relative;
  font-size: 140px;
}
@media (max-width:1600px) {
  .inside_about .about_4 .about_title .title {
    font-size: 130px;
  }
}
@media (max-width:1560px) {
  .inside_about .about_4 .about_title .title {
    font-size: 120px;
  }
}
@media (max-width:1440px) {
  .inside_about .about_4 .about_title .title {
    font-size: 110px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_4 .about_title .title {
    font-size: 100px;
  }
}
@media (max-width:1200px) {
  .inside_about .about_4 .about_title .title {
    font-size: 90px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_4 .about_title .title {
    font-size: 80px;
  }
}
@media (max-width:768px) {
  .inside_about .about_4 .about_title .title {
    font-size: 54px;
  }
}
@media (max-width:480px) {
  .inside_about .about_4 .about_title .title {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .inside_about .about_4 .about_title .title {
    font-size: 30px;
  }
}
.inside_about .about_4 .about_title .title .word {
  position: absolute;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
}
.inside_about .about_4 .about_title .title.first_title {
  --offsetValue: 10, 0;
  --offsetUnit: vw;
}
.inside_about .about_4 .about_title .title.first_title .word {
  left: 0;
  top: 0;
}
.inside_about .about_4 .about_title .title.last_title {
  margin-top: 14px;
  --offsetValue: -10, 0;
  --offsetUnit: vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_about .about_4 .about_title .title.last_title .word {
  right: 0;
  bottom: 0;
}
.inside_about .about_4 .about_title .title.last_title img {
  width: .457em;
  transform: translate(-140%, -50%);
  position: absolute;
  left: 0;
  top: 50%;
}
.inside_about .about_4 .about_box {
  width: 100%;
  height: auto;
  margin-top: clamp(45px, 4.6875vw, 90px);
}
.inside_about .about_4 .about_box .about_menu {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: min(11.458vw, 220px);
}
.inside_about .about_4 .about_box .about_menu .item {
  width: 100%;
  height: auto;
  min-height: 1em;
  font-size: 160px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_about .about_4 .about_box .about_menu .item .title_box {
  width: 19.23%;
  height: auto;
  padding-top: 20px;
  color: #fff;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 20px;
  overflow: hidden;
}
.inside_about .about_4 .about_box .about_menu .item .title_box::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
}
.inside_about .about_4 .about_box .about_menu .item .title_box .number {
  font-size: 14px;
}
.inside_about .about_4 .about_box .about_menu .item .title_box .title {
  font-size: 30px;
  line-height: 1;
}
@media (max-width:1600px) {
  .inside_about .about_4 .about_box .about_menu .item .title_box .title {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_4 .about_box .about_menu .item .title_box .title {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_4 .about_box .about_menu .item .title_box .title {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_about .about_4 .about_box .about_menu .item .title_box .title {
    font-size: 18px;
  }
}
.inside_about .about_4 .about_box .about_menu .item .icon_box {
  width: 1em;
  height: 1em;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  opacity: .2;
}
.inside_about .about_4 .about_box .about_menu .item .icon_box .icon {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -moz-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% auto;
  -moz-mask-size: 100% auto;
  mask-size: 100% auto;
}
.inside_about .about_4 .about_box .about_menu .item:first-child .icon_box .icon {
  -webkit-mask-image: url('../svg/icon_about_1.svg');
  -moz-mask-image: url('../svg/icon_about_1.svg');
  mask-image: url('../svg/icon_about_1.svg');
}
.inside_about .about_4 .about_box .about_menu .item:nth-child(2) .icon_box .icon {
  -webkit-mask-image: url('../svg/icon_about_2.svg');
  -moz-mask-image: url('../svg/icon_about_2.svg');
  mask-image: url('../svg/icon_about_2.svg');
}
.inside_about .about_4 .about_box .about_menu .item:last-child .icon_box .icon {
  -webkit-mask-image: url('../svg/icon_about_3.svg');
  -moz-mask-image: url('../svg/icon_about_3.svg');
  mask-image: url('../svg/icon_about_3.svg');
}
.inside_about .about_4 .about_box .about_menu .item .details {
  width: 33%;
  font-size: 20px;
  color: #fff;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_about .about_4 .about_box .about_menu .item .details {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_4 .about_box .about_menu .item .details {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_4 .about_box .about_menu .item .details {
    font-size: 15px;
  }
}
.inside_about .about_4 .about_box .about_menu .item .details p {
  margin: 0;
  white-space: nowrap;
}
.inside_about .about_4 .about_box .about_menu .item .details p:first-child ~ p {
  margin-top: .5em;
}
@media (max-width:1440px) {
  .inside_about .about_4 .about_box .about_menu .item {
    font-size: 140px;
  }
}
@media (max-width:1280px) {
  .inside_about .about_4 .about_box .about_menu .item {
    font-size: 120px;
  }
  .inside_about .about_4 .about_box .about_menu .item .icon_box {
    left: 45%;
  }
  .inside_about .about_4 .about_box .about_menu .item .details {
    width: 40%;
  }
}
@media (max-width:1024px) {
  .inside_about .about_4 .about_box .about_menu .item {
    font-size: 100px;
  }
}
.inside_about .about_5 {
  width: 100%;
  height: auto;
  background: #282728;
  overflow: hidden;
}
.inside_about .about_5 .classify {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.inside_about .about_5 .idx_title {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_about .about_5 .idx_title .title .word {
  color: #9c9c9c;
}
.inside_about .about_5 .idx_title .title .word.last {
  color: #fff;
}
.inside_about .about_5 .about_box {
  width: 100%;
  height: auto;
  padding-top: clamp(65px, 6.770833333333333vw, 130px);
  padding-bottom: clamp(110px, 11.458333333333332vw, 220px);
}
.inside_about .about_5 .about_box .about_swiper {
  width: 100%;
  height: auto;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box {
  width: 100%;
  height: auto;
  padding-left: clamp(25px, 2.604166666666667vw, 50px);
  padding-right: clamp(25px, 2.604166666666667vw, 50px);
}
.inside_about .about_5 .about_box .about_swiper .swiper_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box li {
  width: 100%;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: .4;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50vw;
  border: 1px solid #7b7b7b;
  opacity: .4;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box .img {
  width: 50%;
  height: auto;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box .info {
  width: 50%;
  height: auto;
  padding-left: clamp(30px, 3.125vw, 60px);
  padding-right: clamp(30px, 3.125vw, 60px);
}
.inside_about .about_5 .about_box .about_swiper .swiper_box .info .title {
  font-size: 30px;
  color: #fff;
}
@media (max-width:1600px) {
  .inside_about .about_5 .about_box .about_swiper .swiper_box .info .title {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_5 .about_box .about_swiper .swiper_box .info .title {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_5 .about_box .about_swiper .swiper_box .info .title {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_about .about_5 .about_box .about_swiper .swiper_box .info .title {
    font-size: 18px;
  }
}
.inside_about .about_5 .about_box .about_swiper .swiper_box .info .details {
  margin-top: .5em;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
.inside_about .about_5 .about_box .about_swiper .swiper_box li.swiper-slide-active a {
  opacity: 1;
}
.inside_about .about_5 .about_box .about_swiper .inside_pager {
  width: 100%;
  height: auto;
  margin-top: min(5.279vw, 110px);
  padding-left: clamp(25px, 2.604166666666667vw, 50px);
  padding-right: clamp(25px, 2.604166666666667vw, 50px);
}
.inside_about .about_5 .about_box .about_swiper .inside_pager .swiper_btn::after {
  background: #fff;
}
.inside_about .about_5 .about_box .about_swiper .inside_pager .swiper_btn svg path {
  fill: #282728;
}
.inside_about .about_5 .about_box .about_swiper .inside_pager .swiper_btn:hover::after {
  background: #f35422;
}
.inside_about .about_6 {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: #FFF;
  overflow: hidden;
}
.inside_about .about_6 .about_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(80px, 8.333333333333332vw, 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20%;
}
.inside_about .about_6 .about_box .classify {
  font-size: 14px;
  font-weight: bold;
}
.inside_about .about_6 .about_box .about_main {
  flex: 1;
}
.inside_about .about_6 .about_box .about_main .about_link {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.inside_about .about_6 .about_box .about_main .about_link a,
.inside_about .about_6 .about_box .about_main .about_link span {
  font-size: 24px;
  color: #c6c6c6;
}
@media (max-width:1600px) {
  .inside_about .about_6 .about_box .about_main .about_link a,
  .inside_about .about_6 .about_box .about_main .about_link span {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_about .about_6 .about_box .about_main .about_link a,
  .inside_about .about_6 .about_box .about_main .about_link span {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_about .about_6 .about_box .about_main .about_link a,
  .inside_about .about_6 .about_box .about_main .about_link span {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_about .about_6 .about_box .about_main .about_link a,
  .inside_about .about_6 .about_box .about_main .about_link span {
    font-size: 16px;
  }
}
.inside_about .about_6 .about_box .about_main .about_link span {
  margin: 0 .5em;
}
.inside_about .about_6 .about_box .about_main .about_link a {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_about .about_6 .about_box .about_main .about_link a:hover {
  color: #282728;
}
.inside_about .about_6 .about_box .about_main .idx_more {
  margin-top: min(3.125vw, 60px);
}
.inside_about .about_6 .circle_box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  display: none;
}
.inside_about .about_6 .circle_box .one {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.inside_about .about_6 .circle_box .one .circle {
  width: 50vw;
  height: 50vw;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid #c6c6c6;
  --offsetUnit: %;
}
.inside_about .about_6 .circle_box .one.first .circle {
  top: 0;
  left: 0;
  z-index: 1;
  margin-top: clamp(110px, 11.458333333333332vw, 220px);
  margin-bottom: -28vw;
  --offsetValue: 20, 0;
}
.inside_about .about_6 .circle_box .one.middle .circle {
  top: 20%;
  left: 0;
  z-index: 1;
  margin-top: clamp(110px, 11.458333333333332vw, 220px);
  margin-bottom: -9vw;
  --offsetValue: -20, 0;
}
.inside_about .about_6 .circle_box .one.last .circle {
  right: -30vw;
  bottom: 51.8%;
  --offsetValue: -20, 0;
}
/* ----- 案例 ----- */
/* 列表页 */
.inside_case {
  width: 100%;
  height: auto;
  background: #FFF;
  overflow: hidden;
}
.inside_case .case_header {
  width: 100%;
  height: auto;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.inside_case .case_header .case_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
}
.inside_case .case_header .case_box .case_top {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.inside_case .case_header .case_box .case_top::after {
  content: '';
  width: calc(min(100vw, 1920px) - 20px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  background: #F2F2F2;
}
.inside_case .case_header .case_box .case_subnav {
  width: 100%;
  height: auto;
  margin-top: clamp(80px, 8.333333333333332vw, 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.inside_case .case_header .case_box .case_subnav::after {
  content: '';
  width: calc(min(100vw, 1920px) - 20px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  background: #F2F2F2;
}
.inside_case .case_header .case_box .case_subnav a {
  width: auto;
  height: 26px;
  margin: 0 10px 10px 0;
  position: relative;
  overflow: hidden;
}
.inside_case .case_header .case_box .case_subnav a::before,
.inside_case .case_header .case_box .case_subnav a::after,
.inside_case .case_header .case_box .case_subnav a .word {
  transition: all 0.6s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}
.inside_case .case_header .case_box .case_subnav a::before {
  content: '';
  width: 100%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #f6f6f6;
}
.inside_case .case_header .case_box .case_subnav a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282728;
  transform: translateY(100%);
}
.inside_case .case_header .case_box .case_subnav a .word {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 5;
}
.inside_case .case_header .case_box .case_subnav a .last {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(100%);
  color: #FFF;
}
.inside_case .case_header .case_box .case_subnav a:last-child {
  margin-right: 0;
}
.inside_case .case_header .case_box .case_subnav a:hover::before,
.inside_case .case_header .case_box .case_subnav a:hover .first {
  transform: translateY(-100%);
}
.inside_case .case_header .case_box .case_subnav a:hover::after,
.inside_case .case_header .case_box .case_subnav a:hover .last {
  transform: translateY(0);
}
.inside_case .case_header .case_box .case_subnav a.active::before {
  transform: translateY(-100%);
}
.inside_case .case_header .case_box .case_subnav a.active::after {
  transform: translateY(0);
}
.inside_case .case_header .case_box .case_subnav a.active .first {
  color: #fff;
}
.inside_case .case_list {
  width: 100%;
  height: auto;
  max-width: 1920px;
  margin: 0 auto;
  padding: 10px;
  padding-bottom: clamp(55px, 5.729166666666666vw, 110px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.inside_case .case_list .item_box {
  width: 100%;
  height: auto;
  overflow: hidden;
  --top: 0;
  --left: 0;
}
.inside_case .case_list .item_box .case_item {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_case .case_list .item_box .case_item .images {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  --top: -250px;
  --left: -250px;
}
.inside_case .case_list .item_box .case_item .images .more {
  width: 144px;
  height: 136px;
  position: absolute;
  top: var(--top);
  left: var(--left);
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.inside_case .case_list .item_box .case_item .images .pb {
  padding-bottom: 57.14285714285714%;
  z-index: 1;
}
.inside_case .case_list .item_box .case_item .images .img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.inside_case .case_list .item_box .case_item .images .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_case .case_list .item_box .case_item .images .video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.inside_case .case_list .item_box .case_item .images .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_case .case_list .item_box .case_item .info_box {
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #f6f6f6;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.inside_case .case_list .item_box .case_item .info_box .icon_active_run {
  width: 20px;
  height: 20px;
}
.inside_case .case_list .item_box .case_item .info_box .info {
  width: 100%;
  height: auto;
  flex: 1;
  padding-left: 10px;
}
.inside_case .case_list .item_box .case_item .info_box .info .title_box {
  width: 100%;
  height: auto;
}
.inside_case .case_list .item_box .case_item .info_box .info .title_box .title {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #282728;
}
@media (max-width:1440px) {
  .inside_case .case_list .item_box .case_item .info_box .info .title_box .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case .case_list .item_box .case_item .info_box .info .title_box .title {
    font-size: 13px;
  }
}
.inside_case .case_list .item_box .case_item .info_box .info .title_box .classify {
  width: 100%;
  height: auto;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #282728;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_case .case_list .item_box .case_item .info_box .info .title_box .classify {
    font-size: 13px;
  }
}
@media (max-width:1280px) {
  .inside_case .case_list .item_box .case_item .info_box .info .title_box .classify {
    font-size: 12px;
  }
}
.inside_case .case_list .item_box .case_item .info_box .info .menu_box {
  width: 100%;
  height: auto;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_case .case_list .item_box .case_item .info_box .info .menu_box .menu {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 10px 10px;
}
.inside_case .case_list .item_box .case_item .info_box .info .menu_box .menu span {
  width: auto;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 10px;
  background: #FFF;
  font-size: 12px;
  color: #282728;
}
.inside_case .case_list .item_box .case_item .info_box .info .menu_box .icon {
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid #ececec;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
  --c: #282728;
}
.inside_case .case_list .item_box .case_item .info_box .info .menu_box .icon::before,
.inside_case .case_list .item_box .case_item .info_box .info .menu_box .icon::after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background: var(--c);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_case .case_list .item_box .case_item .info_box .info .menu_box .icon::before {
  height: 2px;
}
.inside_case .case_list .item_box .case_item .info_box .info .menu_box .icon::after {
  width: 2px;
}
.inside_case .case_list .item_box .case_item .images:hover .more {
  opacity: 1;
}
.inside_case .case_list .item_box .case_item:hover .images .video {
  opacity: 1;
}
.inside_case .case_list .item_box .case_item:hover .info_box {
  background: #ececec;
}
.inside_case .case_list .item_box .case_item:hover .info_box .info .menu_box .icon {
  border-color: #FFF;
  background: #FFF;
  --c: #f35422;
}
.inside_case .case_list .item_box .block_box {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  padding-top: clamp(40px, 4.166666666666666vw, 80px);
  padding-bottom: clamp(40px, 4.166666666666666vw, 80px);
  background: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
.inside_case .case_list .item_box .block_box .idx_title .word {
  color: #C1C1C1;
}
.inside_case .case_list .item_box .block_box .idx_title .word .icon_active_run {
  width: 1em;
  height: 1em;
  flex: 0 0 1em;
  vertical-align: middle;
  margin: 0 .25em;
  font-size: 42px;
}
@media (max-width:1600px) {
  .inside_case .case_list .item_box .block_box .idx_title .word .icon_active_run {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .inside_case .case_list .item_box .block_box .idx_title .word .icon_active_run {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .inside_case .case_list .item_box .block_box .idx_title .word .icon_active_run {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_case .case_list .item_box .block_box .idx_title .word .icon_active_run {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_case .case_list .item_box .block_box .idx_title .word .icon_active_run {
    font-size: 24px;
  }
}
.inside_case .case_list .item_box .block_box .idx_title .word .icon_active_run svg path {
  fill: #f35422;
}
.inside_case .case_list .item_box .block_box .idx_title .word.first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_case .case_list .item_box .case_item._video .images .video {
  opacity: 1;
}
.inside_case .case_list .item_box .case_item._video_show .images .img {
  z-index: 2;
}
.inside_case .case_list .item_box .case_item._video_show .images .video {
  opacity: 1;
  z-index: 1;
}
.inside_case .case_list .item_box.active {
  grid-column: span 2;
}
.inside_case .case_list .item_box.active .images .pb {
  padding-bottom: 42.63157894736842%;
}
.inside_case .case_list .item_box.active .info_box {
  width: calc(50% - 5px);
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 10;
}
@media (max-width:1470px) {
  .inside_case .case_list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* 详情页 */
.inside_case_details {
  width: 100%;
  height: auto;
  background: #FFF;
  overflow: hidden;
  /* 有问就有答 */
}
.inside_case_details .case_head {
  width: 100%;
  height: auto;
  padding-top: 100px;
}
@media (max-width:1366px) {
  .inside_case_details .case_head {
    padding-top: 70px;
  }
}
.inside_case_details .case_head .case_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_case_details .case_head .case_box .case_title {
  width: auto;
  height: auto;
}
.inside_case_details .case_head .case_box .case_title .icon_active_run {
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.inside_case_details .case_head .case_box .case_menu {
  width: 31.41025641025641%;
  height: auto;
}
.inside_case_details .case_head .case_box .case_menu .item {
  width: 100%;
  height: auto;
  padding: 20px 0;
  border-top: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  overflow: hidden;
}
.inside_case_details .case_head .case_box .case_menu .item .first {
  width: 100%;
  height: auto;
}
.inside_case_details .case_head .case_box .case_menu .item .first .title {
  font-size: 16px;
  font-weight: 300;
  color: #282728;
}
@media (max-width:1440px) {
  .inside_case_details .case_head .case_box .case_menu .item .first .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case_details .case_head .case_box .case_menu .item .first .title {
    font-size: 13px;
  }
}
.inside_case_details .case_head .case_box .case_menu .item .last {
  width: 100%;
  height: auto;
}
.inside_case_details .case_head .case_box .case_menu .item .last .title {
  font-size: 16px;
  color: #282728;
}
@media (max-width:1440px) {
  .inside_case_details .case_head .case_box .case_menu .item .last .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case_details .case_head .case_box .case_menu .item .last .title {
    font-size: 13px;
  }
}
.inside_case_details .case_head .case_box .case_menu .item .last .title:first-child ~ .title {
  margin-top: 10px;
}
.inside_case_details .case_head .case_box .case_menu .item .last .more {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_case_details .case_head .case_box .case_menu .item .last .more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_case_details .case_head .case_box .case_menu .item .last .more a .word {
  font-size: 16px;
  font-family: 'g_b';
  color: #282728;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1440px) {
  .inside_case_details .case_head .case_box .case_menu .item .last .more a .word {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case_details .case_head .case_box .case_menu .item .last .more a .word {
    font-size: 13px;
  }
}
.inside_case_details .case_head .case_box .case_menu .item .last .more a .icon {
  width: 12px;
  height: 8px;
  margin-left: 10px;
  background: #282728;
  -webkit-mask: url('../svg/icon_right.svg') no-repeat right;
  mask: url('../svg/icon_right.svg') no-repeat right;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_case_details .case_head .case_box .case_menu .item .last .more a:hover .word {
  color: #f35422;
}
.inside_case_details .case_head .case_box .case_menu .item .last .more a:hover .icon {
  background: #f35422;
  transform: translateX(10px);
}
.inside_case_details .case_head + .case_images {
  margin-top: clamp(75px, 7.8125vw, 150px);
}
.inside_case_details .case_images {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 0;
}
.inside_case_details .case_block {
  width: 100%;
  height: auto;
  max-height: min(840px, calc(100vh - 80px));
  margin-top: clamp(75px, 7.8125vw, 150px);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_case_details .case_block::after {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  pointer-events: none;
  padding-bottom: 43.75%;
}
.inside_case_details .case_block .img {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  overflow: hidden;
}
.inside_case_details .case_block .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  --offsetValue: 0, 20;
  --offsetUnit: %;
}
.inside_case_details .case_block_active {
  width: 100%;
  height: auto;
  max-height: min(900px, calc(100vh - 80px));
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_case_details .case_block_active::after {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  pointer-events: none;
  padding-bottom: 46.875%;
}
.inside_case_details .case_block_active .case_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  overflow: hidden;
}
.inside_case_details .case_block_active .case_box .center_box {
  height: 100%;
}
.inside_case_details .case_block_active .case_box .content {
  width: 100%;
  height: 100%;
  padding-top: clamp(50px, 5.208333333333334vw, 100px);
  padding-bottom: clamp(50px, 5.208333333333334vw, 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  overflow: hidden;
}
.inside_case_details .case_block_active .case_box .content .headline {
  width: 100%;
  height: auto;
  padding-bottom: clamp(17.5px, 1.8229166666666667vw, 35px);
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-weight: 700;
  color: #FFF;
  line-height: 1.2;
}
@media (max-width:1600px) {
  .inside_case_details .case_block_active .case_box .content .headline {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_case_details .case_block_active .case_box .content .headline {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_case_details .case_block_active .case_box .content .headline {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_case_details .case_block_active .case_box .content .headline {
    font-size: 18px;
  }
}
.inside_case_details .case_block_active .case_box .content .headline::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #e8e8e8;
  opacity: .2;
}
.inside_case_details .case_block_active .case_box .content .details_box {
  width: 100%;
  height: auto;
  margin-top: clamp(17.5px, 1.8229166666666667vw, 35px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  overflow: hidden;
}
.inside_case_details .case_block_active .case_box .content .details_box .details {
  width: auto;
  height: auto;
  overflow: hidden;
}
.inside_case_details .case_block_active .case_box .content .details_box .details > * {
  font-size: 16px;
  font-weight: 100;
  color: #FFF;
  line-height: 1.5;
}
@media (max-width:1440px) {
  .inside_case_details .case_block_active .case_box .content .details_box .details > * {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case_details .case_block_active .case_box .content .details_box .details > * {
    font-size: 13px;
  }
}
.inside_case_details .case_block_active .img {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  overflow: hidden;
}
.inside_case_details .case_block_active .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  --offsetValue: 0, 20;
  --offsetUnit: %;
}
.inside_case_details .case_details {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_case_details .case_details .case_top {
  width: 100%;
  height: auto;
}
.inside_case_details .case_details .case_top .case_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(90px, 9.375vw, 180px);
}
.inside_case_details .case_details .case_top .case_box .title_box {
  width: 100%;
  height: auto;
  padding-bottom: clamp(17.5px, 1.8229166666666667vw, 35px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  overflow: hidden;
}
.inside_case_details .case_details .case_top .case_box .title_box .title {
  min-width: 10em;
  margin-right: 1em;
  font-size: 16px;
  color: #282728;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_case_details .case_details .case_top .case_box .title_box .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case_details .case_details .case_top .case_box .title_box .title {
    font-size: 13px;
  }
}
.inside_case_details .case_details .case_top .case_box .title_box .number {
  font-size: 16px;
  font-family: 'Pill';
  color: #282728;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_case_details .case_details .case_top .case_box .title_box .number {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case_details .case_details .case_top .case_box .title_box .number {
    font-size: 13px;
  }
}
.inside_case_details .case_details .case_top .case_box .line {
  width: 100%;
  height: 10px;
  background: #F3F3F3;
}
.inside_case_details .case_details .case_top .case_box .details_info {
  width: 100%;
  height: auto;
  padding-top: clamp(30px, 3.125vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_case_details .case_details .case_top .case_box .details_info .title {
  font-size: 30px;
  color: #282728;
}
@media (max-width:1600px) {
  .inside_case_details .case_details .case_top .case_box .details_info .title {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_case_details .case_details .case_top .case_box .details_info .title {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_case_details .case_details .case_top .case_box .details_info .title {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_case_details .case_details .case_top .case_box .details_info .title {
    font-size: 18px;
  }
}
.inside_case_details .case_details .case_top .case_box .details_info .details {
  width: auto;
  height: auto;
  font-size: 16px;
  font-weight: 100;
  color: #282728;
  line-height: 1.5;
}
@media (max-width:1440px) {
  .inside_case_details .case_details .case_top .case_box .details_info .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_case_details .case_details .case_top .case_box .details_info .details {
    font-size: 13px;
  }
}
.inside_case_details .case_details .case_top .case_box .images {
  width: 100%;
  height: auto;
  padding-top: clamp(40px, 4.166666666666666vw, 80px);
  text-align: center;
  overflow: hidden;
}
.inside_case_details .case_details .case_one {
  width: 100%;
  height: auto;
}
.inside_case_details .case_details .case_one .case_bottom {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_case_details .case_details .case_one .case_bottom .images_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 3;
}
.inside_case_details .case_details .case_one .case_bottom .images_box::after {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #F3F3F3;
  transform: translateY(40%);
}
.inside_case_details .case_details .case_one .case_bottom .images_box .img {
  width: 65.76923076923077%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  position: relative;
  z-index: 5;
}
.inside_case_details .case_details .case_one .case_bottom .video_box {
  width: 100%;
  height: auto;
  margin: -130px 0 -400px;
  position: relative;
  z-index: 5;
}
.inside_case_details .case_details .case_one .case_bottom .video_box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translateY(50%);
}
.inside_case_details .case_details .case_one .case_bottom .video_box .video_main {
  width: 64.1025641025641%;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.inside_case_details .case_details .case_one .case_bottom .video_box .video_main .video {
  width: 74.4%;
  height: auto;
  position: absolute;
  left: 50%;
  top: .6%;
  z-index: 5;
  transform: translateX(-50%);
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.inside_case_details .case_details .case_one .case_bottom .video_box .video_main .video .pb {
  padding-bottom: 62.36559139784946%;
}
.inside_case_details .case_details .case_one .case_bottom .video_box .video_main .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_case_details .case_details .case_one .case_bottom .video_box .video_main .imgbg {
  width: 100%;
  height: auto;
  margin-bottom: clamp(-100px, -10.416666666666668vw, -200px);
  font-size: 0;
  overflow: hidden;
}
.inside_case_details .case_details .case_one .case_bottom .images_block {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 4;
  text-align: center;
  overflow: hidden;
}
.inside_case_details .case_details .case_two {
  width: 100%;
  height: auto;
}
.inside_case_details .inside_feed {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: #FFF;
  overflow: hidden;
}
.inside_case_details .inside_feed .about_box {
  width: 100%;
  height: auto;
  padding-top: clamp(70px, 7.291666666666667vw, 140px);
  padding-bottom: clamp(82.5px, 8.59375vw, 165px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20%;
}
.inside_case_details .inside_feed .about_box .about_main {
  flex: 1;
}
.inside_case_details .inside_feed .about_box .about_main .about_link {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.inside_case_details .inside_feed .about_box .about_main .about_link a,
.inside_case_details .inside_feed .about_box .about_main .about_link span {
  font-size: 24px;
  color: #c6c6c6;
}
@media (max-width:1600px) {
  .inside_case_details .inside_feed .about_box .about_main .about_link a,
  .inside_case_details .inside_feed .about_box .about_main .about_link span {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_case_details .inside_feed .about_box .about_main .about_link a,
  .inside_case_details .inside_feed .about_box .about_main .about_link span {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_case_details .inside_feed .about_box .about_main .about_link a,
  .inside_case_details .inside_feed .about_box .about_main .about_link span {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_case_details .inside_feed .about_box .about_main .about_link a,
  .inside_case_details .inside_feed .about_box .about_main .about_link span {
    font-size: 16px;
  }
}
.inside_case_details .inside_feed .about_box .about_main .about_link span {
  margin: 0 .5em;
}
.inside_case_details .inside_feed .about_box .about_main .about_link a {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_case_details .inside_feed .about_box .about_main .about_link a:hover {
  color: #282728;
}
.inside_case_details .inside_feed .about_box .about_main .idx_more {
  margin-top: min(3.125vw, 60px);
}
.inside_case_details .inside_feed .about_box .about_main .idx_more .arrow {
  background: #f35422;
}
.inside_case_details .inside_feed .about_box .about_main .idx_more .arrow svg path {
  fill: #282728;
}
/* ----- 服务 ----- */
/* 介绍视频 */
.inside_video {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.inside_video::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282728;
}
.inside_video::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url('../images/news_bg.png') no-repeat top right / 100% auto;
}
.inside_video .content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.inside_video .content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_service {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inside_service .service_1 {
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: clamp(80px, 8.333333333333332vw, 160px);
  background: #282728;
  position: relative;
  z-index: 5;
}
.inside_service .service_1::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url('../images/news_bg.png') no-repeat top right / 100% auto;
}
.inside_service .service_1 .service_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(110px, 11.458333333333332vw, 220px);
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width:1680px) {
  .inside_service .service_1 .service_box {
    padding-right: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service .service_1 .service_box {
    padding-right: 50px;
  }
}
.inside_service .service_1 .service_box .service_title {
  width: 45%;
}
.inside_service .service_1 .service_box .service_title .title_box {
  --y: 100px;
}
.inside_service .service_1 .service_box .service_title .idx_title .title {
  color: #fff;
}
.inside_service .service_1 .service_box .service_title .icon_active {
  width: min(4.166vw, 80px);
  height: min(4.166vw, 80px);
  background: #f35422;
}
.inside_service .service_1 .service_box .service_title .down_btn {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.inside_service .service_1 .service_box .service_title .down_btn .svg {
  width: auto;
  height: 120px;
  padding: 10px 7px;
  background: #f35422;
  border-radius: 50px;
  position: relative;
  z-index: 1;
  pointer-events: initial;
  cursor: pointer;
  overflow: hidden;
  animation: moveDownBg 2.2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.inside_service .service_1 .service_box .service_title .down_btn .svg a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.inside_service .service_1 .service_box .service_title .down_btn .svg svg {
  width: 12px;
  position: relative;
  z-index: 5;
  transition: transform 2.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: moveDown 2.2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.inside_service .service_1 .service_box .service_title .down_btn .svg svg path {
  fill: #282728;
}
.inside_service .service_1 .service_box .service_title .down_btn .svg::after {
  content: '';
  width: 120%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: #f35422;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.inside_service .service_1 .service_box .service_title .down_btn .svg:hover::after {
  top: 0;
}
@media (max-width:1440px) {
  .inside_service .service_1 .service_box .service_title .down_btn .svg {
    height: 100px;
    padding: 8px 5px;
  }
  .inside_service .service_1 .service_box .service_title .down_btn .svg svg {
    width: 12px;
  }
}
.inside_service .service_1 .service_box .service_classify {
  width: 58.97%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  padding-top: clamp(20px, 2.083333333333333vw, 40px);
  font-size: 42px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width:1600px) {
  .inside_service .service_1 .service_box .service_classify {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .inside_service .service_1 .service_box .service_classify {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .inside_service .service_1 .service_box .service_classify {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service .service_1 .service_box .service_classify {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_service .service_1 .service_box .service_classify {
    font-size: 24px;
  }
}
.inside_service .service_1 .service_box .service_classify .classify_item {
  width: 40%;
  height: 100%;
}
.inside_service .service_1 .service_box .service_classify .classify_item.classify_last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item {
  width: 100%;
  height: auto;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .icon_big {
  width: 60px;
  height: 60px;
  filter: brightness(0) invert(1);
}
@media (max-width:1440px) {
  .inside_service .service_1 .service_box .service_classify .classify_item .item .icon_big {
    width: 40px;
    height: 40px;
  }
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .title_box {
  width: 100%;
  height: auto;
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .title_box .title {
  width: 100%;
  height: auto;
  font-size: 36px;
  color: #fff;
  line-height: 1;
}
@media (max-width:1600px) {
  .inside_service .service_1 .service_box .service_classify .classify_item .item .title_box .title {
    font-size: 32px;
  }
}
@media (max-width:1366px) {
  .inside_service .service_1 .service_box .service_classify .classify_item .item .title_box .title {
    font-size: 28px;
  }
}
@media (max-width:1024px) {
  .inside_service .service_1 .service_box .service_classify .classify_item .item .title_box .title {
    font-size: 24px;
  }
}
@media (max-width:768px) {
  .inside_service .service_1 .service_box .service_classify .classify_item .item .title_box .title {
    font-size: 20px;
  }
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .title_box .details {
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
  font-size: 14px;
  color: #fff;
  opacity: .6;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .menu {
  width: 100%;
  height: auto;
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .menu .one {
  width: 100%;
  height: auto;
  padding: 20px 0;
  position: relative;
  z-index: 1;
  font-size: 14px;
  font-weight: 100;
  color: #fff;
  line-height: 1;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .menu .one:first-child ~ .one::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to right, #ffffff, transparent);
  opacity: .1;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .menu .one:first-child {
  padding-top: 0;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .menu .one:last-child {
  padding-bottom: 0;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more {
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
  font-size: 38px;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a {
  font-size: 38px;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more .word,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a .word {
  background: #7b7b7b;
  color: #fff;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more .word span,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a .word span {
  min-width: 120px;
  font-size: 12px;
  font-weight: 100;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more .arrow svg path,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a .arrow svg path {
  fill: #fff;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more .arrow.arrow_first,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a .arrow.arrow_first {
  background: #f35422;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more .arrow.arrow_first svg path,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a .arrow.arrow_first svg path {
  fill: #282728;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more .arrow.arrow_last,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a .arrow.arrow_last {
  background: #7b7b7b;
}
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more:hover .word,
.inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a:hover .word {
  transform: translateX(1em);
  background: #f35422;
  color: #282728;
}
@media (max-width:1440px) {
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more {
    font-size: 34px;
  }
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more,
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a {
    font-size: 34px;
  }
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more .word span,
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a .word span {
    min-width: auto;
  }
}
@media (max-width:1024px) {
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more {
    font-size: 30px;
  }
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more .more,
  .inside_service .service_1 .service_box .service_classify .classify_item .item .idx_more a {
    font-size: 30px;
  }
}
.inside_service .service_1 .service_box .service_classify .classify_item .item:first-child ~ .item {
  margin-top: clamp(90px, 9.375vw, 180px);
}
/* ----- 服务 - 详情 ----- */
.inside_service_details {
  width: 100%;
  height: auto;
  /* 有关网站的故事， 还没有讲完。 */
}
.inside_service_details .service_header {
  width: 100%;
  height: auto;
  background: #282728;
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: clamp(100px, 10.416666666666668vw, 200px);
  overflow: hidden;
}
@media (max-width:1680px) {
  .inside_service_details .service_header {
    padding-right: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_header {
    padding-right: 50px;
  }
}
.inside_service_details .service_header .inside_center {
  position: relative;
  z-index: 5;
}
.inside_service_details .service_header .service_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_service_details .service_header .service_box .service_info {
  width: 40%;
  height: auto;
}
.inside_service_details .service_header .service_box .service_info .return_btn {
  width: 100%;
  height: min(8.3vw, 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.inside_service_details .service_header .service_box .service_info .return_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 10px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .service_header .service_box .service_info .return_btn a .icon {
  width: 38px;
  height: 38px;
  background: #7b7b7b;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inside_service_details .service_header .service_box .service_info .return_btn a .word {
  font-size: 24px;
  color: #fff;
  opacity: .4;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .inside_service_details .service_header .service_box .service_info .return_btn a .word {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_header .service_box .service_info .return_btn a .word {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_header .service_box .service_info .return_btn a .word {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_service_details .service_header .service_box .service_info .return_btn a .word {
    font-size: 16px;
  }
}
.inside_service_details .service_header .service_box .service_info .return_btn a:hover {
  grid-gap: 15px;
}
.inside_service_details .service_header .service_box .service_info .return_btn a:hover .word {
  opacity: 1;
}
@media (max-width:1440px) {
  .inside_service_details .service_header .service_box .service_info .return_btn a .icon {
    width: 34px;
    height: 34px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_header .service_box .service_info .return_btn {
    height: 80px;
  }
  .inside_service_details .service_header .service_box .service_info .return_btn a .icon {
    width: 30px;
    height: 30px;
  }
}
.inside_service_details .service_header .service_box .service_info .idx_title .title .word.first {
  color: #fff;
  opacity: .4;
}
.inside_service_details .service_header .service_box .service_info .idx_title .title .word.last {
  color: #fff;
}
.inside_service_details .service_header .service_box .service_info .idx_title .subtitle {
  color: #7b7b7b;
  line-height: 1.4;
}
.inside_service_details .service_header .service_box .service_info .icon_active_run {
  margin-top: 20px;
}
.inside_service_details .service_header .service_box .service_info .icon_active_run svg path {
  fill: #f35422;
}
@media (max-width:1440px) {
  .inside_service_details .service_header .service_box .service_info {
    width: 45%;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_header .service_box .service_info {
    width: 50%;
  }
  .inside_service_details .service_header .service_box .service_info .inside_title {
    margin-top: 20px;
  }
}
.inside_service_details .service_header .service_box .service_menu {
  width: 40%;
  height: auto;
  margin-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-top: clamp(90px, 9.375vw, 180px);
}
.inside_service_details .service_header .service_box .service_menu .item {
  width: 100%;
  height: auto;
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  position: relative;
}
.inside_service_details .service_header .service_box .service_menu .item .title_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.inside_service_details .service_header .service_box .service_menu .item .title_box .title {
  flex: 1;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
@media (max-width:1600px) {
  .inside_service_details .service_header .service_box .service_menu .item .title_box .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_header .service_box .service_menu .item .title_box .title {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_header .service_box .service_menu .item .title_box .title {
    font-size: 14px;
  }
}
.inside_service_details .service_header .service_box .service_menu .item .title_box .icon {
  width: 30px;
  height: 30px;
  background: #7b7b7b;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1440px) {
  .inside_service_details .service_header .service_box .service_menu .item .title_box .icon {
    width: 28px;
    height: 28px;
  }
  .inside_service_details .service_header .service_box .service_menu .item .title_box .icon svg {
    height: 35%;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_header .service_box .service_menu .item .title_box .icon {
    width: 26px;
    height: 26px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_header .service_box .service_menu .item .title_box .icon {
    width: 24px;
    height: 24px;
  }
}
.inside_service_details .service_header .service_box .service_menu .item .title_box:hover .icon {
  background: #aaa;
}
.inside_service_details .service_header .service_box .service_menu .item .title_box.active .icon {
  background: #f35422;
}
.inside_service_details .service_header .service_box .service_menu .item .details {
  width: 100%;
  height: auto;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  color: #7b7b7b;
  line-height: 1.5;
  display: none;
  overflow: hidden;
}
@media (max-width:1440px) {
  .inside_service_details .service_header .service_box .service_menu .item .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_header .service_box .service_menu .item .details {
    font-size: 13px;
  }
}
.inside_service_details .service_header .service_box .service_menu .item .details p {
  margin: 0;
}
.inside_service_details .service_header .service_box .service_menu .item:first-child {
  padding-top: 0;
}
.inside_service_details .service_header .service_box .service_menu .item::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #545354;
}
.inside_service_details .service_header .images {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  z-index: 1;
}
.inside_service_details .service_header .images::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url('../images/news_bg.png') no-repeat top right / 100% auto;
}
.inside_service_details .service_header .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_service_details .service_1 {
  width: 100%;
  height: auto;
  background: #fff;
  padding: min(13.54vw, 260px) 0 min(8.3vw, 160px);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_service_details .service_1::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url('../images/news_bg.png') no-repeat right top / 100%;
  pointer-events: none;
}
.inside_service_details .service_1 .service_one {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
}
@media (max-width:1680px) {
  .inside_service_details .service_1 .service_one {
    padding-right: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_1 .service_one {
    padding-right: 50px;
  }
}
.inside_service_details .service_1 .service_one .inside_center {
  position: relative;
  z-index: 5;
}
.inside_service_details .service_1 .service_one .service_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 1;
}
.inside_service_details .service_1 .service_one .service_box .service_info {
  width: 43%;
  height: auto;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_service_details .service_1 .service_one .service_box .service_info .icon_big {
  transform: translateY(-50%);
}
.inside_service_details .service_1 .service_one .service_box .service_info .tips_text {
  font-size: 16px;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_service_details .service_1 .service_one .service_box .service_info .tips_text {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_1 .service_one .service_box .service_info .tips_text {
    font-size: 13px;
  }
}
.inside_service_details .service_1 .service_one .service_box .service_info .service_title {
  width: 100%;
  height: auto;
  flex: 1;
  margin-top: 20px;
}
.inside_service_details .service_1 .service_one .service_box .service_info .service_title .swiper-slide {
  opacity: 0;
}
.inside_service_details .service_1 .service_one .service_box .service_info .service_title .swiper-slide.active {
  opacity: 1;
}
.inside_service_details .service_1 .service_one .service_box .service_info .service_title .title {
  font-size: 42px;
  line-height: 1;
}
@media (max-width:1600px) {
  .inside_service_details .service_1 .service_one .service_box .service_info .service_title .title {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_1 .service_one .service_box .service_info .service_title .title {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_1 .service_one .service_box .service_info .service_title .title {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_1 .service_one .service_box .service_info .service_title .title {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_service_details .service_1 .service_one .service_box .service_info .service_title .title {
    font-size: 24px;
  }
}
.inside_service_details .service_1 .service_one .service_box .service_info .inside_pager {
  -webkit-box-self: end;
  -ms-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}
.inside_service_details .service_1 .service_one .service_box .service_content {
  width: 57%;
  height: auto;
  position: relative;
  z-index: 2;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  border-radius: 100vh;
  overflow: hidden;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .pb {
  padding-bottom: 56.3%;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .img_scroll_box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .img_scroll_box .img_scroll_main {
  width: 100%;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .swiper_box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  --offsetValue: 0, 20;
  --offsetUnit: %;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .swiper_box ul {
  transition-timing-function: cubic-bezier(0.29, 0.62, 0.38, 1.02) !important;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .swiper_box li {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .swiper_box .images {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  transition-timing-function: cubic-bezier(0.29, 0.62, 0.38, 1.02) !important;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .swiper_box .images .img {
  width: 100%;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .service_1 .service_one .service_box .service_content .swiper_images .swiper_box .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_service_details .service_1 .service_one .service_box .service_content .idx_more {
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 5;
  transform: translate(-1em, -50%);
  pointer-events: initial;
}
.inside_service_details .service_1 .service_one .service_box .service_content .idx_more .word {
  background: #282728;
  color: #fff;
}
@media (max-width:1800px) {
  .inside_service_details .service_1 .service_one .service_box .service_content .idx_more {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
  }
  .inside_service_details .service_1 .service_one .service_box .service_content .idx_more .word {
    background: #f35422;
    color: #282728;
  }
}
.inside_service_details .service_1 .service_one .service_box .line_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -45%;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.inside_service_details .service_1 .service_one .service_box .line_bg .center {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  --offsetValue: 30, 0;
  --offsetUnit: %;
}
.inside_service_details .service_1 .service_one .service_box .line_bg .center::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #dfdfdf;
}
.inside_service_details .service_1 .service_one .service_box .line_bg .center .line {
  width: calc(100% * 0.5657 * 0.563);
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
}
.inside_service_details .service_1 .service_one .service_box .line_bg .center .line::after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #dfdfdf;
}
@keyframes bannerShow {
  0% {
    transform: translateY(80%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bannerhide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.inside_service_details .service_1 .service_two {
  width: 100%;
  height: auto;
  margin-top: clamp(100px, 10.416666666666668vw, 200px);
}
.inside_service_details .service_1 .service_two .service_box {
  width: 100%;
  height: auto;
}
.inside_service_details .service_1 .service_two .service_box .service_main {
  width: 100%;
  height: auto;
  margin-top: clamp(43px, 4.479166666666667vw, 86px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab {
  width: 25%;
  height: auto;
  overflow: hidden;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab.disabled {
  cursor: auto;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab.disabled .item {
  pointer-events: none;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item .number {
  font-size: 14px;
  color: #dbdbdb;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item .title {
  padding-left: .5em;
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
  color: #dbdbdb;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item .title {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item .title {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item .title {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item .title {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item .title {
    font-size: 24px;
  }
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item.active .number,
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item.active .title {
  color: #282728;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_tab .item:first-child ~ .item {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content {
  width: 57%;
  height: auto;
  overflow: hidden;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content div.swiper-wrapper {
  width: 100%;
  height: auto;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content div.swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content div.swiper-slide.active {
  z-index: 5;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content div.swiper-slide.active .swiper_content {
  opacity: 1;
  clip-path: inset(0 0 0 0);
  transition: all 1.2s 1.2s cubic-bezier(0.29, 0.62, 0.38, 1.02);
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content {
  width: 100%;
  height: auto;
  background: #FFF;
  overflow: hidden;
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: all 1.2s 0s cubic-bezier(0.29, 0.62, 0.38, 1.02);
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_tab {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_tab .item {
  margin-right: clamp(20px, 2.083333333333333vw, 40px);
  font-size: 20px;
  font-weight: bold;
  color: #dbdbdb;
  line-height: 1;
  cursor: pointer;
  pointer-events: initial;
}
@media (max-width:1440px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_tab .item {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_tab .item {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_tab .item {
    font-size: 15px;
  }
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_tab .item.active {
  color: #282728;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_tab .item:last-child {
  margin: 0;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .swiper-slide {
  opacity: 0;
  position: relative;
  z-index: 1;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .swiper-slide.active {
  z-index: 5;
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .title {
  width: 100%;
  height: auto;
  font-size: 30px;
  pointer-events: initial;
}
@media (max-width:1600px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .title {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .title {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .title {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .title {
    font-size: 18px;
  }
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .details {
  width: 100%;
  height: auto;
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
  font-size: 16px;
  line-height: 1.875;
  pointer-events: initial;
}
@media (max-width:1440px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .details {
    font-size: 13px;
  }
}
.inside_service_details .service_1 .service_two .service_box .service_main .service_content .swiper_content .swiper_box .details p {
  margin: 0;
}
.inside_service_details .service_2 {
  width: 100%;
  height: auto;
  margin-bottom: -1px;
  background: #191b1d;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_service_details .service_2 .img_scroll_box {
  width: 100%;
  height: 840px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_service_details .service_2 .img_scroll_box .img_scroll_main {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1470px) {
  .inside_service_details .service_2 .img_scroll_box {
    height: 600px;
    max-height: calc(100vh - 80px);
  }
}
.inside_service_details .service_2 .swiper_box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  --offsetValue: 0, 20;
  --offsetUnit: %;
  overflow: hidden;
}
.inside_service_details .service_2 .swiper_box ul {
  width: 100%;
  height: 100%;
  transition-timing-function: cubic-bezier(0.28, 0.49, 0.2, 1) !important;
}
.inside_service_details .service_2 .swiper_box li {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_service_details .service_2 .swiper_box .images {
  width: 100%;
  height: 100%;
  z-index: 1;
  transition-timing-function: cubic-bezier(0.28, 0.49, 0.2, 1) !important;
  overflow: hidden;
}
.inside_service_details .service_2 .swiper_box .images .img {
  width: 100%;
  height: 100%;
}
.inside_service_details .service_2 .swiper_box .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_service_details .service_2 .swiper_info {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.inside_service_details .service_2 .swiper_info .center {
  width: 100%;
  height: auto;
  padding: 40px 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.inside_service_details .service_2 .swiper_info .center::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.1);
}
.inside_service_details .service_2 .swiper_info .center .swiper_active {
  width: 50%;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_service_details .service_2 .swiper_info .center .swiper_active .swiper-slide {
  opacity: 0;
}
.inside_service_details .service_2 .swiper_info .center .swiper_active .info_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .icon_active {
  width: 1em;
  height: 1em;
  font-size: 20px;
  background: #FFF;
  transform: translateY(-15%);
}
@media (max-width:1440px) {
  .inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .icon_active {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .icon_active {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .icon_active {
    font-size: 15px;
  }
}
.inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .title_box {
  width: auto;
  height: auto;
  padding-left: 10px;
}
.inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .title_box .title {
  font-size: 16px;
  color: #fff;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .title_box .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .title_box .title {
    font-size: 13px;
  }
}
.inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .title_box .subtitle {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 100;
  color: #fff;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .title_box .subtitle {
    font-size: 13px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_2 .swiper_info .center .swiper_active .info_box .title_box .subtitle {
    font-size: 12px;
  }
}
.inside_service_details .service_2 .swiper_info .center .pager_box {
  width: 144px;
  height: auto;
  pointer-events: initial;
}
.inside_service_details .service_2 .swiper_info .center .pager_box .inside_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_service_details .service_2 .swiper_info .center .pager_box .inside_center .inside_pager {
  width: 23.5%;
}
.inside_service_details .service_2 .swiper_info .center .pager_box .inside_center .inside_pager .swiper_btn {
  pointer-events: initial;
}
.inside_service_details .service_3 {
  width: 100%;
  height: auto;
  padding: min(8.3vw, 160px) 0 min(5.2vw, 100px);
  background: #191b1d;
  overflow: hidden;
}
@media (max-width:1680px) {
  .inside_service_details .service_3 {
    padding-right: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_3 {
    padding-right: 50px;
  }
}
.inside_service_details .service_3 .service_one {
  width: 100%;
  height: auto;
}
.inside_service_details .service_3 .service_one .service_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_service_details .service_3 .service_one .service_box .service_title {
  width: 40%;
  height: auto;
}
.inside_service_details .service_3 .service_one .service_box .service_title .idx_title {
  width: 100%;
  height: auto;
}
.inside_service_details .service_3 .service_one .service_box .service_title .idx_title .title .first {
  color: #9c9c9c;
}
.inside_service_details .service_3 .service_one .service_box .service_title .idx_title .title .last {
  color: #fff;
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active {
  width: min(13.54vw, 260px);
  height: auto;
  margin-top: min(4.166vw, 80px);
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active .circle {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active .one {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #333537;
  position: absolute;
  top: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active .one_1 {
  left: 0;
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active .one_2 {
  left: 15%;
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active .one_3 {
  left: 30%;
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active .one_4 {
  left: 45%;
}
.inside_service_details .service_3 .service_one .service_box .service_title .saervice_active .one.active {
  border-color: #fff;
  z-index: 5;
}
.inside_service_details .service_3 .service_one .service_box .service_menu {
  width: 43%;
  height: auto;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item {
  width: 100%;
  height: auto;
  padding-bottom: clamp(40px, 4.166666666666666vw, 80px);
  position: relative;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box {
  width: 100%;
  height: auto;
  padding-top: 20px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box::before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282728;
  pointer-events: none;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  pointer-events: none;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .title {
  flex: 1;
  font-size: 24px;
  color: #7b7b7b;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .title {
    font-size: 16px;
  }
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon {
  width: 30px;
  height: 30px;
  background: #3b3d3f;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon::before,
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon::after {
  content: '';
  width: 33.33%;
  height: 33.33%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background: #6c6c6c;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon::before {
  width: 2px;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon::after {
  height: 2px;
}
@media (max-width:1440px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon {
    width: 28px;
    height: 28px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon {
    width: 26px;
    height: 26px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box .icon {
    width: 24px;
    height: 24px;
  }
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box:hover .title {
  color: #fff;
  opacity: .8;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box:hover .icon {
  background: rgba(255, 255, 255, 0.8);
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box.active::after {
  width: 100%;
  left: 0;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box.active .title {
  color: #fff;
  opacity: 1;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box.active .icon {
  background: #fff;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box.active .icon::before,
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box.active .icon::after {
  background: #282728;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .title_box.active .icon::before {
  height: 0;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .details {
  width: 100%;
  height: auto;
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
  font-size: 16px;
  color: #fff;
  opacity: .8;
  line-height: 1.5;
  display: none;
  overflow: hidden;
}
@media (max-width:1440px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_3 .service_one .service_box .service_menu .item .details {
    font-size: 13px;
  }
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item .details p {
  margin: 0;
}
.inside_service_details .service_3 .service_one .service_box .service_menu .item:last-child {
  padding-bottom: 0;
}
.inside_service_details .service_3 .service_two {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(80px, 8.333333333333332vw, 160px);
}
.inside_service_details .service_3 .service_two .service_box {
  width: 100%;
  height: auto;
  padding-top: 20px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_service_details .service_3 .service_two .service_box::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282728;
}
.inside_service_details .service_3 .service_two .service_box .service_first {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_service_details .service_3 .service_two .service_box .service_first .icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inside_service_details .service_3 .service_two .service_box .service_first .icon .active {
  height: 0;
  font-family: 'Montserrat';
  font-size: 42px;
  color: #282728;
  line-height: .5;
}
@media (max-width:1600px) {
  .inside_service_details .service_3 .service_two .service_box .service_first .icon .active {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_3 .service_two .service_box .service_first .icon .active {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_3 .service_two .service_box .service_first .icon .active {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_3 .service_two .service_box .service_first .icon .active {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_service_details .service_3 .service_two .service_box .service_first .icon .active {
    font-size: 24px;
  }
}
.inside_service_details .service_3 .service_two .service_box .service_first .inside_pager {
  margin-left: 50px;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box {
  width: 43%;
  height: auto;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box li {
  opacity: 0;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .details {
  width: 100%;
  height: calc(8em * 1.44);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  line-height: 1.44;
  overflow: hidden;
}
@media (max-width:1600px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .details {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .details {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .details {
    font-size: 14px;
  }
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .details p {
  margin: 0;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .info_box {
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 20px;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 0;
  overflow: hidden;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info {
  flex: 1;
  height: auto;
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info .title {
  font-size: 18px;
  color: #fff;
}
@media (max-width:1600px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info .title {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info .title {
    font-size: 14px;
  }
}
.inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info .subtitle {
  font-size: 16px;
  color: #707273;
}
@media (max-width:1440px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .info .subtitle {
    font-size: 13px;
  }
}
@media (max-width:1440px) {
  .inside_service_details .service_3 .service_two .service_box .service_first .icon {
    width: 44px;
    height: 44px;
  }
  .inside_service_details .service_3 .service_two .service_box .swiper_box .info_box .img {
    width: 48px;
    height: 48px;
  }
}
@media (max-width:1024px) {
  .inside_service_details .service_3 .service_two .service_box .service_first .icon {
    width: 36px;
    height: 36px;
  }
}
.inside_service_details .case_swiper {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.inside_service_details .case_swiper ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  transition-timing-function: linear;
}
.inside_service_details .case_swiper li {
  width: 210px;
}
@media (max-width:1024px) {
  .inside_service_details .case_swiper li {
    width: 160px;
  }
}
.inside_service_details .case_swiper .img {
  width: 100%;
  height: auto;
  opacity: .4;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_service_details .case_swiper .img .pb {
  padding-bottom: 45%;
}
.inside_service_details .case_swiper .img:hover {
  opacity: 1;
  filter: brightness(0.3);
}
.inside_service_details .case_swiper {
  padding: 0 0 min(5.2vw, 100px);
  background: #191b1d;
}
.inside_service_details .case_swiper .img {
  opacity: .7;
}
.inside_service_details .case_swiper li:hover .img {
  opacity: 1;
  filter: none;
}
.inside_service_details .news_hot {
  padding: min(8.3vw, 160px) 0 0;
}
/* ----- 方法 ----- */
.inside_approach {
  width: 100%;
  height: auto;
  padding-top: 100px;
  background: #fff;
  overflow: hidden;
  /* 化繁为简 一切恰到好处 */
  /* 服务理念 */
}
.inside_approach .inside_center {
  position: relative;
  z-index: 5;
}
.inside_approach .approach_1 {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_approach .approach_1 .approach_box {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(130px, 13.541666666666666vw, 260px);
}
.inside_approach .approach_1 .approach_box .approach_main {
  width: 100%;
  height: auto;
  margin-top: clamp(40px, 4.166666666666666vw, 80px);
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one {
  width: 100%;
  height: 1em;
  font-size: 400px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn {
  width: auto;
  height: auto;
  position: absolute;
  left: 0;
  top: 30%;
  z-index: 5;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn .svg {
  width: auto;
  height: 120px;
  font-size: 0;
  padding: 10px 7px;
  background: #f35422;
  border-radius: 50px;
  position: relative;
  z-index: 1;
  pointer-events: initial;
  cursor: pointer;
  overflow: hidden;
  animation: moveDownBg 2.2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  /* &:hover::after { top: 0; } */
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn .svg a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn .svg svg {
  width: 12px;
  position: relative;
  z-index: 5;
  transition: transform 2.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: moveDown 2.2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn .svg svg path {
  fill: #282728;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn .svg::after {
  content: '';
  width: 120%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: #f35422;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
@media (max-width:1440px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn .svg {
    height: 100px;
    padding: 8px 5px;
  }
  .inside_approach .approach_1 .approach_box .approach_main .approach_one .down_btn .svg svg {
    width: 12px;
  }
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .info_box {
  width: 60.89%;
  height: 100%;
  position: relative;
  z-index: 5;
  transition-duration: 1.2s;
  overflow: hidden;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .info_box .images {
  width: 100%;
  height: 100%;
  border-radius: 100vw;
  font-size: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .info_box .images .img {
  width: 100%;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .info_box .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  --offsetValue: 0, 20;
  --offsetUnit: %;
  display: block;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .info_box .idx_more {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .info_box .idx_more a .word,
.inside_approach .approach_1 .approach_box .approach_main .approach_one .info_box .idx_more .more .word {
  background: #fff;
  color: #282728;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  --offsetValue: -5, 0;
  --offsetUnit: %;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_1 {
  left: 37%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_2 {
  left: 39%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_3 {
  left: 41%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_4 {
  left: 43%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_5 {
  left: 45%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_6 {
  left: 47%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_7 {
  left: 49%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_8 {
  left: 51%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_9 {
  left: 53%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_10 {
  left: 55%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_11 {
  left: 57%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_12 {
  left: 59%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_13 {
  left: 61%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_14 {
  left: 63%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_15 {
  left: 65%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_16 {
  left: 67%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_17 {
  left: 69%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_18 {
  left: 71%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_19 {
  left: 73%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_20 {
  left: 75%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_21 {
  left: 77%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_22 {
  left: 79%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_23 {
  left: 81%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_24 {
  left: 83%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_one .line_bg .center .line_25 {
  left: 85%;
}
@media (max-width:1440px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_one {
    font-size: 360px;
  }
}
@media (max-width:1280px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_one {
    font-size: 320px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_one {
    font-size: 260px;
  }
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two {
  width: 100%;
  height: 1em;
  font-size: 500px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 7%;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .details {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 30px;
  line-height: 1;
}
@media (max-width:1600px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_two .details {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_two .details {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_two .details {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_two .details {
    font-size: 18px;
  }
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .details p {
  margin: 0;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .details p:first-child ~ p {
  margin-top: 8px;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .details p:nth-child(2) ~ p {
  font-weight: 100;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  --offsetValue: 5, 0;
  --offsetUnit: %;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 55%;
  z-index: 1;
  border: 1px solid #dfdfdf;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 55%;
  z-index: 1;
  border-radius: 0 100vw 100vw 0;
  border: 1px solid #dfdfdf;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center .line {
  width: 1em;
  height: 1em;
  position: absolute;
  left: 45%;
  top: 0;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center .line .icon_active_run {
  width: 80px;
  height: 80px;
}
@media (max-width:1440px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_two {
    font-size: 460px;
  }
  .inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center .line .icon_active_run {
    width: 70px;
    height: 70px;
  }
}
@media (max-width:1280px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_two {
    font-size: 380px;
  }
  .inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center .line .icon_active_run {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_1 .approach_box .approach_main .approach_two {
    font-size: 340px;
  }
  .inside_approach .approach_1 .approach_box .approach_main .approach_two .line_bg .center .line .icon_active_run {
    width: 50px;
    height: 50px;
  }
}
.inside_approach .approach_1 .approach_box .approach_menu {
  width: 100%;
  height: auto;
  margin-top: clamp(80px, 8.333333333333332vw, 160px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: min(2.56vw, 50px);
}
.inside_approach .approach_1 .approach_box .approach_menu .item {
  width: 100%;
  height: auto;
}
.inside_approach .approach_1 .approach_box .approach_menu .item .icon {
  width: 110px;
  height: 110px;
  transform: translateX(-5%);
}
.inside_approach .approach_1 .approach_box .approach_menu .item .info {
  width: 100%;
  height: auto;
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.inside_approach .approach_1 .approach_box .approach_menu .item .info .title {
  width: 100%;
  height: auto;
  padding-bottom: .5em;
  font-size: 24px;
  line-height: 1;
  position: relative;
  z-index: 1;
}
@media (max-width:1600px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .info .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .info .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .info .title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .info .title {
    font-size: 16px;
  }
}
.inside_approach .approach_1 .approach_box .approach_menu .item .info .title::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #282728;
  opacity: .1;
}
.inside_approach .approach_1 .approach_box .approach_menu .item .info .details {
  width: 90%;
  height: auto;
  margin-top: clamp(15px, 1.5625vw, 30px);
  font-size: 16px;
  font-weight: 100;
  line-height: 1.5;
  overflow: hidden;
}
@media (max-width:1440px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .info .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .info .details {
    font-size: 13px;
  }
}
@media (max-width:1440px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .icon {
    width: 100px;
    height: 100px;
  }
}
@media (max-width:1280px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .icon {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_1 .approach_box .approach_menu .item .icon {
    width: 80px;
    height: 80px;
  }
}
.inside_approach .approach_1 .blur_bg {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  transform: translate(-50%, 75%);
  font-size: 0;
}
.inside_approach .approach_1 .blur_bg .img {
  --offsetValue: 0, -15;
  --offsetUnit: vh;
  text-align: center;
}
.inside_approach .approach_2 {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: clamp(100px, 10.416666666666668vw, 200px);
  background: #282728;
  overflow: hidden;
}
.inside_approach .approach_2 .approach_title {
  width: 100%;
  height: auto;
}
.inside_approach .approach_2 .approach_title .title {
  width: 100%;
  height: 1em;
  position: relative;
  font-size: 140px;
}
@media (max-width:1600px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 130px;
  }
}
@media (max-width:1560px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 120px;
  }
}
@media (max-width:1440px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 110px;
  }
}
@media (max-width:1366px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 100px;
  }
}
@media (max-width:1200px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 90px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 80px;
  }
}
@media (max-width:768px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 54px;
  }
}
@media (max-width:480px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .inside_approach .approach_2 .approach_title .title {
    font-size: 30px;
  }
}
.inside_approach .approach_2 .approach_title .title .word {
  position: absolute;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
}
.inside_approach .approach_2 .approach_title .title.first_title {
  --offsetValue: 10, 0;
  --offsetUnit: vw;
}
.inside_approach .approach_2 .approach_title .title.first_title .word {
  left: 0;
  top: 0;
}
.inside_approach .approach_2 .approach_title .title.first_title img {
  width: .457em;
  transform: translate(140%, -50%);
  position: absolute;
  right: 0;
  top: 50%;
}
.inside_approach .approach_2 .approach_title .title.last_title {
  margin-top: 14px;
  --offsetValue: -10, 0;
  --offsetUnit: vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_approach .approach_2 .approach_title .title.last_title .word {
  right: 0;
  bottom: 0;
}
.inside_approach .approach_2 .approach_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_approach .approach_2 .approach_box .menu {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.inside_approach .approach_2 .approach_box .menu .item {
  width: 16.41%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: absolute;
}
.inside_approach .approach_2 .approach_box .menu .item .title {
  width: 9em;
  height: auto;
  padding: 11px 1.5em;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #373737;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_approach .approach_2 .approach_box .menu .item .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_approach .approach_2 .approach_box .menu .item .title {
    font-size: 13px;
  }
}
.inside_approach .approach_2 .approach_box .menu .item .details {
  width: 100%;
  height: auto;
  margin-top: 15px;
  font-size: 13px;
  color: #a9a9a9;
}
.inside_approach .approach_2 .approach_box .menu .item_1 {
  left: 4.48%;
  top: 18.01692865779927%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.inside_approach .approach_2 .approach_box .menu .item_1 .details {
  text-align: right;
}
.inside_approach .approach_2 .approach_box .menu .item_2 {
  left: 4.48%;
  top: 55.50181378476421%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.inside_approach .approach_2 .approach_box .menu .item_2 .details {
  text-align: right;
}
.inside_approach .approach_2 .approach_box .menu .item_3 {
  width: 18.2%;
  right: 4.48%;
  top: 18.01692865779927%;
}
.inside_approach .approach_2 .approach_box .menu .item_4 {
  width: 18.2%;
  right: 4.48%;
  top: 55.50181378476421%;
}
.inside_approach .approach_2 .approach_box .menu .item_5 {
  width: 18.2%;
  left: 55.3%;
  top: 36.15477629987908%;
}
.inside_approach .approach_2 .approach_box .images {
  width: 100%;
  height: auto;
  font-size: 0;
}
.inside_approach .approach_3 {
  width: 100%;
  height: auto;
  position: relative;
  background: #282728;
  overflow: hidden;
}
.inside_approach .approach_3 .approach_box {
  width: 100%;
  height: auto;
  padding-bottom: clamp(50px, 5.208333333333334vw, 100px);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_approach .approach_3 .approach_box .approach_main {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_approach .approach_3 .approach_box .approach_main .title_box {
  width: 43%;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .title_main {
  width: 100%;
  height: auto;
  padding-top: clamp(30px, 3.125vw, 60px);
  --y: 400;
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .classify {
  font-size: 16px;
  color: #7b7b7b;
  line-height: 1;
  position: relative;
  z-index: 2;
}
@media (max-width:1440px) {
  .inside_approach .approach_3 .approach_box .approach_main .title_box .classify {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_approach .approach_3 .approach_box .approach_main .title_box .classify {
    font-size: 13px;
  }
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .idx_title {
  margin-top: clamp(30px, 3.125vw, 60px);
  position: relative;
  z-index: 2;
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .idx_title .title .word.first {
  color: #7b7b7b;
  transform: translateY();
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .idx_title .title .word.last {
  color: #fff;
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .feiren {
  width: 100%;
  height: auto;
  padding: 0 0 0 20%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  transform: translateY(-35%);
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word {
  position: absolute;
  font-weight: 100;
  color: #fff;
  filter: blur(2px) opacity(0.1);
  line-height: 1;
  white-space: nowrap;
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word_1 {
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 60px;
  filter: blur(4px) opacity(0.1);
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word_2 {
  right: 0;
  top: 18px;
  font-size: 100px;
  z-index: 5;
  filter: blur(3px) opacity(0.2);
}
.inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word_3 {
  right: 0;
  top: 0;
  font-size: 30px;
  z-index: 3;
}
@media (max-width:1600px) {
  .inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word_3 {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word_3 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word_3 {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_approach .approach_3 .approach_box .approach_main .title_box .bg_text .word_3 {
    font-size: 18px;
  }
}
@media (max-width:1280px) {
  .inside_approach .approach_3 .approach_box .approach_main .title_box .feiren img {
    width: 180px;
  }
}
.inside_approach .approach_3 .approach_box .approach_main .content {
  width: 42%;
  height: auto;
  margin: clamp(63px, 6.5625vw, 126px) 0 clamp(63px, 6.5625vw, 126px);
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 100px;
}
.inside_approach .approach_3 .approach_box .approach_main .content .item {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_approach .approach_3 .approach_box .approach_main .content .item .title {
  font-size: 30px;
  line-height: 1.3;
  color: #fff;
  filter: blur(10px) opacity(0.4);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .title {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .title {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .title {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .title {
    font-size: 18px;
  }
}
.inside_approach .approach_3 .approach_box .approach_main .content .item .title p {
  margin: 0;
}
.inside_approach .approach_3 .approach_box .approach_main .content .item .icon_active {
  position: absolute;
  left: 105%;
  top: 0;
  z-index: 1;
  transform: translate(10px, -0.35em);
  font-size: 30px;
  background: #fff;
  opacity: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .icon_active {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .icon_active {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .icon_active {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_approach .approach_3 .approach_box .approach_main .content .item .icon_active {
    font-size: 18px;
  }
}
.inside_approach .approach_3 .approach_box .approach_main .content .item.active .title {
  filter: none;
}
.inside_approach .approach_3 .approach_box .approach_main .content .item.active .icon_active {
  left: 100%;
  opacity: 1;
}
.inside_approach .approach_3 .approach_box .blur_bg {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  transform: translate(-50%, 75%);
  filter: brightness(0) invert(1) opacity(0.2);
  font-size: 0;
}
.inside_approach .approach_3 .approach_box .blur_bg .img {
  --offsetValue: 0, -15;
  --offsetUnit: vh;
  text-align: center;
}
.inside_approach .inside_about_active .about_box .about_main .idx_more .word {
  background: #f35422;
  color: #282728;
}
.inside_approach .inside_about_active .about_box .about_main .idx_more .arrow svg path {
  fill: #f35422;
}
/* ----- 动态 ----- */
.inside_news {
  width: 100%;
  height: auto;
  background: #282728 url('../images/news_bg.png') no-repeat top right / 100% auto;
  overflow: hidden;
}
.inside_news .news_header {
  width: 100%;
  height: auto;
}
.inside_news .news_header .news_box {
  width: 100%;
  height: auto;
  padding-top: clamp(130px, 13.541666666666666vw, 260px);
  padding-bottom: clamp(90px, 9.375vw, 180px);
}
.inside_news .news_header .news_box .idx_title .title .word.first {
  color: #9c9c9c;
}
.inside_news .news_header .news_box .idx_title .title .word.last {
  color: #fff;
}
.inside_news .news_header .news_box .news_swiper {
  width: 100%;
  height: auto;
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
  padding-top: clamp(25px, 2.604166666666667vw, 50px);
  position: relative;
}
.inside_news .news_header .news_box .news_swiper::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #6c6c6c;
  opacity: .2;
}
.inside_news .news_header .news_box .news_swiper .swiper_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info {
  width: 20%;
  height: auto;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info li {
  opacity: 0;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .title {
  width: 100%;
  height: calc(2em * 1.3);
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-width:1600px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .title {
    font-size: 16px;
  }
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .info {
  width: 100%;
  height: auto;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .info .details {
  width: 100%;
  height: calc(3em * 1.57);
  font-size: 14px;
  font-weight: 100;
  color: #7b7b7b;
  line-height: 1.57;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .info .bottom {
  width: 100%;
  height: auto;
  margin-top: clamp(20px, 2.083333333333333vw, 40px);
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .info .bottom .time,
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .info .bottom .classify {
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info .content .info .bottom .classify {
  margin-top: 10px;
}
@media (max-width:1280px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .swiper_info {
    width: 30%;
  }
}
.inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 30%;
  font-size: 24px;
}
@media (max-width:1600px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
    font-size: 16px;
  }
}
.inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run svg path {
  fill: #f35422;
}
@media (max-width:1440px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
    width: 70px;
    height: 70px;
  }
}
@media (max-width:1280px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:1024px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .icon_active_run {
    width: 50px;
    height: 50px;
    top: 25%;
  }
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images {
  width: 65.76%;
  height: auto;
  position: relative;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .swiper_img {
  width: 100%;
  height: auto;
  border-radius: 100vw;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .swiper_img li {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .swiper_img .images {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .swiper_img .images .pb {
  padding-bottom: 40.93%;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .swiper_img .images .ab {
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .swiper_img .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  --offsetValue: 0, 20;
  --offsetUnit: %;
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .idx_more {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2;
  transform: translate(1em, -50%);
}
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .idx_more a .word,
.inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .idx_more .more .word {
  background: #fff;
  color: #282728;
}
@media (max-width:1800px) {
  .inside_news .news_header .news_box .news_swiper .swiper_box .swiper_images .idx_more {
    transform: translateY(-50%);
  }
}
.inside_news .news_header .news_box .news_swiper .inside_pager {
  margin-top: min(3.125vw, 60px);
}
.inside_news .news_list {
  width: 100%;
  height: auto;
  background: #fff;
  padding: min(5.2vw, 100px) 0 min(11.458vw, 220px);
}
.inside_news .news_list .news_box {
  width: 100%;
  height: auto;
}
.inside_news .news_list .news_box .subnav_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_news .news_list .news_box .subnav_box::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #f4f4f4;
}
.inside_news .news_list .news_box .subnav_box a {
  width: auto;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 10px 10px 0;
  padding: 0 20px;
  position: relative;
  font-size: 14px;
  background: #f6f6f6;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.inside_news .news_list .news_box .subnav_box a:last-child {
  margin-right: 0;
}
.inside_news .news_list .news_box .subnav_box a:hover {
  border-radius: 20px;
  color: #282728;
  background: #BCBCBC;
}
.inside_news .news_list .news_box .subnav_box a.active,
.inside_news .news_list .news_box .subnav_box a.active:hover {
  background: #282728;
  color: #FFF;
  border-radius: 0;
}
.inside_news .news_list .news_box .list_box {
  width: 100%;
  height: auto;
  margin-top: min(3.125vw, 60px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: min(3.125vw, 60px) min(2.083vw, 40px);
}
.inside_news .news_list .news_box .list_box .item {
  width: 100%;
  height: auto;
  position: relative;
}
.inside_news .news_list .news_box .list_box .item::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #e8e8e8;
  pointer-events: none;
}
.inside_news .news_list .news_box .list_box .item a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.inside_news .news_list .news_box .list_box .item .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.inside_news .news_list .news_box .list_box .item .img .pb {
  padding-bottom: 49.59%;
}
.inside_news .news_list .news_box .list_box .item .img .ab {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_news .news_list .news_box .list_box .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_news .news_list .news_box .list_box .item .content {
  width: 100%;
  height: auto;
  flex: 1;
  padding: min(2.56vw, 50px) min(3.125vw, 60px) min(2.083vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_news .news_list .news_box .list_box .item .content .title {
  width: 100%;
  height: calc(3em * 1.3);
  font-size: 20px;
  color: #282728;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (max-width:1440px) {
  .inside_news .news_list .news_box .list_box .item .content .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .inside_news .news_list .news_box .list_box .item .content .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .inside_news .news_list .news_box .list_box .item .content .title {
    font-size: 15px;
  }
}
.inside_news .news_list .news_box .list_box .item .content .details {
  width: 100%;
  height: calc(3em * 1.57);
  margin-top: clamp(65px, 6.770833333333333vw, 130px);
  font-size: 14px;
  font-weight: 100;
  color: #7b7b7b;
  line-height: 1.57;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.inside_news .news_list .news_box .list_box .item .content .info {
  width: 100%;
  height: auto;
  margin-top: clamp(75px, 7.8125vw, 150px);
}
.inside_news .news_list .news_box .list_box .item .content .info .time,
.inside_news .news_list .news_box .list_box .item .content .info .classify {
  font-size: 14px;
  color: #282728;
  line-height: 1;
}
.inside_news .news_list .news_box .list_box .item .content .info .classify {
  margin-top: 10px;
}
.inside_news .news_list .news_box .list_box .item:hover .img .ab {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.inside_news .news_list .news_box .list_box .item:nth-child(7n) {
  grid-column: span 3;
}
.inside_news .news_list .news_box .list_box .item:nth-child(7n) a {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: min(2.083vw, 40px);
}
.inside_news .news_list .news_box .list_box .item:nth-child(7n) .img {
  grid-column: span 2;
}
.inside_news .news_list .news_box .list_box .item:nth-child(7n) .content {
  padding: min(2.56vw, 50px) min(5.2vw, 100px) min(2.083vw, 40px) 20px;
}
.inside_news .news_list .news_box .list_box .item:nth-child(7n) .content .title {
  font-size: 24px;
}
@media (max-width:1600px) {
  .inside_news .news_list .news_box .list_box .item:nth-child(7n) .content .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_news .news_list .news_box .list_box .item:nth-child(7n) .content .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_news .news_list .news_box .list_box .item:nth-child(7n) .content .title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_news .news_list .news_box .list_box .item:nth-child(7n) .content .title {
    font-size: 16px;
  }
}
.inside_news .news_list .news_box .list_box .item:nth-child(7n) .content .info {
  margin-top: 30px;
}
/* ----- 动态 - 详情 ----- */
.inside_news_details {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_news_details .news_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: 100px;
  overflow: hidden;
}
.inside_news_details .news_banner .inside_center {
  position: relative;
  z-index: 5;
}
.inside_news_details .news_banner .news_box {
  width: 100%;
  height: auto;
  min-height: 62vh;
  padding-bottom: clamp(120px, 12.5vw, 240px);
  position: relative;
  z-index: 1;
}
.inside_news_details .news_banner .news_box .return_btn {
  width: 100%;
  height: min(8.3vw, 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.inside_news_details .news_banner .news_box .return_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 10px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_news_details .news_banner .news_box .return_btn a .icon {
  width: 38px;
  height: 38px;
  background: #f35422;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_news_details .news_banner .news_box .return_btn a .icon svg path {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1440px) {
  .inside_news_details .news_banner .news_box .return_btn a .icon {
    width: 34px;
    height: 34px;
  }
}
@media (max-width:1024px) {
  .inside_news_details .news_banner .news_box .return_btn a .icon {
    width: 30px;
    height: 30px;
  }
}
.inside_news_details .news_banner .news_box .return_btn a .word {
  font-size: 24px;
  color: #fff;
  opacity: .4;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .inside_news_details .news_banner .news_box .return_btn a .word {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_news_details .news_banner .news_box .return_btn a .word {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_news_details .news_banner .news_box .return_btn a .word {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_news_details .news_banner .news_box .return_btn a .word {
    font-size: 16px;
  }
}
.inside_news_details .news_banner .news_box .return_btn a:hover {
  grid-gap: 15px;
}
.inside_news_details .news_banner .news_box .return_btn a:hover .icon {
  background: #282728;
}
.inside_news_details .news_banner .news_box .return_btn a:hover .icon svg path {
  fill: #f35422;
}
.inside_news_details .news_banner .news_box .return_btn a:hover .word {
  opacity: 1;
}
.inside_news_details .news_banner .news_box .idx_title .title .word.first {
  color: #fff;
  opacity: .4;
}
.inside_news_details .news_banner .news_box .idx_title .title .word.last {
  color: #fff;
}
.inside_news_details .news_banner .news_box .icon_active_run {
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 0;
  margin-bottom: clamp(30px, 3.125vw, 60px);
  left: 0;
}
.inside_news_details .news_banner .news_box .icon_active_run svg path {
  fill: #f35422;
}
@media (max-width:1440px) {
  .inside_news_details .news_banner .news_box .icon_active_run {
    width: 70px;
    height: 70px;
  }
}
@media (max-width:1280px) {
  .inside_news_details .news_banner .news_box .icon_active_run {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:1024px) {
  .inside_news_details .news_banner .news_box .icon_active_run {
    width: 50px;
    height: 50px;
  }
}
.inside_news_details .news_banner .images {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  z-index: 1;
}
.inside_news_details .news_banner .images::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url('../images/news_bg.png') no-repeat top right / 100% auto;
}
.inside_news_details .news_banner .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_news_details .news_details {
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
}
.inside_news_details .news_details .news_box {
  width: 100%;
  height: auto;
}
.inside_news_details .news_details .news_box .details_header {
  width: 100%;
  height: auto;
  padding-top: clamp(35px, 3.6458333333333335vw, 70px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: min(2.083vw, 40px);
}
.inside_news_details .news_details .news_box .details_header .one {
  font-size: 14px;
  color: #282728;
  line-height: 1;
}
.inside_news_details .news_details .news_box .details_header::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #f4f4f4;
}
.inside_news_details .news_details .news_box .details_box {
  width: 100%;
  height: auto;
  padding-top: clamp(55px, 5.729166666666666vw, 110px);
  padding-bottom: clamp(55px, 5.729166666666666vw, 110px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: min(2.083vw, 40px);
}
.inside_news_details .news_details .news_box .details_box .sidebar_box {
  width: 100%;
  height: auto;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  overflow: hidden;
}
.inside_news_details .news_details .news_box .details_box .sidebar_box .menu {
  width: 100%;
  height: auto;
  overflow: hidden;
  --y: 50;
}
.inside_news_details .news_details .news_box .details_box .sidebar_box .menu .one {
  width: 100%;
  height: auto;
  cursor: pointer;
}
.inside_news_details .news_details .news_box .details_box .sidebar_box .menu .one a {
  font-size: 14px;
  color: #aba9a9;
  line-height: 1.2;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_news_details .news_details .news_box .details_box .sidebar_box .menu .one a:hover {
  color: #282728;
}
.inside_news_details .news_details .news_box .details_box .sidebar_box .menu .one.active a {
  color: #282728;
}
.inside_news_details .news_details .news_box .details_box .sidebar_box .menu .one:first-child ~ .one {
  margin-top: 12px;
}
.inside_news_details .news_details .news_box .details_box .details_main {
  width: 100%;
  height: auto;
  grid-column: span 2;
  overflow: hidden;
}
.inside_news_details .news_details .news_box .details_box .details_main .text_details *:first-child ~ * {
  margin-top: 2em;
}
.inside_news_details .news_details .news_box .details_box .details_main .text_details h2 {
  font-size: 30px;
}
@media (max-width:1600px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h2 {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h2 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h2 {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h2 {
    font-size: 18px;
  }
}
.inside_news_details .news_details .news_box .details_box .details_main .text_details h3 {
  font-size: 24px;
}
@media (max-width:1600px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h3 {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h3 {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h3 {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_news_details .news_details .news_box .details_box .details_main .text_details h3 {
    font-size: 16px;
  }
}
.inside_news_details .news_details .news_box .details_box .details_main .text_details ul li {
  width: 100%;
  height: auto;
  padding: 0 0 2em 12px;
  position: relative;
}
.inside_news_details .news_details .news_box .details_box .details_main .text_details ul li::before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  background: #282728;
  transform: translateY(0.625em);
}
.inside_news_details .news_details .news_box .details_box .details_main .text_details ul li::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #F0F0F0;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share {
  width: 100%;
  height: auto;
  margin-top: clamp(70px, 7.291666666666667vw, 140px);
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_title {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 1;
  position: relative;
}
@media (max-width:1600px) {
  .inside_news_details .news_details .news_box .details_box .details_main .details_share .share_title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_news_details .news_details .news_box .details_box .details_main .details_share .share_title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_news_details .news_details .news_box .details_box .details_main .details_share .share_title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_news_details .news_details .news_box .details_box .details_main .details_share .share_title {
    font-size: 16px;
  }
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_title::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #e8e8e8;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main {
  width: 100%;
  height: auto;
  margin-top: clamp(15px, 1.5625vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .icon_arrow {
  font-size: 0;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 10px;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon {
  width: 48px;
  height: 48px;
  background: #282728;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon::after {
  content: '';
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  background: #fff;
  transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon.icon_wx::after {
  -webkit-mask: url('../svg/icon_weixin.svg') no-repeat center / cover;
  -moz-mask: url('../svg/icon_weixin.svg') no-repeat center / cover;
  mask: url('../svg/icon_weixin.svg') no-repeat center / cover;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon.icon_wb::after {
  -webkit-mask: url('../svg/icon_weibo.svg') no-repeat center / cover;
  -moz-mask: url('../svg/icon_weibo.svg') no-repeat center / cover;
  mask: url('../svg/icon_weibo.svg') no-repeat center / cover;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon.icon_pyq::after {
  -webkit-mask: url('../svg/icon_pyq.svg') no-repeat center / cover;
  -moz-mask: url('../svg/icon_pyq.svg') no-repeat center / cover;
  mask: url('../svg/icon_pyq.svg') no-repeat center / cover;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon:hover {
  background: #f35422;
}
.inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon:hover::after {
  background: #282728;
}
@media (max-width:1440px) {
  .inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon {
    width: 44px;
    height: 44px;
  }
}
@media (max-width:1280px) {
  .inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width:1024px) {
  .inside_news_details .news_details .news_box .details_box .details_main .details_share .share_main .share_icon .icon {
    width: 36px;
    height: 36px;
  }
}
.inside_news_details .news_hot {
  padding-top: clamp(30px, 3.125vw, 60px);
}
/* ----- 联系我们 ----- */
.inside_contact {
  width: 100%;
  height: auto;
  background: #f4f4f4;
  /* 开门见山 更高效，更简单。 */
}
.inside_contact .contact_1 {
  width: 100%;
  height: auto;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.inside_contact .contact_1 .contact_box {
  width: 100%;
  height: auto;
  padding-top: clamp(75px, 7.8125vw, 150px);
  padding-bottom: clamp(75px, 7.8125vw, 150px);
}
.inside_contact .contact_1 .contact_box .inside_center {
  position: relative;
  z-index: 5;
}
.inside_contact .contact_1 .contact_box .contact_info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 30px;
  position: relative;
}
.inside_contact .contact_1 .contact_box .contact_info .idx_title {
  margin: 7px 0;
}
.inside_contact .contact_1 .contact_box .contact_info .idx_title .title .word span {
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.inside_contact .contact_1 .contact_box .contact_info .idx_title .active {
  color: #f35422;
}
.inside_contact .contact_1 .contact_box .contact_info .info_box {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 30px;
  clip-path: inset(0 100% 0 -100% round 150px);
}
.inside_contact .contact_1 .contact_box .contact_info .info_box .images {
  width: 320px;
  height: 100%;
  border-radius: 100vh;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_contact .contact_1 .contact_box .contact_info .info_box .images .img {
  width: 100%;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.inside_contact .contact_1 .contact_box .contact_info .info_box .images img,
.inside_contact .contact_1 .contact_box .contact_info .info_box .images video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  --offsetValue: 0, 12;
  --offsetUnit: %;
}
@media (max-width:1440px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .images {
    width: 300px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .images {
    width: 280px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .images {
    width: 260px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .images {
    width: 240px;
  }
}
.inside_contact .contact_1 .contact_box .contact_info .info_box .come {
  font-size: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1600px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .come {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .come {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .come {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .come {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_contact .contact_1 .contact_box .contact_info .info_box .come {
    font-size: 24px;
  }
}
.inside_contact .contact_1 .contact_box .contact_info.active .info_box {
  clip-path: inset(0 0 0 -100% round 150px);
  -webkit-transition: all 1.8s linear;
  -o-transition: all 1.8s linear;
  transition: all 1.8s linear;
  transition-delay: .6s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inside_contact .contact_1 .contact_box .contact_info .icon_big {
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_small {
  width: 60px;
  height: 60px;
  animation: run 10s linear infinite;
}
.inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_small svg {
  width: 100%;
  height: 100%;
}
.inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_small svg path {
  fill: #f35422;
}
@media (max-width:1440px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_small {
    width: 54px;
    height: 54px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_small {
    width: 48px;
    height: 48px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_small {
    width: 44px;
    height: 44px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_small {
    width: 36px;
    height: 36px;
  }
}
.inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_border {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
}
.inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_border .icon {
  width: 100%;
  height: 100%;
  animation: run 30s linear infinite;
}
.inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_border .icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width:1440px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_border {
    width: 220px;
    height: 220px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_border {
    width: 200px;
    height: 200px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_border {
    width: 180px;
    height: 180px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .contact_info .icon_big .icon_active_border {
    width: 150px;
    height: 150px;
  }
}
.inside_contact .contact_1 .contact_box .tips_info {
  width: 100%;
  height: auto;
  margin-top: clamp(85px, 8.854166666666668vw, 170px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_contact .contact_1 .contact_box .tips_info .info_box .details {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 15px;
}
.inside_contact .contact_1 .contact_box .tips_info .info_box .details .word {
  font-size: 18px;
}
@media (max-width:1600px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .details .word {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .details .word {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .details .word {
    font-size: 14px;
  }
}
.inside_contact .contact_1 .contact_box .tips_info .info_box .details .icon {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width:1600px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .details .icon {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .details .icon {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .details .icon {
    font-size: 14px;
  }
}
.inside_contact .contact_1 .contact_box .tips_info .info_box .details .icon img {
  max-width: 2em;
}
.inside_contact .contact_1 .contact_box .tips_info .info_box .mailbox {
  font-size: 18px;
}
@media (max-width:1600px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .mailbox {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .mailbox {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .tips_info .info_box .mailbox {
    font-size: 14px;
  }
}
.inside_contact .contact_1 .contact_box .tips_info .icon_big {
  width: 18%;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_contact .contact_1 .contact_box .tips_info .icon_big .icon_active {
  width: 120px;
  height: 120px;
  background: #e6e6e6;
  position: absolute;
  top: 50%;
  transform: translateY(-58%);
}
@media (max-width:1440px) {
  .inside_contact .contact_1 .contact_box .tips_info .icon_big .icon_active {
    width: 100px;
    height: 100px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_1 .contact_box .tips_info .icon_big .icon_active {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_1 .contact_box .tips_info .icon_big .icon_active {
    width: 80px;
    height: 80px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_1 .contact_box .tips_info .icon_big .icon_active {
    width: 60px;
    height: 60px;
  }
}
.inside_contact .contact_1 .contact_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.inside_contact .contact_1 .contact_bg .img {
  width: 100%;
  height: 100%;
  background: url('../images/contact_bg.png') no-repeat -400% bottom;
  --offsetValue: -10, 0;
  --offsetUnit: %;
}
.inside_contact .contact_2 {
  width: 100%;
  height: auto;
  background: #282728;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_contact .contact_2 .icon_active_border {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transform: translate(-28%, -28%);
  pointer-events: none;
}
.inside_contact .contact_2 .icon_active_border .icon {
  width: 100%;
  height: 100%;
  animation: run 30s linear infinite;
  pointer-events: none;
}
@media (max-width:1440px) {
  .inside_contact .contact_2 .icon_active_border {
    width: 220px;
    height: 220px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_2 .icon_active_border {
    width: 200px;
    height: 200px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_2 .icon_active_border {
    width: 180px;
    height: 180px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_2 .icon_active_border {
    width: 150px;
    height: 150px;
  }
}
.inside_contact .contact_2 .inside_center {
  position: relative;
  z-index: 5;
}
.inside_contact .contact_2 .contact_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: clamp(80px, 8.333333333333332vw, 160px);
  padding-bottom: clamp(135px, 14.0625vw, 270px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_contact .contact_2 .contact_box .contact_info {
  width: 32%;
}
.inside_contact .contact_2 .contact_box .contact_info .idx_title .title .word.first {
  color: #9c9c9c;
}
.inside_contact .contact_2 .contact_box .contact_info .idx_title .title .word.last {
  color: #fff;
}
.inside_contact .contact_2 .contact_box .contact_info .line {
  width: 100%;
  height: 10px;
  margin-top: clamp(40px, 4.166666666666666vw, 80px);
  background: url('../images/line_bg_w.png') repeat-x;
}
.inside_contact .contact_2 .contact_box .contact_info .info_box {
  width: 100%;
  height: auto;
  margin-top: clamp(40px, 4.166666666666666vw, 80px);
}
.inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .title_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .title_box .icon_active {
  width: 30px;
  height: 30px;
  background: #f35422;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-150%, -50%);
}
.inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .title_box .title {
  width: 100%;
  height: auto;
  line-height: 1;
  font-size: 18px;
  color: #7b7b7b;
}
@media (max-width:1600px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .title_box .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .title_box .title {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .title_box .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .title_box .icon_active {
    display: none;
  }
}
.inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .tel {
  width: 100%;
  height: auto;
  margin-top: 10px;
  line-height: 1;
  font-size: 24px;
  color: #ffb49d;
}
@media (max-width:1600px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .tel {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .tel {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .tel {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .tel {
    font-size: 16px;
  }
}
.inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .address {
  margin-top: 1.5em;
  font-size: 16px;
  color: #7b7b7b;
}
@media (max-width:1440px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .address {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_2 .contact_box .contact_info .info_box .contact_tel .address {
    font-size: 13px;
  }
}
.inside_contact .contact_2 .contact_box .contact_info .info_box .qrcode {
  width: 100%;
  height: auto;
  margin-top: min(2.083vw, 40px);
  font-size: 0;
}
.inside_contact .contact_2 .contact_box .contact_info .info_box .qrcode img {
  max-width: 120px;
  max-height: 120px;
}
.inside_contact .contact_2 .contact_box .contact_form {
  width: 50%;
  height: auto;
  margin-top: clamp(17.5px, 1.8229166666666667vw, 35px);
}
.inside_contact .contact_2 .contact_box .contact_form .item {
  width: 100%;
  height: auto;
  padding-top: 50px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 20px;
}
.inside_contact .contact_2 .contact_box .contact_form .item:first-child {
  margin: 0;
}
.inside_contact .contact_2 .contact_box .contact_form .item::before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  background: #545354;
}
.inside_contact .contact_2 .contact_box .contact_form .item::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  background: #f35422;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_contact .contact_2 .contact_box .contact_form .item.active {
  border-bottom: 0;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.inside_contact .contact_2 .contact_box .contact_form .item.active::before,
.inside_contact .contact_2 .contact_box .contact_form .item.active::after {
  display: none;
}
.inside_contact .contact_2 .contact_box .contact_form .item .title {
  width: auto;
  height: 50px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1440px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .title {
    font-size: 13px;
  }
}
.inside_contact .contact_2 .contact_box .contact_form .item .title .icon {
  width: 1em;
  height: 10px;
  font-size: 16px;
  line-height: 0;
}
@media (max-width:1440px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .title .icon {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .title .icon {
    font-size: 13px;
  }
}
.inside_contact .contact_2 .contact_box .contact_form .item .title .word {
  width: auto;
  height: auto;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1440px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .title .word {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .title .word {
    font-size: 13px;
  }
}
.inside_contact .contact_2 .contact_box .contact_form .item .input {
  width: 100%;
  height: 50px;
  overflow: hidden;
}
.inside_contact .contact_2 .contact_box .contact_form .item .input input {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  font-size: 16px;
  color: #fff;
}
@media (max-width:1440px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .input input {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_contact .contact_2 .contact_box .contact_form .item .input input {
    font-size: 13px;
  }
}
.inside_contact .contact_2 .contact_box .contact_form .item .content {
  flex: 1;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 10px;
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect {
  width: auto;
  height: 32px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 50px;
  overflow: hidden;
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #545354;
  border-radius: 50px;
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #f35422;
  border-radius: 50px;
  transform: translateY(100%);
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect span {
  width: auto;
  height: auto;
  padding: 0 1.5em;
  background: transparent;
  font-size: 14px;
  color: #7d7d7d;
  position: relative;
  z-index: 5;
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect .layui-icon {
  display: none;
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect::before,
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect::after,
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect span {
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio:hover .layui-unselect span,
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect.layui-form-checked span {
  color: #282728;
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio:hover .layui-unselect::before,
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect.layui-form-checked::before {
  opacity: 0;
}
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio:hover .layui-unselect::after,
.inside_contact .contact_2 .contact_box .contact_form .item .content .ratio .layui-unselect.layui-form-checked::after {
  transform: translateY(0);
}
.inside_contact .contact_2 .contact_box .contact_form .item.item_input {
  position: relative;
  z-index: 1;
}
.inside_contact .contact_2 .contact_box .contact_form .item.item_input .title {
  position: absolute;
  left: 0;
  top: 50px;
  pointer-events: none;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.inside_contact .contact_2 .contact_box .contact_form .item.item_input.is_active .title {
  height: 50px;
  padding-top: 20px;
  top: 0;
  pointer-events: initial;
}
.inside_contact .contact_2 .contact_box .contact_form .item.item_input.is_active .title .word {
  font-size: 13px;
  color: #f35422;
}
.inside_contact .contact_2 .contact_box .contact_form .item.item_input.is_active::after {
  width: 100%;
  left: 0;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more {
  margin-top: clamp(25px, 2.604166666666667vw, 50px);
  font-size: 38px;
}
@media (max-width:1600px) {
  .inside_contact .contact_2 .contact_box .contact_form .idx_more {
    font-size: 34px;
  }
}
@media (max-width:1366px) {
  .inside_contact .contact_2 .contact_box .contact_form .idx_more {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .inside_contact .contact_2 .contact_box .contact_form .idx_more {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .inside_contact .contact_2 .contact_box .contact_form .idx_more {
    font-size: 22px;
  }
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a {
  font-size: 38px;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more .word,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a .word {
  background: #7b7b7b;
  color: #fff;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more .word span,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a .word span {
  min-width: 92px;
  font-size: 12px;
  font-weight: 100;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more .arrow svg path,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a .arrow svg path {
  fill: #fff;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more .arrow.arrow_first,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a .arrow.arrow_first {
  background: #f35422;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more .arrow.arrow_first svg path,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a .arrow.arrow_first svg path {
  fill: #282728;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more .arrow.arrow_last,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a .arrow.arrow_last {
  background: #7b7b7b;
}
.inside_contact .contact_2 .contact_box .contact_form .idx_more .more:hover .word,
.inside_contact .contact_2 .contact_box .contact_form .idx_more a:hover .word {
  transform: translateX(1em);
  background: #f35422;
  color: #282728;
}
.inside_contact .contact_2 .blur_bg {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  transform: translate(-50%, 75%);
  filter: brightness(0) invert(1) opacity(0.2);
  font-size: 0;
}
.inside_contact .contact_2 .blur_bg .img {
  --offsetValue: 0, -15;
  --offsetUnit: vh;
}
/* ----- 报价 ----- */
.inside_consult {
  width: 100%;
  height: auto;
  padding-top: 100px;
  background: #fff;
  overflow: hidden;
}
@media (max-width:1366px) {
  .inside_consult {
    padding-top: 70px;
  }
}
.inside_consult .consult_1 {
  width: 100%;
  height: auto;
  padding-top: clamp(85px, 8.854166666666668vw, 170px);
  padding-bottom: clamp(55px, 5.729166666666666vw, 110px);
  overflow: hidden;
}
.inside_consult .consult_1 .consult_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_consult .consult_1 .consult_box .consult_title {
  width: auto;
  height: auto;
}
.inside_consult .consult_1 .consult_box .consult_title .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
@media (max-width:1600px) {
  .inside_consult .consult_1 .consult_box .consult_title .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_consult .consult_1 .consult_box .consult_title .title {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_consult .consult_1 .consult_box .consult_title .title {
    font-size: 14px;
  }
}
.inside_consult .consult_1 .consult_box .consult_title .title p:first-child ~ p {
  margin-top: 6px;
}
.inside_consult .consult_1 .consult_box .consult_title .icon_active_run {
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.inside_consult .consult_1 .consult_box .consult_title .icon_active_run svg path {
  fill: #f35422;
}
.inside_consult .consult_1 .consult_box .consult_info {
  width: 53.84%;
  height: auto;
}
.inside_consult .consult_1 .consult_box .consult_info .menu {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 30px;
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item {
  width: auto;
  height: auto;
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item .title {
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 1;
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item .info {
  width: 100%;
  height: auto;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item .info .details {
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 1;
}
@media (max-width:1440px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .details {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .details {
    font-size: 13px;
  }
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item .info .details p:first-child ~ p {
  margin-top: 6px;
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item .info .word {
  width: 100%;
  height: auto;
  font-family: 'Questrial', 'Microsoft YaHei';
  margin-top: clamp(10px, 1.0416666666666665vw, 20px);
  font-size: 16px;
  color: #000;
}
@media (max-width:1440px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .word {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .word {
    font-size: 13px;
  }
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item .info .word.phone {
  font-size: 18px;
  color: #f35422;
}
@media (max-width:1600px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .word.phone {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .word.phone {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .word.phone {
    font-size: 14px;
  }
}
.inside_consult .consult_1 .consult_box .consult_info .menu .item .info .mailbox {
  width: 100%;
  height: auto;
  font-family: 'Questrial', 'Microsoft YaHei';
  font-size: 16px;
  color: #000;
}
@media (max-width:1440px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .mailbox {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_consult .consult_1 .consult_box .consult_info .menu .item .info .mailbox {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .inside_consult .consult_1 .consult_box {
    display: block;
  }
  .inside_consult .consult_1 .consult_box .consult_title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .inside_consult .consult_1 .consult_box .consult_title .icon_active_run {
    margin: 0;
  }
  .inside_consult .consult_1 .consult_box .consult_info {
    width: 100%;
    margin-top: clamp(70px, 7.291666666666667vw, 140px);
  }
}
.inside_consult .consult_2 {
  width: 100%;
  height: 60vh;
  min-height: 440px;
  max-height: 680px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_consult .consult_2 .consult_box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding-top: clamp(50px, 5.208333333333334vw, 100px);
  padding-bottom: clamp(50px, 5.208333333333334vw, 100px);
  overflow: hidden;
}
.inside_consult .consult_2 .consult_box .inside_center {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.inside_consult .consult_2 .consult_box .inside_title .title {
  color: #fff;
}
.inside_consult .consult_2 .images {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_consult .consult_2 .images .img {
  width: 100%;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
  --offsetValue: 0, 10;
  --offsetUnit: %;
}
.inside_consult .consult_2 .images .img img,
.inside_consult .consult_2 .images .img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_consult .consult_3 {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inside_consult .consult_3 .consult_box {
  width: 100%;
  height: auto;
  padding-top: clamp(50px, 5.208333333333334vw, 100px);
  padding-bottom: clamp(90px, 9.375vw, 180px);
  border-top: 2px solid #e9e9e9;
  overflow: hidden;
}
.inside_consult .consult_3 .consult_box .consult_item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_title {
  width: 35%;
  max-width: 240px;
  height: auto;
  padding-top: 25px;
  border-top: 2px solid #e9e9e9;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_details {
  width: 53.84%;
  height: auto;
  font-size: 24px;
  line-height: 1;
}
@media (max-width:1600px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_details {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_details {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_details {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_details {
    font-size: 16px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item .consult_details p:first-child ~ p {
  margin-top: 6px;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info {
  width: 53.84%;
  height: auto;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form {
  width: 100%;
  height: auto;
  display: grid;
  grid-gap: 40px;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: 12px;
  border-bottom: 1px solid #e9e9e9;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title {
  width: auto;
  height: 44px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1440px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title {
    font-size: 13px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title .icon {
  width: 1em;
  height: 10px;
  font-size: 16px;
  line-height: 0;
}
@media (max-width:1440px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title .icon {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title .icon {
    font-size: 13px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title .word {
  width: auto;
  height: auto;
  font-size: 16px;
  color: #282728;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1440px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title .word {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .title .word {
    font-size: 13px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .input {
  width: 100%;
  height: 44px;
  overflow: hidden;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .input input {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  font-size: 16px;
  color: #282728;
}
@media (max-width:1440px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .input input {
    font-size: 14px;
  }
}
@media (max-width:1280px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .input input {
    font-size: 13px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content {
  flex: 1;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 10px;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect {
  width: auto;
  height: 44px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #545354;
  border-radius: 50px;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282728;
  border-radius: 50px;
  transform: translateY(100%);
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect div {
  width: auto;
  height: auto;
  padding: 0 1em;
  position: relative;
  z-index: 5;
  background: transparent;
  font-family: 'Questrial', 'Microsoft YaHei';
  font-size: 14px;
  color: #282728;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect .layui-icon {
  display: none;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect::before,
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect::after,
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect div {
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect:hover div,
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect.layui-form-radioed div {
  color: #fff;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect:hover::before,
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect.layui-form-radioed::before {
  opacity: 0;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect:hover::after,
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect.layui-form-radioed::after {
  transform: translateY(0);
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item.item_input .title {
  height: 40px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 12px;
  pointer-events: none;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item.item_input.is_active .title {
  height: 12px;
  padding-top: 0;
  top: 0;
  pointer-events: initial;
  font-size: 12px;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item.active {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  grid-gap: 20px;
}
@media (max-width:1280px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content {
    grid-gap: 5px;
  }
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .consult_form .form_item .content .ratio .layui-unselect * {
    padding: 0 10px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .idx_more {
  margin-top: clamp(50px, 5.208333333333334vw, 100px);
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .idx_more .word span {
  min-width: 220px;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .idx_more .arrow {
  background: #282728;
}
.inside_consult .consult_3 .consult_box .consult_item .consult_info .idx_more .arrow svg path {
  fill: #f35422;
}
@media (max-width:1280px) {
  .inside_consult .consult_3 .consult_box .consult_item .consult_info .idx_more .word span {
    min-width: 160px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item:first-child .consult_title {
  padding: 0;
  border: 0;
  font-size: 18px;
}
@media (max-width:1600px) {
  .inside_consult .consult_3 .consult_box .consult_item:first-child .consult_title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inside_consult .consult_3 .consult_box .consult_item:first-child .consult_title {
    font-size: 15px;
  }
}
@media (max-width:1024px) {
  .inside_consult .consult_3 .consult_box .consult_item:first-child .consult_title {
    font-size: 14px;
  }
}
.inside_consult .consult_3 .consult_box .consult_item:first-child ~ .consult_item {
  margin-top: clamp(50px, 5.208333333333334vw, 100px);
}
.inside_consult .consult_3 .consult_box .consult_item:nth-child(2) .consult_info .consult_form {
  grid-template-columns: repeat(2, 1fr);
}
.inside_consult .consult_3 .consult_box .consult_item:nth-child(2) .consult_info .consult_form .form_item:last-child {
  grid-column: span 2;
}
/* ---------- 公共板块 ---------- */
/* ----- 热门动态 ----- */
.news_hot {
  width: 100%;
  height: auto;
  background: #fff;
}
.news_hot .hot_title {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news_hot .hot_title .title {
  font-size: 42px;
}
@media (max-width:1600px) {
  .news_hot .hot_title .title {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .news_hot .hot_title .title {
    font-size: 34px;
  }
}
@media (max-width:1280px) {
  .news_hot .hot_title .title {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .news_hot .hot_title .title {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .news_hot .hot_title .title {
    font-size: 24px;
  }
}
.news_hot .list_box,
.news_hot .swiper_box {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  padding-bottom: 1px;
}
.news_hot .list_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: min(3.125vw, 60px) min(2.083vw, 40px);
}
.news_hot .list_box .item,
.news_hot .swiper_box .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
}
.news_hot .list_box .item::after,
.news_hot .swiper_box .swiper-slide::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #e8e8e8;
  pointer-events: none;
}
.news_hot .list_box .item a,
.news_hot .swiper_box .swiper-slide a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.news_hot .list_box .item .img,
.news_hot .swiper_box .swiper-slide .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.news_hot .list_box .item .img .pb,
.news_hot .swiper_box .swiper-slide .img .pb {
  padding-bottom: 49.59%;
}
.news_hot .list_box .item .img .ab,
.news_hot .swiper_box .swiper-slide .img .ab {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.news_hot .list_box .item .img img,
.news_hot .swiper_box .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_hot .list_box .item .content,
.news_hot .swiper_box .swiper-slide .content {
  width: 100%;
  height: auto;
  flex: 1;
  padding: min(2.56vw, 50px) min(3.125vw, 60px) min(2.083vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news_hot .list_box .item .content .title,
.news_hot .swiper_box .swiper-slide .content .title {
  width: 100%;
  height: calc(4em * 1.3);
  font-size: 20px;
  font-weight: 100;
  color: #282728;
  line-height: 1.3;
}
@media (max-width:1440px) {
  .news_hot .list_box .item .content .title,
  .news_hot .swiper_box .swiper-slide .content .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .news_hot .list_box .item .content .title,
  .news_hot .swiper_box .swiper-slide .content .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .news_hot .list_box .item .content .title,
  .news_hot .swiper_box .swiper-slide .content .title {
    font-size: 15px;
  }
}
.news_hot .list_box .item .content .info,
.news_hot .swiper_box .swiper-slide .content .info {
  width: 100%;
  height: auto;
  margin-top: clamp(63px, 6.5625vw, 126px);
}
.news_hot .list_box .item .content .info .time,
.news_hot .swiper_box .swiper-slide .content .info .time,
.news_hot .list_box .item .content .info .classify,
.news_hot .swiper_box .swiper-slide .content .info .classify {
  font-size: 14px;
  font-weight: 100;
  color: #282728;
  line-height: 1;
}
.news_hot .list_box .item .content .info .classify,
.news_hot .swiper_box .swiper-slide .content .info .classify {
  margin-top: 10px;
}
.news_hot .list_box .item:hover .img .ab,
.news_hot .swiper_box .swiper-slide:hover .img .ab {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news_hot .swiper_box {
  overflow: hidden;
}
.news_hot .swiper_box .swiper-slide {
  width: 33.33%;
}
/* -----  我们聊聊吧 -----  */
.inside_chat {
  width: 100%;
  height: auto;
  background: #fff;
  padding-top: clamp(50px, 5.208333333333334vw, 100px);
  padding-bottom: clamp(65px, 6.770833333333333vw, 130px);
  position: relative;
}
.inside_chat .chat_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_chat .chat_box .inside_center {
  position: relative;
  z-index: 5;
}
.inside_chat .chat_box .chat_main {
  width: 100%;
  height: auto;
  padding-top: clamp(40px, 4.166666666666666vw, 80px);
  padding-bottom: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 12%;
  position: relative;
  z-index: 1;
}
.inside_chat .chat_box .chat_main .classify {
  position: relative;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
}
.inside_chat .chat_box .chat_main .chat_content {
  position: relative;
  z-index: 2;
}
.inside_chat .chat_box .chat_main .chat_content .details {
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 1;
}
.inside_chat .chat_box .chat_main .chat_content .details p {
  margin: 0;
}
.inside_chat .chat_box .chat_main .chat_content .details p:first-child ~ p {
  margin-top: 8px;
}
.inside_chat .chat_box .chat_main .chat_content .idx_title {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_chat .chat_box .chat_main .chat_content .idx_more {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_chat .chat_box .chat_main .chat_content .idx_more a .word span,
.inside_chat .chat_box .chat_main .chat_content .idx_more .more .word span {
  background: #282728;
  color: #fff;
}
.inside_chat .chat_box .chat_main .chat_content .idx_more a .arrow,
.inside_chat .chat_box .chat_main .chat_content .idx_more .more .arrow {
  background: #282728;
}
.inside_chat .chat_box .chat_main .chat_content .idx_more a .arrow svg path,
.inside_chat .chat_box .chat_main .chat_content .idx_more .more .arrow svg path {
  fill: #f35422;
}
.inside_chat .chat_box .chat_main .line_bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.inside_chat .chat_box .chat_main .line_bg .center {
  width: 45%;
  height: auto;
  position: relative;
  left: 40%;
  z-index: 1;
  --offsetValue: 30, 0;
  --offsetUnit: %;
}
.inside_chat .chat_box .chat_main .line_bg .center .item_first {
  width: 70%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.inside_chat .chat_box .chat_main .line_bg .center .item_first::before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #dfdfdf;
}
.inside_chat .chat_box .chat_main .line_bg .center .item_first::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
}
.inside_chat .chat_box .chat_main .line_bg .center .item_first .active {
  width: 25%;
  height: 0;
  padding-bottom: 25%;
  position: absolute;
  right: 0;
  bottom: 25%;
  z-index: 1;
  transform: translateX(50%);
}
.inside_chat .chat_box .chat_main .line_bg .center .item_first .active .circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: #f35422;
  --offsetValue: 0, -200;
  --offsetUnit: %;
}
.inside_chat .chat_box .chat_main .line_bg .center .item_last {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  border: 1px solid #dfdfdf;
}
.inside_chat .chat_box .images {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
}
.inside_chat .chat_box .images .img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 0;
  --offsetValue: 30, 0;
  --offsetUnit: %;
}
/* ----- 我们的案例 ----- */
.inside_hot_case {
  width: 100%;
  height: auto;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_hot_case .inside_center {
  position: relative;
  z-index: 5;
}
.inside_hot_case .case_box {
  width: 100%;
  height: auto;
  padding-top: clamp(130px, 13.541666666666666vw, 260px);
  padding-bottom: clamp(130px, 13.541666666666666vw, 260px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20%;
}
.inside_hot_case .case_box .classify {
  font-size: 14px;
  font-weight: bold;
}
.inside_hot_case .case_box .case_main {
  flex: 1;
}
.inside_hot_case .case_box .case_main .case_link {
  width: 100%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.inside_hot_case .case_box .case_main .case_link .one {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_hot_case .case_box .case_main .case_link .one .img {
  width: 320px;
  height: auto;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(1em, -50%);
  border-radius: 50vw;
  font-size: 24px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
}
@media (max-width:1600px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    font-size: 16px;
  }
}
.inside_hot_case .case_box .case_main .case_link .one .img .pb {
  padding-bottom: 50%;
}
.inside_hot_case .case_box .case_main .case_link .one .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1440px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    width: 300px;
  }
}
@media (max-width:1366px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    width: 280px;
  }
}
@media (max-width:1280px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    width: 260px;
  }
}
@media (max-width:1024px) {
  .inside_hot_case .case_box .case_main .case_link .one .img {
    width: 240px;
  }
}
.inside_hot_case .case_box .case_main .case_link .one .title {
  position: relative;
  z-index: 2;
  font-size: 24px;
  line-height: 1.4;
  color: #c6c6c6;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
@media (max-width:1600px) {
  .inside_hot_case .case_box .case_main .case_link .one .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_hot_case .case_box .case_main .case_link .one .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_hot_case .case_box .case_main .case_link .one .title {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_hot_case .case_box .case_main .case_link .one .title {
    font-size: 16px;
  }
}
.inside_hot_case .case_box .case_main .case_link .one:hover {
  z-index: 2;
}
.inside_hot_case .case_box .case_main .case_link .one:hover .img {
  right: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.inside_hot_case .case_box .case_main .case_link .one:hover .title {
  color: #282728;
}
.inside_hot_case .case_box .case_main .case_link .line {
  font-size: 24px;
  line-height: 1.4;
  color: #c6c6c6;
  margin: 0 .5em;
}
@media (max-width:1600px) {
  .inside_hot_case .case_box .case_main .case_link .line {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .inside_hot_case .case_box .case_main .case_link .line {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inside_hot_case .case_box .case_main .case_link .line {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .inside_hot_case .case_box .case_main .case_link .line {
    font-size: 16px;
  }
}
.inside_hot_case .case_box .case_main .link_more {
  font-size: 24px;
  line-height: 1;
  color: #c6c6c6;
}
.inside_hot_case .case_box .case_main .idx_more {
  margin-top: clamp(50px, 5.208333333333334vw, 100px);
}
.inside_hot_case .circle_box {
  width: 100%;
  height: 100%;
  padding: 50px 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.inside_hot_case .circle_box .images {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  --offsetValue: -50, 0;
  --offsetUnit: %;
}
/* ----- 走进HHAN华汉 ----- */
.inside_about_active {
  width: 100%;
  height: auto;
  max-height: min(680px, calc(100vh - 80px));
  background: #282728;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_about_active::after {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  pointer-events: none;
  padding-bottom: 35.41666666666667%;
}
.inside_about_active .about_box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.inside_about_active .about_box .about_main .classify {
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.inside_about_active .about_box .about_main .idx_title {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_about_active .about_box .about_main .idx_title .title .word.last {
  color: #fff;
}
.inside_about_active .about_box .about_main .idx_title .subtitle {
  color: #fff;
}
.inside_about_active .about_box .about_main .idx_more {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inside_about_active .images {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.inside_about_active .images .img {
  width: 100%;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  --offsetValue: 0, 20;
  --offsetUnit: %;
}
.inside_about_active .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1470px) {
  .inside_about_active {
    height: 480px;
  }
}