@charset 'utf-8';
@font-face{
     font-family: 'sy'; 
     src: url('../fonts/sy.otf');
}
@font-face{
     font-family: 'ph'; 
     src: url('../fonts/AlibabaPuHuiTi-3-55-Regular.otf');
}
@font-face{
     font-family: 'ph2'; 
     src: url('../fonts/AlibabaPuHuiTi-3-85-Bold.otf');
}
@font-face {
  font-family: 'iconfont';  /* Project id 1778242 */
  src: url('//at.alicdn.com/t/c/font_1778242_eibrwp956lo.woff2?t=1749537594279') format('woff2'),
       url('//at.alicdn.com/t/c/font_1778242_eibrwp956lo.woff?t=1749537594279') format('woff'),
       url('//at.alicdn.com/t/c/font_1778242_eibrwp956lo.ttf?t=1749537594279') format('truetype');
}
.pagination{
	text-align: center;
}
.pagination ul{
	display: inline-block;
}
.pagination li{
	font-size: 14px!important;
	float: left;
	
}
.pagination a{
	padding: 4px 8px;
	border: 1px solid #898989;
	margin-right: 5px;
	transition: 0.4s;
}
.current,.pagination a:hover{
	background-color: #004EA2;
	color: white!important;
}

.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
*{
	padding: 0px;
	margin: 0px;
	font-family: 'ph';
}
body{
	padding: 0px!important;
}
a{
	color: inherit!important;
}

ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
[class*=am-u-]{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.img,img{
	max-width: 100%;
}
.body{
	width: 100%;
	display: inline-block;
	position: relative;
	float: left;
}
.body_dia{
	width: 100%;
	display: inline-block;
	position: relative;
	float: left;
	padding: 50px 0px;
}
.dia-t{text-align: center;font-size: 33px;margin-bottom: 40px;position: relative;z-index: 2;font-weight:bold;}
.dia-line{width:160px;margin: auto;height: 8px;background-color: #F08201;margin-bottom: 15px;position: relative;top: -58px;z-index: 1;max-width: 100%;}
.dia-tinyt{margin-bottom: 45px;font-size: 20px;text-align: justify;line-height: 43px;}
.dia-more{text-align: right;font-size: 24px;color: black;}
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;position:relative;top:-20px;}
.t-indent0{text-indent: 0px;}
.am-container{max-width: 1230px;}
.flex-box{
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.flex-box-1{
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content:space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.img-box{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	height: 100%;
	transition: 0.4s;
	background-color: #626262;
}
.img-box:hover{background-size: 110% 110%;}
.b1{
	background-color: #000;
}
.c1{
	color: #000;
}
.logo{display: flex;justify-content: center;align-items: center; width: 360px;max-width: 100%; margin-left: auto;}
.logo img{height: auto;width: auto;}
.logo-name{display: inline-block;font-size: 20px;color: white;padding: 0px 10px 0px 10px;}
/* header */

.am-header-default{
	background-color: white;
}
.am-offcanvas-bar{
	width: 65%;
	background-color: white;
}
.am-offcanvas-bar:after{
	background-color: white;
}
.am-icon-bars{color: #004EA2;}
.am-header{height: auto;padding: 15px 10px;justify-content: space-between;position: fixed;top: 0rem;z-index: 99;box-shadow: -5.6px 4.2px 10px 0px rgba(0, 0, 0, 0.28);}
.am-header .am-header-nav{position: relative;}
.am-header-default .am-header-icon{font-size: 36px;}
.am-offcanvas-content{padding: 0px;}
.am-offcanvas-content li{padding: 27px 10px;font-size: 20px;margin-bottom: 2px;color: #004EA2;}
.am-offcanvas-content .active , .am-offcanvas-content li:hover,.am-offcanvas-content li:active{background-color: #F08201;color: white;}
.body1-r-main .active{font-weight: bold;}
.nav-log{display: block;}
.nav-1{display: flex;justify-content: space-between;}
.nav-2{ padding-left: 20px;overflow: hidden;}
.nav-2 .active {background-color: #004EA2;color: white;}
/* index-header */
.index-header{
	padding: 0px 0px;
	z-index: 99;
	background-color: #EDEFEF;
	box-shadow: -5.6px 4.2px 10px 0px rgba(0, 0, 0, 0.28);
}
.index-header-flex{
	width:100%;
	display: flex!important;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	padding: 20px 0px;
}
.am-header-fixed{background-color: white;position: fixed;box-shadow: -5.6px 4.2px 10px 0px rgba(0, 0, 0, 0.28);padding: 0px 0px;}
.am-header-fixed .index-header-flex{padding: 10px 0px;}

.nav{display: inline-flex;align-items: center;width: 100%;justify-content: center;}
.nav #nav{padding: 0px;width: 95%;display: flex;align-items: center;justify-content: space-evenly;}
.nav li{transition: 0.4s; float: left; color: #616161;font-size: 14px;padding: 16px 0px;min-width: 11%;text-align: center;border-radius: 8px;position: relative;font-weight:bold;}
.nav li:hover,.nav .active, .nav li:active{color: #004EA2;background-color: #DBE6F2;}
.nav li:hover{border-bottom-left-radius:0px;border-bottom-right-radius: 0px;border-bottom: #004BA1;}
.nav2{position: absolute;display: inline-block;width: 100%!important;display: flex; flex-wrap: wrap;left: 0px; transition: all 0.2s ease;
    opacity: 0;
    visibility: hidden;}
	
.nav2 li{width: 100%;border: 0px ;background-color: white;color: #000;border-radius: 0px;padding: 10px 0px;font-weight:normal;}
.nav2 li:last-child {
            /* 精准设置左下角圆角为0 */
            border-bottom-left-radius: 8px;
            /* 精准设置右下角圆角为0 */
            border-bottom-right-radius: 8px;
        }
.nav2.show {
    opacity: 1;
    visibility: visible;
}
.nav-bar{position: absolute;width: auto;height:auto;top: 100%;background-color: white;}

.body1-l{width: 150px;background-color: white;padding: 12px 0px;border-radius:10px;}
.body1-r{width:auto;height: 65px; background-color: white;padding: 7.2px 0px;display: flex;border-radius: 10px;}
.body1-r-main{width: 930px;max-width: 100%; margin-right: auto;background-color: white;display: flex;justify-content: right;}

 /* 容器样式 */
    .language-selector {
      position: relative;
      display: inline-block;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    /* 触发按钮样式 */
    .language-trigger {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 8px 16px;
      background-color: #F08101;
      color: #fff;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-size: 14px;
      transition: background-color 0.2s ease;
	  height: 65px;
    }

    .language-trigger:hover {
      background-color: #004BA1;
    }

    /* 下拉箭头 */
    .language-trigger::after {
      content: "▼";
      font-size: 10px;
      opacity: 0.8;
    }

    /* 下拉菜单 */
    .language-dropdown {
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 4px;
      background-color: rgba(0, 0, 0, 0);
      border-radius: 10px;
      list-style: none;
      padding: 0;
      margin: 0;
	  margin-top: 5px;
      min-width: 80px;
      display: none;
      z-index: 100;
	  transition: 0.4s;
    }

    .language-dropdown.active {
      display: block;
    }

    /* 菜单项 */
    .language-dropdown li {
      padding: 8px 12px;
      cursor: pointer;
      transition: background-color 0.2s ease;
	  color: white;
	  border-radius: 10px;
	  text-align: center;
	  background-color:#F08101;margin-bottom: 5px;
	  font-size: 14px;
    }

    .language-dropdown li:hover {
      background-color: rgb(240,129,1,0.8);
    }

    .language-dropdown li.active {
      background-color:#004BA1;
      color: #fff;
    }
.btn1{font-size: 12px;color: white;background-color: #004EA2;padding: 12px;border-radius: 10px;max-width: 100px;margin:0px auto;text-align: center;}

/* 首页 banner */
#index-banner{}
#index-banner .swiper-slide{height: calc(100vh - 105px);;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;}
#index-banner .am-container{height: 100%;}
.index-banner-box1{display: inline-block;max-width: 720px;width: 100%;background-color: rgba(255, 255,255,0.59);padding: 50px;border-radius: 100px;text-align: center;}
.index-banner-box2{display:inline-block;position:absolute;bottom:10px;color:white;text-align:center;}
.index-banner-box2 img{animation: verticalGradientFlash 1.5s ease-in-out infinite;width:5vw;max-width:27px;}
.index-banner-box-t{font-size: 46px;line-height: 60px;margin-bottom: 20px;text-align: center;}
.index-banner-box-c{font-size: 22px;line-height: 36px;margin-bottom: 30px;text-align: center;}
@keyframes verticalGradientFlash {
  0% {
    opacity: 1; /* 完全不透明 */
    filter: brightness(1); /* 正常亮度 */
    background-position: 0% 0%; /* 渐变起始位置（顶部） */
  }
  50% {
    opacity: 0.4; /* 半透明（闪烁变暗） */
    filter: brightness(1.6); /* 亮度提升，增强闪烁感 */
    background-position: 0% 100%; /* 渐变移动到底部 */
  }
  100% {
    opacity: 1; /* 恢复不透明 */
    filter: brightness(1); /* 恢复正常亮度 */
    background-position: 0% 0%; /* 渐变回到顶部 */
  }
}
.btn3{transition: 0.2s; margin-right: 15px; text-wrap: nowrap; display: flex;align-items: center;background-color: rgba(255, 255, 255,0.8);font-size: 14px;line-height: 30px;padding: 5px 15px;border-radius: 5px;color: #2D2D2D;font-weight: 600;flex-wrap: nowrap;margin-bottom: 10px;}
.btn3 .iconfont{color: #000;margin-right: 6px;}
.btn3:hover{opacity: 0.8;}

/* 首页栏目1 */
#indexaboutbac{background: linear-gradient(to right, #F7FAFF, #D7EAFF, #BDDDFF);}
.index-about-img{position:absolute;bottom:0px;left:0px;}
.index1{max-width:1440px;margin-left:auto;}
.index1-l{width:100%;background-color:white;display:inline-block;}
.index1-l2{max-width:940px;margin-left:145px;margin-right:auto;padding-top:70px;}
.index1-l-t{font-size:36px;color:#004EA2;margin-bottom:20px;font-weight:bold;}
.index1-img{max-width:100%;margin-bottom:20px;}
.index1-l-c{font-size: 16px;margin-bottom:80px;}
.index1-l-c p{margin: 0px;text-indent: 2em;text-align: justify;line-height:36px;}
.about-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 12px 24px;
            border: 2px solid #004EA2; /* 蓝色边框 */
            border-radius: 999px; /* 圆角 */
            background-color: #ffffff; /* 白色背景 */
            color: #004EA2!important; /* 文字颜色 */
            font-size: 18px;
            font-family: "Microsoft Yahei", sans-serif;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            margin-bottom: 30px;
        }

        .about-btn:hover {
            background-color: #004EA2;
            color: #ffffff!important;
        }
.about-btn2 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 12px 24px;
            border: 2px solid white; /* 蓝色边框 */
            border-radius: 999px; /* 圆角 */
            background-color: transparent; /* 白色背景 */
            color: white!important; /* 文字颜色 */
            font-size: 18px;
            font-family: "Microsoft Yahei", sans-serif;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            margin-bottom: 30px;
        }

        .about-btn2:hover {
            background-color: #004EA2;
            color: #ffffff!important;
            border-color: #004EA2;
        }
        .about-btn2 .products1-into {
            margin-left:15px ;
            width: 25px;
            height: 25px;
            border: 2px solid #004EA2;
            color:#004EA2 ;
        }

        .about-btn2:hover .products1-into {
            border-color: #004EA2;
            background-color: #004EA2;
            color: white;
        }
        .about-btn .products1-into {
            margin-left:15px ;
            width: 25px;
            height: 25px;
            border: 2px solid #004EA2;
        }

        .about-btn:hover .products1-into {
            border-color: #ffffff;
            background-color: #004EA2;
        }
.w-box{border-radius: 30px;  box-shadow: -2.2px 41.9px 110px 0px rgba(0, 0, 0, 0.1);

  /* 兼容旧版浏览器（可选） */
  -webkit-box-shadow: -2.2px 41.9px 110px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2.2px 41.9px 110px 0px rgba(0, 0, 0, 0.1);}
.w-box2{border-radius: 30px;  box-shadow: -2.2px 41.9px 110px 0px rgba(0, 0, 0, 0.1);
	background-color: #E5EDF6;
  /* 兼容旧版浏览器（可选） */
  -webkit-box-shadow: -2.2px 41.9px 110px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2.2px 41.9px 110px 0px rgba(0, 0, 0, 0.1);display: inline-block;
	width: 100%;
	padding: 2vh 3vw;}
.aboutbtn{position: relative;top: 40px;}
.index1-r{max-width: 700px;width: 100%;margin-bottom: 50px;}

.about-data{padding: 50px 0px;}
.about-data .flex-box{justify-content:space-between;position:relative;}
.about-data .flex-box2{display:flex;gap:15px;}
.about-data-flex{display:flex;align-items:flex-start;}
.about-data-t{font-size:27px;font-weight:bold;min-width:230px;margin-top:2vw;}
.about-data-c{padding:2vw;background-color:#F3F9FF;padding-bottom:15vh;}
.about-data-c p{font-size:16px;text-indent:2em;color:#6E6E6E;line-height:28px;margin-bottom:1vw;}
.about-data-c p b{color:black;}
.aboutdata1{display:inline-flex;font-size: 16px;color: white;justify-content:center;align-items:center;flex-wrap:wrap; background: #004EA2;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 5px solid;box-shadow:1px 1px 10px rgba(0,0,0,0.5);}
.aboutdatanum{display: inline-block;font-size: 48px;font-family: 'ph2'; font-weight: bold;color: white;-webkit-text-stroke: 0.7px #fff; /* 核心：宽度 颜色（webkit前缀） */text-stroke: 0.7px #fff; /* 标准写法，备用 */ line-height:0px;width:100%;text-align:center; }
.aboutdatanum1{display: inline-block;font-size: 48px;font-family: 'ph2'; font-weight: bold;color: white;-webkit-text-stroke: 0.7px #fff; /* 核心：宽度 颜色（webkit前缀） */text-stroke: 0.7px #fff; /* 标准写法，备用 */ line-height:0px;width:100%;text-align:center; }
/* indexproducts */
.indexproducts{}
/* .indexproducts .dia-t,.indexproducts .dia-tinyt{color: white;}
.indexproducts .dia-line{backgrou.products1-contentnd-color: white;} */
#about1 .swiper-slide{display: flex;justify-content: center;background-position:center;background-repeat:no-repeat;background-size:cover;}
.swiper-button-next, .swiper-button-prev{color: #F08202;}
#about1{width:100%;}
#about1 .about-btn{background-color:none;}
.about-thumb{width:100%;position:absolute;bottom:50px;z-index:9;}
.swiper-slide-thumb-active .about-thumb1{background-color:#004EA2;}
.about-thumb1{border-radius:5px;border:1px solid rgba(255,255,255,0.5);color:white;text-align:center;font-size:28px;font-weight:bold;padding:35px 0px;}
.products{display: flex;justify-content: space-between;flex-wrap: wrap;width:100%;position:relative;}
.products1{width:100%;background-color:rgba(0,33,68,0.4);padding:80px 0px 240px 0px;}
.products1 .img-box{height: auto;position: relative;display: flex;justify-content: center;}
.products1-content{padding: 20px 0px;}
.products1-t{font-size: 40px;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;font-weight:bold;}
.products-type{padding: 2px 20px;background-color: rgba(255, 255,255, 0.62);display: inline-block;border-radius: 5px;position: absolute;bottom: 10px;font-size: 20px;}
.products1-content .flex-box{justify-content: space-between;}
.btn-pro{border-radius: 10px;background-color: #000;color: white;padding: 0px 5px;font-size: 20px;}
.btn-pro:hover{opacity: 0.85;}
.products1-c{max-width: 580px;color: white;font-size: 20px;line-height:36px;text-align:justify;margin-bottom:30px;}
.products1-into{width: 40px;       /* 圆的直径 */
            height: 40px;      /* 圆的直径 */
            border: 2px solid #007bff; /* 蓝色边框 */
            border-radius: 50%; /* 圆形 */
            background-color: #ffffff; /* 白色背景 */
            position: relative; /* 为箭头定位 */
            cursor: pointer;    /* 鼠标悬停变手型 */
            transition: all 0.3s ease; /* 过渡动画 */
            /* 居中对齐（可选） */
            display: flex;
            align-items: center;
            justify-content: center;}

/* scoll */
.scroll-div{width: 100%; overflow: hidden;white-space: nowrap;padding: 40px 0px;background-color: #ECECEC; /* 防止文字换行 */ }
					 .scroll-text {
					   position: relative; /* 定位容器 */
					   width: 100%; /* 容器宽度，根据需要调整 */
					   height:auto; /* 根据需要调整 */
					    /* 行高与容器高度相同 */
						display: inline-block;
					 }
					 @keyframes scrollText {
					   from { transform: translateX(100%); } /* 从右向左滚动 */
					   to { transform: translateX(-100%); } /* 完全移出屏幕 */
					 }
					 .scroll-text {
					   animation: scrollText 30s linear infinite; /* 动画名称，持续时间，速度曲线，重复次数 */
					   font-size: 48px;
					 }
/* index-news */
.index-news .w-box2{
	display: inline-block;
	width: 100%;
	padding: 2vh 3vw;
}
.index-news .dia-t{
	margin-top: 80px;
}
/* footer */
.footer{
	color: black;
	padding:40px 0px 10px 0px;
	background: white;
}
.footer .flex-box{
	align-items: flex-start;
	flex-wrap: wrap;
}
.footer1{
	margin-bottom: 20px;
	max-width: 380px;
	font-size: 16px ;
	line-height: 24px;
}
.footer1 h1{margin-bottom: 30px;}
.footer1 img{margin-bottom: 20px;max-width:200px;}
.footer2{margin-bottom: 20px;max-width: 740px;width: 100%;}
.footer-t{font-weight: bold;text-transform: uppercase;font-size: 16px;line-height: 30px;margin-bottom: 20px;}
.footer-list{margin-bottom:20px;}
.footer-list li{
	font-size: 16px;
	line-height: 29px;
	float: left;padding-right: 15px;
	width: 25%;
}
.footer-ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.footer-list2{}
.footer-list2 li{float: none;font-size: 14px;width:100%;}

.footer3{margin-bottom: 20px;}
.footer3-flex{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;max-width: 375px;}
.footer3-icon{font-size: 16px;line-height: 30px;margin-right: 10px;}
.footer3-c{font-size: 16px;line-height: 30px;}

.footer4{margin-bottom: 20px;}
.footer4-flex{
	display: flex;align-items: center;
	justify-content: space-between;max-width: 220px;
}
.footer4-flex2{display: flex;align-items: center;
	justify-content: space-between;max-width: 100%;}
	.footer4-flex2 p{margin: 5px 0px}; 
.footer4-1{height: 40px ;width: 40px;display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, 0.15);border-radius: 20px;}
.footer4-icon{font-size: 20px;}
.footer hr{border-color:rgba(0, 0, 0, 0.81);width:70%;}
.bottom123{background-color:#004EA2;}
.bottom{padding: 10px 0px 10px 0px;display: flex;justify-content: space-between;font-size:12px;color:white;}
.bottom div{display: flex;align-items: center;gap:10px;}
.bottom img{margin-right: 5px;}
/* inner-banner */
.inner-banner{height: 60vh;max-height: 600px;background-repeat: no-repeat;background-position: left;background-size: cover;}
.inner-banner .am-container{height: 100%;}
.inner-banner .flex-box{align-items: center;justify-content: flex-start;height: 100%;}
.inner-banner-t {font-size: 48px;font-weight: bold;color: white;text-transform: uppercase;}


/* About us */
.bread{
	padding: 15px 0px;
	background-color:#FFFFFF;
	font-size: 16px!important;
	/* box-shadow: 1px 1px 10px rgba(89,89,89,0.27); */
}
.bread-nav li{float: left;font-size: 14px;padding: 5px 10px;background-color: #E5EDF6;border-radius: 20px;margin-left: 10px;transition: 0.4s;}
.bread-nav li:hover,.bread-nav .on{background-color: #004EA2;color: white;}
.bread-bre{display:flex;align-items:center;}
.bread-bre a{font-size:14px;}
.about1 .flex-box{margin-top: 40px;}
.about1-1{width: 370px;height: 275px;background-color: #052033;margin-bottom: 30px; }
.about1-2{width: 310px;height: 275px;background-color: #052033;margin-bottom: 30px; }
.about2{background-color: #ECECEC;}
.about2-tag{background-color: #052033;transform: skew(-30deg);color: white;font-size: 26px;padding: 0px 20px;margin-bottom: 60px;}
.about2-tag-t{transform: skew(30deg);}
.about2-c{max-width: 500px;text-indent: 2em;}
.about2-c p{font-size: 20px;text-align:justify;}
.about-img{max-width: 100%;margin: 50px 0px;}
.about4{
	background-image: url(../images/index_02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.about4-1{background-color:rgba(5,32,51,0.54);}
.about4-c{font-size: 38px ;color: white;line-height: 44px;text-indent: 2em;text-align: justify;}

/* about-culture */
.about-culture{
	background-image: url(../images/about-c_04.jpg);
	background-repeat: no-repeat;
}
.about-culture .dia-t{color: white;}
.about-culture .dia-line{background-color: rgba(255, 255, 255, 0.6);}
.about-culture .body{display: flex;gap: 1px;flex-wrap: wrap;}
.about-culture-card{
	flex: 1;
	min-height: 260px;
	    padding: 30px 20px;
	    border-radius: 4px;
	    background: rgb(34 102 198 / 35%);
	    backdrop-filter: blur(5px);
	    border: 1px solid rgba(255, 255, 255, 0.3);
	    border-right: 1px solid rgba(134, 166, 202, 0.6);
	    text-align: center;
	    color: white;
		position: relative;
		transition: 0.4s;
		top: 0px;
}
.about-c-img{width: 100%;}
.about-c-t{font-size: 26px;width: 100%;margin-bottom: 5px;}
.about-c-c{font-size: 14px;width: 100%;text-align: center;}
.about-c-c p{margin: 0px;display: flex;align-items: center;justify-content: center;}
.about-culture-card:hover{top: -20px;background: rgb(240 ,129 ,1,0.8 );}
/* about-简介 */
.about-jj{padding-bottom: 0px;}
.about-jj .dia-t{margin: 0px;}
.about-jj .dia-line{top:-18px;}
/*视频*/
/* 视频容器 */
        .video-wrapper {
            width: 100%;
            max-width: 1200px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            position: relative;
        }

        /* 原生video标签样式 */
        .tech-video {
            width: 100%;
            height: auto;
            display: block;
            cursor: pointer;
        }

        /* 播放按钮遮罩（首屏显示） */
        .play-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.4);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            z-index: 10;
            transition: opacity 0.3s ease;
        }

        /* 播放按钮样式 */
        .play-btn {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: #004EA2;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none;
            color: #fff;
            font-size: 30px;
            cursor: pointer;
            transition: transform 0.2s ease;
        }

        .play-btn:hover {
            transform: scale(1.1);
            background-color: rgba(0, 120, 255, 1);
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .play-btn {
                width: 60px;
                height: 60px;
                font-size: 24px;
            }
        }
.about-jj2 .w-box2{margin-bottom: 20px;}
.about-jj2 .w-box2 p{margin: 0px;text-indent: 2em;font-size: 18px;line-height: 200%;}
.about-jj2 .w-box{padding: 40px 3vw;font-size: 18px;line-height: 2.5;color: #6E6E6E;margin-bottom: 20px;}
.about-jj2 .w-box p{text-indent: 2em;margin: 0px;}
.about-jj2-1{background-image: url(../images/aboutjj_03.jpg);max-width: 520px;width: 100%;height: 350px;background-repeat: no-repeat;background-size: 100% 100%;}
.about-jj2-2{width: 100%;max-width: 300px;height: 420px;background-repeat: no-repeat;background-size: 100% 100%; }

/* about 环境 */
.about-hj .flex-box{
	flex-wrap: wrap;
}
.about-hj-1{
	border-radius: 20px;
	width: 100%;
	overflow: hidden;
	max-width: 390px;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.about-hj-1-t{position: absolute;right:0px;bottom:0px;min-width: 120px;background-color: #004EA2;color: white;text-align: center;font-size: 20px;padding: 8px 15px;border-top-left-radius: 35px;}
.about-hj-1 img{
	width: 100%;
	height: 102%;
	transition: 0.4s;
}
/* about 组织框架 */
.about-zz{
	background-image: url(../images/about-zz_02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	 background-attachment: fixed; 
}

.about-hj-1:hover img{width: 120%; height: 120%;}
/* 创新研发-研发中心 */
.jsyf{justify-content: space-around;gap:20px 5vw;}
.jsyf .cxyf-tag{background-color: #F7F7F7;}
.cxyf-tag{transition: 0.4s; width: 47%; max-width: 220px;background-color: white;border-radius: 50px;font-size: 18px;text-align: center;padding: 10px 0px;margin-bottom: 10px;}
.scjg-l{max-width: 100%;margin-bottom: 5vh;}
.scjg-l2{margin-bottom: 5vh;}
.scjg-l p{font-size: 18px;}
.cxyf-tag:hover{color: white;background-color: #004BA1;}

 /* 激活状态样式（匹配图片中的蓝色高亮） */
  .cxyf-tag.active { 
    background: #004EA2; 
    color: #ffffff; 
    font-weight: 600;
    border-color: #004EA2;
    box-shadow: 0 2px 6px rgba(0,102,204,0.2);
  }

  /* 鼠标悬浮效果 */
  .cxyf-tag:hover:not(.active) {
    background: #e8f4ff;
    border-color: #b3d9ff;
  }


    /* 右侧内容区 */
  .right-content { 
    flex: 1; 
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  /* 图片样式 */
  .right-content img { 
    max-width: 100%; 
    max-height: 100%; 
    border-radius: 6px; 
    display: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  .right-content img.active { 
    display: block;
    animation: fadeIn 0.5s ease; /* 切换淡入动画 */
  }

  /* 淡入动画 */
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /* 响应式适配 */
  @media (max-width: 768px) {
    .container {
      flex-direction: column;
      height: auto;
    }
    .left-nav {
      width: 100%;
      margin-bottom: 20px;
    }
    .nav-item {
      display: inline-block;
      margin: 0 5px 10px;
      width: calc(33% - 10px);
    }
  }
/* 创新研发-证书 */

/* 中间激活的slide：最宽、最高透明度 */
    #honor{padding-bottom: 70px;}
	#honor .swiper-wrapper{align-items: center;}
	
/* 服务对象 */
.fuwu{justify-content: space-between;}
.fuwu1{width: 345px;height: 270px; border-radius: 20px;background-repeat: no-repeat;background-size: cover;margin: 30px 0px;position: relative;overflow: hidden;}
.fuwu1-s{position: absolute;width: 100%;height:100%;background-color: rgba(0,78,162,0.8);display: flex;align-items: center;justify-content: center;}	
.fuwu1-t{text-align: center;font-size: 24px;color: white;}

/* 服务企业 */
.qiye1{width: 180px;height: 80px;max-width: 100%;display: flex;align-items: center;justify-content: center;padding: 10px 8px;box-shadow: 1px 1px 10px rgba(7, 22, 6, 0.2);border-radius: 10px;margin-bottom: 30px;}
.qiye1 img{max-width: 100%;}
.qiyeb [class*=am-u-]{display: flex;justify-content: center;}
/* 左侧菜单样式 */
.jc-flex{display: flex;justify-content: space-between;}
    .left-menu {
      width: 200px;
    }
    .menu-header {
      background: #004EA2;
      color: white;
      padding: 12px 16px;
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 16px;
	  text-align: center;
    }
    .menu-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .menu-item {
      padding: 12px 16px;
      background: #F5F7FA;
      border: 1px solid #E5E6EB;
      border-radius: 8px;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s;
      font-size: 14px;
    }
    .menu-item.active {
      background: #E8F3FF;
      border-color: #004EA2;
      color: #004EA2;
      font-weight: 500;
    }
    .menu-item:hover {
      background: #E8F3FF;
    }
    /* 右侧 Swiper 样式 */
    .swiper-container {
      flex: 1;
      min-height: 400px;
	  height: auto;
      margin-left: 40px;
    }
    .swiper-container .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      /* background: #fff; */
      border-radius: 8px;
      overflow: hidden;
    }
    .swiper-container .swiper-slide img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }


/* news */
      .news-container {
            display: flex;
            gap: 24px;
            padding: 20px 0px;
            flex-wrap: wrap;
			justify-content: space-between;
			margin: auto;
        }
  /* 单个新闻卡片 */
        .news-card {
            width: 46%;
            height: 360px;
            border-radius: 15px;
            background: #ffffff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            position: relative;
            transition: all 0.3s ease;
            cursor: pointer;
            margin-bottom: 30px;
        }

        /* 卡片头部（日期+标题） */
        .news-header {
            padding: 20px;
            border-bottom: 1px solid #f0f0f0;
        }

        .news-date {
			color: #8A8A8A;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 2px;
        }
		.news-date span{
		    
		    color: #ff7d00;
		    font-size: 25px;
		    font-weight: 600;
		    margin-bottom: 0px;
			margin-right: 10px;
		}

        .news-title {
            font-size: 18px;
            font-weight: 700;
            color: #8A8A8A;
			transition: 0.4s;
			 overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
        }
		.news-line{
			width: 70px;
			height: 2px;
			background-color: #BFBFBF;
			margin-bottom: 10px;
		}
        /* 默认内容区域（文本） */
        .news-content {
            padding: 20px;
            color: #8A8A8A;
            font-size: 14px;
            line-height: 1.6;
            height: 180px;
            box-sizing: border-box;
		overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp:7;
		    -webkit-box-orient: vertical;
        }

        /* 悬停时显示的图片区域 */
        .news-image {
            position: absolute;
            top: 122px;
            left: 0;
            width: 100%;
            height: 238px;
            background: #cccccc;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        /* 悬停时显示的蓝色按钮 */
        .news-btn {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 150px;
            height: 60px;
            background: #0066cc;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: space-between;
			padding: 0px 20px ;
            gap: 8px;
            font-size: 14px;
            font-weight: 500;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        /* 底部“查看更多”文本 */
        .news-more {
            position: absolute;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 150px;
			height: 60px;
            bottom: 0px;
            left: 0px;
            color: #999999;
            font-size: 14px;
            transition: opacity 0.3s ease;
			padding: 0px 20px ;
        }

        /* 鼠标悬停卡片时的状态 */
        .news-card:hover .news-content {
            opacity: 0;
        }
        .news-card:hover .news-image {
            opacity: 1;
        }
        .news-card:hover .news-btn {
            opacity: 1;
        }
        .news-card:hover .news-more {
            opacity: 0;
        }
		.news-card:hover .news-title{
			color: #004BA1;
		}
.news-card2{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;padding-bottom:25px; border-bottom:1px solid rgba(177,188,177,0.5);margin-bottom:15px;}
.news-card2-t{font-size:16px;transition:0.4s;color:#8A8A8A;}
.news-card2-t:hover{color:#004BA1;}
.news-card2-date{font-size:16px;transition:0.4s;color:#8A8A8A;}
.news-to{font-size:16px;transition:0.4s;color:#8A8A8A;}
/* newsmain */
.newsmain{
	padding: 70px 0px;
}
.newsmain-title{
	font-size: 24px;
	 line-height: 38px;
	color: #393939;
	margin-bottom: 15px;
	text-align: center;
}
.newsmain-message{
	font-size: 12px;
	line-height: 25px;
	color: #707070;
	margin-bottom: 40px;
	text-align: center;
}
.newsmain-content{
	width: 90%;
	margin: auto;
	margin-bottom: 50px;
	user-select: none;
}
.newsmain-content p{
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #828282;
	margin: 0px;
	text-align: justify;
}
.newsmain-content span{
	text-indent: 0px!important;
	font-size: inherit!important;
}
.newsmain-content img{
	max-width: 100%;
}
.newsmain-content table td{
	padding: 5px;
}
.newsmain-prone{
	width: 100%;
	display: inline-block;
}
.prone{
	display: inline-block;
	font-weight: bold;
	max-width: 48%;
}
.prone a{
	transition: 0.4s;
}
.prone:hover a{
	color: #166EC8!important;
}
.pro{
	float: left;
}
.ne{
	float: right;
}
.hot-list{
	padding: 0px;
}
.hot-list li:nth-child(1) .background img{
	display: block;
}
.hot-list li p{
	font-size: 16px;
	    color: #666;
	    line-height: 1.625;
	    margin-bottom: 5px;
		transition: 0.4s;
}
.hot-list li{
	margin-bottom: 15px;
	    border-bottom: 1px solid #e5e5e5;
	    padding-bottom: 15px;
}
.hot-list li span{
	font-size: 14px;
	    color: #999;
	    line-height: 1.857;
	    text-transform: uppercase;
}
.hot-list li:hover p{
	color: #196EC9;
}
/* news2 发展历程 */
 .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }
        /* 标题样式，还原官网装饰线和居中效果 */
        .history-title {
            font-size: 28px;
            color: #222;
            text-align: center;
            margin-bottom: 40px;
            font-weight: 600;
            position: relative;
        }
        .history-title::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background-color: #0066cc;
        }
        /* 内容容器：PC端弹性分栏，移动端块级布局 */
        .content-wrap {
            display: block;
            gap: 30px;
        }
        /* 滚动提示：通用样式，移动端显示，PC端隐藏 */
        .scroll-tip {
            text-align: center;
            margin-top: 20px;
            font-size: 14px;
            color: #999;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .scroll-tip i {
            font-style: normal;
            color: #0066cc;
        }
        /* 移动端年份展示：醒目居中 */
        .mobile-year {
            text-align: center;
            font-size: 24px;
            color: #0066cc;
            font-weight: 600;
            margin: 20px 0 30px;
            letter-spacing: 2px;
        }
        /* 事件详情容器：通用样式，双端适配 */
        .history-detail {
            min-height: 120px;
            padding: 30px;
            border-radius: 4px;
            background-color: #f9fcff;
            border: 1px solid #e8f3ff;
            font-size: 16px;
            line-height: 2.2;
            color: #333;
            text-align: center;
        }
        /* 详情项动画：淡入淡出，双端通用 */
        .history-item {
            display: none;
            animation: fadeIn 0.5s ease-in-out;
        }
        .history-item.show {
            display: block;
        }
        /* PC端年份导航：默认隐藏，大屏显示 */
        .pc-year-list {
            display: none;
            list-style: none;
            border-right: 2px solid #e8f3ff;
            padding-right: 20px;
            flex: 0 0 180px;
        }
        .pc-year-item {
            font-size: 18px;
            color: #666;
            padding: 12px 0;
            text-align: center;
            cursor: pointer;
            border-radius: 4px;
            margin-bottom: 8px;
            transition: all 0.3s ease;
        }
        /* PC端当前年份高亮：匹配主题色 */
        .pc-year-item.active {
            background-color: #0066cc;
            color: #fff;
        }
        .pc-year-item:hover {
            background-color: #f9fcff;
            color: #0066cc;
        }
        .pc-year-item.active:hover {
            background-color: #0055bb;
            color: #fff;
        }
        /* PC端事件详情区：默认隐藏，大屏显示 */
        .pc-detail-wrap {
            display: none;
            /* flex: 1; */
            display: flex;
			    min-width: calc(100% - 230px);
            align-items: center;
            justify-content: center;
        }
        /* 淡入动画关键帧 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* 响应式断点：PC端（≥992px）左右分栏布局 */
        @media (min-width: 992px) {
            /* body {
                padding: 40px 0;
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 100vh;
            } */
            .container {
                padding: 50px;
                max-height: 80vh;
            }
            .content-wrap {
                display: flex;
                align-items: flex-start;
                min-height: 400px;
            }
            /* PC端显示年份导航和详情区，隐藏移动端元素 */
            .pc-year-list {
                display: block;
            }
            .pc-detail-wrap {
                display: flex;
            }
            .mobile-year, .mobile-detail-wrap, .scroll-tip {
                display: none !important;
            }
            .history-title {
                margin-bottom: 50px;
            }
            .history-detail {
                min-height: 200px;
                font-size: 17px;
                line-height: 2.4;
                text-align: left;
            }
        }

        /* 响应式断点：移动端（＜992px）优化 */
        @media (max-width: 991px) {
            .container {
                padding: 20px;
            }
            .history-title {
                font-size: 24px;
                margin-bottom: 20px;
            }
            .mobile-year {
                font-size: 20px;
                margin: 15px 0 25px;
            }
            .history-detail {
                padding: 20px;
                font-size: 14px;
                line-height: 2;
                min-height: 100px;
            }
            .scroll-tip {
                font-size: 12px;
                margin-top: 15px;
            }
        }
		
		
/* solution */
.index-sol-type{transition: 0.4s; font-size: 14px;line-height: 30px;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}

.index-sol{
	border-radius: 15px;
	overflow: hidden;
	width: 100%;
	height: auto;
	background-color: white;
	position: relative;
	top: 0px;
	left: 0px;
	transition: top 0.4s ease,background-color 0.4s ease;
	margin-bottom: 40px;
}
.index-sol-imgbox{
	width: 100%;
	height: 200px;
	background-position: center;background-repeat: no-repeat;background-size: 100% 100%;
}
.index-sol1{padding: 5%;display: inline-block;width: 100%;border: 1px solid #E5E5E5;border-radius:0px 0px 15px 15px;border-top: 0px; float: left;}
.index-sol-type{font-size: 14px;line-height: 30px;color: #2D2D2D;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.index-sol-date{font-size: 14px;color: #7D8089;}
.index-sol-t{
	white-space: nowrap;      /* 防止文本换行 */
	overflow: hidden;         /* 隐藏溢出的文本 */
	text-overflow: ellipsis; /* 显示省略号 */
	font-size: 18px;
	line-height: 30px;
	padding: 4% 0px;
	font-weight: 600;
	color: #2D2D2D;
	transition: color 0.4s ease;
}
.index-sol-c{
	 display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 4; /* 限制显示的行数为3 */
	  overflow: hidden;
	  margin-bottom: 10px;
	  font-size: 16px;
	  line-height: 24px;
	  color: #4F4F4F;
	  transition: 0.4s;
}
.index-sol:hover{top: -20px;background-color: #000;box-shadow: 1px 1px 10px rgba(50,177,108,0.5);}
.index-sol:hover .index-sol-t{color: white;}
.index-sol:hover .index-sol-type{color: white;}
.index-sol:hover .index-sol-c{color: white;}


/* contact */
.contact1{
	width: 260px;height: 470px;background-repeat: no-repeat;background-size: cover;
}
.contact3{width: 515px;height: 470px;background-color: #004BA1;border-top-left-radius: 30%;overflow: hidden;position: relative;}
.contact-t{font-size: 34px;margin-bottom: 30px;font-weight: bold;}
.t-justify{text-align: justify;}
.contact1-t{font-size: 30px;margin-bottom: 20px;color: #2D2D2D;}
.contact-icon{font-size: 36px;color: #000;border: 2px solid #000;border-radius: 50%;padding: 5px;}
.contact1-c{font-weight: bold;font-size: 30px;color: #000;margin-top: 20px;margin-bottom: 20px;}

.map123{background-repeat: no-repeat;background-size: cover;background-position: center; background-image: url('../images/contact_08.jpg');height: 98%;width: 98%;position: absolute; right: 0px;bottom: 0px;border-top-left-radius: 145px;}

#contact-form{width: 100%;display: inline-block;float: left;}
.contact-form{display: inline-block;width: 100%; text-align: center;max-width: 320px;}
.contact-form1{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.contact-form2{display: inline-block;float: left;width: 100%;}
.contact-form-t{font-size: 16px;line-height: 24px;width: 100%;text-align: left;margin-bottom: 10px;color: #3C3C3C;}
.contact-form-t2{font-size: 24px;line-height: 24px;width: 100%;text-align: left;color: #3C3C3C;font-weight: bold;margin-bottom: 10px;}
.contact-form-input{width: 100%;position: relative;}
.form-icon{position: absolute;font-size: 20px;color: #989898;top: 10px;left: 14px;}
.contact-form-input input,.contact-form-input textarea{resize: none;width: 100%;padding: 10px;padding-left: 40px; border:2px solid  #EDEDED ;margin-bottom: 20px;background-color: #F9F9F9;}
.contact-textarea{width: 100%;max-width: none;}
#contact-textarea{width: 100%;}
.contact-form-input input:focus,.contact-form-input textarea:focus{outline: none;color: white!important;border:2px solid #000!important;background-color: #004EA2;}
.contact-form-input input:focus + .form-icon,.contact-form-input textarea:focus + .form-icon{color: white!important;}
.contact-form-input input:focus::placeholder,.contact-form-input textarea:focus::placeholder{color: white;}
/* 当某个元素处于hover状态时，修改它的同级元素 */
.contact-flex{display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-start; margin-bottom: 20px;}
.contact-text{font-size: 15px;line-height: 34px;color: #9C9C9C;max-width: 390px;}
.contact-r{padding-left: 50px;}
.contact-r-c{margin-bottom: 25px;font-size: 15px;text-align: justify;}
.contact-r-content{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.contacts1-t{font-size: 15px;color: #052033;font-weight: bold;}
.contacts1-c{font-size: 20px;color: #9C9C9C;}
.contacts1{margin-bottom: 30px;}
/* app */
.app-bac{background-image:url('../images/appbac_02.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;padding:50px 0px;}
.app .flex-box-1{gap: 20px;}
.app1{border:1px solid rgba(77,77,77,0.2);background-color:rgba(0,77,161,0.05);transition:0.4s;}
.app1:hover{box-shadow:0px 0px 10px rgba(0,77,161,0.2);}
/* product */
.pro-bac{background-image:url('../images/probac_02.jpg');background-position:top;background-repeat:no-repeat;background-size:cover;}
.pro-nav{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;background-color:white;border-radius:5px;}
.pro-nav a{width:20%;}
.pro-nav1{transition: 0.6s; font-size: 18px;padding: 20px 15px;border-radius: 5px;margin-bottom: 0px;text-align:center;}
.pro-nav1:hover,.now-pro{background-color: #004EA2;color: white;}

.pro-nav2{display: flex;align-items: center;justify-content:flex-start;padding: 40px 0vw;flex-wrap: wrap;gap:5%;}
.pro-nav2 a{width:30%;max-width:355px;}
.pro1{margin-bottom: 35px;background-color: white;padding:3rem; width:100%;border:1px solid rgba(73,73,73,0.3);transition:0.5s;}
.pro1-img{display:flex;align-items:center;justify-content:center;padding:30px 0px; }
.pro1-t{
	font-size: max(18px,0.2rem);color: #494949;line-height: 20px;padding:20px 0px;font-weight: bold;margin-bottom: 10px;transition:0.5s;
}
.pro1-btn{width:100%;border-radius:20px;border:2px solid #004EA2;text-align:center;font-size:14px;line-height:30px;color:#004DA1;margin-bottom:10px;transition:0.5s;}
.pro1:hover{box-shadow:1px 1px 10px rgba(0,77,161,0.3);}
.pro1:hover .pro1-t{color: #004DA1;}
.pro1:hover .pro1-btn{background-color: #004DA1;color:white;}
/* promain */
#gallery{margin-bottom: 5vh;}
.promain-img{width: 100%;height: 60vh;max-height: 510px;background-color: #F6F6F6; background-position: center;background-repeat: no-repeat;background-size: 90% 90%;}
.promain-thumb{width: 100%;height: 80px;border: 2px solid #DCDCDC;background-position: center;background-repeat: no-repeat;background-size: auto 100%;}

/* #gallery .swiper-button-prev{bottom: 0px;}
#gallery .swiper-button-next{} */
#thumbs{max-width: 100%;margin: auto;padding: 0px 10%;}
#thumbs .swiper-slide-thumb-active .promain-thumb{border: 2px solid #000;}

#thumbs .swiper-button-next,#thumbs  .swiper-button-prev{color: #000;}

.promain-right{max-width: 90%;margin-left: auto;padding-top: 30px;}
.promain-t{font-size: 30px;color: #757575;margin-bottom: 30px;}
.promain-c{text-align: justify;font-size: 16px;line-height: 30px;color: #3C3C3C;margin-bottom: 30px;}
.promain{padding-bottom: 0px;}
.promain-t2{border-left: 8px solid #000;font-size: 36px;padding-left: 15px;font-weight: bold;text-transform: uppercase;line-height: 36px;margin-bottom: 50px;}

.promain-c table{width: 100%;text-align: center;}
.promain-c th{text-align: center;background-color: #000;color: white;}
.promain-c td ,.promain-c th{padding: 10px;}



/* technological */
.m-b-50{margin-bottom: 50px;}
.m-b-40{margin-bottom: 40px;}
.m-b-30{margin-bottom: 30px;}
.m-b-20{margin-bottom: 20px;}
.tech1{}
.tech1 .img-box{height: 300px;width: 100%;background-position: center; background-size:auto 90%;background-repeat: no-repeat;background-color: white;}
.tech1-t{max-width: 220px;text-align: center;margin: auto;}

.advantages1{
	width: 100%;border-radius: 10px;background-color: #F3F3F3;padding: 20px;margin-bottom: 30px;
}
.advantages1 hr{border-color: #DCDCDC;}
.advantages1-t{font-size: 24px;line-height:26px;height: 78px; color: #000;font-weight: bold;text-align: center;max-width: 230px; display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;margin: auto;margin-top: 30px; margin-bottom: 20px;}
.advantages1-c{font-size: 16px;line-height: 30px;height: 120px;text-align: center;
	display: -webkit-box;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  -webkit-line-clamp: 4;
	  -webkit-box-orient: vertical;
}
.parameters1{
	padding: 14px;background-color: #E6E7E9;max-width: 600px;margin: auto;
}

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

.index-answer{width: 100%;}

.index-answer1{
	border-bottom: 1px solid #EAEAEA;
	padding: 27px 20px;
}
.index-answer1:last-child{
	border-bottom: 0px;
}
.index-answer1 ul{
	padding: 0px;
}

.index-answer-title{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	margin-bottom: 25px;
	position: relative;
}
.index-answer1 div{
	padding-left: 40px;display: inline-block;
}
.index-answer-title::before{
	content: 'Q';
	font-size: 16px;
	padding: 8px 11px;
	border-radius: 50%;
	background-color: #000;
	color: white;
	font-weight: 100;
	margin-right: 8px;
	position: absolute;
	height: 32px;
	line-height: 16px;
	top: -6px;
}
.index-answer-content::before{
	content: 'A';
	font-size: 16px;
	padding: 8px 11px;
	border-radius: 50%;
	background-color:#DCDCDC;
	color: white;
	font-weight: 100;
	margin-right: 8px;
	position: absolute;
	height: 32px;
	line-height: 16px;
	top: -6px;
}
.index-answer-content{
	font-size: 14px;
	color: #4D4D4D;
	position: relative;
}
/* 朝右的三角形 */
.triangle-right {
  /* 宽高设为0，只靠边框形成形状 */
  width: 0;
  height: 0;
  /* 边框设置：左右边框控制横向，上下边框控制纵向 */
  /* 上、下边框设为透明，右侧边框设为可见颜色 */
  border-top: 6px solid transparent;    /* 上边框：透明，高度20px */
  border-bottom: 6px solid transparent; /* 下边框：透明，高度20px */
  border-left: 20px solid #004DA1;       /* 左边框：可见，宽度30px（三角形的“长度”） */
  margin-right: 5px;
}
/* 外层容器：定位父级，控制整体位置 */
    .triangle-hollow-right {
      position: relative; /* 让内层三角形绝对定位 */
      width: 0;
      height: 0;
      /* 外层大三角形（边框色） */
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 20px solid #004DA1; /* 空心边框的颜色 */
      margin: 0px 5px;
    }

    /* 内层小三角形（背景色）：挖空效果 */
    .triangle-hollow-right::after {
     content: "";
    position: absolute;
    top: -4px;
    left: -18px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 15px solid #ffffff;
    }
@media (max-width: 1300px) {
   .app1 .flex-box{justify-content: space-evenly;}
	
	
}

@media (max-width: 1200px) {
    .about-data .flex-box{justify-content:space-around;}
    .about-data .flex-box2{margin-bottom:30px;}
    .about-thumb1{font-size:20px;}
    .index-about-img{display:none!important;}
    .index1-l2{margin:auto;padding-left:1.5rem;padding-right:1.5rem;}
    .index1-l-c{margin-bottom:40px;}
	.fuwu{justify-content: space-around;}
	.index1{justify-content: center;}
	.body1-r-main{width: 700px;}
   .nav ul li{font-size: 12px;}
   .about1 .flex-box{justify-content: space-evenly;}
   .about2 .flex-box{justify-content: space-evenly;}
  
   .about2-tag{margin-bottom: 20px;}
   .flex-box-1{justify-content: space-around;}
   .contactflex{justify-content: space-around;}
   .contact1{display: none;}
}
@media (max-width: 1024px) {
    .about-thumb1{display:flex;height:70px;justify-content:center;align-items:center;}
    #index-banner .swiper-slide{height:35vh;}
    .index-banner-box-c{display:none;}
	.pro-nav{justify-content: flex-start;}
	.pro-nav1{font-size: 14px;margin-right: 10px;}
	html{padding-top: 86px;}
	
   .logo{width: auto;margin-left: 0;}
   .index1{justify-content: space-evenly;}
   .indexsolutions .am-container{flex-wrap: wrap;}
   .contact-r{padding-left: 0.75rem;}
   .body_dia{padding: 50px 0px;}
   .contact3{width: 100%;}
   .about-data .flex-box{justify-content: space-around;}
   
	.about-culture-card{flex: none;width: 49%;}
}
@media (max-width: 640px) {
    .pro-nav2 a{width:47.5%;}
    .about-data-t{text-align:center;margin-bottom:30px;}
    .about-data-flex{flex-wrap:wrap;justify-content:center;}
    .aboutdatanum1{font-size:48px;}
    .aboutdatanum{font-size:48px;}
    .about-data .flex-box2{justify-content:space-around;justify-content:space-around;flex-wrap:wrap;}
    .footer-list li{width:50%;}
    .about-thumb1{font-size:16px;}
    .news-card{width:100%;}
	.pro-intro{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px; background: linear-gradient(to right, rgba(5,32,51,0.8) 100%, transparent 0%);}
	.about-culture-card{flex: none;width: 100%;margin-bottom: 20px;}
	.about-img{margin: 10px 0px;}
	.about2-c p{font-size: 16px;}
	.about2-tag{font-size: 18px;}
	.footer1{max-width: 100%;}
	.dia-t{font-size: 24px;}
	.dia-tinyt{font-size: 16px;margin-bottom: 20px;line-height: 28px;}
	.body_dia{padding: 40px 0px;}
	
   .indexsolutionsr{height: 250px;}
   .contact-form-input input, .contact-form-input textarea{margin-bottom: 20px;padding: 12px;padding-left: 40px;font-size: 14px;}
	.form-icon{top: 10px;}
}
@media (max-width: 480px) {
    .pro-nav2{gap:0;justify-content:center;}
    .pro-nav2 a{width:100%;}
}