/* 公共 */
.indexPublic {
  padding: 60px 0px 0;
}

.indexPublic-box {
  max-width: 1200px;
  margin: 0 auto;
}

.indexPublic-box_Title {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}

/* 联系我们 */
.About {
  background: linear-gradient(to right, #fff6de, #e5faf3);
  padding: 100px 0px;
}

.form-container {
  max-width: 1200px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 30px;
  border: 10px solid transparent;
  overflow: hidden;
  margin: 0 auto;
  background: linear-gradient(to right, white, white), linear-gradient(45deg, #f7f0d7, #ebf7f5);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}

.form-rowbox {
  background: #e3f2ef;
}

.form-header {
  /* padding: 24px; */
  padding: 70px 70px;
}

.form-header h2 {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
}

.form-desc {
  margin-top: 16px;
  font-size: 16px;
  color: #333;
}

.form-service-bar {
  display: flex;
  flex-wrap: wrap;
  background: linear-gradient(to right, #e2f2b3, #d1eb91, #9edeb7);
  padding: 12px 24px;
}

.form-service-item {
  flex: 1;
  text-align: center;
  padding: 8px 0;
  color: #333;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* .form-service-item:hover {
  color: #00b386;
} */

.sidebar {
  position: fixed;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sidebar-icon {
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  transition: all 0.3s ease;
}

.sidebar-icon:hover {
  background: #f8f8f8;
  transform: scale(1.1);
}

/* 公司动态 */
.CompanyDynamic {
  background: #f1f9f7;
  padding: 100px 0px;
}

.CompanyDynamic-box {
  max-width: 1200px;
  margin: 0 auto;
}

.CompanyDynamic-box_Title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}

.CompanyDynamic-Box-Button {
  padding: 60px 0px 32px 0px;
  height: 40px;
  display: flex;
  justify-content: center;
}

.CompanyDynamic-Box-list {
  margin-top: 60px;
}

.CompanyDynamic-list {
  cursor: pointer;
}

.CompanyDynamic-Button {
  width: 150px;
  height: 40px;
  color: #117865;
  background: transparent;
  border: 1px solid #117865;
  border-radius: 90px;
  text-align: center;
  line-height: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  cursor: pointer;
}

.CompanyDynamic-Button img {
  height: 20px;
  width: 20px;
  margin-top: 10px;
  margin-left: 5px;
}

.CompanyDynamic-list-msg {
  font-weight: 700;
  margin-top: 16px;
}

.CompanyDynamic-list:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

/* 公司动态列表图片中心放大效果 */
.CompanyDynamic-list-img img {
  transition: transform 0.5s ease;
}

.CompanyDynamic-list-img img:hover {
  transform: scale(1.2);
  transform-origin: center;
}

/* <!-- 数据链路概念图架构 --> */
.DataLinkage {
  background: #fff;
}

.DataLinkage-box {
  margin: 0 auto;
  max-width: 1200px;
  padding: 75px 0px;
  padding-top: 0px;
}

.DataLinkage-box_Title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}

.DataLinkage-box-img img {
  width: 100%;
}

/*  <!--敏捷艾科100+企业精选 --> */
.box2-box-content {
  width: 100%;
  padding-top: 40px;
}

.box2-box-msg1 {
  /* max-width: 576px; */
  margin: 0 auto;
  text-align: left;
  color: #333;
  font-size: 16px;
  padding: 0 10px;
}
.box2-box-msg1 p {
  line-height:25px;
  font-size: 14px;
  /* text-indent: 25px; */
}
.box2-box-msg1 p:nth-child(1){
   padding-right: 77px;
}
.box2-box-msg1 p {
   margin-bottom: 20px;
}
.box2-box-msg2-img img {
  width: 68px;
  height: 68px;
}

.box2-box-msg2-title {
  font-size: 16px;
  font-weight: 700;
  padding: 25px 0px;
}

.box2-box-msg2-msg {
  line-height: 28px;
}

/* <!-- 数据展示 --> */
.box3-box-number {
  width: 100%;
  min-height: 440px;
  background: linear-gradient(90deg, #fff6ea 0%, #fbfdf3 53.37%, #edf9f7 100%);

  background-size: 100% 100%;
}

/* 我们的服务 */
/* 标题容器，让标题水平居中 */
.service-title {
  text-align: center;
  margin: 40px 0;
  margin-top: 0px;
}

.service-title h2 {
  font-size: 28px;
  color: #333;
}

/* 分类导航样式 */
.service-nav {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
}

.service-nav a {
  text-decoration: none;
  color: #333;
  padding-bottom: 5px;
  transition: border-color 0.3s ease;
}

.service-nav a:hover {
  border-bottom: 2px solid #117865;
}

.service-nav .active {
  border-bottom: 2px solid #117865;
}

.service-content {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

.service-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.service-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.service-item h3 {
  font-size: 20px;
  color: #333;
}

.service-item p {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}

.service-item a {
  text-decoration: none;
  color: #117865;
  background-color: #fff;
  padding: 8px 20px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  border: 1px solid #117865;
}

.service-item a:hover {
  color: #fff;
  background-color: #117865;
}

/* 我们的产品  */

.products-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  padding-top: 0px;
}

.products-containerBackground {
  background: linear-gradient(90deg, #f5f3ff 0%, #ebf2ff 53.37%, #edf9f7 100%);
}

.products-title {
  text-align: center;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 500;
}

.products-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 60px;
}

.product-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 120px;
  text-align: center;
  cursor: pointer;
}

.product-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-title {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.product-highlight {
  color: #117865;
}

.product-divider {
  width: 1px;
  height: 4px;
  background-color: transparent;
  margin: 5px 0;
  border-radius: 4px;
  transition: width 0.3s ease;
  /* 添加 0.2s 的延迟时间 */
}

.product-divide-active {
  background-color: #117865;
  width: 40px;
}

.product-item:hover .product-divider {
  background-color: #117865;
  width: 40px;
}

.product-item:hover .product-title {
  color: #117865;
}

.product-item:hover .product-icon {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.product-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  margin-bottom: 60px;
  display: none;
}

.PowerBIPortal {
  display: flex;
}

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

.product-title-large {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #333;
}

.feature-item {
  margin-bottom: 25px;
}

.feature-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.feature-desc {
  font-size: 14px;
  color: #999;
}

.product-image {
  flex: 1;
  min-width: 300px;
  height: 400px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  display: inline-block;
  padding: 8px 20px;
  background-color: transparent;
  border: 1px solid #117865;
  color: #117865;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn:hover {
  background-color: #117865;
  color: #fff;
}

/* 我们的客户 */
.customers-containerBackground {
  background: #fff;
}

.customers-content {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 60px;
}

.swiper-slide-say {
  width: calc(380px - 80px);
  height: calc(285px - 80px);
  border-radius: 20px;
  border-width: 2px;

  /* border: 2px solid #d1dbd3; */
  padding: 40px;

}

.swiper_1 {
  background: #F2F8FF;
}
.swiper_2 {
  background: #FFFAF0;
}
.swiper_3 {
  background: #F1F9F7;
}
.swiper_4 {
  background: #F2F8FF;
}
.swiper_5 {
  background: #FFFAF0;
}



.CompanyDynamic-khs {
  max-width: 1200px;
  margin: 0 auto;
}

.CompanyDynamic-box_Title {
  margin-bottom: 58px;
}

.CompanyDynamic-khs {
  margin-bottom: 100px;
}
.swiper-slide{
  background-position-y:0px ;
}
.swiper-slide-say-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

.swiper-slide-say-msg {
  height: 100px;
  font-weight: 400;
  color: #333;
}

.swiper-slide-say-lineBox {
  display: flex;
  align-content: center;
  /* justify-content: flex-start; */
  justify-content: flex-end;
  align-items: center;
}

.swiper-slide-say-line {
  width: 46px;
  height: 1px;
  background: #bbeac6;
  margin-right: 10px;
}

.swiper-slide-say-ren {}

.swiper-slide-say-company {
  margin-top: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  color: #B2B2B2;

}

.swiper-button-prev {
  background-image: url("../public/img/aboutus/Group 427320839.png");
  background-size: 55px;
  width: 60px;
}

.swiper-button-next {
  background-image: url("../public/img/aboutus/Group 427320840.png");
  background-size: 55px;
  width: 60px;
}
#message{
  position: fixed;
  top: 10%;
  left: 50%;
  margin-left: -165px;
  width: 300px;
  max-width: 100% !important;
  padding: 15px;
  font-size: 14px;
  z-index: 9999;
  border-radius: 10px;
  display: none;
  opacity: 0;
  transition:  0.5s;
}
#message.success{
  border: 1px solid #e1f3d8;
  background: #f0f9eb;
  color: #67c23a;
  box-shadow: 0 0 10px #98ec6e;
}
#message.warning{
  border: 1px solid #faecd8;
  background: #fdf6ec;
  color: #e6a23c;
  box-shadow: 0 0 10px #e4c08b;
}

/* 立即咨询开始 */
.experienceBox{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  background: rgba(0,0,0,0.4);
  overflow: auto;
}
.experienceCon{
  width: 600px;
  max-width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 100px auto;
}
.experienceHeader{
  position: relative;
  width: 100%;
}
.experienceHeader>img{
  width: 100%;
  display: block;
}
.experienceheaderCon{
  position: absolute;
  top: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.experienceheaderConTitle{
  width: calc(100% - 20px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.experienceheaderConTitle>p{
  width: 100%;
  font-size: 14px;
}
.experienceheaderConTitle>p:first-of-type{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.experienceheaderCon>img{
  width: 20px;
  cursor: pointer;
}
.experienceIframeBox{
  width: 100%;
  padding: 24px 100px 0;
  background: #fff;
  box-sizing: border-box;
}
.experienceIframeBox>input{
  width: 100%;
  height: 45px;
  border: 1px solid #CFE2DD;
  border-radius: 8px;
  margin-bottom: 14px;
  text-indent: 1em;
}
.experienceIframeBox>input:focus {
  outline: none; /* 移除默认的浏览器轮廓线 */
}
.experienceIframeBox>input:hover{
  border: 1px solid #117865;
}
/* Chrome/Safari */
.experienceIframeBox>input::-webkit-input-placeholder {
  font-size: 14px;
}
/* Firefox */
.experienceIframeBox>input::-moz-placeholder {
  font-size: 14px;
}
/* IE10+ */
.experienceIframeBox>input:-ms-input-placeholder {
  font-size: 14px;
}
.experienceIframeBox>textarea{
  width: 100%;
  height: 92px;
  border: 1px solid #CFE2DD;
  border-radius: 8px;
  text-indent: 1em;
  margin-bottom: 20px;
  padding: 10px 0;
  resize: none;
  font-family: 'HanSansSC';
}
.experienceIframeBox>textarea:focus {
  outline: none; /* 移除默认的浏览器轮廓线 */
}
.experienceIframeBox>textarea:hover{
  border: 1px solid #117865;
}
/* Chrome/Safari */
.experienceIframeBox>textarea::-webkit-input-placeholder {
  font-size: 14px;
}
/* Firefox */
.experienceIframeBox>textarea::-moz-placeholder {
  font-size: 14px;
}
/* IE10+ */
.experienceIframeBox>textarea:-ms-input-placeholder {
  font-size: 14px;
}
.experienceButtonBox{
  width: 100%;
  padding: 0 100px 30px;
  background: #fff;
  box-sizing: border-box;
}
.experienceButtonBox>button{
  width: 100%;
  height: 40px;
  background: linear-gradient(90deg, #117865 0%, #1B9881 100%);
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.experienceButtonBox>button:hover{
  opacity: 0.8;
}
/* 立即咨询结束 */