* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  min-width: 0;
  word-break: break-word;
  word-wrap: break-word;
}
body {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  /* 绾喕绻氭い鐢告桨閼峰啿鐨崡鐘冲姬閺佺繝閲滅仦蹇撶妤傛ê瀹� */
  min-height: 100vh;
  /* 鐠佸墽鐤嗛懗灞炬珯閸ュ墽澧� */
  background-image: url("../images/all_bg1.png"); /* 鏉╂瑩鍣烽弴鎸庡床娑撹桨缍橀惃鍕暘閼哄崬娴橀悧鍢L */

  /* 閼冲本娅欓崶鍓у閸ュ搫鐣鹃敍灞肩瑝闂呭繑绮撮崝銊╅崝锟� */
  background-attachment: fixed;
  /* 閼冲本娅欓崶鍓у鐟曞棛娲婇弫缈犻嚋鐏炲繐绠� */
  background-size: cover;
  /* 閼冲本娅欓崶鍓у鐏炲懍鑵戦弰鍓с仛 */
  background-position: center;
  /* 閼冲本娅欓崶鍓у娑撳秹鍣告径锟� */
  background-repeat: no-repeat;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  background-repeat: no-repeat;
  background-position: right;
  font-family: Microsoft YaHei;
  outline: none;
}

.menu_button {
  display: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.menu_button:focus {
  outline: none;
}

.menu_button * {
  transition: all 0.3s;
}

.menu_button .line {
  fill: none;
  stroke: #fff;
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_button .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

.menu_button .line2 {
  stroke-dasharray: 45 60;
  stroke-width: 6;
}

.menu_button .line3 {
  stroke-dasharray: 30 207;
  stroke-width: 6;
}

.menu_button.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.menu_button.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}

.menu_button.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

i {
  font-style: normal;
}

.s_content * {
  text-wrap-mode: wrap !important;
  word-break: break-word;
}

.s_content li {
  list-style: inherit;
}

.s_content .list-paddingleft-2 {
  padding-left: 1em;
}

.s_contnet img {
  max-width: 100%;
  height: auto !important;
}

.s_contnet video {
  max-width: 100%;
  height: auto !important;
}

.s_content br + br {
  display: none;
}

.s_content video {
  max-width: 100%;
}

.s_content img {
  max-width: 100%;
  margin-bottom: 0.2rem;
}

:root {
	--max: 1200px;
    --size14: 14px;
    --size16: 16px;
    --size18: 18px;
    --size20: 20px;
    --size24: 24px;
    --size30: 30px;
    --size36: 36px;
    --size40: 40px;
    --size46: 46px;
    --size50: 50px;
    --size56: 56px;
    --size60: 60px;

    --top20: 20px;
    --top30: 30px;
    --top40: 40px;
    --top50: 50px;
    --top60: 60px;
    --top80: 80px;
    --top100: 100px;
    --top120: 120px;
  --red: #791313;
  --bgc: #f579b9;
  --ftc: #f579b9;
  --b-r: 5px;
  --hoverbg: #4087f2;
  --hoverfont: #4087f2;
  --input: 50px;
  --input_size: 16px;
  --input_padding: 0 15px;
  --input_pcolor: #999;
  --input_scolor: #3062c1;
  --input_select_color: #3062c1;
  --input_border_color: #f3f3f3;
  --input_border_radius: 0;
  --btn: 48px;
  --btn_size: 16px;
  --btn_color: #00b3ce;
  --btn_minwidth: 500px;
  --btn_sm: 0.3rem;
  --btn_size_sm: 0.14rem;
  --btn_color_sm: #f1a277;
  --breadcrumb_color: #333;
  --breadcrumb_hover_color: #333;
  --breadcrumb_active_color: #333;
  --main: 1200px;
}

:root {
  --ft1: 1px;
  --ft2: 2px;
  --ft3: 3px;
  --ft4: 4px;
  --ft5: 5px;
  --ft6: 6px;
  --ft7: 7px;
  --ft8: 8px;
  --ft9: 9px;
  --ft10: 8px;
  --ft11: 8px;
  --ft12: 10px;
  --ft13: 10px;
  --ft14: 11px;
  --ft15: 12px;
  --ft16: 13px;
  --ft17: 13px;
  --ft18: 15px;
  --ft19: 15px;
  --ft20: 16px;
  --ft21: 18px;
  --ft22: 18px;
  --ft23: 19px;
  --ft24: 20px;
  --ft25: 20px;
  --ft26: 21px;
  --ft27: 22px;
  --ft28: 22px;
  --ft29: 23px;
  --ft30: 25px;
  --ft31: 25px;
  --ft32: 25px;
  --ft33: 25px;
  --ft34: 25px;
  --ft35: 28px;
  --ft36: 30px;
  --ft37: 30px;
  --ft38: 32px;
  --ft39: 32px;
  --ft40: 32px;
  --ft41: 35px;
  --ft42: 35px;
  --ft43: 35px;
  --ft44: 35px;
  --ft45: 40px;
  --ft46: 40px;
  --ft47: 42px;
  --ft48: 42px;
  --ft49: 42px;
  --ft50: 40px;
  --ft51: 40px;
  --ft52: 40px;
  --ft53: 40px;
  --ft54: 40px;
  --ft55: 45px;
  --ft56: 45px;
  --ft57: 45px;
  --ft58: 45px;
  --ft59: 45px;
  --ft60: 50px;
  --ft61: 50px;
  --ft62: 50px;
  --ft63: 50px;
  --ft64: 50px;
  --ft65: 55px;
  --ft66: 55px;
  --ft67: 55px;
  --ft68: 55px;
  --ft69: 55px;
  --ft70: 60px;
  --ft71: 60px;
  --ft72: 60px;
  --ft73: 60px;
  --ft74: 60px;
  --ft75: 65px;
  --ft76: 65px;
  --ft77: 65px;
  --ft78: 65px;
  --ft79: 65px;
  --ft80: 70px;
  --ft81: 70px;
  --ft82: 70px;
  --ft83: 70px;
  --ft84: 70px;
  --ft85: 75px;
  --ft86: 75px;
  --ft87: 75px;
  --ft88: 75px;
  --ft89: 75px;
  --ft90: 80px;
  --ft91: 80px;
  --ft92: 80px;
  --ft93: 80px;
  --ft94: 80px;
  --ft95: 85px;
  --ft96: 85px;
  --ft97: 85px;
  --ft98: 85px;
  --ft99: 85px;
  --ft100: 90px;
  --ft101: 90px;
  --ft102: 90px;
  --ft103: 90px;
  --ft104: 90px;
  --ft105: 95px;
  --ft106: 95px;
  --ft107: 95px;
  --ft108: 95px;
  --ft109: 95px;
  --ft110: 100px;
  --ft111: 100px;
  --ft112: 100px;
  --ft113: 100px;
  --ft114: 100px;
  --ft115: 105px;
  --ft116: 105px;
  --ft117: 105px;
  --ft118: 105px;
  --ft119: 105px;
  --ft120: 110px;
  --ft121: 110px;
  --ft122: 110px;
  --ft123: 110px;
  --ft124: 110px;
  --ft125: 115px;
  --ft126: 115px;
  --ft127: 127px;
  --ft128: 115px;
  --ft129: 115px;
  --ft130: 120px;
  --ft131: 120px;
  --ft132: 120px;
  --ft133: 120px;
  --ft134: 120px;
  --ft135: 125px;
  --ft136: 125px;
  --ft137: 125px;
  --ft138: 125px;
  --ft139: 125px;
  --ft140: 130px;
  --ft141: 130px;
  --ft142: 130px;
  --ft143: 130px;
  --ft144: 130px;
  --ft145: 135px;
  --ft146: 135px;
  --ft147: 135px;
  --ft148: 135px;
  --ft149: 135px;
  --ft150: 140px;
  --ft151: 140px;
  --ft152: 140px;
  --ft153: 140px;
  --ft154: 140px;
  --ft155: 140px;
  --ft156: 140px;
  --ft157: 140px;
  --ft158: 140px;
  --ft159: 150px;
  --ft160: 150px;
  --ft161: 150px;
  --ft162: 150px;
  --ft163: 150px;
  --ft164: 150px;
  --ft165: 155px;
  --ft166: 155px;
  --ft167: 155px;
  --ft168: 155px;
  --ft169: 155px;
  --ft170: 160px;
  --ft171: 160px;
  --ft172: 160px;
  --ft173: 160px;
  --ft174: 160px;
  --ft175: 165px;
  --ft176: 165px;
  --ft177: 165px;
  --ft178: 165px;
  --ft179: 165px;
  --ft180: 170px;
  --ft181: 170px;
  --ft182: 170px;
  --ft183: 170px;
  --ft184: 170px;
  --ft185: 175px;
  --ft186: 170px;
  --ft187: 170px;
  --ft188: 170px;
  --ft189: 170px;
  --ft190: 180px;
  --ft191: 180px;
  --ft192: 180px;
  --ft193: 180px;
  --ft194: 180px;
  --ft195: 185px;
  --ft196: 185px;
  --ft197: 185px;
  --ft198: 185px;
  --ft199: 185px;
  --ft200: 190px;
  --p10: 5px;
  --p15: 10px;
  --p20: 15px;
  --p25: 20px;
  --p30: 25px;
  --p35: 30px;
  --p40: 30px;
  --p50: 40px;
  --p60: 50px;
  --p70: 60px;
  --p80: 70px;
  --p90: 80px;
  --p100: 90px;
  --p110: 100px;
  --p120: 110px;
  --p130: 120px;
  --p140: 130px;
  --p150: 140px;
  --p160: 150px;
  --p170: 160px;
  --p180: 170px;
  --p190: 180px;
  --p200: 190px;
}

.layui-main {
  max-width: 90%;
  width: var(--main);
}
.header_w {
  /* width: 100%;
  max-width: 100%;
  padding: 20px; */
}
.layui-main.border_container {
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 15px 50px rgba(40, 36, 30, 0.1),
    inset 0 0 60px rgba(210, 190, 155, 0.3);
  overflow: hidden;
  border: 1px solid #e1d7c0;
}

.main1 {
  width: calc(((100% - var(--main)) / 2) + var(--main)) !important;
  margin-right: 0;
  margin-left: auto;
  max-width: 90%;
}

.main2 {
  width: calc(((100% - var(--main)) / 2) + var(--main)) !important;
  margin-left: 0;
  margin-right: auto;
  max-width: 90%;
}

.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.layui-btn {
  height: var(--btn);
  line-height: var(--btn);
  font-size: var(--btn_size);
  background: var(--btn_color);
  padding: 0 var(--p20);
  border-radius: 14px;
  border: 1px solid var(--btn_color);
  max-width: 100%;
  margin: 0;
}

.layui-btn + .layui-btn {
  margin-left: 0;
}

.bgc {
  background: var(--bgc);
}

.ftc {
  color: var(--ftc);
}

.text-underline {
  text-decoration: underline;
}

.layui-nav .layui-this:after,
.layui-nav-bar {
  background-color: var(--bgc);
}

::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

/* 濠婃艾濮╅弶鈩冩箒濠婃垵娼￠惃鍕缓闁捇鍎撮崚锟� */
::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 5px;
}

/* 濠婃艾濮╅弶鈩冪拨閸э拷(缁旀牕鎮�:vertical 濡亜鎮�:horizontal) */
::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #ccc;
  border-radius: 5px;
}

/* 濠婃艾濮╅弶鈩冪拨閸фover */
::-webkit-scrollbar-thumb:hover {
  background-color: #999999;
}

/* 閸氬本妞傞張澶婄�惄鏉戞嫲濮樻潙閽╁姘З閺夆剝妞傛禍銈嗙湽閻ㄥ嫰鍎撮崚锟� */
::-webkit-scrollbar-corner {
  display: block;
  /* 娣囶喖顦叉禍銈嗙湽閺冭泛鍤悳鎵畱閻ц棄娼� */
}

.layui-nav {
  padding: 0;
}

main {
  flex: 1;
}

ul,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
form {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

li {
  list-style: none;
}

img {
  border: none;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p {
  word-spacing: -1.5px;
  padding: 0;
  margin: 0;
}

section {
  width: 100%;
}

main {
  width: 100%;
}

input {
  border: 0;
  outline: none;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.al-c {
  align-items: center;
}

.al-b {
  align-items: baseline;
}

.al-fs {
  align-items: flex-start;
}

.al-fe {
  align-items: flex-end;
}

.al-s {
  align-items: stretch;
}

.jc-c {
  justify-content: center;
}

.jc-s {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.jc-se {
  justify-content: space-evenly;
}

.jc-fs {
  justify-content: flex-start;
}

.jc-fe {
  justify-content: flex-end;
}

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

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

.d-grid {
  display: grid;
}

.grid1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid10 {
  grid-template-columns: repeat(10, 1fr);
}

/* 妫ｆ牕鐡уВ宥呫亣閸愶拷 */
.text-transform-capitalize {
  text-transform: capitalize;
}

/* 閸忋劑鍎存径褍鍟� */
.text-transform-uppercase {
  text-transform: uppercase;
}

/* 閸忋劑鍎寸亸蹇撳晸 */
.text-transform-lowercase {
  text-transform: lowercase;
}

.text-decoration-line {
  text-decoration: line-through;
}

.layui-input,
.layui-select,
.layui-textarea {
  height: var(--input);
  line-height: var(--input);
  padding: var(--input_padding);
  font-size: var(--input_size);
  color: #000;
  background: initial;
  border: 1px solid #979797;
}

.layui-textarea {
  padding-top: 10px;
  line-height: 1.5em;
}

[lay-on] {
  cursor: pointer;
}

.layui-form-checkbox[lay-skin="primary"] > div {
  white-space: normal;
}

.layui-form-checked[lay-skin="primary"] > i {
  border-color: var(--ftc) !important;
  background-color: var(--ftc);
}

.layui-form-checkbox[lay-skin="primary"]:hover > i {
  border-color: var(--ftc) !important;
}

.layui-form-select dl dd.layui-this {
  color: var(--input_scolor);
}

.layui-input::-webkit-input-placeholder,
.layui-textarea::-webkit-input-placeholder {
  color: var(--input_pcolor);
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--bgc) !important;
}

.layui-input-prefix,
.layui-input-split,
.layui-input-suffix,
.layui-input-suffix .layui-input-affix {
  height: var(--input);
  line-height: var(--input);
}

.dh_box {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  position: relative;
  bottom: 0;
}

.dh_box:hover {
  bottom: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dh_img {
  transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
}

/* .dh_box img , */
.dh_imgitem img.dh,
.dh_img img {
  transition: all 0.6s;
}

/* .dh_box:hover img , */
.dh_imgitem:hover img.dh,
.dh_img:hover img {
  transform: scale(1.2);
}

.dh_item {
  transition: all 0.5s;
  position: relative;
  bottom: 0;
}

.dh_item:hover {
  bottom: 10px;
}

.user_img {
  border-radius: 50%;
  overflow: hidden;
}

.user_img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.img_box {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  overflow: hidden;
}

.img_box1 {
  max-width: 100%;
  overflow: hidden;
}

.img_box1 img,
.img_box img {
  max-width: 80%;
  max-height: 100%;
}
.daolan img {
  max-width: 100% !important;
}
.img_100 {
  overflow: hidden;
}

.img_100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.layui-nav {
  background-color: initial;
}

[data-btn],
.cursor {
  cursor: pointer;
}

section {
  padding: var(--p80) 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.code_box [data-type] {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  background-color: initial;
  cursor: pointer;
  z-index: 2;
  background: #fff;
}

.none-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.text-line-through {
  text-decoration: line-through;
}

.dh1 {
  animation: move 3s 0s infinite;
  -webkit-animation: move 3s 0s infinite;
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
}

[back-btn] {
  cursor: pointer;
}

.form_block .layui-form-label {
  width: 100%;
  text-align: left;
  float: unset;
  padding: 0;
}

.layui-tab {
  margin: 0;
}

.layui-tab .layui-tab-title li,
.layui-tab-title,
.layui-tab-title {
  height: unset;
}

.pagenum {
  margin-top: 40px;
}

.pagenum a,
.pagenum span {
  padding: 0 10px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e7ebf3;
  display: inline-block;
  color: #989898;
  margin: 0 2px;
}

.pagenum a:hover,
.pagenum span:not(:first-child, :last-child) {
  background: var(--bgc);
  color: #fff;
  border-color: var(--bgc);
}

.label {
  white-space: nowrap;
}

.must::before {
  display: inline-block;
  content: "*";
}

[data-box="input-number"] {
  position: relative;
}

[data-box="input-number"] input {
  padding-right: 4em;
}

[data-box="input-number"] .text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.15rem;
  color: #999;
  font-size: 0.12rem;
}

[data-box="input-number"].input-textarea .text {
  top: unset;
  transform: unset;
  bottom: 5px;
  padding-left: 0.15rem;
}

.bg_img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.bg_fixed {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.layui-tab .layui-tab-title {
  height: unset;
  border: none !important;
}

header {
  top: 0;
  z-index: 999;
  position: fixed;
  width: 100%;
  transition: all 0.5s;
}
header.down {
  top: -100%;
}

header .layui-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1400px;
}

.top_banner {
  display: flex;
  align-items: center;
  min-height: 340px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.video video {
  width: 100%;
  height: 100%;
  background: #000;
}

.line-clamp1 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em;
	  height: 3em; */
}

.line-clamp2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em;
	  height: 3em; */
}

.line-clamp3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em;
	  height: 4.5em; */
}

.line-clamp4 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em; */
  /* height: 6em; */
}

.line-clamp5 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em; */
  /* height: 7.5em; */
}

.line-clamp6 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em; */
  /* height: 9em; */
}

.line-clamp7 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em; */
  /* height: 10.5em; */
}

.line-clamp8 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em; */
  /* height: 12em; */
}

.line-clamp9 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  line-clamp: 9;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em; */
  /* height: 13.5em; */
}

.ul_height {
  display: flex;
  flex-wrap: wrap;
}

.ul_height li {
  display: flex;
  flex-direction: column;
}

.ul_height li .item {
  flex: 1;
}

.grid-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.grid-row > * {
  grid-column: span 12;
}

.grid-row .md1 {
  grid-column: span 1;
}

.grid-row .md2 {
  grid-column: span 2;
}

.grid-row .md3 {
  grid-column: span 3;
}

.grid-row .md4 {
  grid-column: span 4;
}

.grid-row .md5 {
  grid-column: span 5;
}

.grid-row .md6 {
  grid-column: span 6;
}

.grid-row .md7 {
  grid-column: span 7;
}

.grid-row .md8 {
  grid-column: span 8;
}

.grid-row .md9 {
  grid-column: span 9;
}

.grid-row .md10 {
  grid-column: span 10;
}

.grid-row .md11 {
  grid-column: span 11;
}

.grid-row .md12 {
  grid-column: span 12;
}

.layui-hide-lg {
  display: none !important;
}

.index_swiper {
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  position: relative;
}

.index_swiper .swiper {
  position: relative;
}

.index_swiper .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  object-fit: cover;
}

.index_swiper .swiper-pagination-bullet {
  transition: all 0.5s;
  width: 20px;
  border-radius: 16px;
}

.index_swiper .swiper-pagination-bullet-active {
  width: 40px;
}

.index_swiper video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  background: #000;
}

.index_swiper .SwiperItem {
  position: relative;
  color: #fff;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}

.index_swiper .SwiperItem .block {
  position: relative;
  z-index: 2;
}

.index_swiper .SwiperItem .bg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.index_swiper .SwiperItem video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  background: #000;
}

.index_swiper .ani-slide {
  position: relative;
  z-index: 20;
}

.index_swiper .ani-slide .t2,
.index_swiper .ani-slide .t3,
.index_swiper .ani-slide .t1 {
  transform: translateY(0);
  opacity: 1;
}

.index_swiper .t2,
.index_swiper .t3,
.index_swiper .t1 {
  transform: translateY(100px);
  opacity: 0;
  transition: all 1s;
}

.index_swiper .t2 {
  transition-delay: 0.4s;
}

.index_swiper .t3 {
  transition-delay: 0.8s;
}

@media screen and (max-width: 990px) {
  header .nav {
    display: none;
  }

  .navMobile,
  .menu_button {
    display: block;
  }

  .navMobile {
    color: #fff;
    text-align: center;
  }

  .navMobile li {
    padding: var(--p10);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }

  .navMobile li > a {
    display: block;
  }

  .navMobile .child > a::after {
    display: inline-block;
    font-family: layui-icon !important;
    font-style: normal;
    content: "\e61a";
  }

  .navMobile .child dl {
    margin-top: var(--p10);
    display: grid;
    gap: 8px;
  }

  .layui-hide-lg {
    display: block !important;
  }

  .layui-show-lg-block {
    display: none !important;
  }

  .layui-main {
    max-width: 95%;
  }

  .main1,
  .main2 {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-row > * {
    grid-column: span 12;
  }

  .grid-row .xs1 {
    grid-column: span 1;
  }

  .grid-row .xs2 {
    grid-column: span 2;
  }

  .grid-row .xs3 {
    grid-column: span 3;
  }

  .grid-row .xs4 {
    grid-column: span 4;
  }

  .grid-row .xs5 {
    grid-column: span 5;
  }

  .grid-row .xs6 {
    grid-column: span 6;
  }

  .grid-row .xs7 {
    grid-column: span 7;
  }

  .grid-row .xs8 {
    grid-column: span 8;
  }

  .grid-row .xs9 {
    grid-column: span 9;
  }

  .grid-row .xs10 {
    grid-column: span 10;
  }

  .grid-row .xs11 {
    grid-column: span 11;
  }

  .grid-row .xs12 {
    grid-column: span 12;
  }

  .layui-main {
    width: 100% !important;
    box-sizing: border-box !important;
    /* padding: 20px; */
  }

  :root {
    --ft1: 1px;
    --ft2: 2px;
    --ft3: 3px;
    --ft4: 4px;
    --ft5: 5px;
    --ft6: 6px;
    --ft7: 7px;
    --ft8: 8px;
    --ft9: 9px;
    --ft10: 10px;
    --ft11: 11px;
    --ft12: 12px;
    --ft13: 12px;
    --ft14: 12px;
    --ft15: 12px;
    --ft16: 12px;
    --ft17: 12px;
    --ft18: 12px;
    --ft19: 12px;
    --ft20: 14px;
    --ft21: 14px;
    --ft22: 14px;
    --ft23: 14px;
    --ft24: 14px;
    --ft25: 14px;
    --ft26: 16px;
    --ft27: 16px;
    --ft28: 16px;
    --ft29: 16px;
    --ft30: 18px;
    --ft31: 18px;
    --ft32: 18px;
    --ft33: 18px;
    --ft34: 20px;
    --ft35: 20px;
    --ft36: 20px;
    --ft37: 20px;
    --ft38: 20px;
    --ft39: 20px;
    --ft40: 20px;
    --ft41: 20px;
    --ft42: 20px;
    --ft43: 20px;
    --ft44: 20px;
    --ft45: 20px;
    --ft46: 20px;
    --ft47: 20px;
    --ft48: 20px;
    --ft49: 20px;
    --ft50: 20px;
    --ft51: 20px;
    --ft52: 20px;
    --ft53: 20px;
    --ft54: 20px;
    --ft55: 20px;
    --ft56: 20px;
    --ft57: 20px;
    --ft58: 20px;
    --ft59: 20px;
    --ft60: 20px;
    --ft61: 20px;
    --ft62: 20px;
    --ft63: 20px;
    --ft64: 20px;
    --ft65: 20px;
    --ft66: 20px;
    --ft67: 20px;
    --ft68: 20px;
    --ft69: 20px;
    --ft70: 20px;
    --ft71: 20px;
    --ft72: 20px;
    --ft73: 20px;
    --ft74: 20px;
    --ft75: 20px;
    --ft76: 20px;
    --ft77: 20px;
    --ft78: 20px;
    --ft79: 20px;
    --ft80: 20px;
    --ft81: 20px;
    --ft82: 20px;
    --ft83: 20px;
    --ft84: 20px;
    --ft85: 20px;
    --ft86: 20px;
    --ft87: 20px;
    --ft88: 20px;
    --ft89: 20px;
    --ft90: 20px;
    --ft91: 20px;
    --ft92: 20px;
    --ft93: 20px;
    --ft94: 20px;
    --ft95: 20px;
    --ft96: 20px;
    --ft97: 20px;
    --ft98: 20px;
    --ft99: 20px;
    --ft100: 100px;
    --ft101: 101px;
    --ft102: 102px;
    --ft103: 103px;
    --ft104: 104px;
    --ft105: 105px;
    --ft106: 106px;
    --ft107: 107px;
    --ft108: 108px;
    --ft109: 109px;
    --ft110: 110px;
    --ft111: 111px;
    --ft112: 112px;
    --ft113: 113px;
    --ft114: 114px;
    --ft115: 115px;
    --ft116: 116px;
    --ft117: 117px;
    --ft118: 118px;
    --ft119: 119px;
    --ft120: 120px;
    --ft121: 121px;
    --ft122: 122px;
    --ft123: 123px;
    --ft124: 124px;
    --ft125: 125px;
    --ft126: 126px;
    --ft127: 127px;
    --ft128: 128px;
    --ft129: 129px;
    --ft130: 130px;
    --ft131: 131px;
    --ft132: 132px;
    --ft133: 133px;
    --ft134: 134px;
    --ft135: 135px;
    --ft136: 136px;
    --ft137: 137px;
    --ft138: 138px;
    --ft139: 139px;
    --ft140: 140px;
    --ft141: 141px;
    --ft142: 142px;
    --ft143: 143px;
    --ft144: 144px;
    --ft145: 145px;
    --ft146: 146px;
    --ft147: 147px;
    --ft148: 148px;
    --ft149: 149px;
    --ft150: 150px;
    --ft151: 151px;
    --ft152: 152px;
    --ft153: 153px;
    --ft154: 154px;
    --ft155: 155px;
    --ft156: 156px;
    --ft157: 157px;
    --ft158: 158px;
    --ft159: 159px;
    --ft160: 160px;
    --ft161: 161px;
    --ft162: 162px;
    --ft163: 163px;
    --ft164: 164px;
    --ft165: 165px;
    --ft166: 166px;
    --ft167: 167px;
    --ft168: 168px;
    --ft169: 169px;
    --ft170: 170px;
    --ft171: 171px;
    --ft172: 172px;
    --ft173: 173px;
    --ft174: 174px;
    --ft175: 175px;
    --ft176: 176px;
    --ft177: 177px;
    --ft178: 178px;
    --ft179: 179px;
    --ft180: 180px;
    --ft181: 181px;
    --ft182: 182px;
    --ft183: 183px;
    --ft184: 184px;
    --ft185: 185px;
    --ft186: 186px;
    --ft187: 187px;
    --ft188: 188px;
    --ft189: 189px;
    --ft190: 190px;
    --ft191: 191px;
    --ft192: 192px;
    --ft193: 193px;
    --ft194: 194px;
    --ft195: 195px;
    --ft196: 196px;
    --ft197: 197px;
    --ft198: 198px;
    --ft199: 199px;
    --ft200: 200px;
    --p10: 10px;
    --p15: 10px;
    --p20: 10px;
    --p25: 15px;
    --p30: 15px;
    --p35: 15px;
    --p40: 15px;
    --p50: 20px;
    --p60: 20px;
    --p70: 20px;
    --p80: 20px;
    --p90: 20px;
    --p100: 20px;
    --p110: 20px;
    --p120: 20px;
    --p130: 20px;
    --p140: 20px;
    --p150: 20px;
    --p160: 20px;
    --p170: 20px;
    --p180: 20px;
    --p190: 20px;
    --p200: 20px;
  }
}

:root {
  --loader-bg-color: #e5e7eb;
  /* 閸旂姾娴囬懗灞炬珯閼癸拷 */
  --loader-shine-color: rgba(255, 255, 255, 0.2);
  /* 閸忓鏅ユ０婊嗗 */
  --loader-animation-duration: 1.5s;
  /* 閸斻劎鏁鹃幐浣虹敾閺冨爼妫� */
}

.image-container {
  position: relative;
  background: #e6e5e53b;
}

/* 閸忔娊鏁穱顔芥暭閿涙矮濞囬悽锟�::before娴碱亜鍘撶槐鐘虫禌娴狅絽甯弶銉ф畱.loader-shine閸忓啰绀� */
.image-container::before {
  content: "";
  /* 娴碱亜鍘撶槐鐘茬箑妞ょ粯婀乧ontent鐏炵偞锟斤拷 */
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    var(--loader-shine-color) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: pulseLoader var(--loader-animation-duration) infinite;
  /* 閸旂姾娴囩�瑰本鍨氶崥搴ㄦ閽樺繋鍚夐崗鍐 */
  opacity: 1;
  transition: opacity 0.3s ease;
}

.image-container::after {
  background: border-radius;
}

/* 閸ュ墽澧栭崝鐘烘祰鐎瑰本鍨氶崥搴ㄦ閽樺繋鍚夐崗鍐閸斻劎鏁� */
.image-container.loaded::before {
  opacity: 0;
  display: none;
}

.image-container.loaded {
  background: initial;
}

.image-loading {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.image-loaded {
  opacity: 1;
}

@keyframes pulseLoader {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

footer {
  color: #fff;
  width: 100%;
}

footer .foot1 {
  --main: 1200px;
  background-color: #333333;
  font-size: var(--ft29);
  padding: var(--p50) 0;
}

footer .foot1 nav {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--p40) var(--p60);
}

footer .foot2 {
  --main: 1200px;
  background: #272727;
  padding: var(--p30) 0 var(--p30);
}

footer .foot2 .layui-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

footer .foot2 .img {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

footer .foot2 .text {
  font-size: var(--ft25);
}

footer .foot2 ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--p50);
  flex-wrap: wrap;
  font-size: var(--ft25);
  margin-top: var(--p35);
}

.TopBanner {
  position: relative;
  /* aspect-ratio: 3.55555556; */
  display: flex;
  align-items: flex-end;
  padding: var(--p160) 0 var(--p50) 0;
}

.TopBanner .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.TopBanner .layui-main {
  position: relative;
  z-index: 2;
  color: #fff;
}

.TopBanner h1 {
  font-size: var(--ft40);
  margin: 0;
}

.TopBanner nav {
  margin-top: vaR(--p20);
  display: flex;
  align-items: center;
  gap: var(--p10);
  font-size: var(--ft25);
}

.newDetails {
  max-width:100%
}

.newDetails h1 {
  font-size: var(--ft40);
  text-align: center;
}

.newDetails .sub {
  margin-top: var(--p30);
  color: #777777;
  font-size: var(--ft33);
  text-align: center;
}

.newDetails .con {
  font-size: var(--ft33);
  margin-top: var(--p30);
}

.newDetails .foot {
  margin-top: var(--p50);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--p80);
}

.newDetails .foot .left {
  text-align: right;
}

.newDetails .foot .left .btn {
  justify-content: flex-end;
}

.newDetails .foot .btn {
  color: #666666;
  font-size: var(--ft25);
  display: flex;
  align-items: center;
  gap: 10px;
}

.newDetails .foot p {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em;
	  height: 3em; */
  margin-top: var(--p20);
  color: #999;
  font-size: var(--ft20);
}

.NewList {
  display: grid;
  gap: var(--p60);
}

.NewList .item {
  display: grid;
 /* grid-template-columns: 1fr 0.3fr;  */
  gap: var(--p20);
  transition: all 0.3s;
}

.NewList .item:hover .block {
  background: rgba(255, 166, 193, 0.03);
}

.NewList .item h5 {
  font-size: var(--ft33);
  color: var(--ftc);
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em;
	  height: 3em; */
}

.NewList .item .sub {
  margin-top: var(--p20);
  color: #7c4a5c;
  font-size: var(--ft25);
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em;
	  height: 3em; */
}

.NewList .item .block {
  transition: all 0.3s;
  padding: var(--p40) var(--p40);
  background: rgba(255, 166, 193, 0.2);
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: var(--p30);
}

.NewList .item .date {
  flex-shrink: 0;
  text-align: center;
  color: var(--ftc);
  font-size: var(--ft25);
  padding-right: var(--p30);
  border-right: 1px solid #7c4a5c;
}

.NewList .item .date .year {
  font-size: var(--ft33);
}

.NewList .img {
  border-radius: 20px;
}

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

header {
  background: rgba(255, 255, 255, 0.5);
  padding: var(--p20) 0;
}
.bgcolor {
  background: rgba(255, 255, 255, 0.5);
}
header .nav ul {
  gap: var(--p30);
  font-size: var(--ft23);
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
}

header .nav ul li {
  transition: all 0.3s;
}

header .nav ul li.layui-this,
header .nav ul li:hover {
  color: var(--ftc);
}

.Index section {
  padding: var(--p100) 0;
}

.Index h1 {
  font-size: var(--ft50);
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--ftc);
}

.pagenum a,
.pagenum span {
  padding: 10px;
  text-align: center;
  font-size: var(--ft25);
}

.IndexJingDian {
  background-color: #fff6f9;
}

.IndexJingDian ul {
  display: flex;
  gap: var(--p25);
  margin-top: var(--p80);
}

.IndexJingDian ul li {
  height: 550px;
  flex: 1;
  transition: all 0.3s;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.IndexJingDian ul li:hover {
  flex: 2.5;
}

.IndexJingDian ul .img {
  height: 100%;
}

.IndexJingDian ul .img img {
  max-width: auto;
  width: auto;
  min-width: 100%;
}

.IndexJingDian ul .block {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(245, 121, 185, 0.75);
  color: #fff;
  font-size: var(--ft40);
  text-align: center;
  padding: var(--p20);
}

.IndexSerive .Block {
  margin-top: var(--p35);
  display: grid;
  align-items: center;
  grid-template-columns: 0.5fr 1fr;
  gap: var(--p90);
}

.IndexSerive .Block h5 {
  margin-bottom: var(--p20);
  font-size: var(--ft37);
}

.IndexSerive .Block .sub {
  color: var(--ftc);
  font-size: var(--ft37);
  margin-bottom: var(--p100);
}

.IndexSerive .Block ul {
  text-align: center;
  color: #999999;
  font-size: var(--ft29);
  display: flex;
  gap: var(--p35);
}

.IndexSerive .Block ul .img {
  width: 200px;
  aspect-ratio: 1;
}

.IndexSerive .map {
  border-radius: 26px;
}

.IndexSerive .title {
  margin-top: vaR(--p60);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.IndexSerive .title h2 {
  white-space: nowrap;
  font-size: var(--ft50);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  color: #fff;
  text-align: center;
}

.layui-btn {
  --btn: 60px;
  font-size: var(--ft24);
  background: #fff;
  border-radius: 0;
  color: var(--ftc);
  --btn_color: var(--ftc);
}

.layui-btn:hover,
.layui-btn.layui-this {
  background: var(--ftc);
  color: #fff;
}
.IndexNews .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--p80);
  h1 {
    font-size: var(--ft45);
  }
}
.IndexNews .swiper {
  --swiper-navigation-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.IndexNews .swiper .swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 22px;
}
.IndexNews .foot {
  margin-top: var(--p50);
  display: flex;
  justify-content: flex-end;
  color: var(--ftc);
  font-size: var(--ft25);
  align-items: center;
  height: var(--ft50);
  img {
    max-width: 20%;
    margin-bottom: var(--ft5);
  }
  a {
    line-height: 1;
  }
}

.IndexNews .content {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: var(--p40);
}

.IndexNews .NewList {
  gap: var(--p20);
}

.IndexNews .NewList .item {
  grid-template-columns: repeat(1, 1fr);
}

.IndexNews .NewList .block {
  padding: var(--p20) var(--p40);
}

.IndexNews .Card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.IndexNews .Card .img {
  height: 100%;
}

.IndexNews .Card .Block {
  transition: all 0.3s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--p10);
  background-color: rgba(245, 121, 185, 0.4);
  color: #fff;
  font-size: var(--ft33);
  display: flex;
  justify-content: center;
}

.IndexNews .Card .Block p {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 20px;
  /* line-height: 1.5em;
	  height: 3em; */
}
.IndexNews .Card:hover .Block {
  /*transform: translateY(100%);*/
}

.IndexZhinan {
  background-color: #fff6f9;
}

.IndexZhinan .Block {
  margin-top: var(--p80);
  display: grid;
  gap: var(--p90);
  grid-template-columns: 1fr 0.8fr;
}

.IndexZhinan .content {
  color: var(--ftc);
  font-size: var(--ft30);
  margin-top: var(--p80);
}

:root {
    --max: 1200px;
    --size14: 14px;
    --size16: 16px;
    --size18: 18px;
    --size20: 20px;
    --size24: 24px;
    --size30: 30px;
    --size36: 36px;
    --size40: 40px;
    --size46: 46px;
    --size50: 50px;
    --size56: 56px;
    --size60: 60px;

    --top20: 20px;
    --top30: 30px;
    --top40: 40px;
    --top50: 50px;
    --top60: 60px;
    --top80: 80px;
    --top100: 100px;
    --top120: 120px;
}

@font-face {
    font-family: "Regular";
    src: url("../fonts/Regular.otf") format("truetype");
}

@font-face {
    font-family: "Bold";
    src: url("../fonts/Bold.otf") format("truetype");
}

body {
    font-family: "Regular";
}


.Hertre_cen {
    width: var(--max);
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.Logo {
    width: 220px;
    overflow: hidden;

}

.Logo img {
    width: 100%;
    height: auto;
}

.Nav {
    width: max-content;
}

.Nav ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--top50);
}

.Nav ul li {
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 80px;
    position: relative;
}


.Nav ul li.active {
    color: rgba(57, 163, 71, 1);
    font-family: 'Bold';
}

.Nav ul li::after {
    content: "";
    width: 7px;
    height: 7px;
    background: linear-gradient(180deg, rgba(91, 227, 82, 1) 0%, rgba(26, 171, 45, 1) 100%);
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
    display: none;
    border-radius: 50%;
}

.Nav ul li.active::after {
    display: block;
}


.Nav_item {
    width: max-content;
    display: none;
    background: #ffffff;
    position: absolute;
    overflow: hidden;
    top: 100%;
    transition: auto;
    padding: 20px 30px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 5px #00000010;
    border-radius: 5px;
}

.Nav_item a {
    color: #000000;
    display: block;
    line-height: 2.5;
    font-size: var(--size14);
}

.Nav_item a:hover {
    color: #ec078d;
}

.Nav_item a.active {
    color: #ec078d;
}

.An {
    width: 30px;
    display: none;
}

.menu_button {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.menu_button:focus {
    outline: none;
}

.menu_button .line {
    fill: none;
    stroke: #fff;
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_button .line1 {
    stroke-dasharray: 60 207;
}

.menu_button .line2 {
    stroke-dasharray: 60 60;
}

.menu_button .line3 {
    stroke-dasharray: 60 207;
}

.menu_button.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.menu_button.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}

.menu_button.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.Swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Swiper img {
    width: 100%;
    height: auto;
    min-height: 350px;
    object-fit: cover;
}

.zhenshangyin-pager-bullets-bullet {
    width: 60px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
}

.zhenshangyin-pager-bullets-bullet.active {
    background: linear-gradient(180deg, rgba(91, 227, 82, 1) 0%, rgba(26, 171, 45, 1) 100%);
}

.Footer {
    width: 100%;
    overflow: hidden;
    background: url(../images/fooetr.png) no-repeat center center / cover;
}

.Footer_max {
    width: var(--max);
    margin: var(--top60) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10vw;
}

.Footer_left {
    flex: 1;
}

.Footer_left ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px var(--top30);
}

.Footer_left ul li {
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
}

.Footer_bei {
    width: 100%;
    margin-top: var(--top50);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--top30);
}

.Footer_bei p {
    flex: 1;
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
}

.Footer_bei img {
    width: 100px;
    height: auto;
}


.Beian {
    width: var(--max);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: auto;
    padding: var(--top20) 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.Beian p {
    font-size: var(--size14);
    color: rgba(255, 255, 255, 0.6);
}

.Strategy {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Strategy::after {
    content: "";
    width: 330px;
    height: 100%;
    background: url(../images/zuo.png) no-repeat top left/ 100% auto;
    position: absolute;
    top: 0;
    left: 0;
}


.Strategy::before {
    content: "";
    width: 330px;
    height: 100%;
    background: url(../images/you.png) no-repeat top right/ 100% auto;
    position: absolute;
    top: 0;
    right: 0;
}

.Strategy_max {
    width: var(--max);
    margin: var(--top60) auto;
    position: relative;
    z-index: 5;
    
}

.Title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--size20);
    font-size: var(--size30);
    color: rgba(0, 0, 0, 1);
}

.Title::after,
.Title::before {
    content: "";
    width: 70px;
    height: 50px;
    background: url(../images/title.png) no-repeat center center/ 100% auto;
}


.Strategy_nav {
    width: 100%;
    margin-top: var(--top50);
}

.Strategy_nav ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(246, 126, 177, 1);
}

.Strategy_nav ul li {
    flex: 1;
    padding-bottom: var(--top20);
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: var(--size20);
    color: rgba(153, 153, 153, 1);
}

.Strategy_nav ul li::after {
    content: "";
    width: 0%;
    height: 3px;
    border-radius: 2px;
    background: rgba(246, 126, 177, 1);
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.Strategy_nav ul li.active {
    color: rgba(246, 126, 177, 1);
}

.Strategy_nav ul li.active::after {
    width: 100%;
}

.Strategy_list {
    width: 100%;
    margin-top: var(--top30);
}

.Strategy_item {
    width: 100%;
    display: none;
    transition: auto;
}

.Strategy_item:nth-child(1) {
    display: block;
}

.Strategy_item_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top30);
}

.Strategy_item_top img {
    width: 50%;
    object-fit: cover;
}

.Strategy_item_top ul {
    flex: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top40);
    border-left: 1px solid rgba(246, 126, 177, 1);
    padding: var(--top40) 0;
}

.Strategy_item_top ul li {
    width: 100%;
    padding-left: 30px;
    position: relative;
}

.Strategy_item_top ul li::after {
    content: "";
    width: 10px;
    aspect-ratio: 4 / 4;
    background: rgba(246, 126, 177, 1);
    border: 4px solid rgba(250, 214, 232, 1);
    display: block;
    border-radius: 50%;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
}

.Strategy_item_top ul li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.Strategy_item_top ul li a h2 {
    flex: 1;
    font-size: var(--size16);
    color: rgba(102, 102, 102, 1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1;
}

.Strategy_item_top ul li a p {
    width: max-content;
    font-size: var(--size16);
    color: rgba(102, 102, 102, 1);
    line-height: 1;
}

.Strategy_item_top ul li:hover a h2 {
    color: rgba(246, 126, 177, 1);
}

.Strategy_max>ul {
    width: 100%;
    margin-top: var(--top30);
    display: flex;
    justify-content: space-between;
    gap: var(--top20);
}

.Strategy_max>ul li {
    flex: 1;
    background: rgba(241, 242, 246, 0.8);
    padding: var(--top50) 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: var(--size20);
    color: rgba(153, 153, 153, 1);
    gap: 10px;
}
.Strategy_max>ul li:hover {
   cursor: pointer;
   transform: translateX(7px);
}
.Strategy_max>ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 5px;
        background: #ec407a;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.3s ease;
      }
     .Strategy_max>ul li:hover::before {
        transform: scaleY(1);
      }
       .Strategy_max>ul li:active {
       background: #ec407a;
      }
       .Strategy_max>ul li:active a {
       color:#fff
      }
.Strategy_max>ul li svg {
    width: 30px;
    aspect-ratio: 4 / 4;
    object-fit: contain;
}

.Guide {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: rgba(241, 249, 254, 0.6);
}

.Guide::after {
    content: "";
    width: 330px;
    height: 100%;
    background: url(../images/hua.png) no-repeat top right/ 100% auto;
    position: absolute;
    top: 0;
    right: 0;
}

.Guide_max {
    width: var(--max);
    margin: var(--top60) auto;
    position: relative;
   
}
.Guide_j {
    width: 100%;
    margin-top: var(--top30);
    border: 1px solid;
    border-image: linear-gradient(91.54deg, rgba(244, 23, 116, 1) 0%, rgba(255, 255, 255, 1) 20.48%, rgba(255, 255, 255, 1) 72.4%, rgba(244, 23, 116, 1) 100%) 1 1;
    padding: var(--top30);
}

.Guide_j h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgba(243, 9, 109, 1);
}

.Guide_j p {
    text-align: center;
    font-size: var(--size18);
    color: rgba(0, 0, 0, 1);
    margin-top: 15px;
}

.Guide_max ul {
    width: 100%;
    margin-top: var(--top30);
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 5;
    overflow:hidden
}

.Guide_max ul li {
    flex: 1;
    height: 400px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
      transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            
}

.Guide_max ul li h3 {
    width: 100%;
    height: 100%;
    padding: var(--top30);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(84, 84, 84, 0) 100%);
    font-size: var(--size30);
    color: rgba(255, 255, 255, 1);
}

.Guide_max ul li:hover {
    flex: 2;
    transform: scale(1.05);
}

.Year {
    width: var(--max);
    margin: var(--top60) auto;
    padding: var(--top60) var(--top30);
    background: url(../images/youwan.png) no-repeat center center / cover;
}

.Year h2 {
    text-align: center;
    font-size: var(--size30);
    color: rgba(0, 0, 0, 1);
}

.Attraction {
    width: var(--max);
    margin: var(--top60) auto;
}

.Attraction>h2 {
    font-size: var(--size30);
    color: rgba(243, 9, 109, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--top60);
}

.Attraction>h2::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(225deg, rgba(243, 9, 109, 0) 0%, rgba(243, 9, 109, 1) 100%);
    display: block;
}

.Attraction>h2::before {
    content: "";
    flex: 1;
    height: 1px;
    display: block;
    background: linear-gradient(135deg, rgba(243, 9, 109, 0) 0%, rgba(243, 9, 109, 1) 100%);
    display: block;
}

.Attraction_max {
    width: 100%;
    margin-top: var(--top30);
    position: relative;
}

.Attraction_swiper {
    width: 100%;
}

.Attraction_swiper li {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.Attraction_item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    background: rgba(241, 242, 246, 1);
    padding: 10px;
}

.Attraction_item img {
    width: 40%;
    object-fit: cover;
}

.Attraction_text {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 10px;
}

.Attraction_text h3 {
    width: 100%;
    font-size: var(--size20);
    color: rgba(0, 0, 0, 1);
}

.Attraction_text h3::after {
    content: "";
    display: block;
    width: 64px;
    height: 5px;
    border-radius: 3px;
    background: rgba(243, 9, 109, 1);
    margin-top: 10px;
}

.Attraction_text p {
    width: 100%;
    font-size: var(--size14);
    color: rgba(102, 102, 102, 1);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.Attraction_text a {
    width: max-content;
    width: 80px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0);
    line-height: 28px;
    text-align: center;
    border: 1px solid rgba(243, 9, 109, 1);
    font-size: 12px;
    color: rgba(243, 9, 109, 1);
    margin-top: 10px;
    display: block;
}
.Attraction_text a:hover{
    background: rgba(243, 9, 109, 1);
    color: rgba(255, 255, 255, 1);
}
.prev,
.next {
    width: 50px;
    height: auto;
    aspect-ratio: 4 / 4;
    background: rgba(179, 179, 179, 1);
    border-radius: 50%;
    cursor: pointer;
}

.prev{
    left: -100px;
}

.next{
    right: -100px;
}

.prev:hover,
.next:hover {
    background: rgba(243, 9, 109, 1);
}
.Map {
    width: var(--max);
    margin: var(--top60) auto;
}

.Map>h2 {
    font-size: var(--size30);
    color: rgba(243, 9, 109, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--top60);
}

.Map>h2::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(225deg, rgba(243, 9, 109, 0) 0%, rgba(243, 9, 109, 1) 100%);
    display: block;
}

.Map>h2::before {
    content: "";
    flex: 1;
    height: 1px;
    display: block;
    background: linear-gradient(135deg, rgba(243, 9, 109, 0) 0%, rgba(243, 9, 109, 1) 100%);
    display: block;
}

.Map p{
    font-size: var(--size16);
    color: rgba(0, 0, 0, 1);
    text-align: center;
}

.Map img{
    width: 100%;
    height: auto;
    margin-top: var(--top30);
}
@media only screen and (max-width: 1500px) {
  header ul {
    zoom: 0.7;
  }
}
@media only screen and (max-width: 990px) {
  .pagenum {
    margin-top: 25px;
  }
  .pagenum a,
  .pagenum span {
    padding: 0 8px;
    min-width: 20px;
    height: 28px;
    line-height: 28px;
  }
  .TopBanner {
    padding-top: 100px;
    width: 100%;
  }

  footer .foot2 .img {
    width: 40px;
  }

  footer .foot2 ul {
    gap: 0;
  }

  .IndexJingDian ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .IndexJingDian ul li {
    height: 200px;
  }

  .IndexNews .content,
  .IndexZhinan .Block,
  .IndexSerive .Block {
    grid-template-columns: repeat(1, 1fr);
  }

  .layui-btn {
    margin: 0 5px !important;
    --btn: 40px;
    font-size: 12px;
  }

  .index_swiper .SwiperItem {
    height: auto;
    aspect-ratio: 1.77777778;
  }

  .logo img {
    max-height: 30px;
  }

  .menu_button .line {
    stroke: var(--ftc);
  }

  .navMobile {
    color: var(--ftc);
  }

  .IndexNews .foot img {
    max-width: 15px;
  }
}
@media screen and (max-width: 1450px) {
	:root {
		--max: calc(100% - 30px);
		--size14: 14px;
		--size16: 14px;
		--size18: 16px;
		--size20: 18px;
		--size24: 20px;
		--size30: 22px;
		--size36: 24px;
		--size40: 28px;
		--size46: 30px;
		--size50: 36px;
		--size56: 40px;
		--size60: 40px;

		--top20: 20px;
		--top30: 30px;
		--top40: 40px;
		--top50: 40px;
		--top60: 50px;
		--top80: 60px;
		--top100: 80px;
		--top120: 100px;
	}
	.prev{
		width: 36px;
		left: 0px;
	}
	
	.next{
		width: 36px;
		right: 0px;
	}
}

@media screen and (max-width: 992px) {
	:root {
		--size14: 12px;
		--size16: 14px;
		--size18: 14px;
		--size20: 16px;
		--size24: 18px;
		--size30: 20px;
		--size36: 20px;
		--size40: 22px;
		--size46: 24px;
		--size50: 28px;
		--size56: 30px;
		--size60: 36px;

		--top20: 10px;
		--top30: 20px;
		--top40: 30px;
		--top50: 30px;
		--top60: 40px;
		--top80: 50px;
		--top100: 60px;
		--top120: 60px;
	}

	.Logo {
		width: 180px;
	}
	.Guide::after,
	.Strategy::after,
	.Strategy::before{
		width: 80px;
	}
	.Title::after, .Title::before{
		width: 30px;
		height: 20px;
	}
}


@media screen and (max-width: 768px) {
	:root {
		--size14: 12px;
		--size16: 12px;
		--size18: 12px;
		--size20: 14px;
		--size24: 16px;
		--size30: 16px;
		--size36: 18px;
		--size40: 18px;
		--size46: 20px;
		--size50: 20px;
		--size56: 22px;
		--size60: 24px;

		--top20: 10px;
		--top30: 15px;
		--top40: 20px;
		--top50: 20px;
		--top60: 25px;
		--top80: 30px;
		--top100: 30px;
		--top120: 30px;
	}

	.An {
		display: block;
	}

	body{
		padding-top: 60px;
	}

	.Logo {
		width: 150px;
	}

	.Nav {
		width: 100%;
		top: 60px;
		height: calc(100vh - 60px);
		position: fixed;
		background: #fff;
		overflow: hidden;
		display: none;
		left: 0;
		transform: translate(0%, 0%);
		transition: auto;
		border-top: 1px rgb(0, 0, 0, 0.1) solid;
		z-index: 9999;
	}

	.Nav ul {
		gap: 0px;
	}

	.Nav ul li {
		width: 100%;
		text-align: center;
		border-bottom: 1px rgb(0, 0, 0, 0.1) solid;
		line-height: 60px;
		font-size: 12px;
		padding: 0 20px;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin: auto;
		color: #000000;
	}

	.Nav ul li::after {
		width: 100%;
		height: 3px;
		bottom: 0;
		border-radius: 0px;
	}

	.A {
		flex: initial !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.S {
		flex: initial !important;
		width: 100% !important;
		margin: 0 !important;
		margin-top: 20px !important;
	}


	.Footer_bei {
		margin-top: 40px;
	}

	.Footer_right>img{
		width: 200px;
	}

	.Beian{
		padding: 20px 0;
	}

	.Beian p{
		text-align: left;
	}

	.Strategy_item_top ul{
		padding: 15px 0;
	}

	.Strategy_item_top ul li{
		padding-left: 15px;
	}
	.Strategy_max>ul li svg{
		width: 25px;
	}
	.Guide_max ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.Guide_max ul li{
		height: 150px;
	}
}