@charset "UTF-8";
/* 背景颜色 */
/* 常规文字 */
/* 辅助色 */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #E2DEDF !important;
  font-size: 16px;
  color: #606266;
  font-family: Arial, sans-serif;
}

ol, ul, div, p, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

a {
  color: #333333;
}

a:hover {
  text-decoration: none;
}

.title-container {
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}
.title-container .title {
  margin: 0;
  /* 移除默认的margin */
  text-align: center;
  /* 确保文本在h2元素内居中（如果h2宽度小于容器宽度） */
  color: #909399;
}
.title-container .line {
  height: 1px;
  /* 线条高度 */
  background-color: #909399;
  /* 线条颜色 */
  flex: 0 0 50px;
  /* 不增长，不缩小，固定宽度为50px */
  margin: 0 10px;
  /* 线条之间的间距 */
}

/* 背景颜色 */
/* 常规文字 */
/* 辅助色 */
/*横排 左对齐*/
/*横排 右对齐*/
/*竖排 上下左右 居中对齐*/
#photo {
  border-radius: 5px;
}

#naming {
  margin: 30px 0 30px 0;
}
#naming .wrap {
  margin-top: 20px;
  border: 1px solid #c0bbb8;
  padding: 8px 8px 0 8px;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), 6px 6px 10px rgba(0, 0, 0, 0.1);
  background: url("../images/wenda_bg2.jpg") no-repeat bottom right 5px, #e8e8e2;
}
#naming .wrap .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#naming .wrap .list span {
  font-size: 20px;
  color: #920e14;
}
#naming .wrap .list p {
  font-size: 14px;
  color: #606266;
  line-height: 24px;
}

#doubt .container .wrap {
  margin-top: 20px;
  border: 1px solid #c0bbb8;
  padding: 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), 6px 6px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  /* 相对于自身定位子元素 */
  /* 示例宽度 */
  min-height: 200px;
  /* 示例高度 */
  background: url("../images/photo_dw01.jpg") no-repeat bottom left;
  /* 背景图片及位置 */
  background-size: auto 100%;
  /* 根据需要调整图片大小 */
}
#doubt .container .wrap .content {
  width: 100%;
  min-height: 200px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 12px;
  color: #fff;
}
#doubt .container .wrap .content h4 {
  font-size: 16px;
  margin-bottom: 20px;
}
#doubt .container .wrap .content p {
  text-indent: 2em;
  font-size: 16px;
  line-height: 24px;
}

#software {
  margin: 30px 0 30px 0;
}
#software .wrap {
  margin-top: 20px;
  border: 1px solid #c0bbb8;
  padding: 8px 8px 0 8px;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), 6px 6px 10px rgba(0, 0, 0, 0.1);
  background: url("../images/wenda_bg2.jpg") no-repeat bottom right 5px, #e8e8e2;
}
#software .wrap .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#software .wrap .list span {
  font-size: 20px;
  color: #920e14;
}
#software .wrap .list p {
  font-size: 14px;
  color: #606266;
  line-height: 24px;
}

#company {
  margin: 30px 0 30px 0;
}
#company .icon {
  text-align: center;
}
#company .icon span {
  color: #920e14;
  display: inline-block;
  /* 确保图标可以作为块级元素进行变换 */
  transform-origin: center;
  /* 设置旋转的中心点为图标的中心 */
  animation: rotateAroundCenter 2s linear infinite;
  /* 应用动画 */
  margin-bottom: 10px;
}
#company .wrap {
  margin-top: 20px;
  border: 1px solid #c0bbb8;
  padding: 8px 8px 0 8px;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), 6px 6px 10px rgba(0, 0, 0, 0.1);
  background: url("../images/wenda_bg2.jpg") no-repeat bottom right 5px, #e8e8e2;
}
#company .wrap p {
  text-indent: 2em;
  font-size: 14px;
  color: #606266;
  line-height: 24px;
}

#feature {
  margin: 30px 0 30px 0;
}
#feature .wrap {
  margin-top: 20px;
  border: 1px solid #c0bbb8;
  padding: 8px 8px;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), 6px 6px 10px rgba(0, 0, 0, 0.1);
  background: #e8e8e2;
}
#feature .wrap .item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: #E2DEDF;
  margin-bottom: 8px;
}
#feature .wrap .item .icon {
  text-align: center;
  width: 100px;
  margin: 10px 0;
}
#feature .wrap .item .icon span {
  font-size: 26px;
}
#feature .wrap .item .content {
  font-size: 14px;
  width: 100%;
  margin: 10px 0;
  padding: 0 10px 0 0;
}

#video .wrap {
  margin-top: 20px;
  border: 1px solid #c0bbb8;
  padding: 0 8px;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), 6px 6px 10px rgba(0, 0, 0, 0.1);
  background: #e8e8e2;
}
#video .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#video .video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contact {
  margin: 30px 0 30px 0;
}
#contact .wrap {
  margin-top: 20px;
  border: 1px solid #c0bbb8;
  padding: 20px 0 10px 0;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), 6px 6px 10px rgba(0, 0, 0, 0.1);
  background: #e8e8e2;
}
#contact .wrap .wx_num {
  padding: 0 25px;
}
#contact .wrap .wx_num .btn-success {
  background-color: #2AAE67;
}
#contact .wrap .wx_code p {
  margin-top: 15px;
}
#contact .modal .icon {
  text-align: center;
}
#contact .modal .icon .iconfont {
  font-size: 40px;
  color: #2AAE67;
}
#contact .modal .icon h4 {
  font-size: 20px;
  margin-top: 20px;
}

@keyframes rotateAroundCenter {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=style.css.map */