@charset "UTF-8";

:root {
  --baseW: 1280px;
  --time1: 0.3s;
  --baseBackColor: #38afb5;
  --headerH: 60px;
  --phone-h: 50px;
  --headerItemW: 120px;
  --iconColor: #d9d9d9;
  --headLine: #fff;
  --first-level: 38px;
  --second-level: 22px;
  --three-level: 18px;
  --four-level: 16px;
  --five-level: 16px;
  --content-level: 14px;
  --w1200-h: 75vh;
  --top-box-h: 120px;
  --top-box-bottom: 30px;
  --box-shadow: 0px 0px 20px -5px #ddd;
  --gradient: linear-gradient(116deg, #00a5ed, #88eded);
  --hover-color1: #1e8186;
  --ilinks: rgba(255, 255, 255, 0.1);
  --gray-color: #ebebeb;
  --gray-color-hover: #ebebeb38;
  --mapH: 500px;
  --active-back: rgba(41, 196, 204, 0.1);
  --cosmeticBox-h: 75px;
  --cosmeticBox-san-h: 10px;
  --cosmeticBox-san-ov-h: 0px;
  --content-back: #bdd5fa;
  --content-child-back: #dcecff;
  --font-f: "微软雅黑", microsoft yahei !important;
  --box-shadow-1: 0px 0px 8px -2px #999;
  --index-news-pagination: 110px;
  --mobile_nav_h: 50px;
  --foot_color: #2d3e50;
  --operate_a_color: #51abf9;
}

html *,
body * {
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica Neue, STHeiti, Microsoft Yahei, Tahoma, Simsun, sans-serif;
  line-height: 1.4;
}

/* 滑动条 */
input[type="range"] {
  margin-top: 8px;
  outline: none;
  -webkit-appearance: none;
  background-color: #999;
  height: 3px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background: var(--baseBackColor);
  border-radius: 50%;
  border: solid 1px var(--baseBackColor);
}

/*头部*/
.baseBox {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.w1200 {
  width: var(--baseW);
}

.logo {
  /* display: flex; */
  grid-template-columns: 1.6fr 1fr;
  padding: 20px 0px;
}

.logo>div:first-child {
  display: flex;
  justify-items: start;
  justify-content: space-between;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.phone-box .line {
  background: #000;
  width: 22px !important;
  height: 2px !important;
  margin: 6px auto;
}

.header .w1200 {
  padding: 0px !important;
}

.header .phone {
  background: #fff;
  display: none;
}

.header .phone .phone-box {
  position: fixed;
  width: 100%;
  z-index: 9999;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  flex-wrap: wrap;
}

.header .phone .phone-box .logo-img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header .phone .phone-box .logo-img img {
  height: calc(var(--phone-h) - 20px);
}

.header .phone .phone-box .logo-img .phone_logo_txt {
  font-size: 14px;
  font-weight: bold;
  font-family: "黑体";
}

.header .phone .phone-box .logo-img .phone-logo-line {
  margin: 0px 15px;
  height: 20px;
  width: 1px;
  background: #ddd;
}

.header .phone .phone-box .icon-box {
  height: calc(var(--phone-h) - 20px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}

.header .phone .phone-box .icon-box .hamburger {
  display: inline-block;
}

.header .phone .offcanvas {
  height: auto;
  background: transparent;
}

.header .phone .offcanvas .offcanvas-header {
  padding: 0px;
  height: var(--phone-h);
}

.header .phone .offcanvas .offcanvas-body {
  padding: 0px;
  height: 60vh;
  overflow: scroll;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 30px;
  gap: 14px;
  padding-bottom: 100px;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box .input {
  position: relative;
  width: 100%;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box .input .input-search {
  height: 34px;
  width: 100%;
  border: 1px solid var(--gray-color);
  border-radius: 17px;
  padding-left: 15px;
  padding-right: 35px;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box .input .sub {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0px;
  width: 35px;
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box .input .sub>div {
  width: 100%;
  border-left: 1px solid var(--gray-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box .input .sub>div .bi {
  font-size: 14px;
  color: #999;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box>a {
  display: block;
  width: 100%;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box>a .phone-nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .phone .offcanvas .offcanvas-body .phone-nav-box>a .phone-nav-item>div {
  font-size: 14px;
}

.index_new_img_0 {
  display: none !important;
}

.logo-box .img {
  display: flex;
  align-items: center;
}
header.active .logo-box .img a img{/*filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);*/max-height:60px;}
.logo-box .img .shuLine {
  height: 85%;
  width: 1px;
  background: var(--gray-color);
  margin: 0px 15px;
}

header .logo-box .img a img.logo2{display: none;}
header.active .logo-box .img a img.logo2{display: block;}
header.active .logo-box .img a img.logo1{display: none;}

.logo-box .content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.logo-box .content .title {
  font-size: 26px;
}

.logo-box .content .txt {
  color: var(--baseBackColor);
  font-size: 16px;
}

.input_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}

.input_box .input {
  position: relative;
  width: 100%;
}

.input_box .input .sidebar-search {
  width: 100%;
}

.input_box .input .input-search {
  height: 34px;
  width: 100%;
  border: 1px solid var(--gray-color);
  border-radius: 17px;
  padding-left: 15px;
  padding-right: 35px;
  font-size: 14px;
}

.input_box .input .sub {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0px;
  width: 35px;
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
}

.input_box .input .sub>div {
  width: 100%;
  border-left: 1px solid var(--gray-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.input_box .input .sub>div .bi {
  font-size: 14px;
  color: #999;
}

.right-box {
  display: grid;
  grid-gap: 20px;
  align-items: start;
}

.right-box .right-box-txt {
  display: flex;
  grid-gap: 15px;
  justify-content: center;
}

.right-box .right-box-txt .code {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.right-box .right-box-txt .code * {
  font-size: 14px;
}

.right-box .right-box-txt .code img {
  width: 85px;
  height: 85px;
  object-fit: contain;
}

.right-box .right-box-txt .tel {
  display: flex;
}

.right-box .right-box-txt .tel img {
  width: 70px;
  height: auto;
  object-fit: contain;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

header.active {
  background: #fff;
}
header.active .pc * {color: #333;}

.header {
  /* background-color: var(--baseBackColor);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 30, 64, 0.25);
  box-shadow: 0 2px 8px 0 rgba(0, 30, 64, 0.25); } */
}

.header-active {
  background: var(--hover-color1);
}

.pro-active {
  color: var(--baseBackColor);
}

.pro-active * {
  color: var(--baseBackColor);
}

.cosmetic-active {
  background: var(--baseBackColor);
}

.cosmetic-active:before {
  display: block;
  content: "";
  border-left: var(--cosmeticBox-san-h) solid transparent;
  border-right: var(--cosmeticBox-san-h) solid transparent;
  border-top: var(--cosmeticBox-san-h) solid var(--baseBackColor);
  /* 颜色可以根据需要修改 */
  position: absolute;
  bottom: calc(-1 * var(--cosmeticBox-san-h));
}

.cosmetic-active * {
  color: #fff;
}

.pro-field2-active {
  color: #00a5ed;
}

.pro-field3-active {
  color: #07868c;
}

a {
  text-decoration: none;
}

a:hover {
  color: var(--baseBackColor) !important;
}

.pc {
  display: flex;
  height: var(--headerH);
  justify-content: space-between;
}

.pc * {
  color: #fff;
}

.pc .bi {
  font-size: 12px;
  color: var(--iconColor);
  z-index: 1;
}

.pc .line {
  height: 2px;
  width: 0%;
  background: var(--gradient);
  transition: all 0.5s;
  opacity: 0;
  z-index: 2;
}

.pc .down {
  transition: all 0.5s;
  position: absolute;
  transform: translateY(80%);
}

.pc .navTwotTitle {
  font-size: 16px;
}

.pc .firstTitle {
  height: var(--headerH);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: var(--five-level);
}

.pc .line-two {
  margin: 5px 0px;
}

.pc .title {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pc .lineBox {
  transform: translateY(-100%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pc .file {
  transition: all 0.5s;
  opacity: 0;
  transform: translateY(-50%) scale(0);
}

.pc .lineBox .bi-caret-up-fill::before {
  transform: translateY(50%);
}

.pc .pc-item {
  cursor: pointer;
  padding: 0px 10px;
}

.pc .pc-item:hover .down {
  transform: translateY(135%) rotateX(180deg) scale(0);
}

.pc .pc-item:hover {
  background: var(--hover-color1);
}

.pc .pc-item:hover .file {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.pc .pc-item:hover .line {
  width: 100%;
  opacity: 1;
}

.pc .pc-item:hover a {
  text-decoration: none;
}

.pc .children-par {
  display: flex;
  justify-content: center;
}

.pc .children {
  transform: translateY(-6px);
  background: #ff5722;
  transition: all 0.2s;
  position: relative;
  z-index: -1;
  display: none;
}

.pc .children .nav-child {
  display: flex;
  flex-direction: column;
}

.pc .children * {
  color: #000;
}

.pc .children .no-children {
  min-width: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pc .children .have_children .item_title {
  font-size: 12px;
}

.pc .children>div {
  position: absolute;
  box-shadow: 0 5px 8px 0 rgba(0, 30, 64, 0.25);
  padding: 10px;
  border-radius: 0 0 4px 4px;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}

.pc .children>div>div {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pc .pc-item:hover .children>div {
  opacity: 1;
}

.pc .pc-item:hover .children {
  transform: translateY(-20px);
  z-index: 999;
  display: block;
}

/**/
.top302-box {
  background-color: #f5f5f5;
  height: 40px;
}

.top302-box .top302 {
  width: 100%;
  position: relative;
  color: #999999;
  font-size: 12px;
}

.top302-box .top302 .w302 {
  display: flex;
  justify-content: space-between;
}

.top302-box .top302 li {
  display: inline-block;
  zoom: 1;
  text-align: center;
  margin: 0 8px;
}

.top302-box .top302 li a {
  color: #999999;
  cursor: pointer;
  font-size: 12px;
}

.top302-box .top302 li a:hover {
  color: #67b306;
}

.top302-box .top302 .split {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #999999;
  vertical-align: middle;
  margin: 0;
}

.logo .logo-img {
  height: 110px;
  width: auto;
}

.line {
  height: 2px;
  width: 50px;
  background: var(--gradient);
}

.line-two {
  width: 100%;
  background-color: #d5d5d5;
  height: 1px;
  margin: 20px 0px;
}

.line-two::before {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: var(--baseBackColor);
}

.home .swiper-slide {
  position: relative;
}

.home .swiper-slide .swiper-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  color: #fff;
  width: 40px;
  height: 40px;
  background: var(--baseBackColor);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.swiper .swiper-button-prev {
  transform: translateX(-150%);
}

.swiper .swiper-button-next {
  transform: translateX(150%);
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
  font-size: 20px;
  font-weight: bold;
}

.swiper:hover .swiper-button-next {
  transform: translateX(0px);
}

.swiper:hover .swiper-button-prev {
  transform: translateX(0px);
}

.numUp {
  position: relative;
}

.numUp .numUp-box {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  background: rgba(56, 175, 181, 0.6);
  display: flex;
  justify-content: center;
}

.numUp .numUp-box .w1200 {
  /* 使用 transform 修正定位 */
}

.numUp .numUp-box .w1200 .rmnum {
  padding: 30px 0px;
}

.numUp .numUp-box .w1200 .rmnum .ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
}

.numUp .numUp-box .w1200 .rmnum .ul li {
  flex: 1;
  text-align: center;
}

.numUp .numUp-box .w1200 .rmnum .ul li .up {
  font-size: 46px;
  font-weight: bold;
}

.numUp .numUp-box .w1200 .rmnum .ul li p {
  color: #fff;
}

.numUp .numUp-box .w1200 .rmnum .ul li .unit {
  font-size: 12px;
}

.numUp .numUp-box .w1200 .rmnum .ul li .txt {
  font-size: 14px;
}

.numUp .numUp-box .w1200 .rmnum .ul .shuLine {
  height: 50px;
  width: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.numUp .numUp-box .w1200 .rmnum .ul>li:last-child>p:first-child {
  border-right: none;
}

.numUp .numUp-box .w1200 .rmnum .ul>li:first-child>.shuLine {
  display: none;
}

.top-box>div {
  display: inline-block;
}

.top-box {
  display: flex;
  flex-direction: column;
  height: var(--top-box-h);
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: var(--top-box-bottom);
}

.top-box .title {
  font-size: var(--first-level);
  text-align: center;
}

.top-box .describe {
  font-size: 18px;
}

.top-box .describe>a:last-child {
  font-weight: bold;
}

.foot310 {
  width: 100%;
  padding: 20px 0;
  background: var(--foot_color);
  color: #fff;
  line-height: 32px;
}

.foot310 .foot-box .contat_list_boxw {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 30px;
  grid-column-gap: 105px;
}

.foot310 .foot-box .footer_logo_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.foot310 .foot-box .footer_logo_box .logo_box_img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.foot310 .foot-box .footer_logo_box .logo_box_img img {
  max-width: 65%;
  object-fit: contain;
}

.foot310 .foot-box .footer_logo_box .ewmlist_box {
  display: flex;
  align-items: center;
}

.foot310 .tit {
  font-size: 26px;
  margin-bottom: 10px;
}

.foot310 .bnav {
  overflow: hidden;
  margin: 30px 0px 30px 0px;
}

.foot310 .bnav .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.foot310 .bnav .item {
  width: 110px;
}

.foot310 .bnav .item .tit a {
  font-size: 14px;
}

.foot310 .bnav .item .tit2 {
  margin-top: 16px;
}

.foot310 .bnav .item a {
  display: block;
  color: #fff;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  font-size: 12px;
}

.foot310 .bnav .item a:hover {
  color: #fff !important;
}

.foot310 .ilinks {
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  border-bottom: 1px solid var(--ilinks);
}

.foot310 .ilinks span {
  color: #f9f9f9;
  display: inline-block;
}

.foot310 .ilinks a {
  display: inline-block;
  color: #f9f9f9;
  padding-left: 10px;
}

.foot310 .ilinks a:hover {
  color: #fff !important;
}

.foot310 .bcontact .txt {
  font-size: 13px;
  padding-bottom: 20px;
}

.foot310 .bcontact a {
  width: 168px;
  height: 30px;
  line-height: 28px;
  display: block;
  text-align: center;
  border: 1px solid #fff;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  color: #fff;
}

.foot310 .bcontact a:hover {
  color: #fff;
}

.foot310 .ewmlist {
  font-size: 12px;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  width: 100%;
}

.foot310 .ewmlist li {
  width: auto;
  float: left;
  text-align: center;
  color: #fff;
  list-style: none;
}

.foot310 .ewmlist li div {
  line-height: 18px;
}

.foot310 .ewmlist li img {
  width: auto;
  height: 90px;
  padding: 5px;
  background: #fff;
  display: block;
  margin: 0 auto 7px;
  border-radius: 4px;
}

.foot310 .ewmlist li:first-child {
  margin-left: 0;
}

.copy310 {
  width: 100%;
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 12px;
  background: var(--foot_color);
}

.copy310 .w310 {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  margin: 0 auto;
  border-top: 1px solid var(--ilinks);
  gap: 30px;
}

.copy310 a {
  color: #fff;
}

.copy310 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.pord_box_280 {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0 40px 0;
}

.pord_box_280 .tit {
  width: 100%;
  height: 120px;
  position: relative;
}

.pord_box_280 .tit h1 {
  width: 100%;
  color: #2db7f5;
  font-size: 36px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 25px;
  font-weight: bold;
  z-index: 1;
}

.pord_box_280 .tit h2 {
  width: 100%;
  color: #f2f2f2;
  font-size: 60px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0px;
}

.pord_box_280 .tit h3 {
  width: 50px;
  height: 5px;
  position: absolute;
  left: 575px;
  top: 85px;
  background: #2db7f5;
}

.pord_box_280 .tit h4 {
  width: 100%;
  color: #707070;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: 0;
}

.pord_box_280 .pord_con {
  width: 100%;
  margin: 0 auto;
}

.pord_box_280 .pord_con .hd {
  text-align: center;
  margin: 20px 0 40px 0;
  overflow: hidden;
}

.pord_box_280 .pord_con .hd li {
  width: 194px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  margin: 0 0 0 0;
  color: #707070;
  border: 1px solid #dfdfdf;
  background: #fff;
  font-size: 16px;
  display: inline-block;
  overflow: hidden;
}

.pord_box_280 .pord_con .hd li.on {
  width: 194px;
  height: 48px;
  line-height: 48px;
  background: #2db7f5;
  border: 1px solid #2db7f5;
  color: #fff;
  overflow: hidden;
}

.pord_box_280 .pord_con .bd {
  width: 1200px;
}

.pord_box_280 .pord_con .bd ul {
  width: 1224px;
}

.pord_box_280 .pord_con .bd li {
  width: 384px;
  background: #f5f5f5;
  float: left;
  overflow: hidden;
  margin: 0 24px 24px 0;
}

.pord_box_280 .pord_con .bd li .pic {
  width: 384px;
  height: 284px;
  overflow: hidden;
}

.pord_box_280 .pord_con .bd li .pic img {
  width: 384px;
  height: 284px;
  overflow: hidden;
  transition: all 0.2s ease-in 0s;
}

.pord_box_280 .pord_con .bd li:hover a img {
  -webkit-transition: All 2s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  transition: All 0.4s ease-in-out;
}

.pord_box_280 .pord_con .bd li:hover img {
  text-decoration: none;
  display: block;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.pord_box_280 .pord_con .bd li .title {
  text-align: center;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 15px;
}

.pord_box_280 .pord_con .bd li a {
  width: 384px;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

.pord_box_280 .pord_con .bd li a .title {
  color: #2db7f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pord_box_280 .pord_con .bd li:hover {
  background: #2db7f5;
  transition: all 0.2s ease-in 0s;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}

.pord_box_280 .pord_con .bd li:hover .title {
  color: #fff;
  overflow: hidden;
}

.pord_box_280 .hmore {
  width: 400px;
  font-size: 18px;
  text-align: center;
  margin: 10px auto 0 auto;
  display: block;
}

.pord_box_280 .hmore a {
  width: 398px;
  height: 48px;
  line-height: 48px;
  display: block;
  text-decoration: none;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in 0s;
}

.pord_box_280 .hmore a:hover {
  color: #fff;
  background: #2db7f5;
  border: 1px solid #2db7f5;
}

.site-search_177 {
  background-color: #f7fbfd;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 1;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #61b3e6;
}

.site-search-form_177 {
  padding: 10px 20%;
  overflow: hidden;
}

.search-input_177 {
  float: left;
  color: #999;
  border: solid 1px #ddd;
  width: 86%;
  height: 40px;
  border-right: none;
  font-size: 16px;
  border-radius: 2px 0 0 2px;
  outline: none;
  text-indent: 2%;
}

.search-btn_177 {
  color: #fff;
  border: none;
  background: #45b6f7;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
  border-radius: 0 2px 2px 0;
  width: 10%;
  display: inline-block;
}

.news_295 {
  background-color: #f2f2f2;
  padding-bottom: 100px;
}

.news_295 .clearfix {
  zoom: 1;
}

.news_295 .news_con .tle {
  text-align: center;
  padding: 100px 0 70px;
  position: relative;
}

.news_295 .news_con .tle h3 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 30px;
  color: #282828;
  position: relative;
  z-index: 9;
}

.news_295 .news_con .tle h4 {
  font-size: 28px;
  margin-top: 10px;
  font-weight: normal;
  color: #282828;
}

.news_295 .news_con .tle h4 a {
  color: #282828;
}

.news_295 .news_con .tle h1 {
  border-top: 2px #e6e6e6 dotted;
  position: absolute;
  left: 0;
  width: 100%;
  top: 118px;
  z-index: 1;
}

.news_295 .news_con .tle h1 img {
  display: block;
  width: 27px;
  height: 16px;
  position: absolute;
  top: -9px;
  right: 95px;
}

.news_295 .news_con .tle p {
  color: #666;
  font-size: 14px;
  margin-top: 25px;
}

.news_295 .news_con .newsc .navtop {
  text-align: center;
  margin-bottom: 35px;
}

.news_295 .news_con .newsc .navtop a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 20px;
  color: #666;
  font-size: 15px;
  padding-bottom: 10px;
}

.news_295 .news_con .newsc .navtop a.cur {
  border-bottom: 2px #38afb5;
}

.news_295 .conbox {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  grid-gap: 20px;
}

.news_295 .conbox .news-item {
  background: #fff;
  border-radius: 2px;
  box-shadow: var(--box-shadow);
  padding: 20px;
}

.news_295 .conbox .news-item .More {
  display: block;
  text-align: right;
}

.news_295 .conbox .ul-box {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

.wrap338 .newsPage .hasimg_0 {
  grid-template-columns: 1fr;
}

.wrap338 .newsPage .hasimg_0 .img_box {
  display: none;
}

.wrap338 .newsPage .item .new_img_0 {
  display: none;
}

.wrap338 .newsPage .item .dec {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.wrap338 .newsPage .item .dec .label {
  font-size: 13px;
}

.wrap338 .newsPage .item .dec .label .bi {
  display: inline-block;
  transform: scaleX(-1);
}

.wrap338 .newsPage .item .dec .label span {
  font-size: 12px;
}

.product-box .w1200 {
  padding: 80px 0px;
  padding-top: 120px;
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box {
  padding: 25px 30px;
  background: #fff;
  border-radius: 2px;
  box-shadow: var(--box-shadow-1);
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box .title {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: rgba(56, 175, 181, 0.071);
  padding: 5px;
  border-radius: 2px;
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box .title .name a {
  font-size: var(--four-level);
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box .title .more {
  display: flex;
  justify-content: end;
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box .title .more a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--five-level);
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box .child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.41rem;
  margin: 0.83rem 0rem;
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box .child .child-itme {
  font-size: var(--content-level);
}

.product-box .w1200 .content-box-1 .product-box-2 .product-item-box .box .img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.product-box .w1200 .content-box {
  display: grid;
  grid-template-columns: 1fr 1fr 0.9fr;
  grid-gap: 25px;
}

.product-box .w1200 .content-box .product-box-1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 25px;
}

.product-box .w1200 .content-box .product-item-box .box {
  padding: 25px 30px;
  background: #fff;
  border-radius: 2px;
  box-shadow: var(--box-shadow);
}

.product-box .w1200 .content-box .product-item-box .box .title {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.product-box .w1200 .content-box .product-item-box .box .title .name a {
  font-size: var(--four-level);
  white-space: nowrap;
}

.product-box .w1200 .content-box .product-item-box .box .title .more {
  display: flex;
  justify-content: end;
}

.product-box .w1200 .content-box .product-item-box .box .title .more a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--five-level);
}

.product-box .w1200 .content-box .product-item-box .box .child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.41rem;
  margin: 0.83rem 0rem;
}

.product-box .w1200 .content-box .product-item-box .box .child .child-itme {
  font-size: var(--content-level);
}

.product-box .w1200 .content-box .product-item-box .box .img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.product-serve .w1200 {
  padding: 80px 0px;
  padding-top: 120px;
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box {
  padding: 25px 30px;
  background: #fff;
  border-radius: 2px;
  box-shadow: var(--box-shadow-1);
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box .title {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: rgba(56, 175, 181, 0.071);
  padding: 5px;
  border-radius: 2px;
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box .title .name a {
  font-size: var(--four-level);
  white-space: nowrap;
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box .title .more {
  display: flex;
  justify-content: end;
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box .title .more a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--five-level);
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box .child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.41rem;
  margin: 0.83rem 0rem;
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box .child .child-itme {
  font-size: var(--content-level);
}

.product-serve .w1200 .content-box-1 .product-box-2 .product-item-box .box .img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.product-serve .w1200 .content-box {
  display: grid;
  grid-template-columns: 1fr 1fr 0.9fr;
  grid-gap: 25px;
}

.product-serve .w1200 .content-box .product-box-1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 25px;
}

.product-serve .w1200 .content-box .product-item-box .box {
  padding: 25px 30px;
  background: #fff;
  border-radius: 2px;
  box-shadow: var(--box-shadow);
}

.product-serve .w1200 .content-box .product-item-box .box .title {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.product-serve .w1200 .content-box .product-item-box .box .title .name a {
  font-size: var(--four-level);
  white-space: nowrap;
}

.product-serve .w1200 .content-box .product-item-box .box .title .more {
  display: flex;
  justify-content: end;
}

.product-serve .w1200 .content-box .product-item-box .box .title .more a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--five-level);
}

.product-serve .w1200 .content-box .product-item-box .box .child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.41rem;
  margin: 0.83rem 0rem;
}

.product-serve .w1200 .content-box .product-item-box .box .child .child-itme {
  font-size: var(--content-level);
}

.product-serve .w1200 .content-box .product-item-box .box .img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.wrap338 .newsPage .item .h3-tit .new_click {
  white-space: nowrap;
}

.wrap338 .newsPage .item .h3-tit .new_click .bi {
  font-size: 16px;
  color: #ddd;
}

.wrap338 .newsPage .item .h3-tit .new_click .click_txt {
  font-size: 13px;
  color: #333;
}

.lists_article_cosmetic_box .content_txt_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.query_box {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--ilinks);
  gap: 30px;
  padding-bottom: 20px;
}

.query_box .ti {
  width: fit-content;
  color: #fff;
  font-size: 16px;
}

.query_box .ti a {
  color: #fff;
  font-size: 16px;
}

.query_box .link_list {
  flex: 1;
}

.query_box .link_list .subnav {
  display: grid;
  grid-gap: 15px;
}

.query_box .link_list .subnav .item {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-row-gap: 15px;
  grid-column-gap: 40px;
}

.query_box .link_list .subnav .item .item_1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.query_box .link_list .subnav .item .item_1 a {
  color: #fff;
  font-size: 14px;
}

.query_box .link_list .subnav .item .item_1 a .bi {
  font-size: 12px;
}

.lists_query-box.margin-box {
  margin: 20px 0px;
}

.lists_query-box .w1200 .content-box>div:first-child {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.lists_query-box .w1200 .content-box .list_box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}

.lists_query-box .w1200 .content-box .list_box .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lists_query-box .w1200 .content-box .list_box .item a {
  font-size: 14px;
  color: #666;
}

.lists_query-box .w1200 .content-box .list_box .item .a:hover {
  text-decoration: underline;
}

.lists_query-box .w1200 .content-box .next1 {
  margin-top: 50px;
}

@media (max-width: 1280px) {
  :root {
    --baseW: 100%;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-next {
    right: 0px !important;
  }
}

.plcs_1 .plcs_1_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 30px;
  justify-items: center;
  align-items: center;
}

.plcs_1 .plcs_1_box .plcs_box {
  width: 100%;
  height: 230px;
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  position: relative;
  background: #fff;
}

.plcs_1 .plcs_1_box .plcs_box .plcs_box_img img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.plcs_1 .plcs_1_box .plcs_box .plcs_box_intro {
  font-size: 22px;
  margin-top: 8px;
}

.plcs_1 .plcs_1_box .content {
  position: absolute;
  width: auto;
  min-width: 110%;
  min-height: 110%;
  background: #fff;
  transform: scale(0);
  transition: all 0.5s;
  padding: 15px;
  font-size: 20px;
  box-shadow: var(--box-shadow);
  z-index: 99;
}

.plcs_1 .plcs_1_box .plcs_box:hover .content {
  transform: scale(0.9);
}

.index_leading_box .content-box .img_box {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 30px;
  justify-items: center;
  align-items: center;
}

.index_leading_box .content-box .img_box>div {
  width: 100%;
}

.index_leading_box .content-box .img_box>div>div {
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.5s;
}

.index_leading_box .content-box .img_box>div>div>div:first-child {
  font-size: 20px;font-weight:bold;
}

.index_leading_box .content-box .img_box>div>div>div:last-child {
  font-size: 12px;line-height:20px;width:78%;margin-top:3%;text-align:center;color:#666
}

.index_leading_box .content-box .img_box>div>div:hover {
  transform: scale(1.2);
}

.advantage {
  margin-top: 120px;
  margin-bottom: 80px;
}

.margin-box {
  padding: 80px 0px;
}

.about {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
}

.about .w1200 {
  z-index: 2;
}

.about .w1200 .top-box {
  margin-bottom: var(--top-box-bottom);
}

.about .w1200 .content-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
  font-size: 18px;
}

.about .w1200 .content-box .numUp-box {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.about .w1200 .content-box .numUp-box .item .item-1 .num {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--baseBackColor) !important;
  font-size: 50px;
  font-weight: 600;
}

.about .w1200 .content-box .numUp-box .item .txt {
  text-align: center;
  font-size: 18px;
}

.about .w1200 .content-box>div:last-child .up {
  color: var(--baseBackColor) !important;
  font-size: 42px;
  font-weight: 600;
}

.about::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* 灰色半透明覆盖 */
}

* {
  padding: 0;
  margin: 0;
}

.circle-container {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  position: relative;
  margin: auto;
  margin-top: 10%;
  display: flex;
  justify-content: center;
}

.circle-container .center-img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.circle-container .circle-item {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform-origin: center 250px;
}

.circle-container .circle-item:nth-child(1) .item-box,
.circle-container .circle-item:nth-child(8) .item-box {
  background-color: #26f1e0;
}

.circle-container .circle-item:nth-child(2) .item-box,
.circle-container .circle-item:nth-child(7) .item-box {
  background-color: #26f16a;
}

.circle-container .circle-item:nth-child(3) .item-box,
.circle-container .circle-item:nth-child(6) .item-box {
  background-color: #f1aa26;
}

.circle-container .circle-item:nth-child(4) .item-box,
.circle-container .circle-item:nth-child(5) .item-box {
  background-color: #26a0f1;
}

.circle-container .circle-item .line-1 {
  position: absolute;
  height: 200px;
  border: 1px dashed #bf9f62;
  transform: translateY(25%);
}

.circle-container .circle-item .item-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 10px;
  width: 150px;
  height: 100px;
  border-radius: 50%;
  z-index: 999;
}

.circle-container .circle-item .item-box>div {
  padding: 0px 30px;
}

.circle-container .circle-item .item-box h5 {
  font-size: 14px;
}

.circle-container .circle-item:nth-child(1) {
  transform: translateY(-50%) rotate(22.5deg);
}

.circle-container .circle-item:nth-child(1) .item-box {
  transform: translateY(-50%) rotate(-22.5deg);
}

.circle-container .circle-item:nth-child(2) {
  transform: translateY(-50%) rotate(67.5deg);
}

.circle-container .circle-item:nth-child(2) .item-box {
  transform: translateY(-50%) rotate(-67.5deg);
}

.circle-container .circle-item:nth-child(3) {
  transform: translateY(-50%) rotate(112.5deg);
}

.circle-container .circle-item:nth-child(3) .item-box {
  transform: translateY(-50%) rotate(-112.5deg);
}

.circle-container .circle-item:nth-child(4) {
  transform: translateY(-50%) rotate(157.5deg);
}

.circle-container .circle-item:nth-child(4) .item-box {
  transform: translateY(-50%) rotate(-157.5deg);
}

.circle-container .circle-item:nth-child(5) {
  transform: translateY(-50%) rotate(202.5deg);
}

.circle-container .circle-item:nth-child(5) .item-box {
  transform: translateY(-50%) rotate(-202.5deg);
}

.circle-container .circle-item:nth-child(6) {
  transform: translateY(-50%) rotate(247.5deg);
}

.circle-container .circle-item:nth-child(6) .item-box {
  transform: translateY(-50%) rotate(-247.5deg);
}

.circle-container .circle-item:nth-child(7) {
  transform: translateY(-50%) rotate(292.5deg);
}

.circle-container .circle-item:nth-child(7) .item-box {
  transform: translateY(-50%) rotate(-292.5deg);
}

.circle-container .circle-item:nth-child(8) {
  transform: translateY(-50%) rotate(337.5deg);
}

.circle-container .circle-item:nth-child(8) .item-box {
  transform: translateY(-50%) rotate(-337.5deg);
}

.circle-container-box {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  position: relative;
  margin: auto;
  margin-top: 10%;
  display: flex;
  justify-content: center;
}

.circle-container-box .center-img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.circle-container-box .circle-item {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform-origin: center 250px;
}

.circle-container-box .circle-item .line-1 {
  position: absolute;
  width: 1px;
  height: 200px;
  border: 1px dashed #bf9f6269;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.circle-container-box .circle-item .line-1::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
}

.circle-container-box .circle-item .item-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 10px;
  width: 150px;
  height: 100px;
  border-radius: 50%;
  z-index: 999;
}

.circle-container-box .circle-item .item-box h5 {
  font-size: 14px;
}

.circle-container-box .circle-item:nth-child(1) {
  transform: translateY(-50%) rotate(22.5deg);
}

.circle-container-box .circle-item:nth-child(1) .line-1::before {
  transform: rotate(-22.5deg);
}

.circle-container-box .circle-item:nth-child(1) .line-content {
  transform: rotate(-22.5deg) translateX(45%) translateY(-16px);
  display: flex;
}

.circle-container-box .circle-item:nth-child(1) .line-content .icon-bi {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(1) .line-content .icon-bi .title {
  padding-left: 15px;
}

.circle-container-box .circle-item:nth-child(1) .line-content .content {
  position: absolute;
  top: 22px;
  left: 22px;
  padding-left: 19px;
}

.circle-container-box .circle-item:nth-child(2) {
  transform: translateY(-50%) rotate(67.5deg);
}

.circle-container-box .circle-item:nth-child(2) .line-1::before {
  transform: rotate(-67.5deg);
}

.circle-container-box .circle-item:nth-child(2) .line-content {
  transform: rotate(-67.5deg) translateX(45%) translateY(-16px);
  display: flex;
}

.circle-container-box .circle-item:nth-child(2) .line-content .icon-bi {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(2) .line-content .icon-bi .title {
  padding-left: 15px;
}

.circle-container-box .circle-item:nth-child(2) .line-content .content {
  position: absolute;
  top: 22px;
  left: 22px;
  padding-left: 19px;
}

.circle-container-box .circle-item:nth-child(3) {
  transform: translateY(-50%) rotate(112.5deg);
}

.circle-container-box .circle-item:nth-child(3) .line-1::before {
  transform: rotate(-112.5deg);
}

.circle-container-box .circle-item:nth-child(3) .line-content {
  transform: rotate(-112.5deg) translateX(45%) translateY(-16px);
  display: flex;
}

.circle-container-box .circle-item:nth-child(3) .line-content .icon-bi {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(3) .line-content .icon-bi .title {
  padding-left: 15px;
}

.circle-container-box .circle-item:nth-child(3) .line-content .content {
  position: absolute;
  top: 22px;
  left: 22px;
  padding-left: 19px;
}

.circle-container-box .circle-item:nth-child(4) {
  transform: translateY(-50%) rotate(157.5deg);
}

.circle-container-box .circle-item:nth-child(4) .line-1::before {
  transform: rotate(-157.5deg);
}

.circle-container-box .circle-item:nth-child(4) .line-content {
  transform: rotate(-157.5deg) translateX(45%) translateY(-16px);
  display: flex;
}

.circle-container-box .circle-item:nth-child(4) .line-content .icon-bi {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(4) .line-content .icon-bi .title {
  padding-left: 15px;
}

.circle-container-box .circle-item:nth-child(4) .line-content .content {
  position: absolute;
  top: 22px;
  left: 22px;
  padding-left: 19px;
}

.circle-container-box .circle-item:nth-child(5) {
  transform: translateY(-50%) rotate(202.5deg);
}

.circle-container-box .circle-item:nth-child(5) .line-1::before {
  transform: rotate(-202.5deg);
}

.circle-container-box .circle-item:nth-child(5) .line-content {
  transform: rotate(-202.5deg) translateX(-45%) translateY(-16px);
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.circle-container-box .circle-item:nth-child(5) .line-content .icon-bi {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(5) .line-content .icon-bi .title {
  padding-right: 15px;
}

.circle-container-box .circle-item:nth-child(5) .line-content .content {
  position: absolute;
  top: 22px;
  right: 22px;
  padding-right: 19px;
  text-align: right;
}

.circle-container-box .circle-item:nth-child(6) {
  transform: translateY(-50%) rotate(247.5deg);
}

.circle-container-box .circle-item:nth-child(6) .line-1::before {
  transform: rotate(-247.5deg);
}

.circle-container-box .circle-item:nth-child(6) .line-content {
  transform: rotate(-247.5deg) translateX(-45%) translateY(-16px);
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.circle-container-box .circle-item:nth-child(6) .line-content .icon-bi {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(6) .line-content .icon-bi .title {
  padding-right: 15px;
}

.circle-container-box .circle-item:nth-child(6) .line-content .content {
  position: absolute;
  top: 22px;
  right: 22px;
  padding-right: 19px;
  text-align: right;
}

.circle-container-box .circle-item:nth-child(7) {
  transform: translateY(-50%) rotate(292.5deg);
}

.circle-container-box .circle-item:nth-child(7) .line-1::before {
  transform: rotate(-292.5deg);
}

.circle-container-box .circle-item:nth-child(7) .line-content {
  transform: rotate(-292.5deg) translateX(-45%) translateY(-16px);
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.circle-container-box .circle-item:nth-child(7) .line-content .icon-bi {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(7) .line-content .icon-bi .title {
  padding-right: 15px;
}

.circle-container-box .circle-item:nth-child(7) .line-content .content {
  position: absolute;
  top: 22px;
  right: 22px;
  padding-right: 19px;
  text-align: right;
}

.circle-container-box .circle-item:nth-child(8) {
  transform: translateY(-50%) rotate(337.5deg);
}

.circle-container-box .circle-item:nth-child(8) .line-1::before {
  transform: rotate(-337.5deg);
}

.circle-container-box .circle-item:nth-child(8) .line-content {
  transform: rotate(-337.5deg) translateX(-45%) translateY(-16px);
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.circle-container-box .circle-item:nth-child(8) .line-content .icon-bi {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.circle-container-box .circle-item:nth-child(8) .line-content .icon-bi .title {
  padding-right: 15px;
}

.circle-container-box .circle-item:nth-child(8) .line-content .content {
  position: absolute;
  top: 22px;
  right: 22px;
  padding-right: 19px;
  text-align: right;
}

.circle-container-box .circle-item .line-content {
  width: 20vw;
  background-color: #00a5ed;
  position: relative;
}

.circle-container-box .circle-item .line-content .icon-bi {
  position: absolute;
}

.circle-container-box .circle-item .line-content .icon-bi .bi {
  width: 25px;
  height: 25px;
  border: 2px solid var(--baseBackColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: var(--baseBackColor);
  background: #fff;
}

.circle-container-box .circle-item .line-content .icon-bi .title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.circle-container-box .circle-item .content {
  color: #000;
  transform: translateY(10px);
  transition: all 1s;
}

.circle-container-box .circle-item .line-content:hover .icon-bi .bi {
  color: #2fc16e;
  border-color: #2fc16e;
}

.circle-container-box .circle-item .line-content:hover .icon-bi .title {
  color: #2fc16e;
}

.circle-container-box .circle-item .line-content:hover .content {
  transform: translateY(0px);
}

.advantage-box .w1200 .content-box .advantageSwiper {
  width: 100%;
  height: 400px;
}

.my-advantage-box .w1200 .content-box {
  margin-bottom: 100px;
}

.yuan-box-in {
  background: var(--baseBackColor) !important;
}

.yuan-box-in .bi {
  color: #fff !important;
}

.my-advantage-box-1 {
  display: none;
}

.my-advantage-box-1 .w1200 .content-box .web-days {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 {
  display: flex;
  gap: 10px;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .web-yuan {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .web-yuan .yuan-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--gray-color);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .web-yuan .yuan-box .bi {
  color: var(--baseBackColor);
  transition: all 0.5s;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .txt-box {
  flex: 1;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .txt-box .txt-box-item {
  padding: 20px;
  background: var(--gray-color);
  border-radius: 3px;
  position: relative;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .txt-box .txt-box-item .txt-box-title {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .txt-box .txt-box-item .txt-box-content {
  font-size: 12px;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-days-item .web-days-item-1 .txt-box .txt-box-item::before {
  display: block;
  content: "";
  background: var(--gray-color);
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  border-right: 8px solid var(--gray-color);
  border-bottom: 8px solid #fff;
  border-top: 8px solid #fff;
  border-left: 8px solid #fff;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-timeline__line {
  position: absolute;
  /* height: 100%; */
  width: 2px;
  top: 25px;
  bottom: 25px;
  background: var(--gray-color);
  left: 24px;
  overflow: hidden;
}

.my-advantage-box-1 .w1200 .content-box .web-days .web-timeline__line .web-timeline__line__inner {
  position: absolute;
  height: 100%;
  width: 100%;
  background: var(--baseBackColor);
  transition: all 0.5s;
}

.view-article-about-de .w1200 .content-box .describe {
  padding: 50px 0px;
  font-size: var(--content-level);
}

.view-article-about-de .w1200 .content-box .describe * {
  font-size: var(--content-level);
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  grid-gap: 30px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box {
  position: relative;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 {
  box-shadow: var(--box-shadow);
  background: #fff;
  aspect-ratio: 10 / 7;
  position: relative;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt>div {
  min-width: 60%;
  min-height: 25%;
  max-width: 70%;
  padding: 10px 20px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.188);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--baseBackColor);
  border-radius: 2px;
  box-shadow: 0px 0px 32px 1px rgba(56, 175, 181, 0.302);
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt>div .top-txt {
  font-size: 24px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt>div .bottom-txt {
  font-size: 16px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt>div .line-box {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt>div .line-box .line {
  width: 80%;
  height: 1px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 0px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .title {
  font-size: 28px;
  color: #000;
  font-weight: bold;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .seo {
  margin: 30px 0px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom .btn-box .btn {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 16px;
  border: 1px solid;
  background-color: var(--baseBackColor);
  color: #fff;
  padding: 10px 20px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom .btn-box .btn .bi {
  margin-left: 0px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom .tel-box {
  margin-left: 40px;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom .tel-box .txt {
  font-size: 15px;
  color: #000;
}

.view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom .tel-box .tel {
  font-size: 16px;
  color: var(--baseBackColor);
  font-weight: bold;
}

.view-article-box-2 .w1200 .content-box .navbox {
  margin: 50px 0px;
  background: #fff;
  padding: 30px;
}

.view-article-box-2 .w1200 .content-box .navbox img {
  max-width: 55%;
  height: auto;
  object-fit: contain;
}

.view-article-box-2 .w1200 .content-box .navbox img:hover {
  cursor: zoom-in;
}

.view-article-box-2 .w1200 .content-box .navbox .con-box .con-box-item img {
  max-width: 55%;
  height: auto;
  object-fit: contain;
}

.view-article-box-2 .w1200 .content-box .navbox table {
  width: 100%;
  overflow: hidden;
  border: none !important;
}

.view-article-box-2 .w1200 .content-box .navbox table tr {
  width: inherit;
}

.view-article-box-2 .w1200 .content-box .navbox table tr td {
  width: inherit !important;
  border: none !important;
}

.view-article-box-2 .w1200 .content-box .navbox table tr td section * {
  font-size: 24px !important;
  color: #fff !important;
}

.view-article-box-1 .w1200 .top-box {
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-bottom: var(--top-box-bottom);
}

.view-article-box-1 .w1200 .top-box>div:first-child {
  height: auto;
  min-height: 300px;
  flex: 0.7;
  position: relative;
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child {
  box-shadow: var(--box-shadow);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt>div {
  min-width: 60%;
  min-height: 25%;
  max-width: 70%;
  padding: 10px 20px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.188);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--baseBackColor);
  border-radius: 2px;
  box-shadow: 0px 0px 32px 1px rgba(56, 175, 181, 0.302);
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt>div .top-txt {
  font-size: 24px;
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt>div .bottom-txt {
  font-size: 16px;
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt>div .line-box {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
}

.view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt>div .line-box .line {
  width: 80%;
  height: 1px;
}

.view-article-box-1 .w1200 .top-box>div:last-child {
  flex: 1;
  height: auto;
  min-height: 300px;
  position: relative;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child {
  flex: 1.5;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .title {
  font-size: 34px;
  color: #000;
  font-weight: bold;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .seo {
  padding: 20px 0px;
  font-size: 16px;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child .btn-box {
  position: relative;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child {
  flex: 0.5;
  display: flex;
  justify-content: space-around;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child .btn {
  font-size: 16px;
  border: 1px solid;
  background-color: var(--baseBackColor);
  color: #fff;
  padding: 10px 20px;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child .btn .bi {
  margin-left: 15px;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div {
  flex: 1;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div:first-child {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div:last-child {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div:last-child .tel-box {
  margin-left: 40px;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div:last-child .tel-box .txt {
  font-size: 15px;
  color: #000;
}

.view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div:last-child .tel-box .tel {
  font-size: 16px;
  color: var(--baseBackColor);
  font-weight: bold;
}

.view-article-box-1 .w1200 .content-box {
  margin: 50px 0px;
}

.view-article-box-1 .w1200 .content-box .nav-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  box-shadow: var(--box-shadow);
  background: #fff;
}

.view-article-box-1 .w1200 .content-box .nav-top .nav-top-item {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--gray-color);
  font-size: 16px;
  color: #000;
  cursor: pointer;
}

.view-article-box-1 .w1200 .content-box .nav-top .nav-top-item:hover {
  background: var(--baseBackColor);
  color: #fff;
}

.view-article-box-1 .w1200 .content-box .navbox {
  margin: 50px 0px;
  background: #fff;
  padding: 30px;
}

.view-article-box-1 .w1200 .content-box .navbox img {
  max-width: 55%;
  height: auto;
  object-fit: contain;
}

.view-article-box-1 .w1200 .content-box .navbox img:hover {
  cursor: zoom-in;
}

.view-article-box-1 .w1200 .content-box .navbox .con-box .con-box-item img {
  max-width: 55%;
  height: auto;
  object-fit: contain;
}

.view-article-box-1 .w1200 .content-box .navbox table {
  width: 100%;
  overflow: hidden;
  border: none !important;
}

.view-article-box-1 .w1200 .content-box .navbox table tr {
  width: inherit;
}

.view-article-box-1 .w1200 .content-box .navbox table tr td {
  width: inherit !important;
  border: none !important;
}

.view-article-box-1 .w1200 .content-box .navbox table tr td section * {
  font-size: 24px !important;
  color: #fff !important;
}

.mobile_nav_c,
.mobile_nav {
  display: none;
}

.lists_single_culture_box .w1200 .content-box .item-box .item:nth-child(even) {
  flex-direction: row-reverse;
}

.lists_single_culture_box .w1200 .content-box .item-box .item {
  height: 450px;
  overflow: hidden;
  display: flex;
}

.lists_single_culture_box .w1200 .content-box .item-box .item>div {
  flex: 1;
}

.lists_single_culture_box .w1200 .content-box .item-box .item .img {
  height: 100%;
  overflow: hidden;
}

.lists_single_culture_box .w1200 .content-box .item-box .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.lists_single_culture_box .w1200 .content-box .item-box .item .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 {
  overflow: hidden;
}

.lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 .title-box .title {
  font-size: 30px;
  color: #000;
}

.lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 .title-box .subtitle {
  font-size: 15px;
}

.lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 .content-txt {
  font-size: 16px;
  color: #000;
}

.lists_single_culture_box .w1200 .content-box .item-box .item:hover .content .title {
  color: var(--baseBackColor) !important;
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper {
  width: 100%;
  height: auto;
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item {
  padding: 20px 10px;
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item .item-1 {
  box-shadow: var(--box-shadow);
  transition: all 0.5s;
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item .item-1 .img {
  height: 280px;
  padding: 5px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item .item-1 .img img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  border: 20px solid;
  border-image-repeat: repeat !important;
  border-image-slice: 30 !important;
  background: #fff;
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item .item-1 .title {
  text-align: center;
  font-size: 14px;
  padding: 15px;
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item .item-1:hover {
  background-color: var(--baseBackColor);
}

.lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item .item-1:hover .title {
  color: #fff;
}

.index-case-box .w1200 .content-box .caseBox {
  width: 100%;
  height: auto;
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item {
  padding: 20px 10px;
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1 {
  box-shadow: var(--box-shadow);
  transition: all 0.5s;
  height: 340px;
  display: flex;
  flex-direction: column;
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1 .img {
  height: 280px;
  overflow: hidden;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1 .img img {
  max-width: 95%;
  height: 95%;
  object-fit: contain;
  border: 20px solid;
  border-image-repeat: repeat !important;
  border-image-slice: 30 !important;
  background: #fff;
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1 .title {
  flex: 1;
  text-align: center;
  font-size: 14px;
  padding: 15px;
  position: relative;
  background: #fff;
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1 .title .san {
  position: absolute;
  right: 5px;
  bottom: 0;
  width: 30px;
  height: 30px;
  z-index: 99;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1 .title::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0px;
  height: 0px;
  z-index: 2;
  content: "";
  border-left: 30px solid transparent;
  border-bottom: 30px solid var(--gray-color);
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1:hover {
  background-color: var(--gray-color);
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1:hover .title::after {
  border-bottom: 30px solid var(--baseBackColor);
}

.index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1:hover .title .san {
  color: #fff;
}

.index-news-box .w1200 .top-box {
  margin-bottom: 0px;
}

.index-news-box .w1200 .content-box .swiper-wrapper {
  margin-top: var(--index-news-pagination);
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide {
  height: 360px;
  background: #fff;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box {
  height: 100%;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .tag::after {
  position: absolute;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  right: 0px;
  transform: translateX(10px) translateY(4px) rotate(135deg);
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #21696d;
  border-bottom: 10px solid transparent;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .img {
  display: flex;
  align-items: center;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .img .img-box {
  position: relative;
  width: 100%;
  height: 100%;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .img .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .img .img-box .tag {
  position: absolute;
  padding: 10px 25px;
  font-size: 18px;
  background: var(--baseBackColor);
  font-weight: bold;
  color: #fff;
  top: -14px;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .box {
  height: 360px;
  padding: 0px 30px;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .item {
  overflow: hidden;
  border-bottom: 1px dashed #ddd;
  cursor: pointer;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .item:last-child {
  border-bottom: none;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .title-txt {
  height: auto;
  min-height: 60px;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .time {
  font-weight: lighter;
  color: #5a5a5a;
  font-size: 14px;
  white-space: nowrap;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 30px;
  font-size: 14px;
  /* 3em是2行文本的line-height之和 */
  height: 0;
  transition: all 0.5s;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .active .title-txt {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .active .txt {
  height: 60px;
}

.index-news-box .swiper-pagination {
  position: absolute;
  top: 0px !important;
  bottom: auto;
  height: var(--index-news-pagination);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.index-news-box .swiper-pagination .my-bullet {
  cursor: pointer;
}

.index-news-box .swiper-pagination .swiper-pagination-bullet-active {
  color: var(--baseBackColor);
  background: transparent;
}

.lists-single-partners-box .w1200 .content-box .partners1 {
  width: 100%;
  height: auto;
}

.lists-single-partners-box .w1200 .content-box .partners1 .swiper-wrapper .swiper-slide .item {
  padding: 20px 10px;
}

.lists-single-partners-box .w1200 .content-box .partners1 .swiper-wrapper .swiper-slide .item .item-1 .img {
  height: 280px;
  overflow: hidden;
}

.lists-single-partners-box .w1200 .content-box .partners1 .swiper-wrapper .swiper-slide .item .item-1 .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}

.lists-single-partners-box .w1200 .content-box .partners1 .swiper-wrapper .swiper-slide .item .item-1 .title {
  text-align: center;
  font-size: 14px;
  padding: 15px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 20px;
}

.lists-single-environment-box .w1200 .content-box .advantageSwiper2 {
  width: 100%;
  height: auto;
}

.lists-single-environment-box .w1200 .content-box .advantageSwiper2 .swiper-wrapper .swiper-slide .item {
  padding: 20px 10px;
}

.lists-single-environment-box .w1200 .content-box .advantageSwiper2 .swiper-wrapper .swiper-slide .item .item-1 {
  box-shadow: var(--box-shadow);
}

.lists-single-environment-box .w1200 .content-box .advantageSwiper2 .swiper-wrapper .swiper-slide .item .item-1 .img {
  height: 280px;
  overflow: hidden;
}

.lists-single-environment-box .w1200 .content-box .advantageSwiper2 .swiper-wrapper .swiper-slide .item .item-1 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.lists-single-environment-box .w1200 .content-box .advantageSwiper2 .swiper-wrapper .swiper-slide .item .item-1 .img:hover img {
  transform: scale(1.2);
}

.lists-single-environment-box .w1200 .content-box .advantageSwiper2 .swiper-wrapper .swiper-slide .item .item-1 .title {
  text-align: center;
  font-size: 14px;
  padding: 15px;
  background: var(--baseBackColor);
  color: #fff;
  min-height: 50px;
}

.poster-box {
  height: 400px;
}

.poster-box .w1200 .top-box {
  margin-bottom: var(--top-box-bottom);
}

.poster-box .w1200 .top-box .title {
  color: var(--baseBackColor);
}

.poster-box .w1200 .top-box .describe {
  color: var(--baseBackColor);
}
    .poster-box .w1200 .top-box .describe a {
        color: white;
    }
.lists_product_box {
  transform: translateY(-5px);
  margin-bottom: 40px;
}

.lists_product_box li {
  list-style: none;
}

.lists_product_box .bi:hover {
  cursor: pointer;
}

.lists_product_box .w1200 .product_top-box {
  margin: var(--top-box-bottom) 0px;
}

.lists_product_box .w1200 .product_top-box .product_line {
  height: 5px;
  width: 100%;
  background: var(--baseBackColor);
}

.lists_product_box .w1200 .product_top-box * {
  font-size: 12px;
}

.lists_product_box .w1200 .product_top-box a {
  font-size: 12px;
}

.lists_product_box .w1200 .content-box {
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-gap: 30px;
}

.lists_product_box .w1200 .content-box #accordion {
  background-color: #fff;
  box-shadow: var(--box-shadow);
}

.lists_product_box .w1200 .content-box #accordion .card {
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid var(--gray-color);
}

.lists_product_box .w1200 .content-box #accordion .card .card-header {
  background: transparent;
  border-bottom: none;
}

.lists_product_box .w1200 .content-box #accordion .card .card-header .btn-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  font-size: 18px;
}

.lists_product_box .w1200 .content-box #accordion .card .collapse .card-body {
  padding: 0px;
}

.lists_product_box .w1200 .content-box #accordion .card .collapse .card-body a {
  display: block;
  padding: 9px 16px;
}

.lists_product_box .w1200 .content-box #accordion .card .collapse .childern-box {
  font-size: 15px;
}

.lists_product_box .w1200 .content-box .list .productSwiper {
  height: 80px;
}

.lists_product_box .w1200 .content-box .list .productSwiper .swiper-wrapper {
  padding: 0px 40px;
}

.lists_product_box .w1200 .content-box .list .productSwiper .swiper-button-prev,
.lists_product_box .w1200 .content-box .list .productSwiper .swiper-button-next {
  color: #fff;
  width: 40px;
  height: 100%;
  background: var(--baseBackColor);
  border-radius: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  transform: translateX(0px) !important;
  position: absolute;
  top: 0px !important;
  margin-top: 0px !important;
}

.lists_product_box .w1200 .content-box .list .productSwiper .swiper-button-prev {
  left: 0;
}

.lists_product_box .w1200 .content-box .list .productSwiper .swiper-button-next {
  right: 0;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
  margin-left: 20px;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item {
  display: flex;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 {
  width: 100%;
  box-shadow: var(--box-shadow);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* aspect-ratio: 3/4; */
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title_box_1 .title {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 20px;
  cursor: pointer;
  margin: 20px;
  height: 56px;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 56px;
  line-height: 1.2;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title_box_1 .title:hover * {
  color: #fff !important;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .pro-line-box-i {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
  margin-top: 10px;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .pro-line-box-i .pro-line-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-color);
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .pro-line-box-i .pro-line-box .line {
  height: 2px !important;
  width: 30px !important;
  background: var(--gradient);
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .content_box_1 {
  flex: 1;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .content_box_1 .content-txt {
  display: block;
  padding: 0px 20px;
  font-size: 15px;
  padding-bottom: 20px;
  flex: 1.5;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box {
  height: 60px;
  display: flex;
  border-top: 1px solid var(--gray-color);
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a:first-child {
  border-right: 1px solid var(--gray-color);
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  gap: 10px;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a>div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a:hover {
  background: var(--hover-color1);
  cursor: pointer;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover {
  background: var(--baseBackColor);
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover * {
  color: #fff;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover .details-box {
  border-top: 1px solid var(--gray-color-hover);
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover .details-box>a:first-child {
  border-right: 1px solid var(--gray-color-hover);
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2-software {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 {
  margin-top: 50px;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:first-child,
.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:last-child,
.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-child(2),
.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-last-child(2) {
  width: 70px;
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:first-child::before {
  display: block;
  content: "首页";
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:last-child::before {
  display: block;
  content: "尾页";
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-child(2)::before {
  display: block;
  content: "上一页";
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-last-child(2)::before {
  display: block;
  content: "下一页";
}

.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a.on1,
.lists_product_box .w1200 .content-box .list-box .list-box-1 .next1 a:hover {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.lists_product_box .w1200 .content-box .table-list-box {
  display: none;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
  margin-left: 20px;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item {
  display: flex;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 {
  width: 100%;
  box-shadow: var(--box-shadow);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*            aspect-ratio: 3/4; */
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title_box_1 .title {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 20px;
  cursor: pointer;
  margin: 20px;
  height: 56px;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 56px;
  line-height: 1.2;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title_box_1 .title:hover * {
  color: #fff !important;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .pro-line-box-i {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
  margin-top: 0px;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .pro-line-box-i .pro-line-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-color);
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .pro-line-box-i .pro-line-box .line {
  height: 1px !important;
  width: 30px !important;
  background: var(--gradient);
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .content_box_1 {
  flex: 1;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .content_box_1 .content-txt {
  display: block;
  padding: 0px 20px;
  font-size: 15px;
  padding-bottom: 20px;
  flex: 1.5;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box {
  height: 60px;
  display: flex;
  border-top: 1px solid var(--gray-color);
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a:first-child {
  border-right: 1px solid var(--gray-color);
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  gap: 10px;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a>div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a:hover {
  background: var(--hover-color1);
  cursor: pointer;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover {
  background: var(--baseBackColor);
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover * {
  color: #fff;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover .details-box {
  border-top: 1px solid var(--gray-color-hover);
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover .details-box>a:first-child {
  border-right: 1px solid var(--gray-color-hover);
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2-software {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 {
  margin-top: 50px;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:first-child,
.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:last-child,
.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:nth-child(2),
.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:nth-last-child(2) {
  width: 70px;
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:first-child::before {
  display: block;
  content: "首页";
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:last-child::before {
  display: block;
  content: "尾页";
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:nth-child(2)::before {
  display: block;
  content: "上一页";
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:nth-last-child(2)::before {
  display: block;
  content: "下一页";
}

.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a.on1,
.lists_product_box .w1200 .content-box .table-list-box .list-box-1 .next1 a:hover {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.lists_product_box .w1200 .content-box .table_box table {
  width: 100%;
  box-shadow: var(--box-shadow);
}

.lists_product_box .w1200 .content-box .table_box table td {
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.6;
}

.lists_product_box .w1200 .content-box .table_box table thead tr td {
  white-space: nowrap;
  color: #88878c;
  text-align: center;
  font-size: 14px;
}

.lists_product_box .w1200 .content-box .table_box table tbody tr td {
  text-align: center;
  color: #707072;
}

.lists_product_box .w1200 .content-box .table_box table tbody tr .num {
  color: #4d4d4d;
}

.lists_product_box .w1200 .content-box .table_box table tbody tr .qualification_name {
  white-space: nowrap;
}

.lists_product_box .w1200 .content-box .table_box table tbody tr .item_name {
  white-space: nowrap;
}

.lists_product_box .w1200 .content-box .table_box table tbody tr .seo_txt {
  text-align: left;
}

.lists_product_box .w1200 .content-box .table_box table tbody tr .operate {
  white-space: nowrap;
}

.lists_product_box .w1200 .content-box .table_box table tbody tr .operate a {
  color: var(--operate_a_color);
  padding: 0px 5px;
}

.lists_product_box .w1200 .content-box .table_box .next1 {
  margin-top: 50px;
}

.lists_product_box .w1200 .content-box .table_box .next1 a:first-child,
.lists_product_box .w1200 .content-box .table_box .next1 a:last-child,
.lists_product_box .w1200 .content-box .table_box .next1 a:nth-child(2),
.lists_product_box .w1200 .content-box .table_box .next1 a:nth-last-child(2) {
  width: 70px;
}

.lists_product_box .w1200 .content-box .table_box .next1 a:first-child::before {
  display: block;
  content: "首页";
}

.lists_product_box .w1200 .content-box .table_box .next1 a:last-child::before {
  display: block;
  content: "尾页";
}

.lists_product_box .w1200 .content-box .table_box .next1 a:nth-child(2)::before {
  display: block;
  content: "上一页";
}

.lists_product_box .w1200 .content-box .table_box .next1 a:nth-last-child(2)::before {
  display: block;
  content: "下一页";
}

.lists_product_box .w1200 .content-box .table_box .next1 a.on1,
.lists_product_box .w1200 .content-box .table_box .next1 a:hover {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.btn-default-w {
  border: 1px solid var(--baseBackColor);
  color: var(--baseBackColor);
}

.btn-default-w:hover {
  background-color: var(--hover-color1);
}

.lists_guestbook_map .w1200 .content-box .grid-container {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
}

.lists_guestbook_map .w1200 .content-box .grid-container .map-list {
  overflow-y: auto;
  padding-right: 20px;
}

.lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box .companyInfo {
  border: 2px solid #aaa;
  padding: 15px 20px 15px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  line-height: 30px;
  color: #000;
  min-height: 160px;
  display: flex;
  align-items: center;
}

.lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box .companyInfo .companyInfo-item>div:nth-child(1) {
  font-weight: bold;
}

.lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box .companyInfo:hover {
  border: 2px solid var(--baseBackColor);
}

.lists_guestbook_map .w1200 .content-box .grid-container .mapBig {
  padding-left: 20px;
}

.lists_guestbook_map .w1200 .content-box .grid-container .mapBig #allmap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

/* 颜色 */
.kf122 dd {
  position: relative;
  float: left;
  width: 80px;
  height: 80px;
  background: #38afb5;
  margin-top: 2px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}

.kf122 dd span {
  display: block;
  color: #fff;
}

.kf122 dd.t122 .box122 {
  position: absolute;
  top: 0;
  width: 190px;
  right: -200px;
  height: auto;
  margin-right: 10px;
  border-radius: 5px;
  background: #38afb5;
  opacity: 0;
  transition: all 0.5s;
}

.kf122 .bi {
  font-size: 24px;
}

.kf122 dd.t122 .box122:after {
  display: block;
  content: " ";
  border-style: solid dashed dashed dashed;
  border-color: transparent transparent transparent #38afb5;
  border-width: 9px;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: -18px;
  margin-left: -12px;
}

.kf122 dd.code122 .box122 {
  position: absolute;
  top: 0;
  height: auto;
  margin-right: 10px;
  border-radius: 5px;
  background: #38afb5;
  opacity: 0;
  transition: all 0.5s;
  display: flex;
  padding: 10px;
  gap: 15px;
}

.kf122 dd.code122 .box122 .code-img {
  padding: 2px;
  background: #fff;
  border-radius: 3px;
}

.kf122 dd:hover {
  background: #1e8186;
}

.kf122 dd.code122 .box122:after {
  display: block;
  content: " ";
  border-style: solid dashed dashed dashed;
  border-color: transparent transparent transparent #38afb5;
  border-width: 9px;
  width: 0;
  height: 0;
  position: absolute;
  top: 30px;
  right: -18px;
  margin-left: -12px;
}

/* 颜色 end*/
.kf122 {
  position: fixed;
  bottom: 60px;
  right: 1%;
  margin-top: -163px;
  z-index: 998;
  width: 80px;
}

.kf122 dd:first-child {
  margin-top: 0;
}

.kf122 dd i {
  width: 100%;
  height: 30px;
  display: block;
  margin-top: 13px;
}

.kf122 dd.qq122 i {
  background-position-y: 0;
}

.kf122 dd.t122 i {
  background-position-y: -30px;
}

.kf122 dd.code122 i {
  background-position-y: -60px;
}

.kf122 dd.top122 i {
  background-position-y: -90px;
}

.kf122 dd.t122 .box122 p {
  font-size: 14px;
  margin: 15px auto 7px;
}

.kf122 dd.t122 .box122 h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0px;
}

.kf122 dd.code122 .box122 img {
  width: 90px;
  height: 90px;
  padding: 11px;
}

.kf122 dd.t122:hover .box122 {
  opacity: 1;
  right: 80px;
}

.kf122 dd.code122:hover .box122 {
  opacity: 1;
  right: 80px;
}

.pord_box_280 {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0 40px 0;
}

.pord_box_280 .tit {
  width: 100%;
  height: 120px;
  position: relative;
}

.pord_box_280 .tit h1 {
  width: 100%;
  color: #2db7f5;
  font-size: 36px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 25px;
  font-weight: bold;
  z-index: 1;
}

.pord_box_280 .tit h2 {
  width: 100%;
  color: #f2f2f2;
  font-size: 60px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0px;
}

.pord_box_280 .tit h3 {
  width: 50px;
  height: 5px;
  position: absolute;
  left: 575px;
  top: 85px;
  background: #2db7f5;
}

.pord_box_280 .tit h4 {
  width: 100%;
  color: #707070;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: 0;
}

.pord_box_280 .pord_con {
  width: 100%;
  margin: 0 auto;
}

.pord_box_280 .pord_con .hd {
  text-align: center;
  margin: 20px 0 40px 0;
  overflow: hidden;
}

.pord_box_280 .pord_con .hd li {
  width: 194px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  margin: 0 0 0 0;
  color: #707070;
  border: 1px solid #dfdfdf;
  background: #fff;
  font-size: 16px;
  display: inline-block;
  overflow: hidden;
}

.pord_box_280 .pord_con .hd li.on {
  width: 194px;
  height: 48px;
  line-height: 48px;
  background: #2db7f5;
  border: 1px solid #2db7f5;
  color: #fff;
  overflow: hidden;
}

.pord_box_280 .pord_con .bd {
  width: 1200px;
}

.pord_box_280 .pord_con .bd ul {
  width: 1224px;
}

.pord_box_280 .pord_con .bd li {
  width: 384px;
  background: #f5f5f5;
  float: left;
  overflow: hidden;
  margin: 0 24px 24px 0;
}

.pord_box_280 .pord_con .bd li .pic {
  width: 384px;
  height: 284px;
  overflow: hidden;
}

.pord_box_280 .pord_con .bd li .pic img {
  width: 384px;
  height: 284px;
  overflow: hidden;
  transition: all 0.2s ease-in 0s;
}

.pord_box_280 .pord_con .bd li:hover a img {
  -webkit-transition: All 2s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  transition: All 0.4s ease-in-out;
}

.pord_box_280 .pord_con .bd li:hover img {
  text-decoration: none;
  display: block;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.pord_box_280 .pord_con .bd li .title {
  text-align: center;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 15px;
}

.pord_box_280 .pord_con .bd li a {
  width: 384px;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

.pord_box_280 .pord_con .bd li a .title {
  color: #2db7f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pord_box_280 .pord_con .bd li:hover {
  background: #2db7f5;
  transition: all 0.2s ease-in 0s;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}

.pord_box_280 .pord_con .bd li:hover .title {
  color: #fff;
  overflow: hidden;
}

.pord_box_280 .hmore {
  width: 400px;
  font-size: 18px;
  text-align: center;
  margin: 10px auto 0 auto;
  display: block;
}

.pord_box_280 .hmore a {
  width: 398px;
  height: 48px;
  line-height: 48px;
  display: block;
  text-decoration: none;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in 0s;
}

.pord_box_280 .hmore a:hover {
  color: #fff;
  background: #2db7f5;
  border: 1px solid #2db7f5;
}

.lists_article_cosmetic_box {
  transform: translateY(-5px);
}

.lists_article_cosmetic_box .margin-box {
  margin: 0px !important;
}

.lists_article_cosmetic_box li {
  list-style: none;
}

.lists_article_cosmetic_box .w1200 {
  overflow: hidden;
}

.lists_article_cosmetic_box .w1200 .product_top-box .product_line {
  height: 5px;
  width: 100%;
  background: var(--baseBackColor);
  position: relative;
  z-index: 5;
}

.lists_article_cosmetic_box .w1200 .cosmeticBox {
  width: 100%;
  height: var(--cosmeticBox-h);
  overflow: visible !important;
  box-shadow: 0px 0px 12px 0px #dddddd73;
}
.cosmeticBox .swiper-wrapper{justify-content: center;}
.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper .swiper-slide .item {
  height: calc(var(--cosmeticBox-h) - var(--cosmeticBox-san-ov-h) * 2);
}

.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper .swiper-slide .item .item-1 {
  transition: all 0.5s;
  height: calc(var(--cosmeticBox-h) - var(--cosmeticBox-san-ov-h) * 2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper .swiper-slide .item .item-1 .title {
  text-align: center;
  font-size: 18px;
  padding: 15px;
}

.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper .swiper-slide .item .item-1:hover {
  background-color: var(--baseBackColor);
}

.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper .swiper-slide .item .item-1:hover .title {
  color: #fff;
}

.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-prev,
.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-next {
  transform: translate(0px) !important;
  top: 0px;
  width: 50px;
  height: calc(var(--cosmeticBox-h) - var(--cosmeticBox-san-ov-h) * 2);
  border-radius: 0px;
  margin-top: 0px;
  background: var(--baseBackColor);
  height: var(--cosmeticBox-h);
}

.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-prev {
  left: 0px;
}

.lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-next {
  right: 0px;
}

.lists_article_cosmetic_box .w1200 .content-box {
  display: grid;
  grid-template-columns: 1fr;
}

.lists_article_cosmetic_box .w1200 .content-box #accordion {
  background-color: #fff;
  box-shadow: var(--box-shadow);
}

.lists_article_cosmetic_box .w1200 .content-box #accordion .card {
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid var(--gray-color);
}

.lists_article_cosmetic_box .w1200 .content-box #accordion .card .card-header {
  background: transparent;
  border-bottom: none;
}

.lists_article_cosmetic_box .w1200 .content-box #accordion .card .card-header .btn-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  font-size: 16px;
}

.lists_article_cosmetic_box .w1200 .content-box #accordion .card .collapse .card-body {
  padding: 0px;
}

.lists_article_cosmetic_box .w1200 .content-box #accordion .card .collapse .card-body a {
  display: block;
  padding: 9px 12px;
}

.lists_article_cosmetic_box .w1200 .content-box .list .productSwiper {
  height: 80px;
}

.lists_article_cosmetic_box .w1200 .content-box .list .productSwiper .swiper-wrapper {
  padding: 0px 40px;
}

.lists_article_cosmetic_box .w1200 .content-box .list .productSwiper .swiper-button-prev,
.lists_article_cosmetic_box .w1200 .content-box .list .productSwiper .swiper-button-next {
  color: #fff;
  width: 40px;
  height: 100%;
  background: var(--baseBackColor);
  border-radius: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  transform: translateX(0px) !important;
  position: absolute;
  top: 0px !important;
  margin-top: 0px !important;
}

.lists_article_cosmetic_box .w1200 .content-box .list .productSwiper .swiper-button-prev {
  left: 0;
}

.lists_article_cosmetic_box .w1200 .content-box .list .productSwiper .swiper-button-next {
  right: 0;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 380px;
  grid-gap: 15px;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item {
  display: flex;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 {
  width: 100%;
  box-shadow: var(--box-shadow);
  transition: all 0.5s;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title {
  height: 120px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 20px;
  cursor: pointer;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title .pro-line-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-color);
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title .pro-line-box .line {
  height: 1px;
  width: 30px;
  background: var(--gradient);
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title:hover * {
  color: #fff !important;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .content-txt {
  display: block;
  height: 200px;
  padding: 0px 20px;
  font-size: 14px;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box {
  height: 60px;
  display: flex;
  border-top: 1px solid var(--gray-color);
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a:first-child {
  border-right: 1px solid var(--gray-color);
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  gap: 10px;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a>div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a:hover {
  background: var(--hover-color1);
  cursor: pointer;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover {
  background: var(--baseBackColor);
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover * {
  color: #fff;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover .details-box {
  border-top: 1px solid var(--gray-color-hover);
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1:hover .details-box>a:first-child {
  border-right: 1px solid var(--gray-color-hover);
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 {
  margin-top: 50px;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:first-child,
.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:last-child,
.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-child(2),
.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-last-child(2) {
  width: 70px;
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:first-child::before {
  display: block;
  content: "首页";
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:last-child::before {
  display: block;
  content: "尾页";
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-child(2)::before {
  display: block;
  content: "上一页";
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:nth-last-child(2)::before {
  display: block;
  content: "下一页";
}

.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a.on1,
.lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .next1 a:hover {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.pglist a.on1 {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.bigImgStyle {
  border: 20px solid;
  border-image-repeat: repeat !important;
  border-image-slice: 30 !important;
  background: #fff;
}

.lists_honor-box .w1200 .content-box .item-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.lists_honor-box .w1200 .content-box .item-box .item {
  box-shadow: var(--box-shadow);
}

.lists_honor-box .w1200 .content-box .item-box .item .img {
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lists_honor-box .w1200 .content-box .item-box .item .img img {
  width: auto;
  height: 240px;
  object-fit: contain;
  border: 20px solid;
  border-image-repeat: repeat !important;
  border-image-slice: 30 !important;
  background: #fff;
}

.lists_honor-box .w1200 .content-box .item-box .item .content {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lists_honor-box .w1200 .content-box .item-box .item:hover {
  background: var(--baseBackColor);
}

.lists_honor-box .w1200 .content-box .item-box .item:hover .content {
  color: #fff;
}

.lists_honor-box .w1200 .content-box .next1 {
  margin-top: 50px;
}

.lists_honor-box .w1200 .content-box .next1 a:first-child,
.lists_honor-box .w1200 .content-box .next1 a:last-child,
.lists_honor-box .w1200 .content-box .next1 a:nth-child(2),
.lists_honor-box .w1200 .content-box .next1 a:nth-last-child(2) {
  width: 70px;
}

.lists_honor-box .w1200 .content-box .next1 a:first-child::before {
  display: block;
  content: "首页";
}

.lists_honor-box .w1200 .content-box .next1 a:last-child::before {
  display: block;
  content: "尾页";
}

.lists_honor-box .w1200 .content-box .next1 a:nth-child(2)::before {
  display: block;
  content: "上一页";
}

.lists_honor-box .w1200 .content-box .next1 a:nth-last-child(2)::before {
  display: block;
  content: "下一页";
}

.lists_honor-box .w1200 .content-box .next1 a.on1,
.lists_honor-box .w1200 .content-box .next1 a:hover {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.divremmnews_box .w1200 .content-box .divremmnews {
  border: 1px solid var(--gray-color);
}

.divremmnews_box .w1200 .content-box .divremmnews .anlitop {
  border-left: 5px solid var(--baseBackColor);
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 20px;
  border-bottom: 1px solid var(--gray-color);
  padding-left: 12px;
}

.divremmnews_box .w1200 .content-box .divremmnews ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
  grid-column-gap: 30px;
  list-style-type: none;
  padding: 10px 20px;
}

.divremmnews_box .w1200 .content-box .divremmnews ul li {
  border-bottom: 1px dashed var(--gray-color);
  display: flex;
  justify-content: space-between;
  padding: 5px;
}

.divremmnews_box .w1200 .content-box .divremmnews ul li .fr {
  white-space: nowrap;
  color: #666;
}

.view-article-box {
  margin: 50px 0px;
}

.view-article-box .w1200 {
  padding: 30px 60px;
  background: #fff;
  box-shadow: var(--box-shadow);
}

.view-article-box .w1200 .content-box {
  background: var(--content-back);
}

.view-article-box .w1200 .content-box .content-top {
  height: 1200px;
}

.view-article-box .w1200 .content-box .content-top .content-title {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-article-box .w1200 .content-box .content-top .content-title>div {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.view-article-box .w1200 .content-box .content-top .content-title>div>div:nth-child(1) {
  font-size: 7rem;
  color: #ffc140;
  font-weight: 700;
}

.view-article-box .w1200 .content-box .content-top .content-title>div>div:nth-child(2) {
  font-size: 12rem;
  color: #fff;
  font-weight: 700;
}

.view-article-box .w1200 .content-box .content-top .content-title>div>div:nth-child(3) {
  font-size: 4rem;
  color: #fff;
  display: flex;
  justify-content: center;
}

.view-article-box .w1200 .content-box .content-top .content-title>div>div:nth-child(3) .box {
  display: inline-block;
  height: 7rem;
  line-height: 7rem;
  padding: 0px 3rem;
  border-radius: 4rem;
  background: #ffc140;
  position: relative;
  display: flex;
  align-items: center;
}

.view-article-box .w1200 .content-box .content-top .content-title>div>div:nth-child(3) .box::before {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: #ffc140;
  border-radius: 50%;
  position: absolute;
  left: -2rem;
}

.view-article-box .w1200 .content-box .content-top .content-title>div>div:nth-child(3) .box::after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: #ffc140;
  border-radius: 50%;
  position: absolute;
  right: -2rem;
}

.view-article-box .w1200 .content-box .content {
  padding: 35px 25px;
}

.view-article-box .w1200 .content-box .content .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  margin-bottom: 20px;
}

.view-article-box .w1200 .content-box .content .txt>div {
  height: 70px;
  width: 185px;
  background-color: #1d68b3;
  position: relative;
}

.view-article-box .w1200 .content-box .content .txt>div>div {
  border: 1px dashed #ffffff;
  position: absolute;
  top: 5px;
  right: 5px;
  left: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

.view-article-box .w1200 .content-box .content .content3 img,
.view-article-box .w1200 .content-box .content .content4 img {
  width: 100%;
  height: auto;
}

.view-article-box .w1200 .content-box .content .content-item {
  background: var(--content-child-back);
  padding: 16px;
}

.view-article-box .w1200 .content-box .view-article-about {
  padding-bottom: 30px;
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box>div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box>div:first-child>div:nth-child(1),
.view-article-box .w1200 .content-box .view-article-about .txt .txt-box>div:first-child>div:nth-child(3) {
  flex: 1;
  height: 1px;
  background: #d9b421;
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box>div:first-child>div:nth-child(2) {
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  font-size: 36px;
  color: #d9b421;
  font-weight: bold;
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box .xie-box {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box .xie-box>div {
  height: 40px;
  background: #d9b421;
  transform: skew(-30deg);
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box .xie-box>div:nth-child(1),
.view-article-box .w1200 .content-box .view-article-about .txt .txt-box .xie-box>div:nth-child(3) {
  width: 20px;
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box .xie-box>div:nth-child(2) {
  display: flex;
  align-items: flex-end;
  font-size: 24px;
  color: #fff;
  padding: 0px 40px;
}

.view-article-box .w1200 .content-box .view-article-about .txt .txt-box .xie-box>div:nth-child(2)>div {
  transform: skew(30deg);
}

.view-article-box .w1200 .content-box .view-article-about .content5 {
  padding: 0px 25px;
}

.view-article-box .w1200 .content-box .view-article-about .content5 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.view-article-box .w1200 .content-box .view-article-about .content5>div {
  padding: 5px 25px;
  border: 1px solid #d9b421;
}

.lists_search_box {
  margin: 50px 0px;
}

.lists_search_box .w1200 .content-box .fl .listnews {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style-type: none;
}

.lists_search_box .w1200 .content-box .fl .listnews>li>a {
  display: flex;
  gap: 20px;
  border-bottom: 1px dashed var(--gray-color);
}

.lists_search_box .w1200 .content-box .fl .listnews>li>a .imgfd {
  width: 200px;
  height: 150px;
}

.lists_search_box .w1200 .content-box .fl .listnews>li>a .imgfd>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lists_search_box .w1200 .content-box .fl .listnews>li>a .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lists_search_box .w1200 .content-box .fl .listnews>li>a .txt b {
  font-size: 20px;
}

.lists_search_box .w1200 .content-box .fl .listnews>li>a .txt .des {
  font-size: 16px;
}

.lists_search_box .w1200 .content-box .fl .listnews>li>a .txt>div:last-child {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.lists_search_box .w1200 .content-box .next1 {
  margin-top: 50px;
}

.lists_search_box .w1200 .content-box .next1 a:first-child,
.lists_search_box .w1200 .content-box .next1 a:last-child,
.lists_search_box .w1200 .content-box .next1 a:nth-child(2),
.lists_search_box .w1200 .content-box .next1 a:nth-last-child(2) {
  width: 70px;
}

.lists_search_box .w1200 .content-box .next1 a:first-child::before {
  display: block;
  content: "首页";
}

.lists_search_box .w1200 .content-box .next1 a:last-child::before {
  display: block;
  content: "尾页";
}

.lists_search_box .w1200 .content-box .next1 a:nth-child(2)::before {
  display: block;
  content: "上一页";
}

.lists_search_box .w1200 .content-box .next1 a:nth-last-child(2)::before {
  display: block;
  content: "下一页";
}

.lists_search_box .w1200 .content-box .next1 a.on1,
.lists_search_box .w1200 .content-box .next1 a:hover {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.index-service-box .w1200 .content-box .service-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}

.index-service-box .w1200 .content-box .service-box .item {
  height: 200px;
}

.index-service-box .w1200 .content-box .service-box .item .item-1 {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
}

.index-service-box .w1200 .content-box .service-box .item .item-1 .top {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  transition: all 0.5s;
}

.index-service-box .w1200 .content-box .service-box .item .item-1 .top .icon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.index-service-box .w1200 .content-box .service-box .item .item-1 .top .title {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.index-service-box .w1200 .content-box .service-box .item .item-1 .content {
  height: 100%;
  flex: 0;
  transition: all 0.5s;
  background: var(--baseBackColor);
  color: #fff;
  overflow: hidden;
}

.index-service-box .w1200 .content-box .service-box .item:hover {
  overflow: visible;
  width: 300px;
}

.index-service-box .w1200 .content-box .service-box .item:hover .content {
  padding: 10px 20px;
  flex: 2;
  z-index: 99;
}

.lists-guestbook-box-1 .w1200 .content-box .contact-container .contact-list {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding: 70px 0;
  padding-bottom: 0;
}

.lists-guestbook-box-1 .w1200 .content-box .contact-container ul {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 35px;
}

.lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h4 {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #0288d6;
  line-height: 100px;
  text-align: center;
  margin: 0 auto;
  transition: all 0.4s;
}

.lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h4 img {
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h5 {
  font-size: 18px;
  color: #333;
  text-align: center;
  padding-top: 20px;
}

.lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h6 {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  text-align: center;
  padding-top: 20px;
}

.lists-guestbook-box-1 .w1200 .content-box .contact-container ul li:hover h4 {
  transform: translateY(-10px);
}

.w-container .row .wrap-content-in .w-system-in {
  background: #fff;
  box-shadow: var(--box-shadow);
  padding: 40px;
}

.w-container .row .wrap-content-in .w-system-in .newsDetail .newsDetail-in .newsTitle {
  font-size: 28px;
}

.showBigImg:hover {
  cursor: zoom-in;
}

.showBigImg-sigle:hover {
  cursor: zoom-in;
}

.closeShowImg {
  cursor: zoom-out;
}

.lists_bigData-box .w1200 .content-box .item-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.lists_bigData-box .w1200 .content-box .item-box .item {
  box-shadow: var(--box-shadow);
}

.lists_bigData-box .w1200 .content-box .item-box .item .title {
  min-height: 60px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  border-bottom: 1px solid var(--gray-color);
}

.lists_bigData-box .w1200 .content-box .item-box .item .img {
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.lists_bigData-box .w1200 .content-box .item-box .item .img img {
  width: 100%;
  height: 300px;
  object-fit: contain;
}

.lists_bigData-box .w1200 .content-box .item-box .item .content {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--gray-color);
}

.lists_bigData-box .w1200 .content-box .item-box .item .content .item-1 {
  flex: 1;
  height: 100%;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lists_bigData-box .w1200 .content-box .item-box .item .content .item-1:first-child {
  border-right: 1px solid var(--gray-color);
}

.lists_bigData-box .w1200 .content-box .item-box .item .content .item-1:hover {
  color: #fff !important;
  background: var(--baseBackColor);
}

.lists_bigData-box .w1200 .content-box .item-box .item .content .item-1:hover * {
  color: #fff !important;
}

.lists_bigData-box .w1200 .content-box .next1 {
  margin-top: 50px;
}

.lists_bigData-box .w1200 .content-box .next1 a:first-child,
.lists_bigData-box .w1200 .content-box .next1 a:last-child,
.lists_bigData-box .w1200 .content-box .next1 a:nth-child(2),
.lists_bigData-box .w1200 .content-box .next1 a:nth-last-child(2) {
  width: 70px;
}

.lists_bigData-box .w1200 .content-box .next1 a:first-child::before {
  display: block;
  content: "首页";
}

.lists_bigData-box .w1200 .content-box .next1 a:last-child::before {
  display: block;
  content: "尾页";
}

.lists_bigData-box .w1200 .content-box .next1 a:nth-child(2)::before {
  display: block;
  content: "上一页";
}

.lists_bigData-box .w1200 .content-box .next1 a:nth-last-child(2)::before {
  display: block;
  content: "下一页";
}

.lists_bigData-box .w1200 .content-box .next1 a.on1,
.lists_bigData-box .w1200 .content-box .next1 a:hover {
  background: var(--baseBackColor);
  border: 1px solid var(--gray-color);
  color: #fff !important;
}

.next1 a.on1 {
  background: var(--baseBackColor) !important;
  color: #fff !important;
  border: 1px solid var(--baseBackColor) !important;
}

.next1 a:hover {
  background: var(--baseBackColor) !important;
  color: #fff !important;
  border: 1px solid var(--baseBackColor) !important;
}

.view_article_bigData_box .newsContent .gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}

.view_article_bigData_box .newsContent .gallery .item-image .item-image-box {
  box-shadow: var(--box-shadow);
  padding: 10px 0px;
}

.view_article_bigData_box .newsContent .gallery .item-image .item-image-box a {
  display: block;
  width: 100%;
  height: 200px;
  padding: 10px;
}

.view_article_bigData_box .newsContent .gallery .item-image .item-image-box a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 100%;
}

.view_article_bigData_box .newsContent .gallery .item-image .item-image-box .txt {
  text-align: center;
}

.view_article_bigData_box .newsContent img:hover {
  cursor: zoom-in;
}

.view_article_bigData_box .url-1 {
  display: flex;
  justify-content: flex-end;
}

.view_article_bigData_box .url-1 a {
  background: var(--baseBackColor);
  font-size: 12px;
  width: 140px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.view_article_bigData_box .url-1 a:hover {
  color: #fff !important;
}

.mobile_nav_c {
  height: var(--mobile_nav_h);
  background: var(--foot_color);
}

.phone_active {
  color: var(--baseBackColor) !important;
}

.phone_active_show {
  display: block;
  color: var(--baseBackColor) !important;
}

.phone_active_close {
  display: none;
}

.mobile_nav {
  height: var(--mobile_nav_h);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: var(--foot_color);
  box-shadow: 0px 13px 18px 3px #000;
}

.mobile_nav .mobile_nav_list {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  font-size: 14px !important;
}

.mobile_nav .mobile_nav_list .item {
  width: 100%;
  height: 100%;
}

.mobile_nav .mobile_nav_list .item .item_a {
  display: block;
  width: inherit;
  height: inherit;
}

.mobile_nav .mobile_nav_list .item .item_a .item_a_box {
  width: inherit;
  height: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile_nav .mobile_nav_list .item .item_a .item_a_box>div {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile_nav .mobile_nav_list .item .item_a .item_a_box .nav_icon {
  position: relative;
}

.mobile_nav .mobile_nav_list .item .item_a .item_a_box .nav_icon img {
  position: absolute;
  height: 75%;
  width: auto;
}

.mobile_nav .mobile_nav_list .item .item_a .item_a_box .nav_title {
  color: #fff;
}

.swiper_slide_0 .item-box .item-1 {
  grid-template-columns: 1fr !important;
}

.bigData_img {
  aspect-ratio: auto !important;
  padding: 10px !important;
}

.bigData_img img {
  object-fit: contain !important;
  position: relative !important;
  max-height: 400px;
}

table {
  width: 100% !important;
}

@media (min-width: 1200px) {

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-next,
  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-prev {
    width: 0px;
    overflow: hidden;
  }
}

@media (max-width: 1230px) {
  :root {
    --baseW: 100%;
  }

  .pc,
  .kf122 {
    display: none;
  }

  .top302-box {
    display: none;
  }

  .logo-box-1 {
    display: none;
  }

  .phone {
    display: block !important;
  }
}

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

@media (max-width: 1240px) {
  .w1200 {
    padding: 0px 20px;
  }

  .lists_query-box .w1200 .content-box .list_box {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1200px) {
  .pc .children>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper {
    /* margin-left: 50px; */
    justify-content: unset;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-next,
  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-prev {
    width: 50px;
  }

  .header .w1200 {
    padding: 0px;
  }

  .lists_product_box .table-list-box {
    display: block !important;
  }

  .lists_product_box .table_box {
    display: none !important;
  }

  .lists_article_cosmetic_box .w1200 {
    padding: 0px;
  }
}

@media (max-width: 1024px) {
  .logo {
    display: grid;
    grid-template-columns: 1fr;
    padding: 40px 0px;
  }

  .query_box .link_list .subnav .item {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
  }

  .lists_query-box .w1200 .content-box .list_box {
    grid-template-columns: repeat(3, 1fr);
  }

  .lists_guestbook_map .w1200 .content-box .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box {
    grid-template-columns: repeat(1, 1fr);
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .title {
    font-size: 26px;
  }

  .right-box .input {
    width: 100%;
  }

  .right-box .input .input-search {
    width: 100%;
  }

  .lists_product_box .list-box-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .lists_product_box .list-box-2-software {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  .pc .children>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
  }

  .foot310 .foot-box .contat_list_boxw {
    grid-column-gap: 60px;
  }

  .product-box .w1200 .content-box-1 .product-box-2 .product-item-box {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 970px) {
  .lists_product_box .list-box-2-software {
    grid-template-columns: 1fr 1fr !important;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .title {
    font-size: 24px;
  }

  .numUp .numUp-box {
    position: relative;
    top: 0;
    transform: translateY(0);
  }

  .numUp .numUp-box .w1200 .rmnum .ul .shuLine {
    display: none;
  }

  .numUp .numUp-box .w1200 .rmnum .ul li .up {
    font-size: 30px;
  }

  .numUp .numUp-box .w1200 .rmnum .ul li .txt {
    font-size: 12px;
  }
}

@media (max-width: 900px) {
  .foot310 .foot-box .contat_list_boxw {
    grid-template-columns: repeat(2, 1fr);
  }

  .index_leading_box .content-box .img_box {
    grid-template-columns: repeat(2, 1fr);
  }

  .foot310 .foot-box .footer_logo_box .logo_box_img img {
    max-width: 85%;
  }

  .pc .children>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }

  .lists_article_cosmetic_box .content-box .list-box .list-box-1 .list-box-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  .my-advantage-box {
    display: none;
  }

  .my-advantage-box-1 {
    display: block;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .mapBig {
    height: 50vh;
    padding-left: 0px;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .map-list {
    padding-right: 0px;
  }

  .index-news-box .swiper-pagination {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: auto;
    grid-row-gap: 15px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide {
    height: auto;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 {
    display: grid;
    grid-template-columns: 1fr;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .box {
    height: auto;
    padding: 20px 30px;
  }
}

@media (max-width: 780px) {
  .lists_product_box .w1200 .content-box {
    grid-template-columns: 1fr;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .title {
    font-size: 22px;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box {
    grid-template-columns: 1fr;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .title {
    font-size: 20px;
    text-align: center;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box {
    padding: 15px;
    background: #fff;
  }

  .lists_query-box .w1200 .content-box .list_box {
    grid-template-columns: repeat(2, 1fr);
  }

  .query_box .link_list .subnav .item {
    grid-template-columns: repeat(3, 1fr);
  }

  .lists_bigData-box .w1200 .content-box .item-box {
    grid-template-columns: 1fr 1fr;
  }

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

@media (max-width: 768px) {
  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper {
    padding: 0px;
    margin-left: 0px;
  }

  .swiper-slide-last {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .view_article_bigData_box .newsContent img {
    width: 100%;
    max-width: 100%;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .seo {
    font-size: 14px;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom .btn-box .btn {
    font-size: 14px;
    padding: 8px 15px;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .bottom .tel-box {
    margin-left: 0px;
  }

  .view-article-box-2 .w1200 .content-box .navbox table tr td section * {
    font-size: 18px !important;
  }

  .view-article-box-2 .w1200 .content-box .navbox img {
    max-width: 100%;
  }

  .view-article-box-2 .w1200 .content-box .navbox * {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .view-article-box-2 .w1200 .content-box .navbox {
    padding: 10px;
  }

  .my-advantage-box-1 {
    display: block;
  }

  .lists_guestbook_map {
    height: auto;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .map-list {
    padding: 0px;
  }

  .view-article-about-de .w1200 .content-box .describe {
    padding: 0px;
  }

  .view-article-box-1 .w1200 .top-box {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child {
    height: auto;
    display: block;
    min-height: auto;
    padding: 20px 20px;
    background: #fff;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child {
    height: auto;
    position: relative;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .title {
    font-size: 20px;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .wrap_title {
    font-size: 18px !important;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .wrap_title * {
    font-size: 18px !important;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .wrap_title strong {
    font-size: 20px !important;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div:last-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child>div:last-child .tel-box {
    margin: 0px;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child .btn {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child .btn .bi {
    margin-left: 0px;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:last-child .btn {
    width: 100%;
  }

  .view-article-box-1 .w1200 .content-box .navbox {
    padding: 10px !important;
  }

  .view-article-box-1 .w1200 .content-box .navbox table tr td section * {
    font-size: 18px !important;
  }

  .view-article-box-1 .w1200 .content-box .navbox img {
    max-width: 100%;
  }

  .w-container .row .wrap-content-in .w-system-in {
    padding: 0px;
  }

  .w-container .row .wrap-content-in .w-system-in .newsDetail .newsDetail-in .newsTitle {
    font-size: 16px;
    padding: 20px 20px 5px;
  }

  .w-container .row .wrap-content-in .w-system-in .newsDetail .newsDetail-in .newsST .newsTime {
    font-size: 12px;
  }
}

@media (max-width: 600px) {
  .lists_article_cosmetic_box .content-box .list-box .list-box-1 .list-box-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .query_box {
    flex-direction: column;
  }

  .foot310 .foot-box .footer_logo_box {
    grid-template-columns: 1fr;
  }

  .foot310 .foot-box .footer_logo_box .logo_box_img img {
    max-width: 65%;
  }

  .divremmnews_box .w1200 .content-box .divremmnews .anlitop {
    font-size: 16px;
  }

  .divremmnews_box .w1200 .content-box .divremmnews ul {
    grid-template-columns: 1fr !important;
    padding: 5px;
  }

  .divremmnews_box .w1200 .content-box .divremmnews ul li {
    flex-direction: column;
  }

  .divremmnews_box .w1200 .content-box .divremmnews ul li a {
    font-size: 14px;
  }

  .divremmnews_box .w1200 .content-box .divremmnews ul li .fr {
    text-align: right;
    font-size: 12px;
  }

  .numUp .numUp-box {
    position: relative;
    top: 0;
    transform: translateY(0);
  }

  .numUp .numUp-box .w1200 .rmnum .ul .shuLine {
    display: none;
  }

  .numUp .numUp-box .w1200 .rmnum .ul li .up {
    font-size: 18px;
  }

  .numUp .numUp-box .w1200 .rmnum .ul li .txt {
    font-size: 12px;
  }
}

@media (max-width: 481px) {
  :root {
    --first-level: 20px;
    --four-level: 15px;
    --five-level: 12px;
    --content-level: 12px;
    --top-box-h: 85px;
  }

  .top-box .describe {
    font-size: 13px;
  }

  .query_box .link_list .subnav .item {
    grid-template-columns: repeat(2, 1fr);
  }

  .wrap338 .newsPage .item .h3-tit {
    font-size: 16px;
  }

  .wrap338 .newsPage .item .h3-tit {
    gap: 10px;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-next {
    float: right;
    right: 0px !important;
  }

  .foot310 .foot-box .contat_list_boxw {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 0px;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .title_seo_box .item .item-1 .title {
    font-size: 16px !important;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt>div .top-txt {
    font-size: 16px !important;
  }

  .view-article-box-2 .w1200 .content-box .img_title_seo_box .img_box .img_box_1 .view-article-top-img-txt>div .bottom-txt {
    font-size: 14px !important;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title_box_1 .title {
    font-size: 16px !important;
  }

  .w1200 {
    padding: 10px;
  }

  .t260_main {
    padding: 0px;
  }

  .header .w1200 {
    padding: 0px;
  }

  .logo-img img {
    object-fit: contain;
  }

  .mobile_nav_c,
  .mobile_nav {
    display: block;
  }

  .margin-box {
    margin: 0px;
    padding: 0px;
  }

  .numUp .numUp-box {
    position: relative;
    top: 0;
    transform: translateY(0);
  }

  .numUp .numUp-box .w1200 .rmnum .ul .shuLine {
    display: none;
  }

  .numUp .numUp-box .w1200 .rmnum .ul li .up {
    font-size: 18px;
  }

  .numUp .numUp-box .w1200 .rmnum .ul li .txt {
    font-size: 12px;
  }

  .product-box .w1200 {
    padding: 20px 10px;
    padding-top: 40px;
  }

  .product-box .w1200 .content-box-1 .product-box-2 .product-item-box {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
  }

  .plcs_1 .plcs_1_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding: 0px;
  }

  .index_leading_box .w1200 .content-box>div:first-child * {
    font-size: 14px !important;
    line-height: 1.8;
  }

  .index_leading_box .w1200 .content-box .img_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0px;
  }

  .index_leading_box .w1200 .content-box .img_box>div>div {
    height: 200px;
    text-align: center;
  }

  .index_leading_box .w1200 .content-box .img_box>div>div * {
    font-size: 14px !important;
    line-height: 1.4;
  }

  .about .w1200 {
    height: auto;
  }

  .about .w1200 .content-box {
    height: auto;
  }

  .about .w1200 .content-box * {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .index-news-box .swiper-pagination {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: auto;
    grid-row-gap: 15px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide {
    height: auto;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 {
    display: grid;
    grid-template-columns: 1fr;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .box {
    height: auto;
    padding: 20px 30px;
  }

  .foot310 .foot-box {
    display: block;
  }

  .foot310 .bnav {
    display: none;
  }

  .foot310 .ewmlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 30px;
  }

  .copy310 {
    height: auto;
    text-align: center;
  }

  .copy310 .w310 {
    display: flex;
    flex-direction: column;
  }

  .advantage {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .advantage .content-box {
    font-size: 14px !important;
  }

  .advantage .content-box * {
    font-size: 14px !important;
  }

  .lists_single_culture_box .w1200 .content-box .item-box .item {
    height: auto;
    flex-direction: column !important;
    margin-bottom: 20px;
    position: relative;
  }

  .lists_single_culture_box .w1200 .content-box .item-box .item .content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
  }

  .lists_single_culture_box .w1200 .content-box .item-box .item .content * {
    color: #fff;
  }

  .lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 {
    text-align: center;
    width: 100%;
  }

  .lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 .title-box .title {
    font-size: 16px;
    color: #fff !important;
  }

  .lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 .title-box .subtitle {
    font-size: 10px;
  }

  .lists_single_culture_box .w1200 .content-box .item-box .item .content .content-box-1 .content-txt {
    font-size: 14px;
    margin-top: 15px;
  }

  .lists_product_box .w1200 {
    padding: 10px;
  }

  .lists_product_box .w1200 .content-box {
    grid-template-columns: 1fr;
  }

  .lists_product_box .w1200 .content-box .list-box,
  .lists_product_box .w1200 .content-box .table-list-box {
    margin-top: 30px;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 {
    margin-left: 0px;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-gap: 10px;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: auto;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title {
    font-size: 16px;
    padding: 10px;
    color: #000;
    text-align: center;
    min-height: 60px;
    height: auto;
    display: block;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title>div,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title>div {
    padding-bottom: 0px;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title .pro-line-box,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title .pro-line-box {
    position: static;
    margin-top: 10px;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .content-txt,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .content-txt {
    padding: 10px;
    height: auto;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box {
    height: 45px;
  }

  .lists_product_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a>div,
  .lists_product_box .w1200 .content-box .table-list-box .list-box-1 .list-box-2 .list-item .list-item-1 .details-box>a>div {
    font-size: 12px;
  }

  .lists_article_cosmetic_box .w1200 {
    padding: 0px;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox {
    height: auto !important;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper {
    padding: 0px;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-prev,
  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-button-next {
    height: 100%;
  }

  .lists_article_cosmetic_box .w1200 .content-box {
    margin-top: 30px !important;
  }

  .lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto;
  }

  .lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .list-item-1 .title {
    font-size: 16px;
    padding: 10px;
    cursor: pointer;
    min-height: 60px;
    height: auto;
    display: block;
    text-align: center;
    color: #000;
  }

  .lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .content-txt {
    padding: 10px !important;
    height: auto !important;
    font-size: 15px;
  }

  .lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .details-box {
    height: 45px !important;
  }

  .lists_article_cosmetic_box .w1200 .content-box .list-box .list-box-1 .list-box-2 .list-item .details-box>a>div {
    font-size: 12px;
  }

  .lists_bigData-box .w1200 .content-box .item-box {
    grid-template-columns: 1fr !important;
  }

  .lists_bigData-box .w1200 .content-box .item-box .item .img img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .lists_honor-box .w1200 .content-box .item-box {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .wrap338 .menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .wrap338 .newsPage .hasimg_0 {
    padding-left: 30px !important;
  }

  .wrap338 .newsPage .item {
    padding: 15px 20px !important;
    height: auto;
    grid-template-columns: 1fr;
    grid-gap: 5px;
  }

  .wrap338 .newsPage .item img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
  }

  .wrap338 .newsPage .item .new_img_0 {
    display: none;
  }

  .wrap338 .newsPage .item h3 {
    font-size: 15px;
    line-height: inherit;
    height: auto;
  }

  .wrap338 .newsPage .item .txt {
    font-size: 13px;
    line-height: inherit;
    height: auto;
  }

  .wrap338 .newsPage .item .dec {
    font-size: 12px;
  }

  .wrap338 .newsPage .content_txt_box {
    padding: 0px;
  }

  .wrap338 .newsPage .content_txt_box h3 {
    margin-top: 0px;
  }

  .wrap338 .newsPage .content_txt_box .dec {
    padding: 0px;
    margin-top: 10px;
    text-align: right;
  }

  .wrap338 .pga a {
    font-size: 13px;
  }

  .wrap338 .pga a * {
    font-size: 13px;
  }

  .lists-guestbook-box-1 .w1200 .content-box .contact-container .contact-list {
    padding: 35px 0;
  }

  .lists-guestbook-box-1 .w1200 .content-box .contact-container ul {
    display: grid;
    grid-template-columns: 1fr;
  }

  .lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h4 {
    width: 65px;
    height: 65px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h4 img {
    position: absolute;
    width: 40%;
    height: auto;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box .companyInfo {
    min-height: auto;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box .companyInfo .companyInfo-item>div:nth-child(1) {
    font-size: 16px;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box .companyInfo .companyInfo-item>div:nth-child(2) {
    font-size: 14px;
  }

  .lists_guestbook_map .w1200 .content-box .grid-container .map-list .map-list-box .companyInfo .companyInfo-item>div:nth-child(3) {
    font-size: 14px;
  }

  .my-advantage-box {
    display: none;
  }

  .next1 a {
    font-size: 14px;
  }

  .lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h5,
  .lists-guestbook-box-1 .w1200 .content-box .contact-container ul li h6 {
    padding-top: 0px !important;
  }

  .lists_honor-box .w1200 .content-box .item-box .item .img img {
    width: 100% !important;
    height: auto;
  }

  .lists_honor-box .w1200 .content-box .item-box .item .content {
    font-size: 14px !important;
  }

  .view-article-box-1 .w1200 {
    padding: 20px 5px;
  }

  .plcs_1 .plcs_1_box {
    grid-gap: 10px;
  }

  .plcs_1 .plcs_1_box .plcs_box .plcs_box_intro {
    font-size: 15px;
  }

  .plcs_1 .plcs_1_box .content {
    font-size: 15px;
  }

  .index-news-box .swiper-pagination .my-bullet {
    font-size: 14px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .img .img-box .tag {
    padding: 8px 20px;
    font-size: 14px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .time {
    display: none;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .box {
    padding: 20px 15px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .active .title-txt {
    font-size: 14px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .active .txt {
    height: 50px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .title-txt {
    font-size: 14px;
  }

  .index-news-box .w1200 .content-box .swiper-wrapper .swiper-slide .item-box .item-1 .article-list .txt {
    line-height: 25px;
    font-size: 12px;
  }

  .foot310 .tit {
    font-size: 18px;
  }

  .form-control {
    font-size: 12px;
  }

  .lists_product_box .w1200 .content-box #accordion .card .card-header .btn-title {
    font-size: 16px !important;
  }

  .lists_article_cosmetic_box .w1200 .cosmeticBox .swiper-wrapper .swiper-slide .item .item-1 .title {
    font-size: 16px;
  }

  .lists_bigData-box .w1200 .content-box .item-box .item .content .item-1 {
    font-size: 14px;
  }

  .lists_bigData-box .w1200 .content-box .item-box .item .title {
    font-size: 16px;
  }

  .lists_honor-box .w1200 .content-box .item-box .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .lists_honor-box .w1200 .content-box .item-box .item .content {
    height: auto;
    font-size: 14px !important;
    padding: 10px 10px;
    text-align: center;
  }

  .lists_honor-box .w1200 .content-box .item-box .item .img img,
  .index-case-box .w1200 .content-box .caseBox .swiper-wrapper .swiper-slide .item .item-1 .img img,
  .lists-single-advantage-box .w1200 .content-box .advantageSwiper .swiper-wrapper .swiper-slide .item .item-1 .img img,
  #ip-img-preview,
  #viewArea {
    border-width: 10px !important;
  }

  .view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt>div .top-txt {
    font-size: 16px;
  }

  .view-article-box-1 .w1200 .top-box>div:first-child>div:first-child .view-article-top-img-txt>div .bottom-txt {
    font-size: 14px;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .title {
    font-size: 16px;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:first-child .seo {
    font-size: 14px;
  }

  .view-article-box-1 .w1200 .top-box>div:last-child>div:first-child>div:last-child .btn {
    font-size: 14px;
    padding: 5px 10px;
    width: fit-content;
  }

  .view-article-box-1 .w1200 .content-box .navbox table tr td section * {
    font-size: 16px !important;
  }

  .view-article-box-1 .w1200 .content-box .navbox * {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .w-section .row .wrap-content-in .w-title1 h2 {
    font-size: 18px;
  }

  .col-li-div .div-table * {
    font-size: 14px !important;
  }

  .mobile_nav .mobile_nav_list .item .item_a .item_a_box .nav_title {
    font-size: 12px;
  }

  .news-others a {
    font-size: 13px;
  }

  .newsDetail .newsContent * {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .newsDetail .newsContent p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .lists_search_box .w1200 .content-box .fl .listnews>li>a .txt b {
    font-size: 16px;
  }

  .lists_search_box .w1200 .content-box .fl .listnews>li>a .txt .des {
    font-size: 14px;
  }
}



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