#baguetteBox-overlay {
  display: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
input,
button,
textarea {
  -webkit-appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  transition: all linear 0.6s;
  -ms-transition: all linear 0.6s;
  -webkit-transition: all linear 0.6s;
}
img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  transition: all linear 0.6s;
  -ms-transition: all linear 0.6s;
  -webkit-transition: all linear 0.6s;
}
a:hover,
a {
  text-decoration: none;
  transition: all linear 0.6s;
  -ms-transition: all linear 0.6s;
  -webkit-transition: all linear 0.6s;
}
:root {
  --text: #005ed8;
  --hue: #00a1e9;
  --bg: #2b71b8;
  --space: clamp(3.125rem, -1.823rem + 7.73vw, 6.875rem);
}
.content{
  background-color: #FBFCFD;
}
body {
  overflow-x: hidden;
  font-weight: normal;
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
   font-family:'Microsoft YaHei';
}
.public_swiper_plr {
  position: relative;
  left: calc(0px - clamp(0rem, -0.135rem + 0.68vw, 0.625rem));
  width: calc(100% + clamp(0rem, -0.27rem + 1.35vw, 1.25rem));
  padding: clamp(0.313rem, 0.245rem + 0.34vw, 0.625rem);
  padding-top: 0;
}
.fwb {
  font-weight: bold;
}
/* 字体 */
.colorm {
  color: var(--hue);
}
.color_text {
  color: var(--text);
}
.pt {
  padding-top: var(--space);
}
.pb {
  padding-bottom: var(--space);
}
.ptb {
  padding-top: var(--space);
  padding-bottom: var(--space);
}
.p_b_60 {
  padding-bottom: clamp(1.875rem, 1.47rem + 2.03vw, 3.75rem);
}
.w_1680 {
  width: 96%;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}
/* 字体大小 */
.fz72 {
  font-size: clamp(1.625rem, 0.554rem + 4.51vw, 4.5rem);
}

.fz70 {
  font-size: clamp(1.625rem, 0.6rem + 4.31vw, 4.375rem);
}

.fz68 {
  font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);
}

.fz66 {
  font-size: clamp(1.625rem, 0.694rem + 3.92vw, 4.125rem);
}

.fz64 {
  font-size: clamp(1.625rem, 0.74rem + 3.73vw, 4rem);
}

.fz62 {
  font-size: clamp(1.625rem, 0.787rem + 3.53vw, 3.875rem);
}

.fz60 {
  font-size: clamp(1.625rem, 0.833rem + 3.33vw, 3.75rem);
}

.fz58 {
  font-size: clamp(1.625rem, 0.88rem + 3.14vw, 3.625rem);
}

.fz56 {
  font-size: clamp(1.625rem, 0.926rem + 2.94vw, 3.5rem);
}

.fz54 {
  font-size: clamp(1.625rem, 0.973rem + 2.75vw, 3.375rem);
}

.fz52 {
  font-size: clamp(1.625rem, 1.02rem + 2.55vw, 3.25rem);
}

.fz50 {
  font-size: clamp(1.5rem, 0.895rem + 2.55vw, 3.125rem);
}

.fz48 {
  line-height: clamp(2.125rem, 1.801rem + 1.62vw, 3.625rem);
  font-size: clamp(1.5rem, 0.941rem + 2.35vw, 3rem);
}

.fz46 {
  font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz44 {
  font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz42 {
  font-size: clamp(1.5rem, 1.081rem + 1.76vw, 2.625rem);
}

.fz40 {
  font-size: clamp(1.375rem, 0.956rem + 1.76vw, 2.5rem);
}

.fz38 {
  font-size: clamp(1.375rem, 1.002rem + 1.57vw, 2.375rem);
}

.fz36 {
  font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem);
}

.fz34 {
  font-size: clamp(1.25rem, 0.924rem + 1.37vw, 2.125rem);
}

.fz32 {
  font-size: clamp(1.25rem, 0.971rem + 1.18vw, 2rem);
}

.fz30 {
  font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.875rem);
}

.fz28 {
  font-size: clamp(1.25rem, 1.064rem + 0.78vw, 1.75rem);
}

.fz26 {
  font-size: clamp(1.125rem, 0.939rem + 0.78vw, 1.625rem);
}

.fz24 {
  line-height: clamp(1.5rem, 1.392rem + 0.54vw, 2rem);
  font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
}

.fz22 {
  font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
  line-height: clamp(1.5rem, 1.365rem + 0.68vw, 2.125rem);
}
.fz20 {
  font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
}

.fz18 {
  font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
}

.fz16 {
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
  line-height: clamp(1.375rem, 1.294rem + 0.41vw, 1.75rem);
}
.fz14 {
  font-size: 14px;
  line-height: 24px;
}
.wrap_baw {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wrap_btw {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wrap_bw {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.textOverflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textOverClm {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clm2 {
  -webkit-line-clamp: 2;
}
.clm3 {
  -webkit-line-clamp: 3;
}
.clm4 {
  -webkit-line-clamp: 4;
}
.colorf {
  color: #fff;
}
.color0 {
  color: #000;
}
.color1 {
  color: #111;
}
.color2 {
  color: #222;
}
.color3 {
  color: #333;
}
.color4 {
  color: #444;
}
.color5 {
  color: #555;
}
.color6 {
  color: #666;
}
.color8 {
  color: #888;
}
.color9 {
  color: #999;
}
.upp {
  text-transform: uppercase;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.imgZoom img,
.imgY180 img {
  -moz-transition: all.8s ease 0s;
  -ms-transition: all.8s ease 0s;
  -o-transition: all.8s ease 0s;
  -webkit-transition: all.8s ease 0s;
  transition: all.8s ease 0s;
}
.imgZoom {
  overflow: hidden;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.imgZoom:hover img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.imgY180:hover img {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.pro_page_table {
  border-top: 4px solid #444444;
  overflow-x: auto;
  white-space: nowrap;
}
.pro_page_table table {
  width: 100%;
}
.pro_page_table table tr td {
  border: 1px solid #dee2e6;
  padding: clamp(0.313rem, 0.156rem + 0.78vw, 0.938rem);
  font-size: clamp(0.875rem, 0.844rem + 0.16vw, 1rem);
}
.pro_page_table::-webkit-scrollbar {
  height: 3px;
}

.cir_line_box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120%;
  height: 120%;
  transform: translate(-50%, -50%);
}
.cir_line_box .line,
.cir_line_box .line1,
.cir_line_box .line2,
.cir_line_box .line3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  border: 1px solid#fff;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}
.cir_line_box .pic {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  height: 100%;
}
.cir_line_box .line {
  animation: aaaa3 3s infinite linear;
  animation-delay: -2s;
}
.cir_line_box .line1 {
  animation: aaaa3 3s infinite linear;
  animation-delay: -1s;
}
.cir_line_box .line2 {
  animation: aaaa3 3s infinite linear;
  animation-delay: 0s;
}
.cir_line_box .line3 {
  animation: aaaa3 3s infinite linear;
  animation-delay: 1s;
}
@keyframes aaaa3 {
  0% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  50% {
    width: 130%;
    height: 130%;
    opacity: 0.45;
  }
  100% {
    width: 160%;
    height: 160%;
    opacity: 0;
  }
}
@keyframes rotates {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.click_video {
  cursor: pointer;
}
.bgscroll {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
  z-index: 2;
}
.bgf5 {
  background-color: #f5f5f5;
}
/* 公用btn */
.public_btn:hover {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  background-color: var(--hue);
  border-color: var(--hue) !important;
  color: #ffffff;
}
.public_btn {
  white-space: nowrap;
  background-color: var(--hue);
  border-radius: 30px;
  padding: clamp(0.313rem, -0.1rem + 0.64vw, 0.625rem) 2.08vw;
  overflow: hidden;
  display: inline-block;
  position: relative;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  z-index: 2;
  cursor: pointer;
  overflow: hidden;
}
.public_btn .icon2 {
  margin-left: 8px;
}
.public_btn .icon1 {
  margin-right: 8px;
}
.public_btns {
  background-color: #222222;
}
.hover1_style {
  position: relative;
  overflow: hidden;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.hover1_style:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18) !important;
}
.hover1_style::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  -ms-background-image: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.8) 50%,
    transparent
  );
  -moz-background-image: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.8) 50%,
    transparent
  );
  -webkit-background-image: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.8) 50%,
    transparent
  );
  background-image: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.8) 50%,
    transparent
  );
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hover1_style:hover::after {
  left: 100%;
}
/* 标题 */
.public_module_title {
  overflow: hidden;
  position: relative;
}
.public_module_title a {
  display: inline-block;
}
.public_module_title .subtitle {
  margin-bottom: 5px;
}
.public_module_title .title {
  line-height: 1.2;
}
.public_module_title .text {
  line-height: clamp(1.375rem, 1.294rem + 0.41vw, 1.75rem);
  margin-top: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
}
.public_module_title .line {
  width: 100px;
  height: 10px;
  border-radius: 10px;
  display: block;
  background-color: var(--hue);
  margin: auto;
  margin-bottom: 20px !important;
}
.text {
  line-height: 2;
}
/* ~~~~~~~~~~~~popup inquiry,css */
/* ~~~~~~~~~~~~popup inquiry,css */
/* ~~~~~~~~~~~~popup inquiry,css */
.click_popup_from {
  cursor: pointer;
}
.popup_inquiry {
  display: none;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pop_public_send_mask,
.popup_inquiry_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.popup_inquiry_form {
  background-color: #ffffff;
  box-shadow: 0 6px 20px rgba(62, 62, 62, 6%);
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 92%;
  max-width: 1200px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popup_inquiry_form_r {
  width: 100%;
  padding: clamp(0.938rem, 0.194rem + 3.72vw, 4.375rem);
}
.popup_inquiry_form_close {
  position: absolute;
  top: 1%;
  right: 1%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  color: #333333;
  cursor: pointer;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.popup_inquiry_form_r form {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.popup_inquiry_form_r form .item {
  width: calc((100% - 1.04vw) / 2);
  margin-bottom: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
}
.popup_inquiry_form_r form .item input {
  border-radius: 3px;
  overflow: hidden;
  background-color: #f5f5f5;
  padding-left: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
  width: 100%;
  border: none;
  height: clamp(2.5rem, 2.365rem + 0.68vw, 3.125rem);
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
  color: #333333;
  font-family: var(--ffr);
}
.popup_inquiry_form_r form .item.textarea textarea::placeholder,
.popup_inquiry_form_r form .item input::placeholder {
  font-size: 14px;
  font-family: var(--ffl);
  color: #888888;
  text-transform: capitalize;
}
.popup_inquiry_form_r form .item.btn,
.popup_inquiry_form_r form .item.textarea {
  width: 100%;
}
.popup_inquiry_form_r form .item.textarea textarea {
  width: 100%;
  border: none;
  margin-top: clamp(0.625rem, 0.557rem + 0.34vw, 0.938rem);
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
  color: #333333;
  font-family: var(--ffr);
  height: clamp(5rem, 4.595rem + 2.03vw, 6.875rem);
  border-radius: 5px;
  overflow: hidden;
  resize: none;
  background-color: #f5f5f5;
  padding: 15px 0 0 clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
}
.popup_inquiry_form_r form .item.btn {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  margin-bottom: 0;
}
.popup_inquiry_form_r form .item.btn input {
  width: clamp(8.75rem, 7.939rem + 4.05vw, 12.5rem);
  padding-left: 0;
  background-color: var(--hue);
  color: #ffffff;
  border: none;
  margin: auto;
  display: inline-block;
  border-radius: 5px;
  font-family: var(--ffb);
  font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
  cursor: pointer;
  height: clamp(2.5rem, 2.378rem + 0.61vw, 3.063rem);
}
/* ~~~~~~~~~~~~popup inquiry,css~~~~~~~~~end */
/* ~~~~~~~~~~~~popup inquiry,css~~~~~~~~~end */
/* ~~~~~~~~~~~~popup inquiry,css~~~~~~~~~end */
/*~~~~~~~~~~~~  public_herf  ~~~~~~~~~~~*/
/*~~~~~~~~~~~~  public_herf  ~~~~~~~~~~~*/
/*~~~~~~~~~~~~  public_herf  ~~~~~~~~~~~*/
.public_herf {
  padding: 25px;
  z-index: 2;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  position: relative;
  z-index: 2;
}
.Crumbs_box {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
}
.Crumbs_box .icon {
  margin-right: clamp(0.313rem, 0.234rem + 0.39vw, 0.625rem);
  color: #444444;
  line-height: 1.2;
}
.Crumbs_box .a_box {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  color: #444444;
}
.Crumbs_box .a_box a {
  color: #444444;
  text-transform: uppercase;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
.Crumbs_box .a_box a:hover {
  text-decoration: underline;
}
.Crumbs_box .a_box a:first-child {
  color: #444444;
}
/*~~~~~~~~~~~~ public_herf  end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~ public_herf  end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~ public_herf  end ~~~~~~~~~~~*/
/* ~~~~分页~~~~~~ */
/* ~~~~分页~~~~~~ */
/* ~~~~分页~~~~~~ */
 /* page */
.page_box {
	padding: clamp(2.5rem, 2.21rem + 1.45vw, 3.75rem) 0 0;
}

.page_box .wp-pagenavi {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.page_box a,
.page_box span {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	color: #666;
	font-size: 16px;
	width: 42px;
	height: 42px;
	background: #fff;
	border: 1px solid #E8E8E8;
  border-radius: 2px;
	margin: 0 clamp(0.125rem, 0.63vw, 0.625rem) 4px;
}

.page_box a:hover,
.page_box a.hover,
.page_box a.current,
.page_box span.current {
	color: #fff;
	background: var(--hue);
	border-color: var(--hue);
}
.page_box a.page_btn{
  width: auto;
  padding: 0 15px;
}


/* ~~~~分页 end~~~~~~ */
/* ~~~~分页 end~~~~~~ */
/* ~~~~分页 end~~~~~~ */
/* 点击视频弹出播放框css */
.ind_video_maskBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.ind_video_maskBox .video_Box_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 800px;
  height: 485px;
}
.ind_video_maskBox .video_Box_1 .videoIframe {
  background: #333333;
  width: 100%;
  height: 100%;
  border: none;
}
.ind_video_maskBox .video_Box_1 .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  -ms-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ind_video_maskBox .video_Box_1 .closeBtn:hover {
  color: #f40a0a;
}
/* 点击视频弹出播放框css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~wap head,css */
/* ~~~~~~~~~~~~~~~wap head,css */
/* ~~~~~~~~~~~~~~~wap head,css*/
.mobile_menu_mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 14;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.mask {
  z-index: 13;
}
/*
 * wap head
 */
.mobile_header {
  position: relative;
  height: 52px;
  display: none;
  clear: both;
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.mobile_header_top {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  z-index: 14;
  width: 100%;
  height: 52px;
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(50, 50, 50, 0.2);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.mobile_logo {
  height: 52px;
  margin-left: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  padding: 0 15px;
}
.mobile_logo img {
  height: 42px;
  width: auto;
}
.mobile_menu_btn {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 54px;
  height: 52px;
  cursor: pointer;
}
.mobile_menu_btn .line {
  display: block;
  height: 3px;
  width: 28px;
  background: #000000;
  border-radius: 4px;
  margin-bottom: 6px;
}
.mobile_menu_btn .line:last-child {
  margin-bottom: 0;
}
.mobile_search_icon {
  color: #000000;
  width: 52px;
  height: 52px;
  font-size: 32px;
  line-height: 52px;
  text-align: center;
  margin-right: 52px;
  cursor: pointer;
}
.mobile_menu_b {
  margin-top: 40px;
}
.mobile_menu_b_clm {
  margin-bottom: 25px;
}

.mobile_menu_b_clm .tt {
  font-size: 16px;
  color: #333;
  margin-bottom: 8px;
}
.mobile_menu_b_clm .text {
  font-size: 14px;
  color: #333;
}
.mobile_menu_b_clm .text a {
  color: #333;
  word-break: break-all;
}
.mobile_lag_box {
  padding: 30px 0 20px;
  margin-bottom: 40px;
}
.mobile_lag_tt {
  font-size: 16px;
  color: #333;
  padding-bottom: 18px;
}
.mobile_lag_text {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.mobile_lag_text a {
  color: #333;
  font-size: 16px;
  margin-right: 25px;
}
.mobile_menu_box {
  position: fixed;
  right: -110%;
  top: 0;
  z-index: 15;
  width: 75%;
  height: 100%;
  background: #fff;
  padding: 20px 15px;
  overflow-y: auto;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.mobile_menu_box.show {
  right: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.mobile_menu_dl dd {
  clear: both;
  line-height: 1.3;
  border-bottom: 1px solid #e1e1e1;
}
.mobile_menu_tt {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.mobile_menu_tt .text {
  width: calc(100% - 50px);
  color: #333;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
  text-transform: uppercase;
}
.mobile_menu_dl dd.hover .mobile_menu_tt .text {
  color: var(--hue2);
}
.mobile_menu_tt_icon {
  width: 44px;
  line-height: 44px;
  text-align: center;
  color: #333;
  font-size: 14px;
  -webit-transition: all 0.5s;
  transition: all 0.5s;
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  cursor: pointer;
}
.mobile_menu_down {
  display: none;
  padding: 6px 0 10px 12px;
}
.mobile_menu_down_clm {
  margin-bottom: 8px;
}
.mobile_menu_down_clm_tts {
  max-width: 65%;
  font-family: "Poppins" !important;
}
.mobile_menu_down_clm_tt {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  color: #ffffff;
}

.mobile_menu_down_clm_tt .tt {
  width: calc(100% - 50px);
  color: #333;
  line-height: 20px;
  font-size: 14px;
  text-transform: capitalize;
  padding: 5px 0;
}
.mobile_menu_down_clm_tt .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -webit-transition: all 0.5s;
  transition: all 0.5s;
}
.mobile_menu_down_clm.hover .mobile_menu_down_clm_tt .icon {
  transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webit-transition: all 0.5s;
  transition: all 0.5s;
}

.mobile_menu_down_clm_list {
  display: none;
  padding: 5px 0 0 10px;
}
.mobile_menu_down_clm_list a {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  color: #333;
  padding: 5px 0 5px 14px;
  position: relative;
}
/* .mobile_menu_down_clm_list a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  background: #333;
  border-radius: 50%;
} */
.mobile_menu_tt_icon.hover {
  transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webit-transition: all 0.5s;
  transition: all 0.5s;
}
/* mobile search- */
.mobile_search_box {
  position: fixed;
  left: 0;
  top: 52px;
  z-index: 15;
  display: none;
  width: calc(100%);
  padding: 20px;
  background: #fafafa;
}
.mobile_search_box form {
  width: 100%;
  border-radius: 5px;
  width: 100%;
  padding: 0px 0;

  border-radius: 5px;
  border: 1px solid #ddd;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.mobile_search_text {
  outline: none;
  border: none;
  height: 50px;
  line-height: 50px;
  float: left;
  padding-left: 15px;
  font-size: 14px;
  width: calc(100% - 40px);
}
.mobile_search_btn_text {
  float: right;
  width: 40px;
  height: 40px;
  font-size: 28px;
  color: var(--hue);
  text-align: center;
  line-height: 40px;
  border: none;
  background: none;
}
/* ~~~~~~~~~~~~~~~wap head,css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~wap head,css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~wap head,css~~~~~~~~~~~end */
/* swiper焦点 */
.swiper-pagination-bullets {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  position: relative;
  z-index: 2;
  margin-top: clamp(0.938rem, 0.735rem + 1.01vw, 1.875rem);
  grid-gap: 8px 0;
  bottom: 0 !important;
}
.swiper-pagination-bullet {
  width: clamp(0.5rem, 0.419rem + 0.41vw, 0.875rem);
  height: clamp(0.5rem, 0.419rem + 0.41vw, 0.875rem);
  margin: 0 6px !important;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 1;
  position: relative;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.swiper-pagination-bullet-active {
  background-color: var(--hue) !important;
}

/* ~~~~~~~~~~~~~~~~~~~导航,css */
/* ~~~~~~~~~~~~~~~~~~~导航,css */
/* ~~~~~~~~~~~~~~~~~~~导航,css */
.header_box .wrapper {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
}
.header_box {
  position: relative;
  height: 110px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.header {
  background-color: #ffffff;
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 4;
  width: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.header_b {
  position: relative;
  width: 100%;
  height: 100%;
}
.logo {
  width: clamp(7.5rem, -0.747rem + 12.89vw, 13.75rem);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
}
.logo a {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.logo img {
  width: 100%;
}

.menu_nav {
  margin-left: 10.42vw;
  grid-gap: 0 3.65vw;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.menu_nav .item {
  box-sizing: border-box;
}
.menu_tt {
  white-space: nowrap;
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
  box-sizing: border-box;
  height: 110px;
  text-transform: capitalize;
  text-align: center;
  color: #222222;
  font-family: var(--ffm);
  position: relative;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.menu_tt::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  display: block;
  transform: translate(-50%, 50%) rotate(180deg);
  -ms-transform: translate(-50%, 50%) rotate(180deg);
  -webkit-transform: translate(-50%, 50%) rotate(180deg);
  border-width: 10px;
  border-style: solid;
  display: none;
  border-color: #2b71b8 transparent transparent transparent;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.menu_nav .item.active .menu_tt::before {
  bottom: 10px;
  display: block;
}
.menu_nav .item.active .menu_tt {
  color: var(--hue);
}
.menu_nav .item.static {
  /* position: static; */
}
.menu_down {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  z-index: 4;
  overflow: hidden;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  background-image: linear-gradient(to right, #1b529a, #47b9ff);
  display: none;
}
.menu_down_list {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  padding: 1.56vw 0;
  grid-gap: 0 2.08vw;
}
.menu_down_list a {
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.menu_down2 {
  position: absolute;
  width: 100%;
  background-color: #2b71b8;
  min-width: 100%;
}
.menu_down_box {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.menu_down_l {
  width: 31.3%;
  border-right: 1px solid #3fa6ec;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.menu_down_r {
  width: 68.7%;
  padding: 1.82vw 0 4.17vw 2.6vw;
  background-image: linear-gradient(to right, #1b529a, #47b9ff);
}
.menu_down_table {
  width: 235px;
  padding: 35px 0;
}
.menu_down_table .item {
    display: block;
  padding: 10px 2.08vw;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.menu_down_table .item:nth-child(1).hover {
  background-color: #8dbc4c;
}
.menu_down_table .item:nth-child(2).hover {
  background-color: #ea8c27;
}
.menu_down_table .item:nth-child(3).hover {
  background-color: #1aab9c;
}
.menu_down_table .item:nth-child(4).hover {
  background-color: #8dbc4c;
}

.menu_down2_item {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.menu_down2_item .left {
  width: 36%;
}
.menu_down2_item .right {
  width: 34%;
  margin-left: 4.43vw;
}
.menu_down2_item .top {
  margin-bottom: 2.86vw;
}
.menu_down2_item .top .text {
  color: #ceeaf6;
  margin-top: 1.3vw;
}
.menu_down2_product_list {
  border-top: 1px solid #5898c1;
  margin-top: 15px;
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.menu_down2_product .list {
  margin-top: 15px;
  display: grid;
  grid-gap: 15px 0;
}

.menu_down2_product .list a {
  color: #ffffff;
  display: block;
}
.menu_down2_item .pic {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.04vw;
}
.menu_down2_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.menu_down2_item .pic:hover img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.menu_down2_tel {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  background-color: rgba(255, 255, 255, 17%);
  border-radius: 10px;
  overflow: hidden;
  margin-top: 1.56vw;
  padding: 25px 50px;
  grid-gap: 0 1.04vw;
  color: #ffffff;
  font-size: 16px;
}
.menu_down2_tel a {
  color: #ffc131;
  text-decoration: underline;
}

/* 右侧语言切换 */
.header_right {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-left: auto;
}

.header_right .item {
  position: relative;
  color: var(--hue);
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.header_right .item:hover .iconfont,
.header_right .item:hover {
  color: var(--hue);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.header_right .item:first-child::before {
  display: none;
}
/* 顶部搜索 */
.header_search {
  margin-right: 2.08vw;
  width: 100%;
  height: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  cursor: pointer;
}

.header_language {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_language_01 {
  white-space: nowrap;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 5px;
}
.header_language_01 .icon2 {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.header_language_02 {
  display: none;
  position: absolute;
  z-index: 5;
  top: calc(100% + 44px);
  left: 50%;
  transform: translate(-50%, 0);
  width: 140px;
  padding: 12px 0;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 16%);
}

.header_language_02 a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  color: #444444;

  text-align: center;
}

.header_language_02 a:hover {
  color: var(--hue);
}

.header_chatnow a {
  overflow: hidden;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  width: clamp(8.75rem, 7.318rem + 2.23vw, 10rem);
  height: clamp(2.5rem, 1.426rem + 1.68vw, 3.438rem);
  border-radius: 3px;
  background-color: var(--hue);
}
/* 可公用导航搜索 */
.all_public_searchBox {
  display: none;
  position: fixed;
  z-index: 20;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.all_public_form {
  display: none;
  position: fixed;
  z-index: 21;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 800px;
}

.all_public_form input {
  background-color: #fff;
  width: 100%;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding: 20px 136px 20px 20px;
  border-radius: 10px 25px 10px 25px;
}

.all_public_form .icon_01 {
  font-size: 38px;
  cursor: pointer;
  position: absolute;
  top: 51%;
  right: 80px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  outline: none;
  border: none;
  background: none;
  -ms-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #888888;
}
.all_public_form .public_form_close {
  font-size: 38px;
  position: absolute;
  top: 5px;
  right: 40px;
  -ms-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #888888;
  cursor: pointer;
}

.all_public_form .public_form_close:hover {
  color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.all_public_form .icon_01:hover {
  color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
/* ~~~~~~~~~~~~~~~~pc 导航,css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~~pc 导航,css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~~pc 导航,css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~footer,css */
/* ~~~~~~~~~~~~~~~footer,css */
/* ~~~~~~~~~~~~~~~footer,css */
.public_footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.public_footer .wrapper {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.public_footer_t {
  padding: 5.21vw 0 40px 0;
}
.public_footer_l {
  width: calc(100% - 130px);
  padding-right: 8%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.public_footer_r {
  width: 130px;
  margin: 0 auto;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.footer_t_r_item {
  width: calc((68%) / 4);
}
.footer_t_r_item:last-child {
  width: 32%;
}
.footer_t_r_item .bottom {
  margin-top: clamp(1.25rem, 0.425rem + 1.29vw, 1.875rem);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.footer_t_r_item_tt {
  position: relative;
  font-weight: bold;
}
.footer_t_r_item_list {
  display: grid;
  grid-gap: clamp(0.313rem, -0.1rem + 0.64vw, 0.625rem) 0;
}
.footer_t_r_item_list a {
  position: relative;
  color: #d4ebf5;
  line-height: 24px;
  padding: 3px 0;
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.footer_t_r_item_list a:hover {
  color: var(--hue);
  transform: translateX(3px);
  -webkit-transform: translateX(3px);
}

.footer_t_r_item2 .item {
  color: #666666;
  font-family: var(--ffr);
  font-size: 16px;
  line-height: 30px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.footer_t_r_item2 .item .icon {
  margin-right: 10px;
  width: 35px;
}
.footer_t_r_item2 .item .list {
  width: calc(100% - 35px - 10px);
}
.footer_t_r_item2 .item .tel {
  color: #a1e2ff;
}
.footer_t_r_item2 .item dl {
  margin-bottom: 1.04vw;
  margin-top: 10px;
}
.footer_t_r_item2 .item dl dd {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  grid-gap: 0 15px;

  color: #ffffff;
}
.footer_t_r_item2 .item dl dd a {
  line-height: 1 !important;
}
.footer_t_r_item2 .item a {
  color: #ffffff;
  word-break: break-all;
}

.footer_t_r_item_list2 .item a:hover {
  text-decoration: underline;
}

.public_footer_code {
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.public_footer_code .item,
.public_footer_code .pic {
  width: 100%;
  margin-bottom: 10px;
}
.public_footer_code .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.public_footer_b .w_1680 {
  border-top: 1px solid #a6d6ee;
  padding: 25px 0;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  grid-gap: 0 2.08vw;
}
.public_footer_b .footer_b_text {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: clamp(1.25rem, 1.115rem + 0.68vw, 1.875rem);
}
.public_footer_b .footer_b_text:first-child {
  margin-right: 3.65vw;
}
.public_footer_b .footer_b_text a {
  color: #ffffff;
}
.public_footer_b .footer_b_text a:hover {
  text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~footer,css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~footer,css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~~~~footer,css~~~~~~~~~~~end */

/*~~~~~~~~~~~~回到顶部    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~回到顶部    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~回到顶部    ~~~~~~~~~~~*/

.float_fixed {
  position: fixed;
  right: 1.98vw;
  bottom: 50%;
  transform: translate(0%, 50%);
  -ms-transform: translate(0%, 50%);
  -webkit-transform: translate(0%, 50%);
  z-index: 5;
  background-color: #d9d9d9;
  border-radius: 30px;
  padding: clamp(0.313rem, 0.177rem + 0.68vw, 0.938rem)
    clamp(0.25rem, 0.196rem + 0.27vw, 0.5rem);
}
.float_fixed_list {
  display: grid;
  grid-gap: 10px 0;
  margin-bottom: 10px;
}
.float_fixed .item {
  border-radius: 50%;
  position: relative;
  color: #ffffff;
  width: clamp(2.188rem, 2.066rem + 0.61vw, 2.75rem);
  height: clamp(2.188rem, 2.066rem + 0.61vw, 2.75rem);
  position: relative;
  display: block;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  overflow: hidden;
}

.float_fixed_list .item .item_con {
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  height: 100%;
  width: 0;
  opacity: 0;
  display: none;
}
.float_fixed_list .item .item_con .con {
  padding: 0 15px;
  padding-right: 30px;
  background-color: var(--hue);
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  display: block;
  height: 100%;
  width: calc(100%);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.float_fixed_list .item:hover {
  overflow: visible;
}
.float_fixed_list .item:hover .item_con {
  opacity: 1;
  width: auto;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.back_top {
  background-color: var(--hue);
  display: block;
  font-weight: 900;
  overflow: hidden;
  color: #fff !important;
}
/*~~~~~~~~~~~~回到顶部   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~回到顶部   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~回到顶部   end ~~~~~~~~~~~*/
.public_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
  width: clamp(5.625rem, 4.544rem + 5.41vw, 10.625rem);
  height: clamp(5.625rem, 4.544rem + 5.41vw, 10.625rem);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.public_video img {
  border-radius: 100%;
  overflow: hidden;
}

/* public_swiper_btn */
.public_swiper_btn {
  border-radius: 50%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  width: clamp(2.188rem, 1.363rem + 1.29vw, 2.813rem);
  height: clamp(2.188rem, 1.363rem + 1.29vw, 2.813rem);
  cursor: pointer;
  border: 1px solid var(--hue);
  background-color: #ffffff;
  font-size: 24px;
  color: var(--hue);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.public_swiper_btn.prev {
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.public_swiper_btn:hover {
  color: #ffffff !important;
  background-color: var(--hue) !important;
  border-color: var(--hue) !important;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.swiper-pagination-progressbar {
  position: relative !important;
  height: 1px;
  background-color: #c7c7c7;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--hue);
  top: -1px;
  height: 3px;
}
.public_swiper_btn2{
  color: var(--bg);
  border-color: var(--bg);
}
/*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
.index_banner {
  position: relative;
  z-index: 2;
}

.index_banner_bg {
    display:block;
  width: 100%;
}
.index_banner_bg img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.index_banner_page {
  position: absolute;
  bottom: 35px;
  right: 13.54vw;
  z-index: 2;
  width: 30%;
}

.index_banner_item {
  cursor: pointer;
}
.index_banner_item .title {
  color: #ffffff;
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
}
.index_banner_item .line {
  width: 100%;
  height: 2px;
  margin-top: 20px;
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.6);
}
.index_banner_item .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #ffffff;
}
@keyframes linears {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.index_banner_page .swiper-slide-thumb-active .line::before {
  animation: linears 6s linear infinite;
}
/* index_one */
.index_one_b {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.index_one_item {
  width: calc((50% - 1.56vw) / 3);
  position: relative;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 29.17vw;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.index_one_item.hover {
  width: 50%;
}
.index_one_item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00306e;
  opacity: 54%;
  z-index: -1;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.index_one_item .con {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 10px;
  text-align: center;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.index_one_item .title {
  margin-bottom: 10px;
}
.index_one_item .list {
  margin-top: 10px;
  display: none;
}
.index_one_item .list a:first-child {
  padding-left: 0;
}
.index_one_item .list a:last-child {
  border-right: none;
  padding-right: 0;
}
.index_one_item .list a {
  margin-top: 10px;
  color: #ffffff;
  display: inline-block;
  padding: 0 10px;
  line-height: 0.9;
  border-right: 1px solid #ffffff;
  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
}
.index_one_item.hover .con {
  text-align: left;
  padding: 3.13vw 4.69vw;
  bottom: 0;
  top: auto;
  transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
}
.index_one_item.hover .con .list {
  display: block;
}
.index_one_item.hover::before {
  background-image: linear-gradient(
    to right,
    rgba(4, 75, 136, 100%),
    rgba(0, 69, 129, 0%)
  );
  background-color: transparent;
  opacity: 80%;
}
/* index_two */
.index_two_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.index_two_item {
  text-align: center;
  border-right: 1px solid #d2d2d2;
  padding: 0 4.43vw;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.index_two_item .iconfont {
  margin-bottom: 1.04vw;
}
.index_two_item .text {
  margin-top: clamp(0.313rem, -0.1rem + 0.64vw, 0.625rem);
}
.index_two_item:hover {
  transform: translate(0%, -5px);
  -ms-transform: translate(0%, -5px);
  -webkit-transform: translate(0%, -5px);
}
/* index_three */
.index_three {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.index_three::before {
  content: "";
  width: 100%;
  height: 65%;
  position: absolute;
  bottom: 0px;
  opacity: 0.7;
  left: -100%;
  pointer-events: none;
  background: url(../images/index_three_left.png) center top / 100% no-repeat;
  animation: 25s linear 0s infinite normal none running cloud2;
}
.index_three::after {
  content: "";
  width: 100%;
  height: 65%;
  background: url(../images/index_three_right.png) top center no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: -100%;
  opacity: 0.6;
  animation: cloud1 40s linear 0s infinite;
  pointer-events: none;
}
@keyframes cloud1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
@keyframes cloud2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(200%);
  }
}
.index_three_l {
  width: 41%;
}
.index_three_r {
  width: 50%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  grid-gap: 1.04vw;
}
.index_three_l .public_btn {
  margin-top: 1.56vw;
}
.index_three_r .left {
  width: 18.23vw;
  border-radius: 20px;
  overflow: hidden;
  height: 19.01vw;
  margin-top: -1.56vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
  z-index: 2;
}
.index_three_r .left .video {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  grid-gap: 0 1.3vw;
  padding: 1.56vw;
}
.index_three_r .right {
  width: 15.63vw;
  display: grid;
  grid-gap: 1.04vw;
}
.index_three_r .right a {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  height: 12.24vw;
  border-radius: 20px;
  overflow: hidden;
  padding: 2.6vw 2.08vw;
}
.index_three_r .right a .iconfont,
.index_three_r .right a .title {
  width: 100%;
}

.number_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 5.21vw;
  grid-gap: 20px 7.81vw;
  padding-top: 6.25vw;
}
.number_item .number {
  font-size: 4.38vw;
  color: #ffffff;
  font-weight: bold;
}
/* index_four */
.index_four_l {
  width: 80%;
}
.index_four_b .left {
  width: calc(48% - 2.6vw);
  position: relative;
  z-index: 2;
  border-radius: 10px;
  overflow: hidden;
}
.index_four_b .left img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.index_four_b .left .con {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.56vw;
  padding-top: 2.08vw;
  background-image: linear-gradient(
    to top,
    rgba(36, 36, 36, 100%),
    rgba(42, 42, 42, 0)
  );
}
.index_four_b .left .con .title {
  margin-bottom: 10px;
}
.index_four_b .right {
  width: 52%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 2.6vw;
}
.news_list_item {
  display: block;
}
.news_list_item .pic {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.82vw;
}
.news_list_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.index_four_b .left:hover img,
.news_list_item:hover .pic img{
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.news_list_item .title {
  margin-bottom: 1.04vw;
}
.news_list_item .text {
  margin-top: 1.04vw;
}
.index_four_b .bottom {
  margin-top: 3.65vw;
  background-color: transparent;
  border-radius: 10px;
  box-shadow: 0 3px 6px #c1d6f1;
  padding: 2.08vw;
  position: relative;
  z-index: 2;
}
.index_four_swiper .news_list_item {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.index_four_swiper .news_list_item .pic {
  width: 45%;
  margin-bottom: 0;
}
.index_four_swiper .news_list_item .con {
  width: 50%;
}

.cover1_six_swiper_btn,
.index_four_swiper_btn {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  opacity: 0;
}
.cover1_six_swiper_btn.prev,
.index_four_swiper_btn.prev {
  left: -15px;
  right: auto;
  transform: translate(-100%, -50%) rotate(180deg);
  -ms-transform: translate(-100%, -50%) rotate(180deg);
  -webkit-transform: translate(-100%, -50%) rotate(180deg);
}
.cover1_six_swiper_btn.next,
.index_four_swiper_btn.next {
  right: -15px;
  left: auto;
  transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  -webkit-transform: translate(100%, -50%);
}
.cover1_six_swiper_pagination{
  margin-top: 30px;
}
.cover1_six_swiper_pagination .swiper-pagination-bullet{
  background-color: #BCBCBC;

}
/* index_five */
.index_five {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-attachment: fixed;
  z-index: 2;
  height: 41.67vw;
}
.index_five_con {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.index_five_con .btn {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  margin-top: 2.6vw;
}
/*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~page_404    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~page_404    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~page_404    ~~~~~~~~~~~*/
.page_404 {
  height: calc(100vh - 110px);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  padding: 0 10.42vw;
}
.page_404 .pic {
  margin-bottom: 1.3vw;
}
.page_404 .title {
  margin-bottom: 1.56vw;
}
.page_404 .text {
  margin-bottom: 1.56vw;
}
.page_404 .text a {
  color: var(--hue);
}
/*~~~~~~~~~~~~page_404   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~page_404   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~page_404   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~products_cover1    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~products_cover1    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~products_cover1    ~~~~~~~~~~~*/
.cover_banner_swiper_pagination {
  position: absolute;
  bottom: 2.34vw !important;
  left: 0;
}
.cover_banner_item {
  width: 100%;
}
.cover_banner_item img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
/* cover1_one */
.cover1_one_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 2.08vw 1.04vw;
}
.cover1_one_item {
  display: block;

  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_one_item .pic {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1.04vw;
}
.cover1_one_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_one_item .title {
  color: #444444;
  font-weight: bold;
  font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
  transform: translate(-30px, 0);
  -ms-transform: translate(-30px, 0);
  -webkit-transform: translate(-30px, 0);
  display: inline-block;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_one_item .title span:first-child {
  opacity: 0;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_one_item .line {
  margin-top: 1.04vw;
  width: 100%;
  height: 1px;
  position: relative;
  z-index: 2;
  background-color: #cbcbcb;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_one_item .line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #6d6d6d;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_one_item:hover .line::before {
  width: 100%;
}
.cover1_one_item:hover .title {
  transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  -webkit-transform: translate(0px, 0);
}
.cover1_one_item:hover .title span:first-child {
  opacity: 1;
}
.cover1_one_item:hover img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.cover1_one_btn {
  margin-top: 3.13vw;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  grid-gap: 2.08vw;
}
.cover1_one_btn a:last-child {
  background-color: #8dbc4c;
}
/* cover1_two */
.cover1_two_box {
  position: relative;
  z-index: 2;
  border-radius: 20px;
  overflow: hidden;
}
.cover1_two_bg {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.cover1_two_bg img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_two_b {
  padding: 0 7.29vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  z-index: 2;
}
.cover1_two_b::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 76%;
  background-color: rgba(255, 255, 255, 36%);
  backdrop-filter: blur(10px) brightness(76%);
}
.cover1_two_l {
  width: 80%;
  margin: 2.08vw 0 3.13vw;
}
.cover1_two_l .title {
  margin-bottom: 15px;
}
.cover1_two_r {
  width: 20%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  grid-gap: 0 2px;
}
.cover1_two_r .public_swiper_btn {
  position: relative;
  border-color: #ffffff;
  color: #000000;
  z-index: 2;
}
.cover1_two_swiper2 .swiper-slide-active .title {
  animation: fadeInUp 1s linear 0.6s both;
}
.cover1_two_swiper2 .swiper-slide-active .text {
  animation: fadeInUp 1s linear 1s both;
}
/* cover1_three */
.cover1_three_t {
  margin-bottom: 3.13vw;
}
.cover1_three_t,
.cover1_three_b {
  padding: 0 7.29vw;
}
.public_table_btn {
  margin-top: 30px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  grid-gap: 1.04vw;
}
.public_table_btn .item {
  cursor: pointer;
  background-color: #ffffff;
  white-space: nowrap;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  border: 1px solid var(--bg);
  color: var(--bg);
  font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
  font-weight: bold;
  height: clamp(2.5rem, 1.675rem + 1.29vw, 3.125rem);
  padding: 0 2.6vw;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.public_table_btn .item.hover {
  background-color: var(--bg);
  color: #ffffff;
}
.cover1_three_pic {
  width: 100%;
}
.cover1_three_pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

/* cover1_four */
.cover1_four {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.cover1_four_l {
  width: 48%;
}
.cover1_four_r {
  width: 48%;
}
.cover1_four_l .title {
  margin-bottom: 1.82vw;
}
.cover1_four_t .text {
  color: #d1e5ee;
}
.cover1_four_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1.35vw;
  margin-top: 3.65vw;
  padding-top: 7.81vw;
  /* margin-bottom: 3.65vw; */
}
.cover1_four_item {
  text-align: center;
  position: relative;
  z-index: 2;
  border: 1px solid #b7e9ff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 16%);
  border-radius: 10px;
  overflow: hidden;
  padding: 3.13vw 2.08vw;
  padding-bottom: 20px;
  height: 100%;
}
.cover1_four_item:nth-child(odd) {
  margin-top: -3.65vw;
}
.cover1_four_item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(199, 225, 251, 15%);
  opacity: 100%;
  backdrop-filter: blur(10px);
  z-index: -1;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_four_item .iconfont {
  color: #ffffff;
  font-size: 4.38vw;
  margin-bottom: clamp(0.5rem, -0.077rem + 0.9vw, 0.938rem);
}
.cover1_four_item .text {
  margin-top: clamp(0.5rem, -0.077rem + 0.9vw, 0.938rem);
}
.cover1_four_item:hover::before {
  background-color: #86b3e1;
}
/* cover1_five */
.cover1_five {
  position: relative;
  z-index: 2;
  background-color: #e0e7f3;
}
.cover1_five::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  width: 470px;
  height: 535px;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  z-index: -2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/cover1_five_bg.png);
}
.cover1_five_l {
  width: 46%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.cover1_five_r {
  width: 42%;
  margin: auto;
}
.cover1_five_l .item {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.cover1_five_l .item img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_five_l .item:hover img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.cover1_five_number {
  margin-top: 4.17vw;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  grid-gap: 5.99vw;
}
.cover1_five_number .number {
  color: var(--bg);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  margin-bottom: 8px;
}
.cover1_five_number .title {
  color: var(--bg);
}
.cover1_five_r .text {
  line-height: 2;
}

.cover1_five_b .bottom {
  padding-right: 7.29vw;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.cover1_five_b_left {
  width: 52%;
}
.cover1_five_b_right {
  width: calc(48% - 10px);
}
.cover1_five_b_right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.cover1_five_b_right .left {
  height: auto;
}
.cover1_five_b_right .right {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  height: 100%;
}
.cover1_five_b_right .right .cover1_five_pic {
  height: auto;
}
.cover1_five_pic {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.cover1_five_pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_five_pic:hover img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
/* cover1_six */
.cover1_six_b {
  position: relative;
}
.cover1_six_swiper {
  padding: 10px;
  width: calc(100% + 20px);
  position: relative;
  left: -10px;
  z-index: 1;
}
.cover1_six_item {
  display: block;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 16%);
  border-radius: 20px;
  overflow: hidden;
  background-color: #ffffff;
}
.cover1_six_item .pic {
  width: 100%;
  overflow: hidden;
}
.cover1_six_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_six_item:hover .pic img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.cover1_six_item .title {
  padding: clamp(0.625rem, -0.2rem + 1.29vw, 1.25rem);
}
/* cover1_seven */
.cover1_seven_list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 20px 10px;
}
.cover1_seven_list .item {
  border: 1px solid #d9d9d9;
  width: 100%;
  overflow: hidden;
}
.cover1_seven_list .item img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover1_seven_list .item:hover img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
/*~~~~~~~~~~~~products_cover1   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~products_cover1   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~products_cover1   end ~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ddd,css */
/* ~~~~~~~~~~~~~~~~ddd,css */
/* ~~~~~~~~~~~~~~~~ddd,css */

/* ~~~~~~~pro_cover2,css */
.cover2One {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cover2One1 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.cover2One1_l {
  width: 22.3%;
}

.pb_40 {
  padding-bottom: clamp(2.188rem, 1.775rem + 0.64vw, 2.5rem);
}

.cover2One1_l_01 .item {
  margin-bottom: clamp(0.938rem, 0.113rem + 1.29vw, 1.563rem);
}

.cover2One1_l_01 > .item:last-child {
  margin-bottom: 0;
}

.cover2One1_l_01 .item {
  color: #ffffff;
  padding: clamp(0.75rem, 0.255rem + 0.77vw, 1.125rem)
    clamp(1.25rem, -0.812rem + 3.22vw, 2.813rem);
  border-radius: 30px;
  cursor: pointer;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.cover2One1_l_01 .item.hover,
.cover2One1_l_01 .item:hover {
  background: #67aa19;
}

.cover2One1_r {
  width: 73.3%;
}

.cover2One1_r .item a {
  display: block;
  border: 2px solid #dbf3fe;
  border-radius: 20px;
  -ms-perspective: 900px;
  -moz-perspective: 900px;
  -webkit-perspective: 900px;
  perspective: 900px;
  overflow: hidden;
}

.cover2One1_r .item img {
  width: 100%;
}

.cover2One1_r .item:hover img {
  -ms-transform: translateZ(80px);
  -moz-transform: translateZ(80px);
  -webkit-transform: translateZ(80px);
  transform: translateZ(80px);
  -ms-transition: all 1.6s;
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
}

.cover2Two1 {
  column-gap: 10px;
  row-gap: 10px;
  padding-bottom: clamp(2.188rem, 0.95rem + 1.93vw, 3.125rem);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.cover2Two1 .item {
  color: #2b71b8;
  text-align: center;
  width: clamp(10.938rem, 9.37rem + 2.45vw, 12.125rem);
  height: clamp(2.875rem, 2.545rem + 0.52vw, 3.125rem);
  line-height: clamp(2.875rem, 2.545rem + 0.52vw, 3.125rem);
  border: 1px solid #bed7f1;
  border-radius: 5px;
  cursor: pointer;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.cover2Two1 .item.hover,
.cover2Two1 .item:hover {
  color: #ffffff;
  background: #2b71b8;
}

.cover2Two2_item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 16px;
}

.cover2Two2_item .item a {
  display: block;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 6px #d7e8f9;
  padding: 15px 14px;
}

.cover2Two2_item .item a .img_box {
  border-radius: 10px;
  -ms-perspective: 900px;
  -moz-perspective: 900px;
  -webkit-perspective: 900px;
  perspective: 900px;
  overflow: hidden;
}

.cover2Two2_item .item a .img_box img {
  width: 100%;
}

.cover2Two2_item .item a:hover .img_box img {
  -ms-transform: translateZ(80px);
  -moz-transform: translateZ(80px);
  -webkit-transform: translateZ(80px);
  transform: translateZ(80px);
  -ms-transition: all 1.6s;
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
}

.cover2Two2_item .item a .title {
  color: #444444;
  text-align: center;
  padding-top: clamp(0.75rem, 0.503rem + 0.39vw, 0.938rem);
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.cover2Two2_item .item a:hover .title {
  color: var(--hue);
}

.cover2Two3 {
  padding-top: clamp(2.188rem, 0.126rem + 3.22vw, 3.75rem);
  column-gap: clamp(1.875rem, 1.05rem + 1.29vw, 2.5rem);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.cover2Two3 > a:nth-child(2) {
  background: #8dbc4c;
}

.cover2Three {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cover2Three_w {
  padding-top: clamp(4.375rem, -3.048rem + 11.6vw, 10rem);
  padding-bottom: clamp(4.375rem, -3.048rem + 11.6vw, 10rem);
}
.cover2Three_top{
  padding-bottom: clamp(0.625rem, 0.236rem + 1.64vw, 1.875rem);
}
.cover2Three_top .cover2Three1_l_tt{
     width:clamp(18.75rem, 14.857rem + 16.39vw, 31.25rem);
}
.cover2Three1 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.cover2Three1_l {
  width: 35.1%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: clamp(2.5rem, 1.18rem + 2.06vw, 3.5rem);
}

.cover2Three1_l_tt {
  color: #ffffff;
  text-align: center;
  width: 142px;
  height: 47px;
  line-height: 47px;
  border-radius: 25px;
}

.cover2Three1_l .cover2Three1_l_tt {
  margin-left: auto;
}

.cover2Three1_l_text {
  color: #ffffff;
  padding-top: clamp(0.75rem, 0.585rem + 0.26vw, 0.875rem);
}

.cover2Three1_l .cover2Three1_l_text {
  text-align: right;
}

.cover2Three1_l > .item:nth-child(2),
.cover2Three1_l > .item:nth-child(3) {
  padding-right: 12%;
}

.cover2Three1_r {
  width: 35.1%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: clamp(2.5rem, 1.18rem + 2.06vw, 3.5rem);
}

.cover2Three1_r > .item:nth-child(2),
.cover2Three1_r > .item:nth-child(3) {
  padding-left: 12%;
}

.cover2Three1_c {
  position: relative;
  width: 23.3%;
  aspect-ratio: 1/1;
  padding: clamp(1.25rem, 0.425rem + 1.29vw, 1.875rem);
}

@-webkit-keyframes el_rotate {
  0% {
    -ms-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -ms-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes el_rotate {
  0% {
    -ms-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -ms-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

.cover2Three1_c::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #ffffff;
  border-radius: 50%;
  -webkit-animation: el_rotate 40s linear infinite;
  animation: el_rotate 40s linear infinite;
}

.cover2Three1_c img {
  width: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

.cover2Five {
  position: relative;
  padding: 55px 0;
}

.cover2Five1 {
  background: #e0e7f3;
}

.cover2Five1_w {
  padding: 65px 0;
}

.cover2Five1_01 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.cover2Five1_01_l {
  width: 42.6%;
  border-radius: 20px;
  -ms-perspective: 900px;
  -moz-perspective: 900px;
  -webkit-perspective: 900px;
  perspective: 900px;
  overflow: hidden;
}

.cover2Five1_01_l img {
  width: 100%;
}

.cover2Five1_01_l:hover img {
  -ms-transform: translateZ(80px);
  -moz-transform: translateZ(80px);
  -webkit-transform: translateZ(80px);
  transform: translateZ(80px);
  -ms-transition: all 1.6s;
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
}

.cover2Five1_01_r {
  width: 51%;
}

.cover2Five::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36%;
  height: 100%;
  background: #2b71b8;
}

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

.cover2Six2 {
  position: relative;
}

.cover2Six2_01 .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cover2Six2_02 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cover2Six2_02 .item {
  position: relative;
  width: calc(100% / 4);
  height: clamp(27.5rem, 1.108rem + 41.24vw, 47.5rem);
  border-right: 1px solid #000000;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.cover2Six2_02 > .item:last-child {
  border-right: none;
}

.cover2Six2_02_1 {
  width: 100%;
  padding: 0 clamp(0.938rem, -0.712rem + 2.58vw, 2.188rem) 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.cover2Six2_02 .item:hover .cover2Six2_02_1 {
  opacity: 0;
}

.cover2Six2_02_1 .iconfont {
  font-size: clamp(2.875rem, 2.05rem + 1.29vw, 3.5rem);
  color: #ffffff;
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  margin-bottom: -4px;
}

.cover2Six2_02_1 .number {
  font-size: clamp(3.5rem, -0.129rem + 5.67vw, 6.25rem);
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
  text-stroke: 1px #ffffff;
}

.cover2Six2_02_2 {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #105ca8;
  padding: 30px clamp(0.938rem, -0.712rem + 2.58vw, 2.188rem)
    clamp(1.875rem, 0.226rem + 2.58vw, 3.125rem);
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.cover2Six2_02 .item:hover .cover2Six2_02_2 {
  opacity: 1;
}

.cover2Six2_02_2 .number {
  font-size: clamp(3.5rem, -0.129rem + 5.67vw, 6.25rem);
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px #00a1e9;
  text-stroke: 1px #00a1e9;
}

.cover2Six2_02_2 .title {
  color: #ffffff;
  padding-top: clamp(0.938rem, 0.525rem + 0.64vw, 1.25rem);
}

.cover2Six2_02_2 .text {
  color: #ffffff;
  padding-top: clamp(0.75rem, 0.255rem + 0.77vw, 1.125rem);
}

.cover2Six2_02_3 {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  z-index: 4;
  left: 0;
  top: 100%;
  width: 100%;
  background: #00a1e9;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.cover2Six2_02 .item:hover .cover2Six2_02_3 {
  pointer-events: auto;
  opacity: 1;
}

.cover2Six2_02_3 a {
  padding: clamp(0.938rem, 0.113rem + 1.29vw, 1.563rem)
    clamp(0.938rem, -0.712rem + 2.58vw, 2.188rem);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.cover2Six2_02_3 a span {
  color: #ffffff;
}

.cover2Six2_02_3 a:hover span {
  text-decoration: underline;
}

.cover2Six2_02_3 a .iconfont {
  font-size: clamp(1.5rem, 1.335rem + 0.26vw, 1.625rem);
  color: #ffffff;
  padding-left: 10px;
  padding-top: 1px;
}

/* ~~~~~~~~~~~~~~~~ddd,css~~~~end */
/* ~~~~~~~~~~~~~~~~ddd,css~~~~end */
/* ~~~~~~~~~~~~~~~~ddd,css~~~~end */
/*~~~~~~~~~~~~product_cover3    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~product_cover3    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~product_cover3    ~~~~~~~~~~~*/
.cover3_one_item {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.cover3_one_item img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_one_item .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.53);
  opacity: 0;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_one {
  position: relative;
}
.cover3_one::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to bottom,
    rgba(213, 241, 254, 100%),
    rgba(255, 255, 255, 0%)
  );
  z-index: -1;
}
.cover3_one_b {
  position: relative;
}
.cover3_one_swiper_btn {
  position: absolute;
  top: 50%;
  left: 20.31vw;
  z-index: 2;
}
.cover3_one_swiper_btn.next {
  left: auto;
  right: 20.31vw;
}
.cover3_one_swiper .swiper-slide-active .cover3_one_item .title {
  opacity: 1;
}
/* cover3_two */
.cover3_two_l {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
  width: 40%;
  padding: 5.21vw;
  padding-left: 7.81vw;
}
.cover3_two_r {
  width: 60%;
}
.cover3_two_table {
  margin-top: 2.08vw;
  margin-bottom: 2.6vw;
}
.cover3_two_table .item {
  cursor: pointer;
  border-bottom: 1px solid #b5dbec;
  padding: 12px;
  position: relative;
  z-index: 2;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_two_table .item::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  left: 0;
  width: 11px;
  height: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/cover3_two_icon.png);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_two_table .item.hover {
  background-color: #53a0ef;
}
.cover3_two_item {
    display: block;
  position: relative;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
}
.cover3_two_item .con {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2.6vw 4.17vw;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 100%),
    rgba(0, 0, 0, 0)
  );
}
.cover3_two_item .title {
  margin-bottom: 10px;
}
/* cover3_three */
.cover3_three_t .left {
  width: 20%;
}
.cover3_three_t .right {
  width: 75%;
}
.cover3_three_t_swiper img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_three_b {
  position: relative;
  z-index: 2;
  border-radius: 20px;
  overflow: hidden;
}
.cover3_three_b::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 100%),
    rgba(0, 0, 0, 0%)
  );
  z-index: 2;
}
.cover3_three_b_swiper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding-top: clamp(2.5rem, -0.799rem + 5.15vw, 5rem);
}
.cover3_three_b_swiper .swiper-slide {
  height: auto;
}
.cover3_three_item {
  cursor: pointer;
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #8f8f8f;
  height: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  position: relative;
  padding: 1.82vw;
}
.cover3_three_item .hide {
  position: absolute;
  bottom: 0;
  left: 1px;
  z-index: 2;
  height: 0%;
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  background-color: var(--bg);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.cover3_three_item .title {
  margin-bottom: 1.04vw;
}
.cover3_three_b_swiper .swiper-slide-thumb-active .cover3_three_item {
  border-left: none;
}
.cover3_three_b_swiper .swiper-slide-thumb-active .cover3_three_item .hide {
  height: calc(100% + clamp(2.5rem, -0.799rem + 5.15vw, 5rem));
}
/* cover3_four */
.cover3_four {
  position: relative;
  z-index: 2;
  background-image: linear-gradient(
    to bottom,
    rgba(213, 241, 254, 100%),
    rgba(255, 255, 255, 0)
  );
}
.cover3_four_b {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2.08vw;
}
.cover3_four_item {
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.cover3_four_item .pic {
  width: 100%;
  overflow: hidden;
}
.cover3_four_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_four_item .title {
  padding: clamp(0.938rem, 0.113rem + 1.29vw, 1.563rem);
}
.cover3_four_item:hover img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
/* cover3_five */
.cover3_five {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.cover3_five_b {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px 5.21vw;
}
.cover3_five_item {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  position: relative;
  z-index: 2;
}
.cover3_five_item .left {
  width: clamp(5rem, 2.113rem + 4.51vw, 7.188rem);
  height: clamp(5rem, 2.113rem + 4.51vw, 7.188rem);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  background-color: #ffffff;
  overflow: hidden;
}
.cover3_five_item .right {
  width: calc(100% - clamp(5rem, 2.113rem + 4.51vw, 7.188rem));
}
.cover3_five_item .right .con {
  width: calc(100% + clamp(2.5rem, 1.263rem + 1.93vw, 3.438rem));
  position: relative;
  left: calc(0px - clamp(2.5rem, 1.263rem + 1.93vw, 3.438rem));
  padding: 2.08vw 4.69vw;
  padding-left: clamp(3.75rem, 1.276rem + 3.87vw, 5.625rem);
  z-index: -1;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: rgba(255, 255, 255, 15%);
  backdrop-filter: blur(15px) brightness(100%);
}
.cover3_five_item .iconfont {
  color: #4b8478;
}
.cover3_five_item .title {
  margin-bottom: 1.3vw;
}
/* cover3_six */
.cover3_six_b,
.cover3_six_t {
  padding: 0 7.29vw;
}
.cover3_six_b .number_list {
  padding: 0;
}
.cover3_six_b .number,
.cover3_six_b .title {
  color: var(--bg);
}
/* cover3_seven */
.cover3_seven {
  padding-left: 6.25vw;
  background-color: #e0e7f3;
}
.cover3_seven_l {
  width: 41%;
  padding-right: 3.13vw;
}
.cover3_seven_r {
  width: 59%;
}
.cover3_seven_list .item {
  overflow: hidden;
  width: 100%;
}
.cover3_seven_list .item img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_seven_item {
  border-bottom: 1px solid var(--bg);
  padding: 1.56vw 3.13vw;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cover3_seven_item:last-child {
  border-bottom: none;
}
.cover3_seven_item .title {
  margin-bottom: 15px;
}
.cover3_seven_item.hover {
  background-color: var(--bg);
}
.cover3_seven_item.hover .text,
.cover3_seven_item.hover .title {
  color: #ffffff;
}
/*~~~~~~~~~~~~product_cover3   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~product_cover3   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~product_cover3   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
.about_banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
  background-attachment: fixed;
  height: calc(100vh);
}
.about_banner_b {
  margin-top: 5.73vw;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.about_banner_l {
  width: 45%;
}
.about_banner_r {
  width: 48%;
  margin: auto;
}
.about_banner_l .trim {
  color: transparent;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  font-size: clamp(3.125rem, -0.999rem + 6.44vw, 6.25rem);
  text-transform: uppercase;
  font-weight: bold;
}
.about_banner_r .subtitle {
  margin-bottom: 1.3vw;
}
/* about_two */
.about_two {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.about_two_b .cover2Three1_l_tt {
  width: clamp(18.75rem, 6.544rem + 19.07vw, 28rem);
  height: clamp(2.5rem, 1.675rem + 1.29vw, 3.125rem);
  line-height: clamp(2.5rem, 1.675rem + 1.29vw, 3.125rem);
}
.about_two_b .cover2Three1_c {
  padding: 0;
  width: 25.3%;
}
.about_two_b .cover2Three1_c::after {
  display: none;
}
.about_two_b .cover2Three1_l,
.about_two_b .cover2Three1_r {
  width: 37.35%;
  row-gap: clamp(1.875rem, -1.836rem + 5.8vw, 4.688rem);
}
.about_two_b .cover2Three1_l > .item:nth-child(1),
.about_two_b .cover2Three1_l > .item:nth-child(4) {
  margin-right: -40px;
}
.about_two_b .cover2Three1_l > .item:nth-child(2),
.about_two_b .cover2Three1_l > .item:nth-child(3) {
  padding-right: 40px;
}
.about_two_b .cover2Three1_r > .item:nth-child(1),
.about_two_b .cover2Three1_r > .item:nth-child(4) {
  margin-left: -40px;
}
.about_two_b .cover2Three1_r > .item:nth-child(2),
.about_two_b .cover2Three1_r > .item:nth-child(3) {
  padding-left: 40px;
}
/* about_three */
.about_three_swiper_btn {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  grid-gap: 15px;
  margin-top: 2.08vw;
}
.about_three_table .item{
  border-color: #E8E8E8;
  background-color: #ffffff;
  color: #444444;
  font-weight: normal;
}
/* about_four */
.about_four_l {
  width: 50%;
}
.about_four_r {
  width: 50%;
  margin-left: 0;
  padding-left: 3.65vw;
}
.about_four_l img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.about_four_r .list {
  width: 80%;
  margin-top: 2.6vw;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  grid-gap: 1.56vw 3.65vw;
  grid-template-columns: repeat(2, 1fr);
}
.about_four_r .item {
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #ffffff;
  width: clamp(8.75rem, 4.214rem + 7.09vw, 12.188rem);
  height: 45px;
  grid-gap: 0 1.04vw;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.about_four_r .item:hover {
  background-color: #ffffff;
  color: var(--hue);
}
/* about_five */
.about_five {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.about_five_l {
  width: 30%;
}
.about_five_r {
  width: 65%;
}
.about_five_page {
  margin: 1.56vw 0;
  font-size: clamp(4.688rem, -1.498rem + 9.66vw, 9.375rem);
  font-weight: bold;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  position: relative;
  overflow: hidden;
}
.about_five_page .number {
  color: #457fe5;
}
.about_five_page .numbers {
  position: relative;
  color: #ffffff;
}
.about_five_page .numbers p {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.about_five_page .numbers p:last-child {
  top: 100%;
}
.about_five_table_swiper {
  position: relative;
  z-index: 2;
  height: 195px;
  padding: 30px 0;
}
.about_five_table_swiper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  width: 1px;
  height: 100%;
  background-color: #38a7d9;
}
.about_five_table_swiper .item {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  cursor: pointer;
}
.about_five_table_swiper .dian {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 25px;
  background-color: var(--hue);
  position: relative;
  z-index: 2;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.about_five_table_swiper .dian::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 40%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: var(--hue);
  border-radius: 50%;
  overflow: hidden;
}
.about_five_table_swiper .swiper-slide-thumb-active .con {
  color: #ffffff;
}
.about_five_table_swiper .swiper-slide-thumb-active .con .trim {
  text-decoration: underline;
}
.about_five_table_swiper .swiper-slide-thumb-active .dian {
  background-color: #ffffff;
}
.about_five_box_swiper {
  height: 700px;
}
.about_five_box_swiper .year_two,
.about_five_box_swiper .year_one {
  display: none;
}
.about_five_pic_swiper_btn {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.about_five_pic_swiper_btn .swiper_button_btn {
  display: grid;
  grid-gap: 6.77vw 0;
}
.about_five_pic_swiper_btn .public_swiper_btn {
  background-color: #ffffff;
  border-color: transparent;
  position: relative;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: 0;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.about_five_pic_swiper_btn .public_swiper_btn:hover {
  background-color: var(--hue);
}
.about_five_pic_swiper_btn .public_swiper_btn::after {
  font-size: 18px;
}
.about_five_item {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.about_five_item .pic {
  width: 320px;
}
.about_five_item .con {
  width: calc(100% - 320px);
  padding: 0 4.17vw;
  line-height: 2;
  opacity: 0;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.about_five_pic_swiper {
  position: absolute;
  top: 0;
  right: 0;
  height: 700px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.about_five_item .pic {
  border: 1px solid #707070;
  position: relative;
  z-index: 2;
  filter: opacity(0.5);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.about_five_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.about_five_pic_swiper .swiper-slide {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.about_five_pic_swiper .swiper-slide-active .pic {
  filter: opacity(1);
}
.about_five_pic_swiper .swiper-slide-active .con {
  opacity: 1;
}
/* about_six */
.about_six_con {
  width: 55%;
}
.about_six_b {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.about_six_swiper {
  width: calc(100% - 2.08vw - 90px);
}
.about_six_swiper .swiper-slide{
    opacity: 0;
     transition: all 0.6s;
 -ms-transition: all 0.6s;
 -webkit-transition: all 0.6s;
}


.about_six_swiper .swiper-slide-active,
.about_six_swiper .swiper-slide-prev,
.about_six_swiper .swiper-slide-next{
    opacity: 1;
}
.about_six_swiper .swiper-slide-prev{
   
}
.about_six_item .pic {
  width: 100%;
  overflow: hidden;
}
.about_six_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.about_six_item .title {
  text-align: center;
  margin-top: 10px;
}
.about_six_swiper_btn {
  background-color: #ffffff;
}
/* about_seven */
.about_seven {
  background-color: #203f60;
  padding: 4.17vw;
  padding-left: 7.29vw;
}
.about_seven_l {
  width: 40%;
}
.about_seven_r {
  width: 50%;
}
.about_seven_l a {
  color: var(--hue);
}
/* about_eight */
.about_eight,
.about_eight_item {
  position: relative;
  z-index: 2;
  width: 100%;
}
.about_eight_swiper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 60%),
    rgba(0, 0, 0, 0%)
  );
  z-index: 2;
}
.about_eight_swiper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 60%),
    rgba(0, 0, 0, 0%)
  );
  z-index: 2;
}
.about_eight_con {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.about_eight_con .w_1680 {
  padding: 0 12.5vw;
}
.about_eight_con .con {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  background-color: rgba(58, 126, 196, 90%);
  padding: 3.13vw;
}
.about_eight_con .title {
  width: 15%;
}
.about_eight_con .text {
  width: 85%;
  line-height: 2;
}
/* about_nine */
.about_nine {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
  height: 100vh;
}
.about_nine_con {
  width: 40%;
}
.about_nine_con .subtitle {
  margin-top: 1.56vw;
  line-height: 1.6;
}
.about_nine_con .public_btn {
  background-color: var(--bg);
  border-radius: 10px;
  overflow: hidden;
  margin-top: 2.08vw;
}
/*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~solution    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~solution    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~solution    ~~~~~~~~~~~*/
/* solution_list */
.solution_list {
  background-color: #fbfcfd;
}
.solution_list_t {
  border-bottom: 1px solid #c1c1c1;
}
.solution_list_table {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  white-space: nowrap;
  overflow: auto;
}
.solution_list_table a {
  padding: 0 2.86vw;
  background-color: #ffffff;
  height: clamp(2.5rem, 0.851rem + 2.58vw, 3.75rem);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  color: #444444;
  font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.solution_list_table a.hover {
  background-color: var(--bg);
  color: #ffffff;
}
.solution_list_list {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
  grid-gap: 3.65vw 5.21vw;
}
.solution_list_item{
  width: calc((100% - 5.21vw) / 2);
  height: 100%;
}
.solution_list_item:first-child{
  margin-top: 0 !important;
}
.solution_list_item:first-child .title{
  margin-bottom: clamp(0.5rem, -0.077rem + 0.9vw, 0.938rem);
}
.solution_list_item:nth-child(2n + 1){
  margin-top: -18.23vw;
}
.solution_list_item:last-child{
  background-color: #E4F5FC;
  border-radius: 20px;
  overflow: hidden;
  border: 1px  solid #D9E8EF;
  padding: 1.56vw 20px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.solution_list_item .pic {
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-bottom: 1.3vw;
}
.solution_list_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.solution_list_item:hover .pic img{
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.solution_list_item .pic .iconfont {
  position: absolute;
  top: 1.3vw;
  right: 2.08vw;
  width: clamp(2.188rem, 1.198rem + 1.55vw, 2.938rem);
  height: clamp(2.188rem, 1.198rem + 1.55vw, 2.938rem);
  border: 1px solid #ffffff;
  border-radius: 10px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  font-size: clamp(1.25rem, 1.064rem + 0.78vw, 1.75rem);
  line-height: 0.8;
  background-color: var(--text);
  color: #ffffff;
}


/*~~~~~~~~~~~~solution   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~solution   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~solution   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
.news_one_b{
  background-color: #D9F3FE;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.news_one_l{
  width: 52%;
  padding: 3.65vw;
}
.news_one_r{
  width: 45%;
}
.news_one_item .title{
  margin-bottom: 20px;
}
.news_one_item .type{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  grid-gap: 1.04vw;
  margin-bottom: 1.82vw;
}
.news_one_pic{
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  display: none;
}
.news_one_pic img{
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.news_one_swiper_btn{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  grid-gap: 0 15px;
  margin-top: 4.43vw;
}
.news_one_swiper_btn .iconfont{
  background-color: #ffffff;
  border-color: var(--bg);
  color: var(--bg);
}
.news_one_swiper_btn .iconfont:hover{
  background-color: var(--bg);
  color: #ffffff;
}
/* news_two */
.news_two{
  background-color: #FBFCFD;
}
.news_two_l{
  width: 60%;
}
.news_two_r{
  width: 40%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.news_two_table{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.news_two_table .item{
  white-space: nowrap;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 18px;
  padding: 10px 3.13vw;
  color: #444444;
  font-weight: bold;
  text-align: center;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.news_two_table .item.hover{
  border-color: var(--bg);
  color: var(--bg);
}
.news_two_list .list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.6vw;
}
.news_two_list .trim{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  grid-gap: 1.04vw;
}
/*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~video_list    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~video_list    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~video_list    ~~~~~~~~~~~*/
.video_list_item{
  display: block;
  position: relative;
  z-index: 2;
}
.video_list_item .pic{
  position: relative;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 1.82vw;
  overflow: hidden;
}
.video_list_item .pic img{
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.video_list_item .iconfont{
  position: absolute;
  bottom: 1.04vw;
  right: 1.04vw;
  color: #ffffff;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.video_list_item:hover .iconfont{
  color: var(--hue);
}
.video_list_item:hover .pic img{
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
/*~~~~~~~~~~~~video_list   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~video_list   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~video_list   end ~~~~~~~~~~~*/





























/* lzf addddd */
/* pro_cover4 */
.cover4_box1_bars{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  gap: 10px;
}
.cover4_box1_bars a{
  line-height: 48px;
  color: var(--bg);
  font-size: 18px;
  border: 1px solid #BED7F1;
  border-radius: 5px;
  padding: 0 2.08vw;
}

.cover4_box1_bars a.hover{
  color: #fff;
  background: var(--bg);
  border: 1px solid var(--bg);
}

.cover4_box1_tabs_item_l{
  width: 67.55%;
}
.cover4_box1_tabs_item_l a{
  display: block;
  overflow: hidden;
}
.cover4_box1_tabs_item_l a img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cover4_box1_tabs_item_l a:hover img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
}

.public_scroll_btn1{
  position: absolute;
  top: 50%;
  z-index: 2;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  color: var(--bg);
  border-radius: 50%;
  background: #fff;
  margin-top: -20px;
  cursor: pointer;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}
.public_scroll_btn1:hover{
  color: #fff;
  background: var(--bg);
}
.public_scroll_btn1.prev{
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
}
.cover4_box1_tabs_item_l_scroll_btn.prev{
  left: 20px;
}
.cover4_box1_tabs_item_l_scroll_btn.next{
  right: 20px;
}


.cover4_box1_tabs_item_r{
  width: calc(32.45% - 25px);
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 25px;
}
.cover4_box1_tabs_item_r .item{
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.cover4_box1_tabs_item_r .item .pic{
  overflow: hidden;
}
.cover4_box1_tabs_item_r .item .pic img{
  display: block;
  width: 100%;
}

.cover4_box1_tabs_item_r .item .con{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  color: #fff;
  background: rgba(0,60,123,.48);
  opacity: 0;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}
.cover4_box1_tabs_item_r .item .con .icon{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  width: 52px;
  height: 52px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-bottom: clamp(1.25rem, -1.875rem + 4.17vw, 2.5rem);
}
.cover4_box1_tabs_item_r .item:hover .pic img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
}
.cover4_box1_tabs_item_r .item:hover .con{
  opacity: 1;
}


.cover4_box2_scroll_item{
  display: block;
}
.cover4_box2_scroll_item_pic{
  overflow: hidden;
}
.cover4_box2_scroll_item_pic img{
  display: block;
  width: 100%;
}
.cover4_box2_scroll_item_con{
  position: relative;
  width: 1113px;
  margin: 0 auto;
  border-radius: 20px;
  background: var(--bg);
  text-align: center;
  padding: 32px 55px 43px;
  transform:translate(0,-50%);
}
.cover4_box2_scroll_item_con .tt{
  margin-bottom: 18px;
}
.cover4_box2_scroll_item_con .text{
  color: #C8E7F5;
}


.cover4_box2_scroll_btn.prev{
  left: clamp(2.5rem, -10rem + 16.67vw, 7.5rem);
}
.cover4_box2_scroll_btn.next{
  right: clamp(2.5rem, -10rem + 16.67vw, 7.5rem);
}


.cover4_box3_clm1{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  gap: 98px;
  padding-bottom: 43px;
}
.cover4_box3_clm1 .item{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
}
.cover4_box3_clm1 .item .num{
  color: var(--bg);
  line-height: 0.8;
  font-size: clamp(4.375rem, -0.313rem + 6.25vw, 6.25rem);
  padding-left: 10px;
}



.cover4_box4_list{
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 justify-content: space-evenly;
  -webkit-justify-content:space-evenly;
 flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
  gap: clamp(3.125rem, -6.25rem + 12.5vw, 6.875rem);
}
.cover4_box4_list .item{
  width: calc((100% - clamp(3.125rem, -6.25rem + 12.5vw, 6.875rem)*3) / 4);
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}
.cover4_box4_list .item .icon{ 
  width: 137px;
  height: 137px;
  background: var(--hue);
  border-radius: 50%;
  margin: 0 auto;
}
.cover4_box4_list .item .tt{
  margin: 22px 0;
}
.cover4_box4_list .item .text{
  color:#99DEFC;
}
.cover4_box4_list .item:hover{
  transform:translateY(-3px);
  -webkit-transform: translateY(-3px);
}




.cover4_box5{
  background: url(../images/pro_cover4_bg2.png) no-repeat center bottom / 100% auto;
}
.cover4_box5_list_item_pic{
  width: 49.5%;
}
.cover4_box5_list_item_pic img{
  float:right;
  width:49.4vw;
  max-width:none;
}
.cover4_box5_list_item_pic2 img{
  float: left;
}

.cover4_box5_list_item_con{
  width: 45.6%;
}
.cover4_box5_list_item_con_clm1_tt1{
  margin-bottom: 45px;
}

.cover4_box5_list_item_con_clm1{
  margin-bottom: clamp(2.5rem, -3.75rem + 8.33vw, 5rem);
}
.cover4_box5_list_item_con_clm1 .item{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-align-items:flex-start;
}

.cover4_box5_list_item_con_clm1 .item .icon{
  width: 40px;
  font-size: 24px;
  line-height: 36px;
  color: var(--bg);
}

.cover4_box5_list_item_con_clm1 .item .con{
  width: calc(100% - 40px);
  line-height: 36px;
}



.cover4_box6_scroll_rela{
  position: relative;
}
.cover4_box6_scroll_item{
  overflow: hidden;
}
.cover4_box6_scroll_item img{
  display: block;
  width: 100%;
}


.cover4_box6_scroll_btn{
  opacity: 0;
  top: 45%;
}
.cover4_box6_scroll_btn.prev{
  left: -40px;
}
.cover4_box6_scroll_btn.next{
  right: -40px;
}


.cover4_box7_list{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 15px;
}
.cover4_box7_list .item{
  overflow: hidden;
  border-radius: 20px;
}
.cover4_box7_list .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cover4_box7_list .item:hover img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
}
.cover4_box7_list .item:first-child{
  grid-column: 1 / 3;
}
.cover4_box7_list .item:last-child{
  grid-column: 3 / 5;
}
.cover4_box7_list .item img{
  display: block;
  width: 100%;
}










/* pro_cover4 end */



/* pro_list */
.pro_list1_box1_item:nth-child(odd){
  background: url(../images/pro_list1_bg1.png) no-repeat center top / 100% auto;
}
.pro_list1_box1_item:nth-child(even){
  background: url(../images/pro_list1_bg2.png) no-repeat center top / 100% auto;
}
.pro_list1_box1_btn{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  color: var(--bg);
}
.pro_list1_box1_btn .icon{
  margin-right: 4px;
}
.pro_list1_box1_btn .tt{
  text-decoration: underline;
}


.pro_list1_clm{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
}
.pro_list1_clm .item{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.pro_list1_clm .item img{
  display: block;
  width: 100%;
}
.pro_list1_clm .item .title{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 58px;
  text-align: center;
  background: rgba(14,68,129,.71);
}

.pro_list1_clm .item:hover img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
}







.pro_list1_box2 .public_module_title{
  padding-bottom: 30px;
}
.pro_list1_box2_clm1{
  margin-bottom: 50px;
}
.pro_list1_box2_clm1_tt{
  margin-bottom: 20px;
}

.pro_list1_box2_clm1_city{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  max-width: 1040px;
  margin: 0 auto;
  row-gap: 10px;
}
.pro_list1_box2_clm1_city a{
  color: #444;
  padding: 0 22px;
  line-height: 30px;
  position: relative;
}

.pro_list1_box2_clm1_city a::after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 18px;
  background: #444;
  margin-top: -9px;
}

.pro_list1_box2_clm1_city a.hover{
  color: var(--bg);
}

.pro_list1_box2_clm2{
  margin-bottom: 20px;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:space-between;
  -ms-justify-content:space-between;
  -webkit-justify-content:space-between;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  max-width: 920px;
  margin: 0 auto;
}

.pro_list1_box2_clm2_item1{
  width: 368px;
}
.pro_list1_box2_clm2_item1_text{
  display: block;
  width: 100%;
  height: 47px;
  font-size: 18px;
  padding-left: 17px;
  color: #333;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
}
.pro_list1_box2_clm2_item1_text::-webkit-input-placeholder{
  color: #CFCFCF;
}

.pro_list1_box2_clm2_item2{
  width: 125px;
}
.pro_list1_box2_clm2_item1_btn{
  display: block;
  width: 100%;
  height: 47px;
  font-size: 18px;
  color: #fff;
  background: var(--hue);
  border: none;
  border-radius: 5px;
  cursor: pointer;
}


/* pro_list1 end */
.pro_list1_detail{
  padding-top: 40px;
}
.pro_list1_detail_title1{
  margin-bottom: 28px;
}

.pro_list1_detail_pic1{
  overflow: hidden;
  margin-bottom: 4.17vw;
  border-radius: 20px;
}
.pro_list1_detail_pic1 img{
  width: 100%;
}
.pro_list1_detail_pic1:hover img{
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}


.pro_list1_detail_clm1{
  max-width: 1400px;
  margin: 0 auto 80px;
}
.pro_list1_detail_title2{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  position: relative;
  color: var(--bg);
  margin-bottom: 50px;
}
.pro_list1_detail_title2::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #2B71B8;
}
.pro_list1_detail_title2 span{
  position: relative;
  z-index: 2;
  display: block;
  padding: 0 50px;
  background: #fff;
}

.pro_list1_detail_text{
  line-height: 40px;
  color: #444;
}


.pro_list1_detail_list1{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  row-gap: 25px;
  column-gap: 2.5vw;
}

.pro_list1_detail_list1 .item{
  overflow: hidden;
}
.pro_list1_detail_list1 .item img{
  width: 100%;
}
.pro_list1_detail_list1 .item:hover img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
}


.pro_list1_detail_page{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  max-width: 1400px;
  margin: 0 auto ;
  background: #D2F1FF;
  border-radius: 10px;
  padding: 28px 15px;
  gap: 48px;
}





/* pro_list2 */
.pro_list2_box1{
  background: url(../images/pro_list2_bg1.png) no-repeat center top / 100% auto;
}
.pro_list2_box1_l{
  width: clamp(16.25rem, 7.838rem + 13.14vw, 22.625rem);
}
.pro_list2_title1{
  margin-bottom: 35px;
}

.pro_list2_box1_l_list{
  margin: 0;
  padding: 30px 27px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(193,216,241,1);
}
.pro_list2_box1_l_list dd{
  margin: 0;
  padding: 0;
}
.pro_list2_box1_l_list_tt{
  height: 47px;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  border-bottom: 1px solid #CECECE;
}
.pro_list2_box1_l_list_tt .icon{
  width:36px;
  color: var(--bg);
  font-size: 24px;
  cursor: pointer;
}
.pro_list2_box1_l_list_tt .tt{
  width: calc(100% - 36px);
  color: #444;
}
.pro_list2_box1_l_list_down{
  display: none;
  padding:12px 0 20px 35px;
}
.pro_list2_box1_l_list_down a{
  display: block;
  color: #444;
  line-height: 35px;
}
.pro_list2_box1_l_list_down a.hover{
  color: var(--bg);
}
.pro_list2_box1_l_list dd.hover .pro_list2_box1_l_list_tt .icon::before{
  content: "\e62d";
}


.pro_list2_box1_r{
  width: calc(100% - clamp(16.25rem, 7.838rem + 13.14vw, 22.625rem));
  padding: 0 0 0 3.23vw;
}

.pro_list2{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 19px;
  margin: 0;
  padding: 0;
}
.pro_list2 dd{
  margin: 0;
  padding: 0;
}
.pro_list2_item{
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 14px 14px 0;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(193,216,241,1);
}
.pro_list2_item .pic{
  overflow: hidden;
}
.pro_list2_item .pic img{
  display: block;
  width: 100%;
}
.pro_list2_item .tt{
  padding: 15px 0;
  color: #444;
  text-align: center;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}
.pro_list2_item:hover .pic img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
}
.pro_list2_item:hover .tt{
  color: var(--bg);
}



/* page */
.page_box {
	padding: clamp(2.5rem, 2.21rem + 1.45vw, 3.75rem) 0 0;
}

.page_box .wp-pagenavi {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.page_box a,
.page_box span {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	color: #666;
	font-size: 16px;
	width: 42px;
	height: 42px;
	background: #fff;
	border: 1px solid #E8E8E8;
  border-radius: 2px;
	margin: 0 clamp(0.125rem, 0.63vw, 0.625rem) 4px;
}

.page_box a:hover,
.page_box a.hover,
.page_box a.current,
.page_box span.current {
	color: #fff;
	background: var(--hue);
	border-color: var(--hue);
}
.page_box a.page_btn{
  width: auto;
  padding: 0 15px;
}





/* pro_list2_det */
.pro_list2_det_box1{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:space-between;
  -ms-justify-content:space-between;
  -webkit-justify-content:space-between;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
}
.pro_list2_det_box1_l{
  width: 58.125%;
}
.pro_list2_det_box1_l img{
  display: block;
  width: 100%;
}
.pro_list2_det_box1_l_scroll_btn.prev{
  left: 20px;
}
.pro_list2_det_box1_l_scroll_btn.next{
  right: 20px;
}

.pro_list2_det_box1_r{
  width: 41.875%;
  padding: 30px clamp(3.125rem, -6.458rem + 12.78vw, 8.875rem);
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  background: #DEF0F9;
}

.pro_list2_det_box1_r_title1{
  margin-bottom: clamp(1.563rem, 2.08vw, 2.5rem);
}
.pro_list2_det_box1_r_text{
  line-height: 2;
  margin-bottom: clamp(2.188rem, -1.458rem + 4.86vw, 4.375rem);
}
.pro_list2_det_box1_r_btn_box{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  gap: 8px;
}
.pro_list2_det_box1_r_btn{
  width: 150px;
  height: 47px;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  gap: 6px;
  background: var(--hue);
  border-radius: 23px;
}
.pro_list2_det_box1_r_btn .icon{
  font-size: 20px;
}
.pro_list2_det_box1_r_btn:last-child{
  background: #67AA19;
}


.pro_list2_det_box2_l{
  width: 44%;
}
.pro_list2_det_box2_l_clm1:first-child{
  margin-bottom: clamp(2.5rem, -2.5rem + 6.67vw, 5.5rem);
}
.pro_list2_det_box2_l_title{
  color: var(--bg);
  margin-bottom: clamp(1.75rem, 0.5rem + 1.67vw, 2.5rem);
}
.pro_list2_det_box2_l_text{
  line-height: 40px;
}
.pro_list2_det_box2_l_list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 33px;
  text-align: center;
}
.pro_list2_det_box2_l_list .item .icon{
  width: 87px;
  height: 87px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(193,216,241,1);
  margin: 0 auto;
}

.pro_list2_det_box2_l_list .item .tt1{
  padding: 14px 0 3px;
  line-height: 30px;
}
.pro_list2_det_box2_l_list .item .tt2{
  color: var(--bg);
  width: 110px;
  line-height: 30px;
  margin: 0 auto;
}

.pro_list2_det_box2_r{
  width: 40.7%;
}


.pro_list2_det_box3{
  background: url(../images/pro_list2_bg1.png) no-repeat center top / 100% auto;
}



.pro_list2_det_box4_con{
  max-width: 1400px;
  margin: 0 auto;
}

.pro_list2_det_box4_form{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:space-between;
  -ms-justify-content:space-between;
  -webkit-justify-content:space-between;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  column-gap: 20px;
  row-gap: 29px;
  margin: 0;
  padding: 0;
}
.pro_list2_det_box4_form dd{
  width: calc((100% - 20px) / 2);
  margin: 0;
  padding: 0; 
  position: relative;
}
.pro_list2_det_box4_form dd.ddw{
  width: 100%;
}
.pro_list2_det_box4_form_text_box{
  width: 100%;
  position: relative;
}
.pro_list2_det_box4_form_text,
.pro_list2_det_box4_form_area{
  display: block;
  width: 100%;
  height: clamp(3.125rem, 2.3rem + 1.29vw, 3.75rem);
  font-size: clamp(0.875rem, 0.545rem + 0.52vw, 1.125rem);
  color: #444;
  background: #EFF3F5;
  border: 1px solid #DCDCDC;
  border-radius: 10px;
  padding-left: 1.56vw;
}
.pro_list2_det_box4_form_area{
  display: block;
  height: clamp(7.5rem, 1.974rem + 8.63vw, 11.688rem);
  padding: 15px 1.56vw;
  font-family: "Microsoft YaHei";
  resize: none;
}
.pro_list2_det_box4_form_text::-webkit-input-placeholder,
.pro_list2_det_box4_form_area::-webkit-input-placeholder{
  color: #444;
}


.pro_list2_det_box4_form_icon{
  position: absolute;
  left: clamp(0.313rem, -0.925rem + 1.93vw, 1.25rem);
  top: 0;
  line-height: clamp(3.125rem, 2.3rem + 1.29vw, 3.75rem);
  font-size: 18px;
  color: #f00
}
.pro_list2_det_box4_form_btn{
  display: block;
  width: 150px;
  height: 47px;
  color: #fff;
  font-size: 16px;
  border-radius: 23px;
  background: var(--hue);
  border: none;
  margin: 0 auto;
  cursor: pointer;
}


.pro_list2_det_box5{
  background: #E8EDEF;
}


.pro_list2_det_box5_list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 19px;
  margin: 0;
  padding: 0;
}
.pro_list2_det_box5_list dd{
  margin: 0;
  padding: 0;
}





/* contact */
.sub_banner2{
  position: relative;
}
.sub_banner2 img{
  width: 100%;
}
.sub_banner2_location{
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
}
.sub_banner2_location_con{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  color: #fff;
  gap: 5px;
}
.sub_banner2_location_con a{
  color: #fff;
}

.sub_banner2_con{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
}


.contact_box1_list{
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 48px;
  row-gap: 25px;
}
.contact_box1_list dd{
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(193,216,241,1);
}
.contact_box1_list_item{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:space-between;
  -ms-justify-content:space-between;
  -webkit-justify-content:space-between;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  min-height: 218px;
  padding: 2.34vw 2.6vw;
}
.contact_box1_list_item_l{
  width: clamp(3.125rem, 0.651rem + 3.87vw, 5rem);
}
.contact_box1_list_item_l .icon{
  width: clamp(3.125rem, 0.651rem + 3.87vw, 5rem);
  height: clamp(3.125rem, 0.651rem + 3.87vw, 5rem);
  color: #fff;
  font-size: 34px;
  line-height: clamp(3.125rem, 0.651rem + 3.87vw, 5rem);
  text-align: center;
  border-radius: 50%;
  background: #13A0E3;
}
.contact_box1_list_item_l .tt{
  padding: 13px 0 0 0;
}
.contact_box1_list_item_r{
  width: calc(100% - 4.17vw);
  padding-left: 2.81vw;
}
.contact_box1_list_item_r_text{
  line-height: 30px;
}
.contact_box1_list_item_r_text a{
  color: #444;
  margin-right: 15px;
}

.contact_box1_list_item_r_text a:hover{
  color: #13A0E3;
}


.contact_box1_list_item_r_erweima_clm{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:center;
  -ms-justify-content:center;
  -webkit-justify-content:center;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  gap: 2.34vw;
}
.contact_box1_list_item_r_erweima_clm .item{
  width: clamp(5rem, 2.526rem + 3.87vw, 6.875rem);
  text-align: center;
}
.contact_box1_list_item_r_erweima_clm .item .pic{
  overflow: hidden;
}
.contact_box1_list_item_r_erweima_clm .item .text{
  padding: 0.73vw 0 0 0;
}


.contact_box2_con{
  max-width: 1400px;
  margin: 0 auto;
}






/* news_det */
.news_det_box{
  padding-top: 68px;
  background: url(../images/pro_list2_bg1.png) no-repeat center top / 100% auto;
}

.news_det_box_l{
  width: calc(100% - 362px - clamp(2.5rem, -5.521rem + 10.69vw, 7.313rem));
}
.news_det_box_l_title{
  margin-bottom: 26px;
}
.news_det_box_l_clm{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  gap: 20px;
  padding-bottom: 25px;
}
.news_det_box_l_clm .item{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  color: #666;
  gap: 7px;
}

.news_det_box_l_clm .item .icon{
  font-size: 18px;
}

.news_det_box_l_con{
  line-height: 40px;
  padding: 30px 0;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
    text-indent: 2em;
}

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


.news_det_box_l_page{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:space-between;
  -ms-justify-content:space-between;
  -webkit-justify-content:space-between;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  padding: 30px 0;
}

.news_det_box_l_page_l{
  width: calc(100% - 142px);

}
.news_det_box_l_page_l .item{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  line-height: 40px;
  color: #444;
}
.news_det_box_l_page_l .item .tt{
  width: 72px;
}
.news_det_box_l_page_l .item .con{
  width: calc(100% - 72px);
}
.news_det_box_l_page_l .item .con a{
  display: block;
  color: #444;
}
.news_det_box_l_page_l .item .con a:hover{
  color: var(--bg);
}

.news_det_box_r{
  width: 362px;
}
.news_det_box_r_item{
  background: #fff;
  border-radius: 10px;
  padding: 30px 35px;
  box-shadow: 0 3px 6px rgba(193,216,241,1);
}
.news_det_box_r_item:first-child{
  margin-bottom: 30px;
}

.news_det_box_r_title{
  margin-bottom: 25px;
}
.news_det_box_r_list1 .item{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  line-height: 30px;
  position: relative;
  padding: 5px 0;
}
.news_det_box_r_list1 .item .icon{
  width: 9px;
  height: 9px;
  background: var(--bg);
  border-radius: 50%;
}
.news_det_box_r_list1 .item .tt{
  width: calc(100% - 9px);
  padding-left: 15px;
  color: #666;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}

.news_det_box_r_list1 .item:hover .tt{
  color: var(--bg);
}


.news_det_box_r_list2{
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 28px;
}
.news_det_box_r_list2 .item{
  width: 100%;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:space-between;
  -ms-justify-content:space-between;
  -webkit-justify-content:space-between;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
}
.news_det_box_r_list2 .item .pic{
  width: 108px;
  height: 81px;
  overflow: hidden;
}
.news_det_box_r_list2 .item .tt{
  width: calc(100% - 108px);
  padding-left: 17px;
  line-height: 26px;
  color: #444;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}

.news_det_box_r_list2 .item:hover .pic img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
}
.news_det_box_r_list2 .item:hover .tt{
  color: var(--bg);
}