html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{margin:0;font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height:1.42857143;font-size:14px;min-width:100%;background:#fff;color:#333}
h1{font-size:2em;margin:.67em 0}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
a{-webkit-text-decoration-skip:objects;background-color:transparent}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}
body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display:block}
pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}
audio,video,canvas{display:inline-block}
template,[hidden]{display:none}
.fl{ float: left;}
.fr{ float: right; }

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

a{color:#333;text-decoration:none}
a:hover{color:#00479d}
ul{margin:0;list-style:none;padding:0}


.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  height: 90px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
}
.logo-link {display: flex;align-items: center;}
.nav {height: 90px;display: flex;}

.nav a {
  padding: 0 25px;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  line-height: 86px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.8);
}

.navbar-fixed .nav a {
  color: #333;
}

/* 移除默认激活状态的边框 */
.nav a.active,
.nav a:hover {
  color: #1D408A;
}

/* 添加从中间向两边展开的下划线效果 */
.nav a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #1D408A;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

/* 鼠标悬停时展开下划线 */
.nav a:hover::after,
/* 激活状态时保持下划线 */
.nav a.active::after {
  width: calc(100% - 44px); /* 减去左右padding */
}



/* 固定导航栏样式 */
.navbar-fixed {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 白色背景导航栏样式 */
.navbar-white {
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(200, 200, 200, 1);
}

.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 100%;
  overflow: hidden;
}

.box_2 {
  background-color: rgba(230, 33, 41, 1);
  width: 68px;
  height: 4px;
}

.index_about_title {
  color: rgba(29, 64, 138, 1);
  font-size: 48px;
  font-weight: 600;
  margin-top: 30px;
}

.index_about {
  line-height: 36px;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  margin: 20px 0 10px;
}
.index_about p{
  /*只显示5行*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.index_about_text {
  font-family: Impact, Impact;
  color: rgba(29, 64, 138, 1);
  font-size: 42px;
  font-weight: 500;
}

/* 分辨率1200px以上时字体大小为48px */
@media (min-width: 1920px) {
  .index_about_text {
    font-size: 48px;
  }
}
.index_about_img img {
  height: 450px;
  object-fit: cover;
}

.text_13 {
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  margin-left: 5px;
  vertical-align: baseline;
}
.text_17 {
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  margin-top: 5px;
}

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

/* 核心优势 */
.hxys {
  margin-top: 65px;
  padding-top: 40px;
  border-top: 1px solid rgba(209, 209, 209, 1);
}



/* 特性卡片样式 */
.feature-card {
  height: 333px;
  max-width: none;
  position: relative;
  overflow: hidden;
}

.feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* 遮罩层样式 - 从下往上滑动效果 */
.card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  transform: translateY(calc(100% - 100px));
  transition: transform 0.5s ease, background 0.5s ease;
  background: rgba(0, 0, 0, 0.3); /* 初始背景色 */
  z-index: 10; /* 确保在图片上方但在文字下方 */
}

.feature-card:hover .card-overlay,
.box_4:hover .card-overlay {
  transform: translateY(0);
  background: linear-gradient(180deg, rgba(229,237,255,0.2) 0%, rgba(29,64,138,0.8) 100%);
}

/* 文字内容样式 */
.card-content {
  position: relative;
  z-index: 20; /* 确保在遮罩层上方 */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s ease;
}

.feature-card:hover .card-content {
  transform: translateY(-30px);
}

/* 鼠标经过时标题在一行显示 */
.feature-card:hover .card-content > div:first-child {
  display: flex;
  align-items: center;
}

.feature-card:hover .card-content h3,
.feature-card:hover .card-content span {
  display: inline-block;
  margin-right: 10px;
  margin-top: 0;
}

/* 标题文字始终可见 */
.card-content a > div:first-child {
  opacity: 1;
  max-height: none;
  margin-bottom: 16px;
}

/* 描述文字默认隐藏，hover时显示 */
.card-content a > p {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.feature-card:hover .card-content a > p {
  opacity: 1;
  max-height: 200px;
  margin-top: 3px;
}

.feature-card:hover img {
  /* 保持图片高度不变 */
  transform: none;
}

.news {
  width: 100%;padding-top: 120px;padding-bottom: 166px;
  background: url('../images/news_bg.png') center bottom no-repeat #f7f7f7;
  transition: all 0.3s ease;
}


.news_list{
  margin-top: 40px;
}
.news_list li a {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}

.news_list li img {
  transition: transform 0.3s ease;
  transform-origin: center;
  width: 100%;
  height: auto;
  display: block;
}

.news_list li img:hover {
  transform: scale(1.1);
}
.news_list li a img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
}

.news_list li .news_title{
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}
.news_list li .news_desc{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #666;
  margin-bottom: 10px;

}
.news_list li .news_time{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #999;
}
.yewu {
  width: 100%;
}

.yewu .box_4 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s ease;
}

/* 内容容器 - 默认在底部 */
.yewu .content-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 20;
  transition: transform 0.5s ease;
  box-sizing: border-box;
  /* 确保内容容器完全在底部 */
  height: auto;
  margin-bottom: 0;
  transform: translateY(0); /* 确保默认在底部 */
}
.yewu .line{
  width: 29px;height: 2px;background-color: #fff;margin: 15px 0;
  opacity: 0;
}
.yewu .box_4:hover .line{
  opacity: 1;
}
/* 文本内容样式 */
.yewu .text-content {
  display: flex;
  align-items: center;
}

.yewu .text-content img {
  width: 92px;
  height: 92px;
  margin-bottom: 8px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.yewu .content-container .description{
  width: 50%;text-align: center;margin: 0 auto;line-height: 25px;
}

/* 描述文本样式 */
.yewu .description {
  color: white;
  font-size: 14px;
  margin-top: 15px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}


/* 鼠标悬停时内容上移到中间 */
.yewu .box_4:hover .content-container {
  transform: translateY(-50%);
  /* 鼠标悬停时内容上移到中间 */
  top: 50%;
  bottom: auto;
}
.yewu .box_4:hover .text-content {
  flex-direction: column;
}
/* 鼠标悬停时图标显示 */
.yewu .box_4:hover .text-content img {
  opacity: 1;
  margin-bottom: 20px;
}

/* 鼠标悬停时描述文本显示 */
.yewu .box_4:hover .description {
  opacity: 1;
  max-height: 200px;
}



.yewu_tit {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}



.nwes_tit {
  color: rgba(29, 64, 138, 1);
  font-size: 48px;
  font-weight: 700;
  text-align: center;
}

/* 查看更多按钮样式 */
.group_6 {
  width: 144px;
  height: 48px;
  border: 1px solid rgba(29, 64, 138, 1);
}

.image-text_9 {
  width: 94px;
  height: 20px;
  margin: 12px 0 0 25px;
}

.text-group_4 {
  color: rgba(29, 64, 138, 1);
  font-size: 16px;
}
.index_case{
  width: 100%;
  min-height: 900px;
  align-items: center;
  position: relative;
}

/* 图片蒙层效果 */
.index_case::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient( 270deg, rgba(29,64,138,0) 0%, #1D408A 100%);
  z-index: 1;
}

/* Swiper背景图样式 */
.case-bg-swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.case-bg-swiper .swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 容器内容层级 */
.index_case .container {
    position: relative;
    z-index: 2;
}
.index_case .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.text_32 {
  color: rgba(255, 255, 255, 1);
  font-size: 48px;
  font-weight: 700;
}

.text_33 {
  width: 50%;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  margin: 20px 0 40px;
}

.group_18 {
  width: 100%;
  max-width: 768px;
}

.group_8 {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  aspect-ratio: 1;
}
.group_8:hover, .group_8.active{
  background-color: rgba(29, 64, 138, 1);
}

.image_9 {
  width: 86px;
  height: 86px;
}

.text-group_6 {
  width: 80px;
  height: 36px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  text-align: left;
  margin: 19px 0 0 3px;
}

.image-text_11 {
  width: 86px;
  height: 141px;
  margin: 38px 0 0 65px;
}

.image_10 {
  width: 86px;
  height: 86px;
}

.group_10 {
  background-color: rgba(0, 0, 0, 0.4);
  width: 216px;
  height: 216px;
  margin-left: 60px;
}

.image-text_12 {
  width: 86px;
  height: 141px;
  margin: 38px 0 0 65px;
}

.image_11 {
  width: 86px;
  height: 86px;
}


.block_2 {
  padding: 100px 0;
  width: 100%;
  background: url(../images/FigmaDDSSlicePNGa6882e1c35d9a430e074de1ae7fb32c2.png)
    100% no-repeat;
  background-size: 100% 100%;
}
.container {min-width: 1280px;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat top center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

#message{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;transform:scale(0);transition:.3s}
.messagebg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1001}
#message .m-content{margin-top:8%}
#message .m-content .m-message{background:#fff;width:580px;background:#fff;padding:50px;margin:0 auto;position:relative;z-index:1002;box-shadow:1px 1px 50px rgba(0,0,0,.3)}
.m-message{width:494px;margin:48px auto 0}
.m-message label{margin-bottom:15px;display:block;font-size:14px}
.m-message label em{display:block;float:right;color:red;height:32px;line-height:32px}
.m-message label span{width:70px;height:34px;line-height:34px;color:#2F2F2F;float:left;font-weight:bold;text-align:right;margin-right:30px;display:inline-block}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width:73%;overflow:hidden;height:32px;line-height:32px;border:#cccccc 1px solid;border-radius:3px;padding:0 14px;box-sizing:border-box;color:#555;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.m-message label input:focus,.m-message label textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6)}
.m-message label textarea{height:72px;line-height:24px;padding:10px 14px}
.m-message label.code{line-height:34px}
.m-message label.code input{width:30%;float:left;margin-right:30px}
.m-message label.code .pic{display:inline-block;vertical-align:top;width:80px;height:32px}
.m-message label.code img{display:block;width:100%;height:100%}

.btn1{display:block;line-height:32px;padding-left:15px;background-color:#333;color:#fff;margin-top:10px}
.btn1:hover{background-color:#444;color:white}
.btn1 span{display:block;padding-left:15px;background-repeat:no-repeat;background-position:left center;background-image:url(../images/btn-r.png)}
.btn1-1 input{width:52px;height:32px;line-height:32px;background:#e8e8e8;border:none;color:#333;margin-right:22px;cursor:pointer;transition:0.3s}
.btn1-1{padding-left:100px}
.btn1-1 input.focus{background:#00479d;color:#fff}
.btn1-1 input.focus:hover{background:#444}
.btn1-1 input:hover{background:#ccc}

.kf{width:208px;position:fixed;right:-208px;top:50%;transform:translateY(-50%);z-index:10}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #00479d;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff}
.kt-top span:hover{transform:rotate(90deg)}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.kf .con{overflow:hidden;background:#fff}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block}
.kf .qq li a img{padding-right:6px}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom:0}
.kf .contact{margin-top:1px;height:auto;background-color:#fff}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin:0}
.kf .contact p:nth-child(2n){padding-left:32px}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat}
.kf .con .qr{margin-top:10px;padding-left:40px}
.kf .con .qr img{width:110px;height:110px}
.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat #00479d;background-size:18px auto;cursor:pointer}
.kf-side{padding:18px 10px 10px;background:#00479d;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px}

.footer-fix{box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;display:none}
.footer-fix li{float:left;width:25%}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1}
.footer-fix li i{display:block;height:20px;background:no-repeat center;background-size:contain;margin-bottom:4px}
.footer-fix li i.i1{background-image:url(../images/f_01.png)}
.footer-fix li i.i2{background-image:url(../images/f_02.png)}
.footer-fix li i.i3{background-image:url(../images/f_03.png)}
.footer-fix li i.i4{background-image:url(../images/f_04.png)}


.topbar{padding:7px 0;background-color:#f0f0f0;color:#646464;}
.topbar em{font-style:normal;color:#ddd;padding:0 15px}
.topbar a{color:#646464}

.menu-btn{display:none;padding:12px 0;float:right;margin-left:15px}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#00479d;content:''}
.menu-btn:before{width:24px}
.menu-btn:after{width:18px;margin-left:6px}
.menu-btn span{width:12px;margin:6px 0 6px 12px}

.banner{ width: 100%;max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative;}
.banner .swiper-slide {position: relative;height: 100vh;}
.banner .swiper-wrapper .swiper-slide a {
  display: block;height: 100%;
}
.banner .swiper-wrapper .swiper-slide a .image {
  overflow: hidden;
  position: relative;height: 100%;
}
.banner .swiper-wrapper .swiper-slide a .image video {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .image_text{position:absolute;bottom:65px;left:5%;z-index: 3;}
.banner .image_text .text-group{font-size:32px;font-weight:600;color:#fff;margin-right: 20px;}
.banner .image_text img{width: 32px;height: 32px;}
.banner .swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-pagination-bullet{ background:#FFF; width: 12px; height: 12px;opacity: 1; border-radius: 6px;}
.banner .swiper-pagination-bullet-active{background-color:#0079c5; width: 35px;}

.about_nav{
  border-bottom: 1px solid #EDEDED;
}
.about_nav a{
  padding: 24px 40px;color: #333;
  font-size: 18px;
  font-weight: 400;
  margin-right: 1px;
}
.about_nav a.active,.about_nav a:hover{
  background-color: #1D408A;
  color: #fff;
  font-weight: 600;
}
.about_title {
  font-size: 46px;
  font-weight: 600;
  color: #333;
  text-align: center;
  margin-top: 50px;
}
.container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-between {
  justify-content: space-between;
}
.about_en_line {
  background-color: rgba(237, 237, 237, 1);
  width: 46px;
  height: 1px;
  margin-top: 11px;
}
.about_title_line {
  height: 4px;
  background: #E62129;
  border-radius: 6px 6px 6px 6px;
  width: 100px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.box_5 {
  display: flex;
  flex-direction: column;
}
.group_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about_title_en_container {
    max-width: 387px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box_11 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
.text-wrapper_20 {
  display: flex;
  flex-direction: row;
}
.image-text_13 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  color: #fff;
}
.about_content{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 40px;
    font-size: 18px;
    line-height: 36px;
    color: #333;
    margin-bottom: 40px;
}
.about_content_tit{
  font-weight: bold;
  font-size: 60px;
  color: #1D408A;
}
.about_content_title{
  font-weight: 400;
  font-size: 26px;
  color: #1D408A;
  margin-top: 15px;
  margin-bottom: 15px;
}
.about_image{
  width: 50%;
  float: right;
  margin-left: 40px;
}
.about_foot {
    height: 237px;
    background: url(../images/about_foot.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-top: 20px;
}
.about_foot .about_text_1{
  font-family: Impact, Impact;
  font-weight: 400;
  font-size: 60px;
  color: #1D408A;
  line-height: 60px;
}
.about_foot .about_text_2{
  font-family: PingFang SC, PingFang SC;
  font-size: 16px;
  color: #666666;
  line-height: 16px;
  margin-left: 8px;
}

.history_list{
    flex: 1;
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 2px solid #E5E5E5;
}
.history_content {
    display: none;
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;
    border: 1px solid #E5E5E5;
    margin-left: 40px;
    font-size: 16px;
    line-height: 42px;
    color: #666;
    padding: 20px;
    margin-bottom: 30px;
}
.history_year_item {
    margin-bottom: 10px;
    margin-left: 40px;
    background-color: #F7F7F7;
    padding: 20px 25px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.history_year_item::before {
    content: '';
    position: absolute;
    left: -48px;
    top: 37px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: white;
    border: 2px solid #E5E5E5;
    z-index: 10;
}
.history_year_item .year {
    font-size: 24px;
    font-weight: bold;
    color: #1D408A;
}
.history_year_item .content {
    font-size: 24px;
    color: #666;
}
.history_year_item span img{
  transition: transform 0.3s ease-in-out;
}
.history_year_item.active span img {
  transform: rotate(180deg);
}
.about_image_title {
    width: 336px;
    align-self: flex-start;
}
.history_sticky {
    width: 336px;
}
.about_image_title .image {
    width: 100%;
    height: auto;
}
.about_image_title .title {
    height: 69px;
    background-color: #1D408A;
    color: #FFF;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_image_title .content {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding: 12px 0;
    max-height: 160px;
    overflow-y: auto;
}
.about_content_container {
    display: flex;
    justify-content: space-between;
}
.about_content_left {
    width: 336px;
}
.about_content_right {
    flex: 1;
    margin-left: 40px;
}
.about_title_group {
    width: 387px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about_development_history {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    color: #666;
}
.group_1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.box_5 {
    display: flex;
    flex-direction: column;
}
.culture_bg{
  background-color: white;
  padding: 4px;
  position: relative;
  --culture-gap: 16px;
  gap: var(--culture-gap) !important;
}

.culture_bg:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  --g: var(--culture-gap);
  --col: calc((100% - (2 * var(--g))) / 3);
  --row: calc((100% - var(--g)) / 2);
  background-image:
    linear-gradient(
      to right,
      transparent 0,
      transparent var(--col),
      #fff var(--col),
      #fff calc(var(--col) + var(--g)),
      transparent calc(var(--col) + var(--g)),
      transparent calc((2 * var(--col)) + var(--g)),
      #fff calc((2 * var(--col)) + var(--g)),
      #fff calc((2 * var(--col)) + (2 * var(--g))),
      transparent calc((2 * var(--col)) + (2 * var(--g))),
      transparent 100%
    ),
    linear-gradient(
      to bottom,
      transparent 0,
      transparent var(--row),
      #fff var(--row),
      #fff calc(var(--row) + var(--g)),
      transparent calc(var(--row) + var(--g)),
      transparent 100%
    ),
    url("../images/culture_bg.jpg");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 0 0, 100% 100%;
  background-size: 100% 100%, 100% 100%, cover;
  z-index: 0;
}
.culture_box {
    padding: 40px;
    height: 326px;
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 1;
    background: transparent;
}

.culture_box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1D408A;
    opacity: 0.5;
    z-index: 1;
}

.culture_box .culture_box_text,
.culture_box .culture_box_desc,
.culture_box .culture_box_img {
    position: relative;
    z-index: 2;
}
/* .culture_box:nth-child(1) {
  background-image: url("../images/culture_01.jpg");
}
.culture_box:nth-child(2) {
  background-image: url("../images/culture_02.jpg");
}
.culture_box:nth-child(3) {
  background-image: url("../images/culture_03.jpg");
}
.culture_box:nth-child(4) {
  background-image: url("../images/culture_04.jpg");
}
.culture_box:nth-child(5) {
  background-image: url("../images/culture_05.jpg");
}
.culture_box:nth-child(6) {
  background-image: url("../images/culture_06.jpg");
} */


/* 产品展示样式 */
.product-show {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.product-thumbnails {
  width: 120px;
}

.thumbnail {
  width: 100%;
  height: auto;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.3s ease;
}

.thumbnail:hover {
  border-color: #1D408A;
}

.main-img-container {
  position: relative;
  width: 400px;
  height: 400px;
  overflow: hidden;
  border: 1px solid #ddd;
}

#main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: crosshair;
}

.magnifier {
  position: absolute;
  width: 150px;
  height: 150px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px solid #1D408A;
  border-radius: 50%;
  display: none;
  pointer-events: none;
  z-index: 10;
}

.product-info {
  flex: 1;
  min-width: 300px;
}

.product-title {
  font-size: 28px;
  font-weight: bold;
  color: #1D408A;
  margin-bottom: 20px;
}

.product-desc {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}

.product-desc p {
  margin-bottom: 10px;
}

.culture_box .culture_box_text{
  font-size: 24px;
  font-weight: bold;
}
.culture_box .culture_box_desc{
  margin-top: 30px;
}
.culture_box .culture_box_desc p{
  margin-bottom: 15px;
}
.culture_box .culture_box_img {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

.award_nav{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.award_nav a{
  width: 144px;
  height: 52px;
  background: #E3E3E3;
  font-size: 24px;
  color: #333;
  margin-right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;  
}
.award_nav a.active{
  background: #1D408A;
  color: #fff;
}

.award_lst{
  padding: 30px 0;
}
.award_lst .award_box{
  background: #F7F7F7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.award_lst .award_box .award_title{
  width: 100%;
  font-size: 16px;
  color: #333;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.g-pages{margin-bottom: 40px;}
.g-pages .pagination p,.g-pages .pagination a {height: 30px;}
/* .pagination{
  font-size: 16px;
  color: #333;
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination a{
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #E3E3E3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination a.active{
  background: #1D408A;
  color: #fff;
} */

.business_item{
  margin-top: 40px;
  border: 1px solid #E5E5E5;
  padding: 40px;
  display: flex;
  justify-content: space-between;
}
.business_item .item_img{
  width: 40%;
  margin-right: 40px;
  overflow: hidden;
}
.business_item .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.business_item .item_img:hover img{
  transform: scale(1.1);
}
.business_item .item_content{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.business_item .item_content .business_title{
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin: 0;
}
.business_item .item_content .business_desc{
  font-size: 20px;
  color: #666;
  margin: 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.business_btn{
  width: 164px;
  height: 52px;
  padding: 0 25px;
  background: #1D408A;
  border: 1px solid #1D408A;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  transition: all 0.3s ease;
}
.business_btn:hover{
  border: 1px solid #1D408A;
  background: #e5e5e5;
}

.pro_item{
  background: #F7F7F7;
  position: relative;
  transition: all 0.3s ease;
}
.pro_item:hover{
  background: #1D408A;
}
.pro_box{
  padding: 20px;
}
.pro_box .pro_desc{
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.pro_title{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.pro_btn{
  border: 1px solid #666;
  font-size: 16px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 35px;
}
.pro_btn img{
  margin-left: 10px;
}
/* 产品图片悬停效果 */
.pro_img {
  position: relative;
  overflow: hidden;
  height: auto;
  aspect-ratio: 410/280;
}

.pro_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.pro_img:hover img{
  transform: scale(1.1);
}
.pro_img:hover .hover-overlay {
  opacity: 1;
}

.hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.46); /* 蓝色半透明蒙层 */
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro_item:hover .pro_title, 
.pro_item:hover .pro_desc, 
.pro_item:hover .pro_btn {
  color: white;
}

.pro_item:hover .pro_btn img {
  filter: brightness(0) invert(1); /* 将箭头图标变为白色 */
}
.pro_item:hover .pro_btn {
  border-color: #fff;
}

.news_list .news_item{
  margin-top: 40px;
  border: 1px solid #E5E5E5;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.news_item .item_img{
  width: 20%;
  margin-right: 40px;
  overflow: hidden;
}
.news_item .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.news_item .item_img:hover img{
  transform: scale(1.1);
}
.news_item .item_box{
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.news_item .item_box .item_content{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.news_item .item_box .news_data{
  width: 65px;
  margin-left: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.news_item .item_box .news_data .news_day{
  font-size: 44px;
  color: #000000;
}
.news_item .item_box .news_data .news_month{
  border-top: 1px solid #ccc;
  padding-top: 5px;
  font-size: 16px;
  color: #666;
}

.news_item .item_box .news_title{
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.news_item .item_box .news_desc{
  font-size: 18px;
  color: #666;
  margin: 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news_item .item_box .news_btn{
  font-size: 16px;
  color: #1D408A;
  margin-top: auto;
}
.news_item .item_box .news_btn:hover{
  color: #E62129;
}
.news_show .news_title{
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.news_show img{
  margin: auto;
}
.news_next{
  font-size: 18px;
  color: #666;
}
.prev_news_link i{
  margin-right: 10px;
}
.next_news_link i{
  margin-left: 10px;
}
.hr_box{
  position: relative;
  border: 1px solid #E5E5E5;
  padding: 30px;
}
.hr_box::after{
  /*左上三角形（斜向）*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 32px 32px 0 0;
  border-color: #1D408A transparent transparent transparent;
}
.hr_title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.hr_title span img {
  transition: transform 0.3s ease;
}
.hr_title.active span img {
  transform: rotate(180deg);
}
.hr_content {
  display: none;
  overflow: hidden;
  padding-top: 20px;
}
.hr_require{
  display: flex;
  align-items: center;
}
.hr_require span{
  font-size: 16px;
  color: #666;
  margin-right: 20px;
}
.hr_require img{
  margin-right: 10px;
}
.hr_desc{
  background: #f7f7f7;
  padding: 20px;
  margin-top: 20px;
}

.contact_box1{
  margin-bottom: 40px;
  padding: 20px;
  border: 1px solid #E5E5E5;
}
.contact_title{
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.contact_item .contact_title{
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.contact_box1 .contact_item{
  display: flex;
  align-items: center;
  font-size: 18px;
  padding: 20px;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.contact_box1 .contact_item img{
  margin-right: 10px;
}

.contact_address{
  margin: 20px 0;
  font-size: 18px;
  color: #666;
}
.contact_map{
  margin-top: 20px;
}
.contact_item2{
  margin: 30px 0;
  border-left: 4px solid #E62129;
  padding-left: 20px;
  font-size: 18px;
  color: #333;
  line-height: 2;
}

.contact_item3{
  background: #f7f7f7;
  padding: 20px;
  font-size: 16px;
  color: #333;
  line-height: 2;
  margin: 30px 0;
}
.contact_title3{
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.contact_title3 img{
  margin-right: 15px;
}
.contact_label{
  margin-top: 10px;
  color: #666;
}

/* Award image hover effect */
.award_box {
  overflow: hidden;
}

/* 荣誉资质页面样式 */
.award_img ,.case_img{
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 310/220;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}
.award_img:hover img {
  transform: scale(1.05);
}

.award_img:hover::after {
  opacity: 1;
  transform: scale(1.2);
}

.award_img a{
  display: flex;width: 100%;
}
.case_img  a{
  display: flex;
  width: 100%;
  height: 100%;
}
.case_img img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.award_box:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.award_img img{
  max-height: 100%;
}
.footer {
  background-color: #222;
  width: 100%;
  padding-top: 40px;
}

.foot_section{
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 联系我们部分 */
.foot_contact {
  margin-bottom: 20px;
  padding-right: 80px;
  border-right: 1px solid rgba(56, 56, 56, 1);
}

/* 通用标题样式 */
.footer-title{
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* 通用文本样式 */
.footer-link{
  color: rgba(171, 185, 217, 1);
  font-size: 14px;
  line-height: 2.2;
}

/* 导航栏目样式 */
.foot_nav{
  display: flex;
  flex-direction: column;
}

.footer-link:hover {
  color: rgba(255, 255, 255, 1);
}

/* 关注我们部分样式 */
.foot_right {
  height: 204px;
  border-left: 1px solid rgba(56, 56, 56, 1);
  width: 314px;
  margin-left: 80px;
}

.text-wrapper_20 {
  width: 72px;
  height: 32px;
  margin-left: 80px;
}

.box_11 {
  width: 234px;
  height: 143px;
  margin: 12px 0 17px 80px;
}

.image_13 {
  width: 111px;
  height: 111px;
}

.image-text_14 {
  width: 111px;
  height: 143px;
}

.image_14 {
  width: 111px;
  height: 111px;
}

.foot_copyright {
  margin: 20px 0 40px 0;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
}