/**/
:root {
  --color: #7A7A7A;
  --hovercolor: #7A7A7A;
  --backgroundcolor: #7A7A7A;
  --fontcolor: #000000;
  --fonttextcolor: #333333;
  --titlefont: 42px;
  --fontsize12: 12px;
  --fontsize14: 14px;
  --fontsize15: 15px;
  --fontsize16: 16px;
  --fontsize17: 17px;
  --fontsize18: 18px;
  --fontsize20: 20px;
  --fontsize22: 22px;
  --fontsize24: 24px;
  --fontsize26: 26px;
  --fontsize28: 28px;
  --fontsize30: 30px;
  --fontsize36: 36px;
  --fontsize40: 40px;
  --fontsize42: 42px;
  --fontsize48: 48px;
  --fontsize50: 50px;
  --fontbold3: 300;
  --fontbold4: 400;
  --fontbold5: 500;
  --fontbold6: 600;
  --fontbold7: 700;
}
* {
  margin: 0;
  padding: 0;
}
address,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
font,
form,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
input,
ins,
label,
legend,
li,
ol,
p,
pre,
small,
span,
strong,
td,
th,
u,
ul,
var {
  margin: 0;
  padding: 0
}
aside,
b,
button,
dd,
div,
dl,
dt,
footer,
form,
h3,
h4,
h5,
h6,
header,
input,
li,
nav,
ol,
p,
section,
table,
td,
textarea,
tr,
ul {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}
body {
  color: var(--fontcolor);
  font-size: var(--fontsize16);
  padding: 0px;
  margin: 0px;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
button:foucs {
  border: none !important;
  outline: none !important;
}
button::-moz-focus-inner {
  border-color: transparent;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
i {
  font-style: normal;
}
a {
  color: var(--fonttextcolor);
}
a:hover {
  text-decoration: none;
  color: #222;
}
img {
  vertical-align: middle
}
input {
  outline: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select {
  -webkit-appearance: none;
  outline: none;
}
textarea {
  -webkit-appearance: none;
  outline: none
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  /*兼容 IE*/
  zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/*t图片样式*/
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto
}
img {
  border: 0px;
  vertical-align: middle;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%
}
.avatar {
  display: block;
  overflow: hidden;
  width: 100%;
}
/*文字超出隐藏*/
.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dot3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.top_menu {
  padding: 0 5vw;
}
.language-box { padding: 0 5vw; margin-top: 5px; display: flex; align-items: center; justify-content: flex-end;gap: 20px;}
.language-box a{ padding: 2px 10px; background: #1d2087; font-size: 14px; color: #fff;}
.language-box a:hover{ background: #D51617;}
.mob-language{ display: none;}
@media screen and (max-width: 991px) {
  .language-box{ display: none; }
  .mob-language{ display: block;}
}
/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/
/* 顶部导航 */
.top_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*  */
#header {
  transition: all 0.5s;
  z-index: 998;
  transition: all 0.5s;
  position: absolute;
  width: 100%;
}
#header.header-transparent:hover {
  background: #fff;
}
.logo img {
  max-height: 45px;
}
.logo-tu1 {
  display: block;
}
.logo-tu2 {
  display: none;
}
/*导航菜单 */
.nav-menu,
.nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu {
  flex: 5;
  height: 50px;
  padding-left: 50px;
}
.nav-menu ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.nav-menu ul li {
  text-align: center;
}
.nav-menu a {
  display: block;
  color: #fff;
  margin: 0 12px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  transition: 0.3s;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: .03em;
  transition: all .3s;
  position: relative;
}
.nav-menu .active .nav_sub ul li.active>a::after{ width:0}
.nav-menu li a::after {
  position: absolute;
  left: 0;
  content: '';
  bottom: 1px;
  width: 0;
  height: 1px;
  background: #d61518;
  transition: all .3s;
}
.nav-menu li:hover a,
.nav-menu .active>a,
.nav-menu li a:hover>a::after {
  color: #d61518 !important;
}
.nav-menu li:hover.drop-down .nav_sub li a {
  color: #333 !important;
}
.nav-menu li:hover.drop-down .nav_sub li a:hover {
  color: #d61518 !important;
}
.nav-menu li a:hover::after,
.nav-menu .active>a::after,
.nav-menu li:hover>a::after {
  width: 100%;
}

.nav-menu li:hover .top_tu li a {
  color: #000 !important;
}
.nav-menu .drop-down .nav_sub {
  width: 100%;
  opacity: 0;
  max-height: 0;
  height: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff;
  overflow: hidden;
}
.nav-menu .drop-down:hover .nav_sub {
  opacity: 1;
  top: 100%;
  visibility: visible;
  height: 280px;
  max-height: 280px;
background: url(../images/fcrobg.jpg) no-repeat center;
background-size: cover;
}
.nav-menu .drop-down .nav_sub .container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  top:50px;
}
.nav-menu .drop-down .nav_sub .container .nav_info{background:#fff;width: 40%;}
.nav-menu .drop-down .nav_sub ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
 justify-content: flex-start;
  width: 100%;
}
.nav-menu .drop-down .nav_sub ul li {
width: calc(26% - 20px);
  padding: 10px 0;
}
.nav-menu .drop-down .nav_sub ul li a {
  color: #333;
  display: block;
}
.nav-menu .drop-down .nav_sub ul li img{ transition: all .3s; margin-bottom: 15px; border-radius: 10px; max-height: 160px;}
.nav_sub .nav_l a:hover {
  color: #d61518;
}
.nav-menu .drop-down .nav_sub ul li p{display: flex; height: 100%; position: relative; justify-content: space-between; align-items: center; position: relative; padding-bottom: 10px; border-bottom: 1px solid #dedede;}
.nav-menu .drop-down .nav_sub ul li p::before { position: absolute; left: 0; bottom: 0; width: 0; transition: all .3s; content: ''; height: 1px; background: #d61518;}
.nav-menu .drop-down .nav_sub ul li:hover p::before {width: 100%;}
.nav_sub li:hover>a::after{ display: none;}
.nav_sub li:hover img{ transform: scale(1.06);}
.nav_r {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.nav_sub .nav_r .l {
  padding-top: 50px;
  flex: 1;
}
.nav_sub .nav_r .r img {
  max-height: 220px;
  margin-top: 20px;
  margin-left: 30px;
  border-radius: 15px;
}
.nav_sub .nav_r .l ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.nav_sub .nav_r .l ul li {
  width: 100%;
}
.nav_r_tit {
  text-align: left;
}
.top_tu li {
  width: auto;
}
.top_tu li a {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  text-align: left;
  color: #000 !important;
  font-size: 14px;
}
.top_tu li a::after {
  display: none;
}
.top_tu li a:hover::after {
  width: 0;
}
.top_tu li:hover a,
.top_tu li a:hover>a::after {
  color: #000 !important;
  text-decoration: underline;
}
.nav-menu a i {
  padding-left: 5px;
}
.nav-menu .arrow {
  position: absolute;
  width: 11px;
  height: 11px;
  top: -5.5px;
  left: 45%;
  background-color: #fff;
  transform: rotate(45deg);
  cursor: pointer;
  transition: .3s;
  z-index: -1;
}
#header.header-transparent:hover .nav-menu a {
  color: #333;
}
#header.header-transparent:hover .seaBtn span {
  color: #000;
}
.in_header_transparent {
  background: #fff;
}
.in_header_transparent .nav-menu a {
  color: #000;
}
.in_header_transparent .logo-tu1 {
  display: none;
}
.in_header_transparent .logo-tu2 {
  display: block;
}
.in_header_transparent .nav-menu a {
  color: #333;
}
.in_header_transparent .seaBtn span {
  color: #000;
}
/* 手机菜单样式 */
.mobile-nav {
  position: fixed;
  top: -100%;
  /* 初始位置在屏幕上方 */
  left: 0;
  right: 0;
  z-index: 995;
  overflow-y: auto;
  width: 100%;
  height: 100vh;
  /* 限制最大高度 */
  background: #fff;
  transition: top 0.4s ease;
}
.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  color: var(--fonttextcolor);
  font-size: var(--fontsize16);
  padding: 0 15px;
  line-height: 50px;
  font-weight: var(--fontbold5);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.mobile-nav a:hover,
.mobile-nav .active>a,
.mobile-nav li:hover>a {
  color: #000;
  text-decoration: none;
}
.mobile-nav ul li a.expanded {
  color: #000;
}
.mobile-nav ul li a button {
  width: 30px;
  height: 30px;
  background-color: #f1f1f1;
  border: none;
  outline: none;
  color: var(--fonttextcolor);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 500ms ease;
}
.mobile-nav ul li a button.expanded {
  transform: rotate(0deg);
  background-color: #f1f1f1;
  color: var(--color);
}
.mobile-nav .drop-down ul {
  overflow: hidden;
}
.mobile-nav .drop-down li a {
  padding-left: 20px;
  line-height: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 8px;
  z-index: 1000;
  border: 0;
  background: none;
  font-size: var(--fontsize24);
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
  background: var(--backgroundcolor);
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-nav-toggle span {
  position: absolute;
  width: 40%;
  height: 2px;
  color: #FFFFFF;
  background-color: #fff;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.mobile-nav-toggle span::before,
.mobile-nav-toggle span::after {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.mobile-nav-toggle span::before {
  top: 300%;
}
.mobile-nav-toggle span::after {
  bottom: 300%;
}
.mobile-nav-toggle.open span {
  background-color: unset;
}
.mobile-nav-toggle.open span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
.mobile-nav-toggle.open span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0;
}
.mobile-nav-active {
  overflow: hidden;
}
/*  */
/* 移动端 nav_sub 折叠展开样式 */
.mobile-nav .nav_sub {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding: 0;
  background: #f9f9f9;
}
.mobile-nav .drop-down>a {
  position: relative;
}
.mobile-nav .drop-down>a.expanded::after {
  transform: rotate(180deg);
}
.mobile-nav .nav_sub .container-fluid {
  padding: 0;
}
.mobile-nav i {
  display: block;
  background: #f1f1f1;
  padding: 10px 15px;
}
/* 桌面端保持原有样式不变 */
@media (min-width: 992px) {
  .mobile-nav {
    display: none !important;
  }
  /* 隐藏移动端的折叠图标 */
  .mobile-collapse-icon {
    display: none !important;
  }
  .nav-menu .drop-down .nav_sub {
    display: block !important;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.3s, max-height 0.3s;
  }
  .nav-menu .drop-down:hover .nav_sub {
    opacity: 1;
    max-height: 360px;
  }
}
/*  */
.searchWrap {
  width: 100%;
  padding: 20px 0;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.searchWrap .searchCont {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.searchWrap .searchCont input,
.searchWrap .searchCont button {
  border: 0;
}
.searchWrap .search {
  width: 70%;
  padding: 10px 15px;
  box-sizing: border-box;
  background: #f1f1f1;
  color: black;
  min-height: 36px;
}
.searchWrap .search.focusOn+label,
.searchWrap .search:focus+label {
  display: none;
}
.searchWrap .search.focusOn,
.searchWrap .search:focus {
  background: #F3F3F3;
}
.searchWrap .searchBtn {
  padding: 10px;
  background: #d61518;
  color: #fff;
  outline: none;
  transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
}
.searchWrap .searchBtn:hover {
  color: #fff;
}
.searchWrap i {
  position: absolute;
  top: 7px;
  left: 20px;
  color: var(--color);
  font-size: var(--fontsize16);
}
.searchWrap i:before {
  content: "\e618";
  font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
}
.seaBtn {
  width: 40px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: var(--fontsize17);
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  margin-top: -8px;
}
.seaBtn {}
.seaBtn span {
  color: #fff
}
#header.header-scrolled {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 996;
  box-shadow: 0 0 10px #eee;
}
#header.header-scrolled .seaBtn span {
  color: #000;
}
#header.header-scrolled .nav-menu li a {
  color: #000;
}
#header.header-scrolled .nav ul li a:hover {
  color: var(--color);
}
#header.header-scrolled .nav ul li.active a {
  color: var(--color);
}
#header.header-scrolled .nav ul li.active li a {
  color: #000;
}
#header.header-scrolled .nav ul li ul li a:hover {
  color: #fff;
}
#header.header-scrolled .arrow-btn i {
  color: #fff;
}
#header.header-scrolled li.active .arrow-btn i {
  color: var(--color);
}
.dflex_end {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header.header-transparent:hover .logo-tu1 {
  display: none;
}
#header.header-transparent:hover .logo-tu2 {
  display: block;
}
#header.header-scrolled .logo-tu1 {
  display: none;
}
#header.header-scrolled .logo-tu2 {
  display: block;
}
/*首页banner图*/
.banner {
  width: 100%;
  height: 100vh;
  position: relative;
}
.banner .video_box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.b_video {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.b_video figure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.b_video figure video {
  position: absolute;
  inset: 50% 0 0;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateY(-50%);
  object-fit: cover;
}
.isWX {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  display: none;
}
.isWX img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner_mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 0, black);
}
.banner_mask.banner_mask2 {
  background: linear-gradient(180deg, transparent 0, transparent);
}
.banner .b_video .b_video_con {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.banner_txt {
  position: relative;
  width: 100%;
  z-index: 10;
  color: #fff;
  z-index: 2;
  padding-top: 30vh;
}
.banner_txt .fl_txt {
  width: 80%;
}
.banner_txt b {
  display: block;
  font-size: 52px;
  color: #fff;
  margin-bottom: 10px;
  text-shadow: none;
  font-weight: 400;
  text-align: left;
}
.banner_txt p {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
}
.banner-more {
  position: relative;
  overflow: hidden;
  color: #FAFAFA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 55px;
  margin: 10px;
  transition: all .3s;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(306deg, #d61518, #d61518);
  background-image: linear-gradient(306deg, #d61518, #d61518);
  display: flex;
  align-items: center;
  font-size: 18px;
}
.banner-more i {
  margin-left: 10px;
}
.banner-more:hover {
  background-image: -webkit-linear-gradient(306deg, #001C42, #d61518);
  background-image: linear-gradient(306deg, #001C42, #d61518);
}
.cus-btn-2 {
  padding: clamp(10px, 0.967vw, 32px) clamp(20px, 1.667vw, 64px);
  position: relative;
  cursor: pointer;
  display: block;
  overflow: hidden;
  transition: color 0.5s;
  z-index: 1;
  font-size: clamp(12px, 0.833vw, 32px);
  font-weight: var(--fontbold5);
  line-height: 120%;
  border-radius: clamp(2px, 0.208vw, 28px);
  color: #FFFFFF;
  font-size: 16px;
  background: #d61518;
  width: max-content;
}
.cus-btn-2::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--backgroundcolor);
  height: clamp(120px, 7.813vw, 500px);
  width: clamp(250px, 15.627vw, 850px);
  border-radius: 50%;
  top: 100%;
  left: 100%;
  transition: all 0.7s;
}
.cus-btn-2:hover {
  color: #fff;
}
.cus-btn-2:hover::before {
  top: -30px;
  left: -30px;
}
.cus-btn-2.sec {
  padding: clamp(12px, 0.757vw, 32px) clamp(30px, 1.27vw, 64px);
  background: var(--backgroundcolor);
}
.cus-btn-2.sec::before {
  content: "";
  background: #d61518;
}
.num_bg {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 99;
  padding: 20px;
  background: rgba(29, 32, 135, 1);
  backdrop-filter: blur(10px);
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform: rotateX(200deg);
  -webkit-transform: rotateX(200deg);
  -moz-transform: rotateX(200deg);
  transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
  -webkit-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
  -moz-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
}
.num_bg.on {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
}
/* 解决方案 */
.applay2-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.applay2-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 50%;
}
.applay2-img>img {
  
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
}
.applay2-content {
  color: #666;
  line-height: 1.8;
}
.applay2-content li {
  margin-left: 15px;
  list-style: disc;
}
.applay2-content img {
  max-width: 100%;
  height: auto !important;
}
.applay2-content video {
  width: 100% !important;
  height: auto !important;
}
.applay-box {
  width: 100%;
  padding: 100px 0 0;
}
@media (max-width: 768px) {
  .applay-box {
    padding: 50px 0 0;
  }
}
.applay-box .bg {
  width: 100%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.applay-box .bg img {
  width: 100%;
}
.applay-box .bg video {
  width: 100%;
  object-fit: fill;
}
@media (max-width: 768px) {
  .applay-box .bg video {
    width: 250%;
    transform: translateX(-30%);
  }
}
.applay-box .container {
  margin-top: -100vh;
  position: relative;
  z-index: 2;
}
.applay-box .container .list {
  width: 100%;
  margin-top: 70px;
}
.applay-box .container .list ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.applay-box .container .list ul li {
  width: 41.66666667%;
  margin-bottom: 100px;
}
.applay-box .container .list ul li:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .applay-box .container .list ul li {
    width: 100%;
    margin-bottom: 25px;
  }
  .applay-box .container .list {
    margin-top: 20px;
  }
}
.applay-box .container .list ul li a {
  width: 100%;
  display: block;
}
.applay-box .container .list ul li a .applay2-img {
  width: 100%;
  border-radius: 10px;
  background: #f4f4f4;
}
.applay-box .container .list ul li a .applay2-img .zz {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background: rgba(255, 255, 255, .4);
}
.applay-box .container .list ul li a .applay2-img img {
  transition: transform 0.65s ease-out, opacity 0.5s ease-out;
  border-radius: 10px;
}
.applay-box .container .list ul li a .applay2-img video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 2;
  border-radius: 10px;
}
.f-24 {
  margin-bottom: 20px;
  line-height: 38px;
  display: block;
  font-size: 24px;
  color: #333;
  font-weight: normal;
}
@media (max-width: 768px) {}
.applay-box .container .list ul li a .tbox {
  padding: 10px 0;
}
.applay-box .container .list ul li a .tbox p {
  margin: 10px 0;
}
.applay-box .container .list ul li a .tbox span {
  color: #999999;
  margin-top: 20px;
  display: block;
  font-size: 16px;
}
.applay-box .container .list ul li a:hover {
  color: #333;
}
@media (max-width: 768px) {
  .applay-box .container .list ul li a .tbox {
    padding-right: 0;
  }
}
.applay-box .container .list ul li a .tbox .t1 {
  line-height: 1.625em;
  color: #999;
}
.applay-box .container .list ul li a .tbox .t2 {
  line-height: 1.25em;
  color: #333;
  margin-top: 0.1rem;
}
@media (max-width: 768px) {
  .applay-box .container .list ul li a .tbox .t2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.applay-box .container .list ul li:nth-child(2n) {
  margin-top: -150px;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .applay-box .container .list ul li:nth-child(2n) {
    margin-top: 0;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .applay-box .container .list ul li:nth-child(3) a .applay2-img,
  .applay-box .container .list ul li:nth-child(4) a .applay2-img {
    width: 100%;
  }
  .applay-box .container .list ul li a .applay2-img {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .applay-box .container .list ul li:hover a .applay2-img img {
    transform: scale(1.05);
  }
}
.more2 {
  margin-top: 30px;
}
.cus-btn-2 {
  padding: clamp(10px, 0.967vw, 32px) clamp(20px, 1.667vw, 64px);
  position: relative;
  cursor: pointer;
  display: block;
  overflow: hidden;
  transition: color 0.5s;
  z-index: 1;
  font-family: "Inter", sans-serif;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  background: #d61518;
  width: max-content;
}
.cus-btn-2::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--backgroundcolor);
  height: clamp(120px, 7.813vw, 500px);
  width: clamp(250px, 15.627vw, 850px);
  border-radius: 50%;
  top: 100%;
  left: 100%;
  transition: all 0.7s;
}
.cus-btn-2:hover {
  color: #fff;
}
.cus-btn-2:hover::before {
  top: -30px;
  left: -30px;
}
.cus-btn-2.sec {
  padding: clamp(10px, 0.657vw, 32px) clamp(20px, 1.07vw, 64px);
  background: #1d2087;
}
.cus-btn-2.sec::before {
  content: "";
  background: #d61518;
}
.more1 {
  color: #000;
  display: inline-block;
  border-bottom: 2px solid #d61518;
  font-size: 18px;
  margin-top: 30px;
}
.more1 span {
  padding-left: 6px;
  line-height: 1.6;
  transition: all .3s;
}
.main-title {
  font-size: 48px;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
}
.main-title::before {
  position: absolute;
  left: 0;
  content: '';
  bottom: 0;
  width: 50px;
  height: 3px;
  right: 0;
  margin: 0 auto;
  background: #d61518;
}
.main-title2 {
  font-size: 48px;
  display: block;
  text-align: left;
  position: relative;
  padding-bottom: 15px;
}
.main-title2::before {
  margin: 0;
}
.ab_bottom2 {
  width: 100%;
  height: 100%;
  color: #fff;
  transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s;
}
.ab_bottom2 ul {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.ab_bottom2 li {
  width: calc(20% - 30px);
  margin: 10px 15px;
  border-radius: 10px;
}
.ab_bottom2 li a {
  display: block;
  text-decoration: none;
  position: relative;
  transition: all .3s;
  color: #fff;
  font-size: 16px;
}
.ab_bottom2 .ab_num {
  display: flex;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
  font-size: 20px;
}
.ab_bottom2 .ab_num_list {
  width: 50%;
  display: flex;
  align-items: center;
}
.ab_bottom2 li b {
  color: #fff;
  font-size: 40px;
  display: block;
  font-weight: 600;
  margin-right: 5px;
}
.ab_bottom2 li span {
  font-size: 22px;
  color: #fff;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}
.ab_bottom2 li .ab_num sup {
  font-size: 18px;
  color: #fff;
  left: 5px;
}
.ab_bottom2 li p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
}
.ab_bottom2 li:hover {}
.ab_bottom2 li:hover p {
  color: #fff;
}
/* 公司大事件 */
.newsbg {
  background: #F5F5F5;
}
.qiyewh{ background: none;}
#news {
  margin-top: 50px;
}
#news .swiper-slide .btn {
  padding: 8px 23px;
  background: #fff;
  margin-top: 30px;
}
.qiyewh .swiper-slide .btn{background: #F5F5F5 !important;}
#news .swiper-slide a:hover .btn {
  background: #d61518 !important;

}
.qiyewh .swiper-slide a:hover .btn {
  background: #d61518;
  color: #fff;
}
#news .swiper-slide .app_img {
  overflow: hidden;
  border-radius: 8px;
}
#news .swiper-slide .app_img img {
  transition: all .3s;
  max-height: 290px;
  border-radius: 8px;
}
#news .swiper-slide a:hover img {
  transform: scale(1.1);
}
#news .swiper-slide .app_info {
  margin-top: 10px;
}
#news .swiper-slide .app_info .info {
  font-size: 14px;
  color: #000;
  margin-top: 10px;
}
#news .swiper-slide .app_info span {
  color: #1D2087;
}
#news .swiper-slide .app_info p {
    text-align: left;
    line-height: 24px;
    font-size: 15px;
    color: #666;
}
#news .swiper-slide a:hover .info {
  color: #000;
}
#news .swiper-button-next {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  right: 10px;
}
#news .swiper-button-prev {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  left: 10px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
}
#news .swiper-button-prev i,
#news .swiper-button-next i {
  line-height: 40px;
  font-size: 20px;
}
#news .swiper-button-prev:hover,
#news .swiper-button-next:hover {
  color: #fff;
  background: #d61518;
}
/* 产品案例 */
.solution_bg {
  background: #f7f7f7;
  padding-top: 80px;
}
.Solution {
  width: 100%;
}
.Solution .swiper-num {
  position: absolute;
  bottom: 28%;
  left: -13%;
  color: rgba(255, 255, 255, .7);
  font-size: 26px;
  z-index: 9;
}
.Solution .swiper-num .active {
  color: #fff;
  padding-right: 4px;
  font-size: 40px;
  font-weight: bold;
}
#sol_top {
  padding-bottom: 80px;
  background: #fff;
}
#sol_top .swiper-slide {
  position: relative;
}
#sol_top .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/*  */
#sol_top .swiper-slide .product-box {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
#sol_top .swiper-slide .product-box a {
  width: calc((100% / 4) - 40px);
  text-align: center;
  margin: 15px 20px;
  font-size: 15px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
#sol_top .swiper-slide .product-box a .img {
  overflow: hidden;
}
#sol_top .swiper-slide .product-box a img {
  border-radius: 10px;
  transition: all .3s;
}
#sol_top .swiper-slide .product-box a:hover {
  color: #fff;
  background: #1d2087;
}
#sol_top .swiper-slide .product-box a:hover img {
  transform: scale(1.1);
}
#sol_top .swiper-slide .product-box b {
  color: #000;
  font-size: 38px;
  line-height: 52px;
  width: 100%;
  text-align: center;
  display: block;
}
#sol_top .swiper-slide .product-box p {
  font-size: 18px;
  margin: 10px auto;
  line-height: 36px;
  text-align: center;
  width: 70%;
}
.Solution {
  position: relative;
}
.Solution img {
  width: 100%;
}
#sol_bot {
  width: 100%;
  margin-top: 100px;
}
.Solution .swiper-container-thumbs {
  position: relative;
  margin-top: 20px;
}
.Solution .swiper-slide .num img {
  filter: brightness(0);
}
.Solution .swiper-container-thumbs .swiper-slide span {
  position: relative;
  z-index: 1;
}
.Solution .swiper-container-thumbs .swiper-slide {
  cursor: pointer;
  color: #000;
  position: relative;
  overflow: hidden;
  transition: all .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  transition: all 0.8s;
  padding-bottom: 10px;
}
.Solution .swiper-container-thumbs .swiper-slide a {
  display: block;
  text-align: center;
}
.Solution .swiper-container-thumbs .swiper-slide p {
  font-size: 20px;
  text-align: center;
  z-index: 2;
  width: 100%;
  padding-bottom: 20px;
}
.Solution .swiper-container-thumbs .swiper-slide p::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  transition: all .3s;
  height: 2px;
  background: #1d2087;
}
.Solution .swiper-container-thumbs .swiper-slide .num {
  font-size: 50px;
  color: #dedede;
}
.Solution .swiper-container-thumbs .swiper-slide .num img {
  height: 60px;
  padding-bottom: 15px;
}
.Solution .swiper-container-thumbs .swiper-slide-thumb-active .num img {
  filter: none;
}
.Solution .swiper-container-thumbs .swiper-slide-thumb-active {
  color: #1d2087 !important;
}
.Solution .swiper-container-thumbs .swiper-slide-thumb-active a {
  color: #fff;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: " ";
}
.Solution .swiper-container-thumbs .swiper-slide-thumb-active p {
  color: #1d2087;
}
.Solution .swiper-container-thumbs .swiper-slide-thumb-active p::before {
  width: 60px;
}
.more {
  text-align: center;
  margin-top: 30px;
}
.more a {
  display: inline-block;
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 10px 30px;
}
.more a:hover {
  color: #d61518;
  border: 1px solid #d61518;
}
#sol_bot .swiper-button-next {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  display: none;
  right: 10px;
}
#sol_bot .swiper-button-prev {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  left: 10px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  display: none;
}
#sol_bot .swiper-button-prev i,
#sol_bot .swiper-button-next i {
  line-height: 40px;
  display: block;
  font-size: 20px;
}
#sol_bot .swiper-button-prev:hover,
#sol_bot .swiper-button-next:hover {
  color: #fff;
  background: #d61518;
}
.case_video {
  margin-top: 50px;
}
.case_video .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
  width: 50%;
  overflow: hidden;
  height: auto;
  /* 高度由内容撑开 */
}
.case_video .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000;
  aspect-ratio: 16 / 9;
  pointer-events: auto;
}
.case_video .swiper-button-next {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  right: 10px;
}
.case_video .swiper-button-next.swiper-button-disabled,
.case_video .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.case_video .swiper-button-prev {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  left: 10px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
}
.case_video .swiper-button-prev i,
.case_video .swiper-button-next i {
  line-height: 40px;
  font-size: 20px;
}
.case_video .swiper-button-prev:hover,
.case_video .swiper-button-next:hover {
  color: #fff;
  background: #d61518;
}
/* news */
.news_box {
  background: #f7f7f7;
  overflow: hidden;
}
.news_con {
  display: flex;
  align-items: stretch;
  margin-top: 60px;
  justify-content: space-between;
}
.news-fl {
  width: 48%;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
}
.news-fl .pic {
  height: 65%;
}
.news-fl .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.news-fl a .txt {
  height: 35%;
  padding: 30px;
}
.news-fl b {
  font-size: 20px;
  line-height: 1.6;
  font-weight: normal;
  display: block;
  color: #000;
  margin-top: 20px;
}
.news-fl a {
  display: block;
  height: 100%;
  position: relative;
}
.news-fl a::before {
  transition: all .3s;
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height: 2px;
  background: #1d2087;
  bottom: 0;
}
.news-fl a:hover::before {
  width: 100%;
}
.news-fl p {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 10px;
}
.news-fl a:hover b {
  color: #1d2087;
}
.news-two {
  width: 48%;
}
.news-two ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news-two ul li {
  background: #fff;
  padding: 30px;
  transition: .3s;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-bottom: 15px;
  width: 100%;
}
.news-two ul li::before {
  transition: all .3s;
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height: 2px;
  background: #1d2087;
  bottom: 0;
}
.news-two ul li:hover::before {
  width: 100%;
}
.news-two a {
  display: block;
}
.news-two ul li:last-child {
  margin-bottom: 0;
}
.news-two a b {
  font-size: 20px;
}
.news-two a p {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
}
.day span {
  color: #000;
  font-size: 16px;
}
.day i {
  margin-top: 20px;
  color: #999;
}
.newscon b {
  padding: 15px 0;
  font-weight: normal;
  font-size: 20px;
  color: #000;
  display: block;
}
.news-two a:hover b {
  color: #1d2087;
}
.newscon p {
  text-align: left;
  line-height: 24px;
  font-size: 14px;
}
.newscon img {
  margin-top: 10px;
}
/*  为什么选择*/
.why {
  background: #f7f7f7;
  /* background: url(../images/img/65575A8D.jpg) no-repeat; */
  background-size: cover;
}
.adv-con {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.adv-con a {
  width: calc(50% - 16px);
  margin: 8px;
  overflow: hidden;
  box-shadow: 0 14px 24px rgba(0, 0, 0, .08);
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  cursor: pointer;
  position: relative;
}
.adv-con a .our_img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  height: 100%;
  overflow: hidden;
  transition: all 0.7s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.adv-con a .our_img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.adv-con a .txt {
  padding: 20px;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.adv-con a:hover .our_img {
  opacity: 1;
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08);
}
.adv-con a b {
  font-size: 20px;
  display: block;
  text-align: left;
  line-height: 30px;
  margin-bottom: 20px;
  color: #000;
  display: flex;
  align-items: center;
  font-weight: normal;
}
.adv-con a b img {
  height: 27px;
  max-width: none;
  padding-right: 10px;
}
.adv-con a p {
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  color: #666;
  margin: 10px auto;
}
.adv-con a:hover b {
  color: #fff;
}
.adv-con a:hover p {
  color: #fff;
}
.adv-con a:hover b img {
  filter: brightness(100);
}
.adv-con a:hover .txt {
  background: rgba(0, 0, 0, 0.6);
}
.make_world {
  display: flex;
  position: relative;
  align-items: stretch;
  justify-content: space-between;
}
.make_world .fr_tu {
  width: 65%;
}
.make_world .fl_txt img {
  max-height: 42px;
  margin-bottom: 20px;
}
.make_world .fl_txt {
  transition: all .3s;
  border-radius: 10px;
  width: 30%;
}
.make_world .fl_txt b {
  font-size: 38px;
  font-weight: normal;
  display: block;
  margin-bottom: 20px;
}
.make_world .fl_txt p {
  font-size: 16px;
}
/* 合作 */
.customer {
  background: #f7f7f7;
}
#zl1 {
  margin-top: 50px;
}
.customer .swiper-slide a {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0px 10px rgba(0, 0, 0, .08);
  background: #fff;
  background-size: cover;
  border-radius: 10px;
  display: block;
  padding: 10px;
  margin: 15px 0;
}
.customer .swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: linear;
}
/* 资质荣誉 */
.sl_box {
  margin-top: 30px;
}
.tj_tu {
  position: relative;
}
.prbg {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#gallery .swiper-slide {
  position: relative;
}
#gallery .swiper-slide .product-box {
  display: flex;
  align-items: center;
}
#gallery .swiper-slide .product-box .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, .1);
  margin-top: 40px;
  border-radius: 20px;
  padding: 0;
}
#gallery .swiper-slide .product-box .pro_con {
  width: 44%;
  padding: 3%;
}
#gallery .swiper-slide .product-box .pro_con .product_title ul {
  display: flex;
  flex-wrap: wrap;
}
#gallery .swiper-slide .product-box .pro_con .product_title li {
  width: calc(50% - 20px);
  position: relative;
  padding: 10px 5px;
  margin: 10px 5px;
  background: rgba(255, 255, 255, .1);
  font-size: 16px;
  color: #DAE8FF;
  text-align: center;
}
#gallery .swiper-slide .product-box .pro_con .product_title a {
  position: relative;
  display: block;
  color: #DAE8FF;
}
#gallery .swiper-slide .product-box .pro_con .product_title li:hover {
  background: #1d2087;
  color: #fff;
}
#gallery .swiper-slide .product-box .pro_con .product_title li:hover a {
  color: #fff;
}
#gallery .swiper-slide .product-box .pro_con .product_title li ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 10px;
  width: 100%;
  flex-direction: column;
  background: #1d2087;
  z-index: 1;
}
#gallery .swiper-slide .product-box .pro_con .product_title li ul li {
  width: 100%;
}
#gallery .swiper-slide .product-box .pro_con .product_title li ul li a {
  padding: 0 5px;
  background: none;
}
#gallery .swiper-slide .product-box .pro_con .product_title ul li:hover ul {
  display: block;
}
#gallery .swiper-slide .product-box .pro_con .product_txt {
  font-size: 32px;
  margin-bottom: 40px;
  line-height: 32px;
  color: #333;
}
#gallery .swiper-slide .product-box .pro_con .product_icon {
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: space-between;
}
#gallery .swiper-slide .product-box .pro_con .product_icon div {
  text-align: center
}
#gallery .swiper-slide .product-box .pro_con .product_icon div p {
  margin-top: 15px;
  color: #333;
}
#gallery .swiper-slide .product-box .pro_con .product_icon .more {
  display: block !important;
}
#gallery .swiper-slide .product-box .product_tu {
  width: 50%;
}
.tj_tu .swiper-button-prev {
  left: 50px;
}
.tj_tu .swiper-button-next {
  right: 50px;
}
.tj_tu .swiper-button-next,
.tj_tu .swiper-button-prev {
  background: none;
  outline: none;
  color: #000;
  font-size: 30px;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #fff;
}
.tj_tu .swiper-button-next:hover,
.tj_tu .swiper-button-prev:hover {
  color: #fff;
  background: #1d2087;
}
#thumbs {
  width: 100%;
  position: relative;
}
.line {
  position: absolute;
  top: 90px;
  left: 0;
  background: rgba(0, 0, 0, .1);
  width: 100%;
  height: 1px;
}
#thumbs .swiper-wrapper {
  flex-wrap: wrap;
  justify-content: center;
}
.tj_tu .swiper-container-thumbs {
  position: relative;
}
.tj_tu .swiper-container {
  margin: 0;
}
.tj_tu .swiper-container-thumbs .swiper-slide {
  margin: 5px;
  width: 120px !important;
  font-size: 16px;
  cursor: pointer;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tj_tu .swiper-container-thumbs .swiper-slide a {
  padding: 28px 0;
  display: block;
  color: #333;
  font-size: 20px;
  text-align: center;
  position: relative;
}
.tj_tu .swiper-container-thumbs .swiper-slide a::after {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  content: '';
  width: 40px;
  height: 2px;
  background: #1d2087;
}
.tj_tu .swiper-slide-thumb-active p {
  color: #1d2087;
  font-weight: bold;
}
.tj_tu .swiper-slide-thumb-active a::after {
  opacity: 1 !important;
}
.tj_tu .swiper-slide-thumb-active .swiper-slide a img {
  background: #1d2087;
}
#case1 .swiper-container {
  width: 100%;
  height: 100%;
}
#case1 .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #dedede;
  position: relative;
  transform: scale(1);
  margin-top: 50px;
  -webkit-transition: transform 1.0s;
  transition: transform 1.0s;
}
#case1 .swiper-slide:hover {
  background: #f7f7f7;
}
#case1 .swiper-slide img {
  width: 100%;
  display: block;
  border-radius: 10px;
}
#case1 .swiper-slide a {
  display: block;
  height: 100%;
}
#case1 .swiper-slide p {
  padding-top: 15px;
  text-align: center;
  color: #333;
  font-size: 20px;
  margin: 0;
  width: 100%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
#case1 .swiper-slide-active,
.swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 1002;
}
#case1 .swiper-button-next {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  right: 10px;
}
#case1 .swiper-button-prev {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  left: 10px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
}
#case1 .swiper-button-prev i,
#case1 .swiper-button-next i {
  line-height: 40px;
  display: block;
  font-size: 20px;
}
#case1 .swiper-button-prev:hover,
#case1 .swiper-button-next:hover {
  color: #fff;
  background: #d61518;
}
.gctu {
  border-radius: 10px;
  margin-top: 40px;
}
.gctu img {
  border-radius: 10px;
  width: 100%;
  transform: translateY(-200px);
}
.gctu div {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .gctu img {
    height: 100%;
    object-fit: cover;
    transform: translateY(0);
  }
}
/* 表单 */
.forms-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  justify-content: space-between;
  margin-top: 60px;
  overflow: hidden;
}
.forms-container .form-box {
  width: 46%;
  background: white;
  border-radius: 10px;
  border: 1px solid #dedede;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.forms-container .form-box:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}
.forms-container .form-header {
  padding: 15px;
  color: white;
  position: relative;
}
.forms-container .form-header i {
  font-size: 2rem;
  margin-bottom: 15px;
  opacity: 0.9;
}
.forms-container .cooperation-form .form-header {
  background: #f7f7f7;
  color: #333;
}
.forms-container .cooperation-form .form-header p,
.forms-container .consultation-form .form-header p {
  font-size: 20px;
}
.forms-container .consultation-form .form-header {
  background: #f7f7f7;
  color: #333;
}
.forms-container .form_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.forms-container .form-content {
  padding: 15px;
}
.forms-container .form-group {
  margin-bottom: 18px;
  width: 47%;
}
.forms-container .input_box {
  width: 100%;
}
.forms-container .form-group label {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 16px;
}
.forms-container .form-control {
  width: 100%;
  height: 40px;
  padding: 5px;
  border: 2px solid #eef2f7;
  border-radius: 5px;
  font-size: 14px;
  transition: all 0.3s;
  background-color: #fafcfd;
}
.forms-container .form-control:focus {
  outline: none;
  border-color: #3498db;
  background-color: white;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}
.forms-container textarea.form-control {
  min-height: 120px;
  resize: vertical;
}
.forms-container select.form-control {
  cursor: pointer;
}
.forms-container .radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 5px;
}
.forms-container .radio-option {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.forms-container .radio-option input {
  margin-right: 8px;
  accent-color: #3498db;
}
.forms-container .checkbox-option {
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
}
.forms-container .checkbox-option input {
  margin-right: 10px;
  margin-top: 5px;
  accent-color: #2ecc71;
}
.forms-container .submit-btn {
  display: block;
  width: 100%;
  padding: 10px;
  background: #999;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 10px;
}
.forms-container .consultation-form .submit-btn {
  background: #999;
}
.forms-container .submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  background: #1d2087;
}
.forms-container .submit-btn:active {
  transform: translateY(0);
}
.forms-container .required {
  color: #e74c3c;
  margin-left: 3px;
}
.forms-container .form-note {
  font-size: 0.9rem;
  color: #7f8c8d;
  margin-top: 25px;
  text-align: center;
  line-height: 1.5;
  padding-top: 15px;
  border-top: 1px solid #eee;
}
/*右侧固定*/
.fix-side {
  position: fixed;
  right: 20px;
  bottom: 50px;
  width: 42px;
  z-index: 2000;
}
.fix-side li {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  border: 1px solid #dedede;
  background-color: #fff;
}
.fix-side li:hover {
  background-color: #d61518;
}
.fix-side li:hover span {
  color: #fff;
}
.fix-side p {
  margin-top: 10px;
  color: #fff;
}
.fix-side li a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
.fix-side .return {
  border-bottom: none;
  transform: scaleY(0);
  transition: 0.5s;
  background-color: #fff;
  border-radius: 100%;
  color: #333;
}
.fix-side .return span {
  color: #333;
  line-height: 40px;
  font-size: 24px;
}
.fix-side .active {
  transform: scale(1);
}
/*底部footer*/
.links2 {
  padding-bottom:205px!important;
}
.footer-main {
  background: #1d2087;
width: 100%; float: left;
  position: fixed;
  bottom: 0;
  z-index: 992;
  width: 100%;
  opacity: 0.3;
  backdrop-filter: blur(10px);
}
.footer-main:hover { opacity: 1;}
.foot-box {
  display: flex;
  justify-content: space-between;
}
.footer-list1 {
  padding-bottom: 15px;
  padding-top: 15px;
width: 100%;
display: flex;
align-items: stretch;
}
.footer-list1 .item{ flex: 1;display: flex; align-items: center; }
.footer-list1 .item i{ display: block; color: #fff; font-size: 24px;}
.footer-list1 .item .txt{ padding-left: 15px;}
.footer-list2 {
  width: 25%;
  
  padding-top: 50px;
}
.footer-list2 .con_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-list2 .con_info div {
  width: 48%;
}
.footer-list3 {
  width: 25%;
  padding-top: 50px;

}
.footer-list4 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer-list3 .con_info a:hover {
  color: #d61518;
}
.footer-list1 p i,
.footer-list2 p i {
  padding-right: 6px;
}
.footer-list1 span,
.footer-list2 span,
.footer-list3 span {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 0;
  display: block;
}
.fot-logo img {}
.footer-list1 span {
  color: #fff;
}
.footer-list1 p,
.footer-list2 p,
.footer-list3 p {
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
}
.footer-list1 p a,
.footer-list2 p a,
.footer-list3 p a {
  color: #fff;
}
.footer-list1 p a:hover,
.footer-list2 p a:hover,
.footer-list3 p a:hover {
  color: #d61518;
  text-decoration: underline;
}
.footer-list1 img {
  width: 70%;
}
.footer-list1 b {
  font-weight: normal;
  color: #fff;
  display: block;
  font-size:18px;
}
.address-content {
  display: inline-block;
  position: relative;
  text-align: left;
  width: 100%;
}
.address-content span {
  color: #fff;
  font-size: var(--fontsize20);
  position: absolute;
  left: 0px;
  top: 5px;
  display: inline-block;
  width: 30px;
  height: 37px;
  line-height: 37px;
  text-align: center;
}
.address-content i {
  font-size: var(--fontsize16);
  color: #fff;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 5px;
}
.address-content p {
  color: #fff;
  font-size: var(--fontsize18);
}
.footer-copyright p {
  color: #fff;
  font-size: var(--fontsize14);
  text-align: center;
  letter-spacing: 1.1px;
  margin-bottom: 0;
}
.footer-copyright p span {
  padding-left: 15px;
}
.footer-copyright p a {
  color: #fff
}
.footer-copyright p a:hover {
  color: #d61518;
}
.footer-copyright .main_box {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: 20px 0;
}
.ewm {
  margin-top: 30%;
}
.ewm img {
  max-height: 120px;
  width: auto;
  border-radius: 5px;
}
.fot-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.fot-top .fot-logo {
  width: 70%;
}
.fot-top .fot-logo img {
  height: 70px;
}
.fot-top .fot-social {
  width: 25%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-left: 1px solid rgba(255, 255, 255, .1);
  ;
}
.fot-top .fot-social .shemei {
  padding-left: 10%;
}
.fot-top .fot-social .a2a_kit a {
  background: #ffff;
}
.fot-top .fot-social .a2a_svg {
  border: none;
}
.fot_bot {
  display: flex;
  width: 52%;
  justify-content: space-between;
  align-items: stretch;
}
.fot-box {
  display: flex;
  justify-content: space-between;
}
.foot-contact {  
  width:100%; display: flex; justify-content: space-between;
}
.footer-list1 p {
  margin-bottom: 5px;
}
/* about */
.inabout_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inabout .ab_txt {
  width: 70%;
  margin: 0 auto;
}
.inabout .ab_txt .inmain_title2 {
  margin-bottom: 30px;
}
.inabout .ab_txt p {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 30px;
  color: #000;
}
.inabout .ab_txt p strong {
  font-weight: 600;
  color: #d61518;
}
.inabout .titl {
  font-size: 26px;
  margin-bottom: 20px;
}
.pad_80 {
  padding: 80px 0;
}
.pad_30 {
  padding: 30px 0;
}
/* 内页解决方案 */
.inbanner {
  position: relative;
}
.inbanner .img img{
  width: 100%;
}

.banner_txt .title {
  font-size: 52px;
  width: 70%;
  font-weight: 600;
}
.banner_txt .small_title {
  font-size: 20px;
  width: 70%;
  margin-top: 30px;
  line-height: 38px;
}
.inbanner_txt {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  color: #fff;
  z-index: 2;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
 
}
.inbanner_txt .title {
  font-size: 52px;
  width: 70%;
  font-weight: 600;
}
.solution_con {
  display: flex;
  align-items: stretch;
  margin-top: 60px;
  margin-left: 5px;
  justify-content: space-between;
  position: relative;
}
.solution-fl {
  width: 50%;
  position: relative;
}
.solution-fl .fl_viedo {
  position: sticky;
  position: -webkit-sticky;
  z-index: 9;
  top: 100px;
  width: 100%;
}
.solution-fl img {
  transition: transform 0.65s ease-out, opacity 0.5s ease-out;
  border-radius: 10px;
 
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
}
.solution-fl video {
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
.solution-fl b {
  font-size: 22px;
  line-height: 1.6;
  font-weight: normal;
  display: block;
  color: #000;
  margin-top: 20px;
}
.solution-fl p {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 10px;
}
.solution-two {
  width: 45%;
}
.solution-two .solution_title {
  font-size: 28px;
  line-height: 1.6;
}
.solution-two ul {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.solution-two ul li {
  border-bottom: 1px solid #dedede;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.solution-two ul.li_width li { width: 100%;}
.solution-two .solutioncon {
  padding: 25px 0;
  transition: .3s;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.solutioncon b {
  font-weight: 600;
  font-size: 15px;
  color: #222;

  width: calc(100% - 30px);
  display: block;

}
.solution-two a:hover b {
  color: #000;
}
.solutioncon p {
  text-align: left;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.solutioncon img {
  margin-top: 10px;
}
.bgcolor {
  background: #f7f7f7;
}
.adv-con2 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
.adv-con2 .list {
  width: calc(25% - 40px);
  margin: 20px 15px;
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  background-color: #f3f5f8;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 25px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  cursor: pointer;
}
.adv-con2 .list b{ margin-top: 15px; font-size: 18px; display: block; text-align: center;}
.adv-con2 .list img {
  margin: 10px auto;
  transition: 0.5s;
  max-height: 60px;
  -webkit-transition: 0.5s;
}
.adv-con2 .list p {
  font-size: 16px;
  display: block;
  text-align: justify;
  margin: 20px auto;
  color: #333;
  line-height: 1.6;
  font-weight: normal;
}
.adv-con2 .list:hover img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  transform: rotateY(180deg);
}
/* 合作流程 */
.in_title {
    font-size: 36px;
    line-height: 1.6;
    text-align: center;
}
.hzlc2{ margin-top: 80px;}
.hzlc {
  width: 100%;
  position: relative;
   background: url(../images/hzlc-bg.png) no-repeat center;
  background-size: cover;
  }
.hzlc .hzlc-box {
  width: 100%;
  position: relative;
 
}
.hzlc .hzlc-box .hzlc_con {
  position: relative;
  z-index: 2;
 margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.hzlc .hzlc-box .container .right {
  width: 100%;
 overflow: hidden;  
 
}
.hzlc .hzlc-box .container .right .icon {
  font-size: 30px;
  color: #dbdbdb;
}
@media (max-width: 991px) {
  .hzlc .hzlc-box .container .right {
    width: 100%;
  }
}
.hzlc .hzlc-box .container .right ul {
     display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            gap: 0;                  
            padding:15px 0;
            will-change: transform;
            list-style: none;
            margin: 0;
}
.hzlc .hzlc-box .container .right ul li {
 flex: 0 0 230px; 
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 15px 7px;
margin-right: 20px;
    box-shadow: rgba(0, 0, 0, 0.01) 0px 10px 10px;
  background: #fff;
      transition: box-shadow 0.3s ease, border-color 0.3s ease;
            display: flex;
            flex-direction: column;
            position: relative;
            min-height: 300px;
}
.hzlc .hzlc-box .container .right ul li:hover {
  border: 1px solid #1d2087;
}
.hzlc .hzlc-box .container .right ul li span {
  color: #666;
  display: block;
  margin-top: 20px;
 
}
.hzlc .hzlc-box .container .right ul li b {
  display: block;
  font-weight: 600;
  font-size: 16px;
}
     @media (max-width: 991px) {
            /* 让右侧容器可以原生横向滚动 */
          .hzlc .hzlc-box .container .right {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: thin;
                /* 设置与卡片相近的背景色，消除弹性拉动时的“白屏” */
                background: #f6f9fc;  /* 与body起始渐变一致，柔和融合 */
                backdrop-filter: none; /* 去除半透明毛玻璃，避免背景透出 */
            }
            /* 确保ul宽度自适应内容，且不受GSAP transform影响 */
            .hzlc .hzlc-box .container .right ul {
                transform: none !important;
          
                padding-bottom: 50px;
            }
         
            /* 添加滑动提示符 */
            .hzlc .hzlc-box .container .right::after {
                content: '← 滑动 →';
                position: absolute;
                bottom: 0px;
                right: 20px;
                background: rgba(42,109,154,0.1);
                font-size: 0.8rem;
                color: #1e4f7a;
                padding: 2px 10px;
                border-radius: 20px;
                pointer-events: none;
                opacity: 0.6;
            }
            .hzlc .hzlc-box .container .right {
                position: relative;
            }
        }
        /* 桌面版不显示滑动箭头 */
        @media (min-width: 992px) {
            .hzlc .hzlc-box .container .right::after {
                display: none;
            }
        }
/* 航空售前表单 */
.support_box {
  position: relative;
}
.support_box .in_title {
  text-align: center;
}
.support_box .p_title {
  text-align: center;
}
.support_form {
  margin-top: 50px;
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.support_form header {
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 20px;
}
.support_form .form-section {
 
}
.flatpickr-calendar {
    z-index: 9999 !important; /* 强制最高层级 */
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  }
  
  /* 自定义文件按钮样式 */
  .btn-custom-file {
    display: inline-block!important;
    padding: 10px 20px;
    background-color: #999; /* 根据你的主题色调整 */
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
    vertical-align: middle;
    border: none;
  }
  .btn-custom-file:hover {
    background-color: #004494;
    color: white;
  }
  
  /* 确保输入框样式正常 */
  #meetDate, #meetTime {
    cursor: pointer;
    background-color: #fff;
  }
.support_form .section-title {
  font-size: 18px;
  border-left: 2px solid #1d2087;
  padding-left: 10px;
  margin-bottom: 15px;
  font-weight: bold;
}
.support_form .form-group {
  margin-bottom: 15px;
}
.support_form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 14px;
}
.support_form input[type="text"],
.support_form input[type="number"],
.support_form input[type="email"],
.support_form input[type="date"],
.support_form input[type="time"],
.support_form select,
.support_form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #dedede;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.3s;
}
.support_form input:focus,
.support_form textarea:focus,
select:focus {
  border-color: #1d2087;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
}
.support_form textarea {
  resize: vertical;
  min-height: 80px;
}
.support_form .checkbox-group,
.support_form .radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.support_form .checkbox-item,
.support_form .radio-item {
  display: flex;
  align-items: center;
  background: #f8f9fa;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: all 0.2s;
}
.support_form .checkbox-item:hover,
.support_form .radio-item:hover {
  background: #e9ecef;
}
.support_form .checkbox-item input,
.support_form .radio-item input {
  margin-right: 8px;
}
.support_form .row {
  display: flex;
  gap: 20px;
}
.support_form .col {
  flex: 1;
}
@media (max-width: 600px) {
  .support_form .row {
    flex-direction: column;
    gap: 0;
  }
  .support_form .container {
    padding: 20px;
  }
}
.support_form .btn-submit {
  display: block;
  width: 100%;
  padding: 12px;
  background-color: #999;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-top: 20px;
}
.support_form .btn-submit:hover {
  background-color: #1d2087;
}
.support_form .hint {
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}
.support_form .required::after {
  content: " *";
  color: red;
}
.solution_news .news_con {
  margin-top: 0;
}
.solution_news .news-two {
  width: 45%;
}
.solution_news .news-two li a p {
  display: block;
}
.solution_news .news-two ul li a {
  padding: 20px 0;
}
.solution_news .news-two ul li {
  border-radius: 0;
  border-bottom: 1px solid #c7c6c6;
  padding: 0;
  background: none;
}
.solution_news .news-two ul {
  display: block;
}
.solution_news .in_title {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
  align-items: center;
}
.solution_news .in_title .more1 {
  margin-top: 0;
  border-bottom: 0;
  color: #999;
}
.solution_news .in_title .more1:hover {
  color: #d61518;
}
/* 医药化工解决方案 */
.yy_con{ margin: 80px 0;}
.yy_txt{
  margin: 20px 0;
    line-height: 1.6;
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}
.cyqy-ys {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 20px;
  padding: 30px 0;
}
.cyqy-ys li {
  width: calc(25% - 20px);
  background: #fff;
  position: relative;
padding: 20px;
   border: 1px solid #dedede;
   border-radius: 10px;
  text-align: center;
  overflow: hidden;
 cursor: pointer;
    transition: transform 0.3s ease;

}
.cyqy-ys2 li{ width: auto; flex: 1; margin: 0 15px;}
.cyqy-ys li .img{ position: relative; z-index: 2;}
.cyqy-ys li img{ border-radius: 10px 10px 0 0}
.cyqy-ys .box {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s;
  
}
.cyqy-ys .bg {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #f7f7f7;
  transition: 0.5s;
}
.cyqy-ys b {
  font-size: 18px;
  color: #333;
  line-height: 28px;
  position: relative;
  z-index: 2;
  display: block;
  margin: 20px 0;
  transition: color 0.3s;
}
.cyqy-ys p {
  color: #666;
  line-height: 24px;
  font-size: 15px;
  position: relative;
  z-index: 2;
  padding-bottom: 15px;
 
  transition: color 0.3s;
}
.cyqy-ys li:hover {  transform: translateY(-6px); box-shadow: 0 14px 24px rgba(0, 0, 0, .08)}
.cyqy-ys li:hover .bg {
  width: 100%;
  left: 0;
}
.cyqy-ys li:hover .box {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
  
}
.solutioncon .icon {cursor: pointer; width: 22px; height: 22px; background: url(../images/jiahao.png) no-repeat right center / cover; transition: all .3s;}
.solution-two li.cur .solutioncon .icon { background: url(../images/jiahao2.png) no-repeat right center / cover;}
.solution-two .solu_con{ display: none; height: 100%;   background: #f7f7f7;
    border-radius: 10px;
    padding: 10px;
    border: 1px dashed #1d2087;}
.solution-two .solu_con p{ text-align: left;
    line-height: 24px;

    font-size: 14px;

    color: #666;}
.img_title {
  border-radius: 10px;
  margin:50px 0;
  position: relative;
}
.img_title img {
  border-radius: 10px;
  width: 100%;
  transform: translateY(-80px);
}
.img_title .txt p{ font-size: 18px; margin-top: 20px;}
.img_title .txt{ position: absolute; top:0;left: 0; width: 100%;border-radius: 10px; display: flex; align-items: center; flex-direction: column; color: #fff; justify-content: center; height: 100%;}
.img_title .img {
  width: 100%;
  
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .img_title img {
    height: 100%;
    object-fit: cover;
    transform: translateY(0);
  }
}
   
     
       .yy_table table {
            width: 100%;
            border-collapse: collapse;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 6px 18px rgba(0, 35, 50, 0.15);
            background: white;
 
            table-layout: auto;
        }
       .yy_table th {
            background: #1d2087; /* deep teal-blue */
            color: white;
            font-weight: 600;
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            padding: 18px 16px;
            text-align: left;
            border-right: 1px solid #264e62;
            white-space: nowrap;
        }
       .yy_table th:last-child {
            border-right: none;
        }
       .yy_table td {
            background-color: white;
            padding: 18px 16px;
            vertical-align: top;
            border-bottom: 1px solid #dde7ed;
            border-right: 1px solid #e2eaf0;
            color: #1e2f3f;
        }
       .yy_table td:last-child {
            border-right: none;
        }
       .yy_table tr:last-child td {
            border-bottom: none;
        }
        /* 行悬停微效果 */
       .yy_table tbody tr:hover td {
            background-color: #f6fafd;
            transition: background 0.2s;
        }
        /* 第一列加一点强调 */
       .yy_table td:first-child {
            color: #000;
            background-color: #fafdff;
            border-right: 1px solid #cbdae6;
        }
       .yy_table tr:hover td:first-child {
            background-color: #edf5fa;
        }
        /* 列表样式 (解决方案) */
       .yy_table ul {
            margin: 4px 0 0 0;
            padding-left: 20px;
            list-style-type: disc;
        }
       .yy_table li {
            margin-bottom: 6px;
            line-height: 1.5;
            position: relative;
        }
        .yy_table li::before{ position: absolute; content: ''; left: -13px; top:9px; width: 6px; height: 6px; background: #999; border-radius: 100%;}
       .yy_table li:last-child {
            margin-bottom: 0;
        }
        /* 核心材料工艺 段落样式 */
       .yy_table .principle {
            margin: 0;
            line-height: 1.6;
        }
       .yy_table .principle p {
            margin: 6px 0 0 0;
        }
       .yy_table .principle p:first-child {
            margin-top: 0;
        }
       .yy_table .soft-break {
            display: block;
            margin-top: 6px;
        }
        /* 为客户解决的问题 略微加强可读性 */
       .yy_table .value-prop {
            font-weight: 450;
        }
        
        /* 响应式 */
        @media (max-width: 767px) {
           .yy_table table, .yy_table thead, .yy_table tbody, .yy_table th, .yy_table td,.yy_table tr {
                display: block;
            }
           .yy_table thead {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
           .yy_table tr {
                margin-bottom: 20px;
                border: 1px solid #bdc9d4;
                border-radius: 10px;
                overflow: hidden;
                background: white;
                box-shadow: 0 5px 12px rgba(0,0,0,0.1);
            }
           .yy_table td {
                border: none;
                border-bottom: 1px solid #d1dee8;
                position: relative;
                padding-left: 40%;
                text-align: left;
                white-space: normal;
            }
           .yy_table td:before {
                content: attr(data-label);
                position: absolute;
                left: 16px;
                width: 35%;
                font-weight: 700;
                color: #103544;
                white-space: nowrap;
            }
           .yy_table td:last-child {
                border-bottom: none;
            }
           .yy_table td:first-child {
                background-color: #eaf1f7;
                font-weight: 600;
            }
           .yy_table .table-wrapper {
                padding: 16px 12px;
            }
         
        }
       
   
       .yy_table .scrollable {
            overflow-x: auto;
            margin-top: 12px;
            border-radius: 10px;
        }
.more1 {
  color: #000;
  display: inline-block;
  border-bottom: 2px solid #D51617;
  font-size: 18px;
  margin-top: 30px;
}
.more1 span {
  padding-left: 6px;
  line-height: 1.6;
  transition: all .3s;
}
 /* 自定义弹窗样式 */
        .custom-modal {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
            display: none;
        }
        
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
           height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            overflow-y: auto;
        }
        
        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        .modal-container {
            width: 50%;
   
            background: #fff;
            border-radius: 15px;
       
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
            transform: translateY(30px);
            transition: all 0.4s ease;
        }
        
        .modal-overlay.active .modal-container {
            transform: translateY(0);
        }
        
        .modal-header {
            background: #1d2087;
            color: white;
            padding: 25px;
            text-align: center;
            position: relative;
        }
        
        .modal-header .txt {
            font-size: 18px;
            margin: 0;
            font-weight:600;
        }
        
        .modal-header i {
            margin-right: 10px;
        }
        
        .close-modal {
            position: absolute;
            top: 20px;
            right: 20px;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .close-modal:hover {
            transform: rotate(90deg);
        }
        
        .modal-body {
            padding: 30px;
            background: #f8fafc;
            max-height: 700px;
            overflow-y: auto;
        }
        
         .contact-form .section-title {
          
        }
   .p_title{ text-align: center; margin-top: 10px;}
       .contact-form .form-group {
            margin-bottom: 20px;
        }
       .contact-form label {
       
        }
       .contact-form .required::after {
            content: " *";
            color: #ef4444;
        }
       .contact-form input[type="text"],
       .contact-form input[type="number"],
       .contact-form select,
       .contact-form textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #dedede;
            border-radius: 6px;
            font-size: 14px;
            box-sizing: border-box;
            transition: all 0.3s;
            font-family: inherit;
        }
       .contact-form input:focus, .contact-form textarea:focus,.contact-form select:focus {
            border-color: var(--accent-color);
            box-shadow: 0 0 0 3px rgba(0, 180, 219, 0.1);
            outline: none;
        }
       .contact-form textarea {
            resize: vertical;
            min-height: 100px;
        }
       .contact-form .hint {
            font-size: 12px;
            color: #9ca3af;
            margin-top: 5px;
        }
       .contact-form .grid-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        @media (max-width: 600px) {
           .contact-form .grid-2 {
                grid-template-columns: 1fr;
            }
        }
       .contact-form .btn-submit {
            display: block;
            width: 100%;
            padding: 15px;
            background-color: #666;
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 30px;
            outline: none;
        }
       .contact-form .btn-submit:hover {
            background-color: #1d2087;
        }
        .solution_news2{ background: #fff;   position: relative;   z-index: 2; }
        .solution_news2 .news_con{
          border-top: 2px solid #f7f7f7;
          padding-top: 50px;
        }
  /* 环保解决方案 */
  .hb_case{ margin-top: 50px;}
    .szfx_btn{ margin: 50px 0;}
  .szfx_btn b{ font-size: 24px; display: block; margin-bottom: 20px;}
   .hb_case .our_txt .info b{  font-weight: 600;
    font-size: 18px;
    color: #222;
    display: block;
    margin-bottom: 8px}
   /* 新能源解决方案 */
   /* 分子画布容器 */
        .molecule-canvas {
            width: 100%;
            aspect-ratio: 3 / 2;
            margin-bottom: 1.2rem;
            border-radius: 18px;
            background: #fff;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        canvas {
            display: block;
            width: 100%;
            height: 100%;
    
            background: #fff;
            background-image: radial-gradient(circle at 30% 40%, #fff 1px, transparent 1px), 
                              radial-gradient(circle at 70% 80%, #fff 1px, transparent 1px);
            background-size: 30px 30px;
        }
         .xny_ys{ background: #f7f7f7;}
         .xny_ys .container{ position: relative;}
         .xny_ys .grid-wrapper {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
            margin-top: 50px;
        }
        /* 卡片样式 */
       .xny_ys .card {
            background: #fff;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
            border: none;
      border-radius: 0 10px 10px 0;
             padding: 40px;
            display: flex;
            flex-direction: column;
        }

.xny_ys .container .solu_list ul li:nth-child(2n) .card {
  border-radius: 10px 0 0 10px;
}
.xny_ys .container .solu_list ul li:nth-child(2n) .our_item .our_txt{ border-radius: 10px;}
.xny_ys .container .solu_list ul li:nth-child(2n) .our_item .our_tu img {
  border-radius: 0 10px 10px 0;
}
        /* 卡片内部元素 */
       .xny_ys .card-icon {
            font-size: 24px;
        }
       .xny_ys .card-title {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #2c3e50;
        }
       .xny_ys .card-subtitle {
            font-size: 14px;
            color: #1d2087;
            font-weight: 600;
            margin-bottom: 20px;
           margin-top: 8px;
         
       
        }
       .xny_ys .section-label {
            font-size: 14px;
 
            color: #999;
            margin-top: 15px;
            margin-bottom: 8px;
            display: block;
        }
       .xny_ys .content-text {
            font-size: 14px;
    
            margin-bottom: 10px;
       color: #666;
        }
        /* 价值板块特殊样式 */
       .xny_ys .value-box {
            margin-top: auto;
      
      
            border-radius: 10px;
            margin-top: 15px;
        }
       .xny_ys .value-title {
         font-size: 14px;
    color: #999;
    margin-top: 10px;
    margin-bottom: 8px;
    display: block;
        }
       .xny_ys .value-text {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            line-height: 1.6;
        }
/* 船舶海工行业解决方案 */
.our_item {  border-radius: 10px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: stretch; margin: 30px 0; 
  }
.our_item .our_tu{ width: 50%;overflow: hidden; }
.our_item .our_tu img{  width: 100%; border-radius: 10px 0 0 10px; height: 100%; object-fit: cover;}
.our_item .our_txt b{ margin-bottom: 30px; color: #000; display: block; font-size: 32px; font-weight: normal;}
.our_item .our_txt p{ position: relative; line-height: 1.6; font-size: 16px;}
.our_item .more2{ margin-top: 30px;}
.our_item .our_txt p a{ padding-left: 25px; color: #000; position: relative;}
.our_item .our_txt p a::before{ content: ''; position: absolute; left:0px; top:13px; width: 15px; height: 1px; background: #E53517;}
.our_item .our_txt p a:hover{ text-decoration: underline;}
.our_item .our_txt { background: #fff; border-radius:0 10px 10px 0;   width: 50%;}
.our_item .our_txt a:hover p{ color: #333;}
.our_item .our_txt a:hover b{ color: #000;}
        .xny_ys .container .solu_list{ margin-top: 60px;}
  .xny_ys .container .solu_list ul li {position: sticky;
  position: -webkit-sticky;
  transform-origin: top center;}
   .xny_ys .container .solu_list ul li:nth-child(1) { top: 80px; }
.xny_ys .container .solu_list ul li:nth-child(2) { top: 100px; }
.xny_ys .container .solu_list ul li:nth-child(3) { top: 120px; }
.xny_ys .container .solu_list ul li:nth-child(4) { top: 150px; }
.xny_ys .container .solu_list ul li:nth-child(5) { top: 170px; }
.xny_ys .container .solu_list ul li:nth-child(6) { top: 190px; }
.xny_ys .container .solu_list ul li:nth-child(7) { top: 210px; }
.xny_ys .container .solu_list ul li:nth-child(8) { top: 230px; }
.xny_ys .container .solu_list ul li:nth-child(9) { top: 250px; }
.xny_ys .container .solu_list ul li:nth-child(10) { top: 270px; }
.xny_ys .container .solu_list ul li:nth-child(11) { top: 290px; }
.xny_ys .container .solu_list ul li:nth-child(12) { top: 310px; }
/* 继续写到你需要的数量，如第13个 top:330px 等 */

/* 所有 li 在移动端统一重置 top */
@media (max-width: 1100px) {
  .xny_ys .container .solu_list ul li {
    top: initial;
  }
}

.xny_ys .container .solu_list ul li:last-child {
  margin-bottom: 0;
}
     
 .card-title b{ font-size: 16px; display: block; margin-bottom: 10px ;}
 .prone{ margin-top: 40px;  padding-bottom: 30px;}
 .video_list{ position: relative;}
  .video_list .container{ position: relative;}
.prone .swiper-slide a img {
  transition: all .3s;
}
.prone .swiper-slide{ background: #f7f7f7; border-radius: 10px;}
.prone .swiper-slide video{ border-radius: 10px 10px 0 0;}
.prone .swiper-slide a .info {
  padding: 0 20px;
}
.prone .swiper-slide .newsdate {
  width: 100%;
  overflow: hidden;
  font-size: 16px;
  color: #a8a8a8;
  line-height: 30px;
  margin-bottom: 20px;
}
.prone .swiper-slide .newstit {
  width: 100%;
  overflow: hidden;
  font-size:16px;
  text-align: center;
  color: #333;
 padding: 20px 0;
}
.prone .swiper-slide .newsdes {
  width: 100%;
  height:34px;
  font-size: 14px;
  margin-top: 10px;
  color: #666;
}
.prone .swiper-slide a:hover {
  background: #D8E6F4;
}
.prone .swiper-slide a:hover img {
  transform: scale(1.05);
}
.video_list .swiper-button-next {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  right: -50px;
}
.video_list .swiper-button-prev {
  position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
  left: -50px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
}
.video_list .swiper-button-prev span,
.video_list .swiper-button-next span {
  line-height: 40px;
  font-size: 20px;
}
.video_list .swiper-button-prev:hover,
.video_list .swiper-button-next:hover {
  color: #fff;
  background: #d61518;
}
 /* in about */
 .zyzs-list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.zyzs {
  width: calc(20% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: #fff;
  margin: 10px;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 5px 9px 20px 0px rgba(9,20,65,0.05);
}
.zyzs:last-child { border-right: none;}
.zyzs:hover {
  background: #1d2087;
  color: #fff;
}
.zyzs:hover img { filter: brightness(100);}
.zyzs .line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.zyzs-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0px 22px 35px 0px rgba(2, 18, 106, 0.08);
  box-shadow: 0px 22px 35px 0px rgba(2, 18, 106, 0.08);
  width: 115px;
  height: 115px;
  transition: all 0.5s;
  border-radius: 50%;
}
.zyzs:hover .zyzs-icon {
  margin-top: -20px;
}
.zyzs-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.zyzs-content b i{ font-weight: normal; font-size: 18px; margin-left: 5px;}
.zyzs-content b {
  color: #1d2087;
  text-align: center;
  margin: 15px 0;
  font-size: 40px;
  display: block;
}
.zyzs-content p {
  line-height: 24px;
  font-size: 18px;
  text-align: center;
  color: #333;
}
.zyzs:hover b,.zyzs:hover p { color: #fff;}
.inabout_txt{ margin-top: 20px;}
.inabout_txt b{ font-size: 24px; text-align: center; display: block;}
.inabout_txt p { margin: 20px 0; font-size: 16px; line-height: 1.6; color: #666;}
.zyzs_wrap { display: flex; align-items: center;}
.zyzs_wrap span{ padding-left: 7px;}
/* 历程 */
.lc-bg {
  position: relative;
  background: url(../images/lc.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.yun {
  width: 100%;
  height: 550px;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: .8;
  background: url(../images/yun.png) repeat-x left center;
  -webkit-animation: animate-cloud 30s linear infinite;
  animation: animate-cloud 30s linear infinite;
}
@-webkit-keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
.fzlc {
  position: relative;
  padding: 30px 0;
  margin: 0 auto;
  z-index: 3;
}
#fzlc-gallery .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fzlc-gallery .swiper-slide p {
  color: #333;
  font-size: 18px;
  line-height: 30px;
  margin: 10px 0;
}
#fzlc-gallery .fzlc-year {
  font-size: 80px;
  color: #333;
  font-weight: bold;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  margin: 20px 0;
}
#fzlc-gallery .fzlc-info {
  padding-left: 50px;
}
.fzlc img {
  width: 100%;
}
.fzlc .swiper-button-prev {
  left: 0;
}
.fzlc .swiper-button-next {
  right: 0;
}
.fzlc .swiper-button-next,
.fzlc .swiper-button-prev {
      width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    display: flex
;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(100% - 30px);
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.fzlc .swiper-button-next:hover,
.fzlc .swiper-button-prev:hover {
  color: #fff;
  background: #D51617;
}
#fzlc-thumbs {
  width: 100%;
  padding-bottom: 20px;
}
#fzlc-thumbs .swiper-wrapper {
  align-items: flex-end;
}
.fzlc #fzlc-thumbs {
  position: relative;
  background: url(../images/line.png) repeat-x left bottom;
}
.fzlc #fzlc-thumbs .swiper-slide {
  cursor: pointer;
  color: #333;
  position: relative;
}
.fzlc #fzlc-thumbs .swiper-slide::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 9px;
  height: 0;
  width: 100%;
  border-bottom: 1px dashed #b5babe;
}
.fzlc #fzlc-thumbs .swiper-slide .year b i {
  font-size: 20px;
  font-weight: normal;
  padding-left: 5px;
  font-weight: normal;
}
.fzlc #fzlc-thumbs .swiper-slide .year b {
  padding-left: 40px;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  color: #000;
    line-height: 1.6;
}
.fzlc #fzlc-thumbs .swiper-slide .year {
  position: relative;
 padding-bottom: 30px;
  margin: 0 20px;
  position: relative;
}
.fzlc #fzlc-thumbs .swiper-slide .year span {
  display: block;
  padding-left: 40px;
  font-size: 24px;
   font-weight: normal;
}
.fzlc #fzlc-thumbs .swiper-slide .year p {
  position: relative;
  color: #666;
  padding-left: 40px;
  line-height: 1.6;
  font-size: 16px;
  margin: 10px 0;
  text-align: left;
  font-weight: normal;
}
.fzlc #fzlc-thumbs .swiper-slide .year p::before {
  position: absolute;
  width: 16px;
  top: 7px;
  border-radius: 16px;
  height: 16px;
  content: '';
  background: url(../images/yuan.png) no-repeat;
  background-size: 100%;
  left: 0;
  z-index: 1;
}
.fzlc #fzlc-thumbs .swiper-slide .year_line {
  height: 80%;
  position: absolute;
  transition: .5s ease-in-out;
  content: "";
  width: 1px;
  left: calc(20% - 12px);
  bottom: 5px;
  background: #b5babe;
}
/* 修改圆点为年份文字样式 */
.fzlc #fzlc-thumbs .swiper-slide .yuandian {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 125px;
  height: 40px;
  border-radius: 20px;
  background: #fff;
  margin: 0 auto;
  bottom: -10px;
  left: 50px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border: 2px solid #7A7A7A;
  transition: all 0.3s ease;
  z-index: 10;
}
/* 鼠标悬停效果 */
.fzlc #fzlc-thumbs .swiper-slide .yuandian:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 43, 105, 0.3);
}
/* 移除原有的圆点伪元素 */
.fzlc #fzlc-thumbs .swiper-slide .yuandian::after {
  display: none;
}
/* 激活状态的年份样式 */
.fzlc #fzlc-thumbs .swiper-slide.swiper-slide-active .yuandian {
  background: #1d2087 !important;
  color: #fff;
  border-color: #1d2087;
  box-shadow: 0 5px 15px rgba(0, 43, 105, 0.3);
}
/* 激活状态下的年份文字和线条样式 */
.fzlc #fzlc-thumbs .swiper-slide.swiper-slide-active b {
  color: #1d2087;
}
.fzlc #fzlc-thumbs .swiper-slide.swiper-slide-active .year_line {
  background: #7A7A7A;
}
.fzlc .swiper-button-next.swiper-button-disabled,
.fzlc .swiper-button-prev.swiper-button-disabled {
  opacity: .5;
}
.fzlc .swiper-button-next,.fzlc .swiper-button-prev{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  box-shadow: none;
}
/* 响应式调整 */
@media (max-width: 768px) {
}
@media (max-width: 480px) {
  .fzlc #fzlc-thumbs .swiper-slide .yuandian {
    width: 60px;
    height: 35px;
    left: calc(20% - 25px);
    font-size: 14px;
    border-radius: 16px;
  }
}
/* 环境 */
.in_equipmentbg {
  background: #f7f7f7;
}
#in_equipment .swiper-container {
 margin-top: 40px;
}
#in_equipment .swiper-slide img {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#in_equipment .swiper-slide a {
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#in_equipment .swiper-slide p {
  line-height: 60px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 20px;
  margin: 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
#in_equipment .swiper-button-prev i, #in_equipment .swiper-button-next i {
    line-height: 40px;
    display: block;
    font-size: 20px;
}
#in_equipment .swiper-button-next {
 position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
   width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  right: 10px;
}
#in_equipment .swiper-button-prev {
   position: absolute;
  top: 46%;
  text-align: center;
  color: #333;
 left: 10px;
   width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  transition: all .5s ease;
  outline: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#in_equipment .swiper-button-prev:hover,
#in_equipment .swiper-button-next:hover {
  color: #fff;
  background: #E53517;
}
.solution_news3{ background: #fff;}