@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  list-style-type: none;
  color: #000;
}

a {
  text-decoration: none;
  list-style-type: none;
  color: #44403f;
}

img {
  display: flex;
  max-width: 100%;
}

h3,
h2,
h4 {
  font-weight: 500;
}

@font-face {
  font-family: "iconfont";
  src: url("../font/iconfont.woff2") format("woff2"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont-1748790896124.ttf") format("truetype");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pagelist {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
.pagelist a,
.pagelist span {
  margin: 1.25rem 0.25rem;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-color: rgb(156, 163, 175);
  border-radius: 9999px;
  color: rgb(156, 163, 175);
}
.pagelist a.active, .pagelist a:hover,
.pagelist span.active,
.pagelist span:hover {
  border-color: rgb(98, 98, 98);
  background-color: rgb(98, 98, 98);
  color: #fff;
}
.pagelist a.np,
.pagelist span.np {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
  padding-right: 2px;
}
.pagelist a.np i,
.pagelist span.np i {
  width: 1.5rem;
  height: 1.5rem;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.modal-overlay.active {
  display: flex;
}

.modal-form {
  background: white;
  padding: 2rem;
  border-radius: 0.5rem;
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}
.modal-form .close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 1.5rem;
  cursor: pointer;
  color: #666;
}
.modal-form .close-btn:hover {
  color: #000;
}
.modal-form .modal-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
  color: #333;
}
.modal-form .form-group {
  margin-bottom: 1rem;
}
.modal-form .form-group input, .modal-form .form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
.modal-form .form-group input:focus, .modal-form .form-group textarea:focus {
  outline: none;
  border-color: #333;
}
.modal-form .form-group textarea {
  resize: vertical;
  min-height: 100px;
}
.modal-form .btns_form_group {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.modal-form .btns_form_group .layui-input {
  flex: 1;
  margin-right: 0.5rem;
}
.modal-form .btns_form_group img {
  height: 38px;
  cursor: pointer;
}
.modal-form .message_buttom {
  margin-top: 1rem;
}
.modal-form .message_buttom .btn {
  width: 100%;
  padding: 0.75rem;
  background: #333;
  color: white;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1rem;
}
.modal-form .message_buttom .btn:hover {
  background: #555;
}

.i-app-left {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1em;
  height: 1em;
}

.i-app-right {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1em;
  height: 1em;
}

.i-app-up {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1em;
  height: 1em;
}

.i-app-lang {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m6.93 6h-2.95a15.7 15.7 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A8 8 0 0 1 5.08 16m2.95-8H5.08a8 8 0 0 1 4.33-3.56A15.7 15.7 0 0 0 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1em;
  height: 1em;
}

.swiper2 .nelist_lb {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.head_top_nav {
  display: flex;
  justify-content: space-between;
  padding: 0 10%;
  box-sizing: border-box;
  font-size: 0.5rem;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 20px;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  width: 100%;
  z-index: 99;
}

.content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.case_content {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  word-wrap: break-word;
}
.case_content h1,
.case_content h2,
.case_content h3,
.case_content h4,
.case_content h5,
.case_content h6 {
  margin: 20px 0 15px;
  font-weight: bold;
  line-height: 1.3;
}
.case_content h1 {
  font-size: 28px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.case_content h2 {
  font-size: 24px;
}
.case_content h3 {
  font-size: 20px;
}
.case_content h4 {
  font-size: 18px;
}
.case_content h5 {
  font-size: 16px;
}
.case_content h6 {
  font-size: 14px;
}
.case_content p {
  margin: 0 0 15px 0;
}
.case_content a {
  color: #0366d6;
  text-decoration: none;
}
.case_content a:hover {
  text-decoration: underline;
}
.case_content ul,
.case_content ol {
  margin: 0 0 15px 25px;
  padding: 0;
}
.case_content li {
  margin: 5px 0;
}
.case_content blockquote {
  margin: 0 0 15px 0;
  padding: 10px 20px;
  border-left: 4px solid #ddd;
  background-color: #f8f8f8;
  color: #666;
}
.case_content code {
  font-family: "Consolas", "Courier New", monospace;
  background-color: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 14px;
}
.case_content pre {
  margin: 0 0 15px 0;
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 5px;
  overflow-x: auto;
}
.case_content pre code {
  background-color: transparent;
  padding: 0;
}
.case_content img {
  max-width: 100%;
  height: auto;
  margin: 10px 0;
  display: block;
}
.case_content table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}
.case_content th,
.case_content td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.case_content th {
  background-color: #f8f8f8;
  font-weight: bold;
}
.case_content hr {
  border: 0;
  border-top: 1px solid #eee;
  margin: 20px 0;
}

.espcms_form_group {
  width: 32%;
}

.espcms_bbs_form {
  width: 100%;
}

.head_top_nav ul {
  display: flex;
  width: 100%;
}

.head_top_nav ul:nth-child(1) li {
  margin-right: 5%;
  width: 26%;
}

.head_top_nav ul:nth-child(1) li:last-child {
  margin-right: 0;
}

.head_top_nav ul:nth-of-type(2) {
  justify-content: flex-end;
}

.head_top_nav ul:nth-of-type(2) li {
  margin-left: 5%;
  width: 26%;
}

.head_top_nav ul:nth-of-type(2) li:last-child {
  margin-right: 0;
}

.head_top_logo {
  width: 210px;
}

.head_top {
  position: relative;
  width: 100%;
}

.about_main {
  background: #f8f8f8;
  padding-bottom: 100px;
}

.about_main {
  display: flex;
  padding: 0 10% 100px 10%;
  box-sizing: border-box;
  justify-content: space-between;
  min-height: 700px;
}

.about_main_l_k {
  width: 46%;
}

.about_main_r {
  width: 49%;
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.about_main_r video {
  width: 100%;
  height: auto;
}

.about_main_r_img_t {
  position: absolute;
  z-index: 999;
  left: 0px;
  cursor: pointer;
}

.about_main_r_img_t {
  width: 55%;
}

.about_main_r_img_b {
  width: 70%;
  transform: translate(0px, 110px);
}

.about_main_l_bottom {
  margin: 50px 0px;
}

.about_main_l_top h3 {
  font-size: 1rem;
}

.about_main_l_top h2 {
  font-size: 2rem;
  margin-bottom: 1.8rem;
}

.about_main_l_top p {
  color: #4d4d4d;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.about_main_l_top h3 {
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.about_main_l_top h4 {
  margin-bottom: 20px;
  line-height: 1.5rem;
}

.about_main_l_bottom ul {
  display: flex;
}

.about_main_l_bottom ul li {
  width: 30%;
  margin-right: 5%;
}

.about_main_l_bottom ul li:last-child {
  margin-right: 0;
}

.about_main_l_bottom_t {
  display: flex;
}

.about_main_l_bottom_t_num {
  font-size: 3.5rem;
  line-height: 3.5rem;
  color: #4d4d4d;
}

.about_main_l_bottom_t_year {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.about_main_l_bottom_t_year {
  font-size: 1.3rem;
}

.about_main_l_bottom_t_plus {
  font-size: 2rem;
  line-height: 1.6rem;
  color: #4d4d4d;
}

.about_main_l_bottom_b {
  color: #4d4d4d;
  font-size: 0.8rem;
}

.about_main_l_bottom_t_year {
  color: #4d4d4d;
}

.about_main_l_but {
  border: 1px #424242 solid;
  line-height: 34px;
  width: 205px;
  text-align: center;
  margin-top: 50px;
}

.about_main_l_but a {
  width: 100%;
  display: flex;
  justify-content: center;
  transition-delay: 0.2s;
  transition-duration: 0.6s;
}

.current {
  font-family: AUTO;
  margin: 0px 10px;
}

.about_main_l_but {
  background-color: #000;
  border-radius: 25px;
  background: linear-gradient(to left, #fff 50%, #000 50%);
  background-size: 300% 100%;
  background-position: right bottom;
  transition: all 1s ease;
}

.zixun .about_main_l_but {
  background-color: #000;
  border-radius: 25px;
  background: linear-gradient(to left, #000 50%, #fff 50%);
  background-size: 300% 100%;
  background-position: right bottom;
  transition: all 1s ease;
  color: #fff;
}

.about_main_l_but:hover {
  background-position: left bottom;
}

.about_main_l_but:hover a {
  color: #fff;
}

.zixun .about_main_l_but:hover a {
  color: #000;
}

.about_main_l_but a {
  color: #000;
}

.zixun .about_main_l_but a {
  color: #fff;
}

.about_main {
  padding-top: 120px;
  box-sizing: border-box;
}

.about_main_yw {
  display: flex;
  padding: 0 10%;
  box-sizing: border-box;
  justify-content: space-between;
  background: #f8f8f8;
}

.about_main_yw_main ul {
  display: flex;
  justify-content: space-between;
}

.about_main_yw_main ul li {
  width: 30%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  border: 1px solid #eaeaea;
}

.about_main_yw_contact .contcact_list2 li {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 1px solid #eaeaea;
}

.about_main_yw_main ul li:hover .about_main_yw_img {
  transform: rotate(360deg);
}

.about_main_yw_img {
  transition: all 2s;
  margin-top: 20px;
}

.about_main_yw_main ul li a {
  flex-direction: column;
  display: flex;
  width: 100%;
  align-items: center;
}

#dtlink {
  flex-direction: row;
  justify-content: center;
}

.about_main_yw_main li p {
  text-align: center;
}

.about_main_yw_img {
  width: 14%;
}

.nelist h2 {
  font-size: 1.5rem;
}

.about_main_yw_main p {
  font-size: 0.8rem;
}

.about_main_yw_main ul li {
  padding: 0 4%;
  box-sizing: border-box;
}

.nelist p {
  line-height: 20px;
}

.nelist h2 {
  margin-top: 36px;
  margin-bottom: 10px;
}

.link_icon:before {
  font-size: 4;
  line-height: inherit;
  font-weight: 400;
  font-style: inherit;
  content: "\e72c";
  display: inline-block;
  vertical-align: top;
  color: currentColor;
}

.link_icon {
  display: flex;
  align-items: center;
}

.nelist a {
  display: flex;
  font-size: 0.8rem;
  margin-bottom: 20px;
}

.nelist li:hover .more {
  opacity: 1;
  text-indent: 0;
  margin-right: 6px;
  visibility: visible;
  transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
}

.nelist li:hover .link_icon {
  position: relative;
  margin-right: 0;
  white-space: nowrap;
  opacity: 1;
  transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  will-change: visibility, margin-right, text-indent, opacity;
}

.nelist li:hover {
  background: #fff;
}

.nelist li .more {
  position: relative;
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
  text-indent: -110px;
  visibility: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  will-change: visibility, margin-right, text-indent, opacity;
}

.nelist li {
  transition: all 0.6s;
}

.about_main_yw_main {
  margin-top: 60px;
}

.about_main_cpzx_main {
  background: #000;
  box-sizing: border-box;
}

.about_main_cpzx {
  background: #f8f8f8;
}

.about_main_cpzx {
  display: flex;
  flex-direction: column;
}

.about_main_cpzx_title {
  text-align: center;
  font-size: 2rem;
}

.list_gd {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}

.list_gd a {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  width: 100%;
  overflow: hidden;
}

.swiper_img {
  display: flex;
  justify-content: center;
}

.swiper_img img {
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.hju {
  padding: 0 10%;
  box-sizing: border-box;
}

.about_main_cpzx_main {
  padding: 4% 10%;
  box-sizing: border-box;
  position: relative;
}

.about_main_cpzx_main .swiper {
  position: static;
}

.about_main_cpzx_main .swiper-button-next:after,
.about_main_cpzx_main .swiper-button-prev:after {
  color: #5f5f5f;
}

.list_gd .more {
  position: relative;
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
  text-indent: -110px;
  visibility: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  will-change: visibility, margin-right, text-indent, opacity;
}

.list_gd:hover .link_icon {
  position: relative;
  margin-right: 0;
  white-space: nowrap;
  opacity: 1;
  transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  will-change: visibility, margin-right, text-indent, opacity;
}

.list_gd:hover .more {
  opacity: 1;
  text-indent: 0;
  margin-right: 6px;
  visibility: visible;
  transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
}

.nelist_lb {
  display: flex;
  font-size: 0.8rem;
  margin-top: 40px;
  justify-content: center;
  margin-bottom: 40px;
}

.list_gd .swiper-slide {
  background: #fafafa !important;
}

.list_gd .swiper_img {
  background: #fafafa !important;
  width: 100%;
}

.swiper_img_t {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.news-more {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.news-more a {
  display: inline-block;
  background: #fff;
  padding: 10px 30px;
  border-radius: 100px;
}
.news-more a:hover {
  background: red;
  color: #fff;
}

.swiper_img_t img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper_img {
  display: flex;
  justify-content: center;
}

.list_gd {
  flex-direction: column;
  display: flex;
  background: #fff;
}

.about_main_cpzx_main .swiper-slide {
  display: flex;
}

.list_gd h2 {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 20px 0px;
  width: 100%;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏溢出的文本 */
  text-overflow: ellipsis;
  /* 使用省略号表示被截断的文本 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding: 0px 10px;
}

.list_gd p {
  font-size: 0.8rem;
}

.about_main_cpzx_main .list_gd:hover .swiper_img img {
  transform: scale(1.2);
}

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

.home-banner {
  position: relative;
}

.home-banner img {
  max-height: 100vh;
}

.home-banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .home-banner video {
    display: none;
  }
}
.swiper_img img {
  overflow: hidden;
  transition: all 2s;
  max-width: 100%;
  width: 100%;
}

.gongjiang {
  background: url(../image/1_13.jpg) no-repeat;
  padding: 4% 10%;
  box-sizing: border-box;
  min-height: 880px;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gongjiang h3 {
  font-size: 2rem;
  margin: 10px 0px;
}

.gongjiang_text p {
  font-size: 0.8rem;
  line-height: 1.6rem;
}

.gongjiang_text {
  width: 33%;
}

.gongjiang_text p {
  margin: 50px 0px;
}

.about_main_cpzx_title {
  margin: 60px 0px 45px 0px;
}

.index_case_main {
  padding: 5% 10%;
  box-sizing: border-box;
}

.index_case_main ul {
  display: flex;
  justify-content: space-between;
}

.index_case_main ul li {
  width: 32%;
}

.biaoti_linne {
  border: 1px solid #8b8b8b;
  width: 8%;
  margin-right: 5%;
}

.title_case_k h3 {
  font-size: 0.8rem;
  color: #666666;
}

.title_case_k {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.index_case_main_title h4 {
  padding-left: 13%;
  box-sizing: border-box;
  font-size: 1.3rem;
  margin: 18px 0px 18px 0px;
}

.index_case_main_title {
  margin-top: 18px;
}

.index_case_title h3 {
  font-size: 1.8rem;
  margin-bottom: 40px;
}

.index_case_title h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.index_case_main_img:hover img {
  transform: scale(1.2);
}

.index_case_main_img {
  overflow: hidden;
}

.index_case_main_img img {
  transition: all 2s;
  width: 100%;
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.index_case {
  background: #f8f8f8;
}

.index_service {
  background: url(../image/1_25.jpg) no-repeat;
  min-height: 700px;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: bottom;
  align-items: center;
  padding: 20px 0;
}

.index_service p {
  width: 39%;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.5rem;
}

.index_service h2 {
  font-size: 2rem;
  margin-bottom: 22px;
}

.footer {
  background: #1c1c1c;
  color: #9c9c9d;
  box-sizing: border-box;
  padding: 3% 10%;
}

.footer_t_l_text {
  color: #9c9c9d;
}

.footer_t {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.footer {
  display: flex;
  flex-direction: column;
}

.footer_t_r ul {
  display: flex;
  justify-content: space-between;
}

.footer_t_r {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
}

.footer_t_l {
  display: flex;
  justify-content: space-between;
}

.footer_t_l_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.footer_t_l_logo {
  width: 120px;
}

.footer_t_r ul li {
  margin-left: 2%;
}

.footer_t_r ul li a {
  color: #b0b0b0;
}

.footer_t_r {
  width: 50%;
}

.footer_b {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  border-top: 1px solid #535353;
  padding-top: 20px;
}

.footer_b_r {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}

.footer_b_l ul {
  display: flex;
}

.footer_b_r a {
  color: #9c9c9d;
}

.footer_bq {
  color: #9c9c9d;
}

.footer_b li a {
  font-size: 0.8rem;
}

.footer_b_r a {
  font-size: 0.8rem;
}

.footer_bq {
  font-size: 0.8rem;
}

.footer_b_l li a {
  color: #9c9c9d;
}

.footer_b_l li {
  margin-right: 5%;
}

.footer_b_l {
  width: 20%;
}

/* 轮播 */
.swiper2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 760px) {
  .swiper-button-next {
    right: 20px;
    transform: rotate(90deg);
  }
  .swiper-button-prev {
    left: 20px;
    transform: rotate(90deg);
  }
}
/* 关于我们 */
.about_map {
  background: url(../image/4_04.png) no-repeat;
  min-height: 800px;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  box-sizing: border-box;
}

.about_map h2 {
  font-size: 1.2rem;
  margin-top: 10px;
}

.about_logo_title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about_logo_title h4 {
  font-size: 2rem;
}

.about_logo {
  background: #f8f8f8;
  padding-top: 80px;
}

.about_logo_list {
  padding: 0 10%;
  box-sizing: border-box;
}

.about_logo_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.about_logo_list li {
  justify-content: center;
  text-align: center;
  justify-content: center;
  width: 14%;
  align-items: center;
  display: flex;
}

.about_logo_list li img {
  transform: scale(0.8);
  display: inline-block;
  max-height: 80px;
}

.logolist {
  width: 100%;
  border-bottom: 1px solid #d5d6d6;
}

.about_logo_list {
  padding-bottom: 60px;
}

.logolist ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 100px;
  align-items: center;
}

.logolist:last-child {
  border: none;
}

.zhanhuihuodong_title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 60px;
}

.zhanhuihuodong_title h2 {
  font-size: 2rem;
}

.zhanhuihuodong_title h3 {
  font-size: 1.2rem;
  margin: 10px 10px 30px 10px;
}

.zhanhuihuodong_img {
  display: flex;
  padding: 0 10%;
  box-sizing: border-box;
}

.zhanhuihuodong_img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.zhanhuihuodong_img_c {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zhanhuihuodong_img_l {
  transform: scale(0.97);
}

.zhanhuihuodong_img_c {
  transform: scale(0.95);
}

.zhanhuihuodong_img_r {
  transform: scale(0.95);
}

/* 联系我们 */
.contact_map {
  display: flex;
  justify-content: space-between;
}

.contact_map_l {
  width: 45%;
}

.amap-container {
  height: 400px !important;
}

.contact_map_r {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact_map_r_title h2 {
  font-size: 1.6rem;
}

.contact_map_r_title h3 {
  font-size: 1rem;
}

.contact_map_r_list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contact_map_r_list_img {
  width: 22px;
  margin-right: 16px;
}

.contact_map_r_list_font {
  display: flex;
  align-items: center;
}

.contact_map_r_list {
  display: flex;
  justify-content: flex-start;
}

.contact_map_r_list_font {
  width: 60%;
}

.contact_map_r_list_icon {
  width: 26px;
  margin-right: 8px;
}

.contact_map_r_list > ul > li {
  margin-bottom: 20px;
}

.contact_map_r_list_li > ul > li {
  margin-bottom: 10px;
}

.contact_map_r_title {
  margin-bottom: 30px;
}

.contact_map_r {
  padding-left: 5%;
  box-sizing: border-box;
}

.about_main_cpzx_title_con .about_main_cpzx_title {
  margin: 10px 0px 45px 0px;
}

.contcact_list2 .contcact_list li {
  width: 30%;
}

.contcact_list2 {
  width: 100%;
}

.contcact_list2 ul li {
  min-height: 240px;
}

.about_main_yw_contact {
  padding-bottom: 80px;
}

/* 产品详情 */
.cpxx .head_top_nav {
  position: static;
}

.head_top_nav_child ul {
  display: flex;
  justify-content: flex-start;
}

.head_top_nav_child li a div {
  color: #6f6f6f;
}

.head_top_nav_child ul li .hover_b div {
  color: #000;
}

.head_top_nav_child li a {
  display: flex;
}

.nav_img {
  width: 20px;
}

.head_top_nav_child {
  background: #ededed;
  padding: 0 10%;
  box-sizing: border-box;
  min-height: 40px;
  display: flex;
  align-items: center;
}

.head_top_nav_child li {
  border-left: 1px solid #595959;
  padding: 0 20px;
  box-sizing: border-box;
}

.head_top_nav_child li:last-child {
  border-right: 1px solid #595959;
}

.nav_img {
  margin-right: 10px;
}

.head_top_nav_child {
  border-top: 1px solid #202020;
}

.product_list {
  display: flex;
  justify-content: space-between;
  padding: 0 10%;
  box-sizing: border-box;
}

.product_list_l ul {
  display: flex;
  flex-direction: column;
}

.product_list_l ul li a {
  padding: 25px 20px 25px 5px;
  box-sizing: border-box;
  width: 100%;
}

.product_list_l ul li {
  display: flex;
  width: 100%;
}

.product_list_r ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product_list_r {
  width: 75%;
}

.product_list_l {
  width: 20%;
}

.product_content {
  padding: 20px 0;
}
.product_content p {
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0;
}

.page-tags {
  margin-bottom: 20px;
  display: flex;
}
.page-tags h2 {
  padding: 5px 10px;
  border: 1px solid #333;
  background: #333;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.page-tags a {
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  color: #333;
}
.page-tags a:hover {
  border: 1px solid #333 !important;
  background: #333 !important;
  color: #fff !important;
}

.prevnext {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.prevnext a {
  margin-bottom: 10px;
}
.prevnext a strong {
  margin-right: 5px;
}

.list_hover_line {
  width: 100%;
  color: #fff;
  margin: 2px 0;
  display: flex;
  flex-direction: column;
}

.list_hover a {
  color: #fff;
}

.list_hover_line a {
  color: #fff;
}

.list_hover_line {
  display: flex;
}

.list_hover {
  box-sizing: border-box;
}

.product_list_r_img img {
  width: 60%;
  margin: 50px;
}

.product_list_r_img {
  display: flex;
  justify-content: center;
}

.product_list {
  margin-top: 64px;
}

.list_hover_h {
  display: flex;
  width: 100%;
}

.product_list_l li:hover .list_hover-a {
  background: #2f2725;
}

.product_list_l li.active .list_hover-a {
  background: #2f2725;
  color: #fff;
}

.product_list_l li:hover .list_hover_h a {
  color: #fff;
  box-sizing: border-box;
}

.list_hover_h {
  transition: 1s all;
}

.list_hover_h_linetow {
  border-top: 1px solid #2f2725;
  width: 100%;
}

.product_list_l li .list_hover_h .list_hover_h_linetow:first-child {
  display: none;
}

.product_list_l li:first-child .list_hover_h .list_hover_h_linetow:first-child {
  display: block;
}

.list_hover_h {
  display: flex;
  flex-direction: column;
}

.list_hover-a {
  margin: 2px 0px;
}

.list_hover_h a {
  transition: 1s;
}

.product_list_l li:hover .list_hover_h_linetow {
  width: 100%;
}

.list_hover .list_hover_h_linetow {
  border-top: 1px solid #2f2725;
  width: 100%;
}

.list_hover a {
  background: #2f2725;
  margin: 2px 0px;
}

.product_list_r_title::before {
  content: "\e67d";
  display: inline-block;
}

.product_list_r_title {
  display: flex;
}

.product_list_r li {
  border: 1px solid #f4f4f4;
  box-sizing: border-box;
  width: 50%;
  display: flex;
  justify-content: center;
  padding: 40px 0px;
  justify-content: flex-start;
}

.product_list_r li a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.product_list_r_title {
  margin-bottom: 20px;
  align-items: center;
  padding-left: 10px;
  box-sizing: border-box;
}

.product_list_r li:hover img {
  transform: scale(1.1);
}

.product_list_r li img {
  transition: 2s all;
}

.product_list_da {
  width: 76%;
}

.product_list_da_title_zb {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.product_list_da_title_zb::before {
  content: "\e67d";
  font-size: 12px;
}

.product_list_da_title p {
  font-size: 0.8rem;
  padding-left: 18px;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.product_list_da_title_zb h2 {
  padding-left: 6px;
  box-sizing: border-box;
}

.product_list_da_img {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.imgcenter {
  width: 50%;
  margin: 100px 0px;
}

.imgcenter2 {
  width: 50%;
  margin: 100px 0px;
}

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

.imgcenter {
  display: flex;
  justify-content: center;
}

.imgcenter::before {
  content: "\e803";
}

.imgcenter ul {
  display: flex;
}

.imgcenter a {
  margin: 0px 10px;
}

.about_main_l_top_gongcheng {
  font-size: 0.9rem;
}

.about_main_l_top p {
  margin-bottom: 10px;
}

.gndj {
  background: #000;
  display: flex;
  justify-content: flex-start;
}

.gndj {
  padding: 5% 10%;
  box-sizing: border-box;
}

.gndj_l_t {
  position: absolute;
}

.gndj_l {
  position: relative;
}

.gndj_r {
  color: #fff;
  margin-left: 80px;
}

.gndj_r h2 {
  color: #fff;
}

.gndj_r p {
  color: #fff;
}

.gndj_r h3 {
  color: #fff;
}

.gndj_l {
  width: 50%;
  box-sizing: border-box;
  padding-bottom: 50px;
}

.gndj_r {
  width: 30%;
}

.gndj_l_t {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.gndj_r {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.gndj_r h3 {
  font-size: 2rem;
}

.gndj_r p {
  font-size: 0.8rem;
}

.gndj_r h3 {
  margin: 10px 0px;
}

.gndj_r p {
  line-height: 20px;
  color: #b9b8b8;
}

.gongyiliucheng {
  padding: 0 10%;
  box-sizing: border-box;
}

.gongyiliucheng ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.gongyiliucheng li {
  width: 24%;
  margin-bottom: 1%;
}

.gongyiliucheng li img {
  max-width: 100%;
}

.zhanhuihuodong {
  margin-bottom: 80px;
}

/* 案例 */
.case_list {
  background-color: #000;
}

.case_list_main_title_t h2 {
  color: #4c4c4c;
}

.case_list_main_title_t h3 {
  color: #fff;
}

.case_list_main_title_b h2 {
  color: #fff;
}

.case_list_main ul {
  display: flex;
  flex-wrap: wrap;
}

.case_list {
  padding: 0 10%;
  box-sizing: border-box;
}

.case_list_main_title_t {
  display: flex;
  justify-content: flex-start;
}

.case_list_main_title_t h3 {
  color: #616161;
}

.case_list_main_title_b h2 {
  font-size: 1.4rem;
}

.case_list_main_title_line {
  width: 40px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.case_list_main_title_line h5 {
  height: 1px;
  background: #4c4c4c;
  width: 100%;
}

.case_list_main_title_b h2 {
  padding-left: 58px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.case_list_main_title_jt::before {
  line-height: inherit;
  font-weight: 400;
  font-style: inherit;
  content: "\e72c";
  display: inline-block;
  vertical-align: top;
  color: #666666;
  padding-left: 58px;
  box-sizing: border-box;
}

.case_list_main_title_b {
  margin: 10px 0px 30px 0px;
}

.case_list_main_title {
  margin-top: 20px;
}

.case_list_main li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.case_list_main li:nth-child(3n) {
  margin-right: 0;
}

.case_list_fenlei ul {
  display: flex;
  justify-content: space-around;
  width: 60%;
}

.case_list_fenlei li {
  display: flex;
  padding-bottom: 5px;
}

.hover_b {
  color: #000;
}

.head_top_nav_child a {
  color: #424242;
}

.case_list_fenlei li .case_list_fenlei_text {
  font-size: 1.2rem;
}

.case_list_fenlei li a {
  display: flex;
}

.case_list_fenlei_text_img {
  width: 25px;
}

.hover_line {
  border-bottom: 1px solid #bebebe;
}

.case_list_fenlei_text {
  color: #bebebe;
}

.case_list_fenlei_text_img {
  margin-right: 10px;
}

.current {
  margin: 0px 10px;
}

.pagination {
  margin-bottom: 20px;
}

.case_list_fenlei li {
  margin-right: 30px;
}

.case_list_fenlei li:last-child {
  margin-right: 0;
}

.case_list_fenlei {
  display: flex;
  justify-content: center;
}

.about_logo_title {
  margin-bottom: 60px;
}

.espcms_page_botton {
  display: flex;
  justify-content: center;
}

.case_list_fenlei {
  padding: 80px 0px 50px 0px;
}

.case_list_main span {
  color: #fff;
}

.casexx {
  margin-bottom: 20px;
}

.casexx li {
  font-size: 1.4rem;
  border-top: 2px solid #333333;
  padding-right: 30px;
  box-sizing: border-box;
  padding-top: 20px;
  margin-bottom: 10px;
}

.imgcenter ul {
  display: flex;
}

.imgcenter ul a {
  display: flex;
}

.imgcenter {
  align-items: center;
}

.imgcenter ul li {
  margin-right: 10px;
}

.imgcenter_k {
  display: flex;
  width: 100%;
  justify-content: center;
}

.about_main_cpzx_main .nelist_lb {
  flex-direction: row;
}

.case_list_main_img:hover img {
  transform: scale(1.1);
}

.case_list_main_img img {
  transition: all 2s;
  width: 100%;
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.case_list_main_img {
  overflow: hidden;
}

.head_top_nav > ul > li {
  display: flex;
  justify-content: center;
}

.head_top_nav > ul > li {
  align-items: center;
  height: 40px;
}

.head_top_nav_hover {
  border-bottom: 1px solid #676463;
}

.head_top_nav {
  box-shadow: 0px 2px 4px 2px rgba(224, 224, 224, 0.368627451);
}

.back-list {
  width: 100%;
  text-align: center;
  margin: 40px auto;
}

.back-list a {
  display: inline-block;
  background: #e4e4e4;
  padding: 10px 50px;
  border-radius: 100px;
}
.back-list a:hover {
  background: red;
  color: #fff;
}

/* 定义动画关键帧 */
@keyframes slowZoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.container {
  width: 100%;
  max-width: 800px;
  margin: 50px auto;
  text-align: center;
}

.image-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 300px;
  height: 300px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#animate-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 1.5s ease-in-out;
  transform: scale(1);
}

.contact_main_form .contact_main_nr_b li {
  width: 100%;
}

.contact_main_form .contact_main_nr_b li:nth-child(n+3) {
  margin-bottom: 30px;
}

.contact_main_form .fancybox-prev {
  display: none;
}

.contact_main_form .fancybox-next {
  display: none;
}

.product_main_r_nr_r_t {
  border: 1px #919191 solid;
}

.about_main_yw_main ul {
  flex-wrap: wrap;
}

.form-group {
  width: 32%;
  margin-top: 2%;
}

.message_buttom {
  margin-top: 2%;
  width: 100%;
  border: none;
  color: #fff;
  background: #000;
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
}

.message_buttom:hover {
  background: #960000;
}

#formbotton {
  cursor: pointer;
}

.btn-primary {
  line-height: 38px;
}

#form-box {
  margin-bottom: 20px;
}

.form-group input {
  width: 100%;
  box-sizing: border-box;
  line-height: 40px;
  padding: 5px;
  box-sizing: border-box;
}

.message_list .form-group:nth-child(4) {
  width: 100%;
}

.message_list .form-group:nth-child(4) textarea {
  width: 100%;
  height: 150px;
  padding: 5px;
  box-sizing: border-box;
}

.message_buttom input {
  background: none;
  border: none;
  color: #fff;
  width: 100%;
  height: 100%;
}

textarea {
  font-size: 16px;
  line-height: 1.5;
  font-family: "微软雅黑";
  color: #8c8c8c;
}

.btns_form_group {
  width: 100%;
  display: flex;
  margin-top: 3%;
}

.infoInput {
  border: 1px solid #b1b1b1;
}

.control_required {
  display: flex;
}

.control_required input {
  width: 160px;
  margin-right: 10px;
  padding: 5px;
}

@media (max-width: 768px) {
  .head_top_nav ul li {
    width: 100%;
  }
  .index_case_title h3 {
    font-size: 1.5rem;
  }
  .gongjiang h3 {
    font-size: 1.5rem;
  }
  .index_service h2 {
    font-size: 1.5rem;
  }
  .index_case_title h3 {
    font-size: 1.5rem;
  }
  .about_main_cpzx_title {
    font-size: 1.5rem;
  }
  .nelist h2 {
    font-size: 1.5rem;
  }
  .about_main_l_top h2 {
    font-size: 1.5rem;
  }
  .about_main_l_top h4 {
    margin-bottom: 20px;
    font-size: 0.8rem;
  }
  .about_main_l_top p {
    font-size: 0.6rem;
  }
  .head_top_nav ul:nth-child(1) li {
    width: 100%;
  }
  .head_top_nav ul {
    flex-wrap: wrap;
    display: flex;
    width: 100%;
  }
  .head_top_logo {
    display: none;
  }
  .head_top_nav > ul {
    display: none;
  }
  .head_top_nav {
    padding: 0 4%;
    position: static;
  }
  .head_top_nav ul:nth-child(1) li {
    margin-right: 12%;
  }
  .about_main {
    flex-direction: column;
  }
  .head_top_nav ul:nth-of-type(2) li {
    margin-left: 12%;
  }
  .about_main_l_k {
    width: 100%;
    padding: 20px 0;
  }
  .about_main_r {
    width: 100%;
  }
  .about_main {
    padding: 10px 5% 0 5%;
  }
  .about_main_l_bottom_t_num {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .about_main_l_bottom_t_plus {
    font-size: 2rem;
  }
  .nelist {
    flex-direction: column;
  }
  .about_main_yw {
    padding: 0 5%;
  }
  .about_main_yw_main ul li {
    width: 100%;
  }
  .about_main_yw_main {
    margin-top: 10px;
  }
  .about_main {
    min-height: auto;
    margin-bottom: 20px;
  }
  .gongjiang_text {
    width: 100%;
  }
  .gongjiang {
    min-height: 690px;
  }
  .about_main_cpzx_title {
    margin: 80px 0px 45px 0px;
  }
  .index_case_title {
    display: flex;
    flex-direction: column;
  }
  .index_case_main ul {
    display: flex;
    flex-direction: column;
  }
  .index_case_title h3 {
    font-size: 1rem;
  }
  .index_case_main_title h4 {
    font-size: 1rem;
  }
  .gongjiang {
    background: none;
  }
  .index_case_main ul li {
    width: 100%;
  }
  .index_service p {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }
  .footer_t_l {
    flex-direction: column;
  }
  .footer_t {
    flex-direction: column;
  }
  .footer_t_r {
    width: 100%;
  }
  .footer_t_r ul li {
    margin-right: 5%;
    width: 28%;
    margin-left: 0;
    margin-top: 2%;
  }
  .footer_t_r ul {
    flex-wrap: wrap;
  }
  .product_list {
    flex-direction: column;
  }
  .product_list {
    padding: 0 5%;
  }
  .product_list_r {
    width: 100%;
  }
  .product_list_l ul {
    flex-direction: row;
  }
  .product_list_l {
    width: 100%;
    order: 1;
  }
  .product_list_l ul li a {
    padding: 25px 0px 25px 0px;
  }
  .product_list {
    margin-top: 20px;
  }
  .product_list_r_title::before {
    display: none;
  }
  .product_list_r_title h3 {
    font-size: 0.8rem;
  }
  .product_list_r li {
    padding: 10px 0px;
  }
  .index_service {
    min-height: auto;
    background: none;
  }
  .product_list_l ul {
    flex-direction: column;
  }
  .product_list_da {
    width: 100%;
    order: 0;
  }
  .about_map {
    padding: 0 5%;
    background: none;
    min-height: auto;
  }
  .about_logo_list li {
    width: 48%;
  }
  .about_logo_title h4 {
    font-size: 1rem;
    text-align: center;
  }
  .zhanhuihuodong_title h2 {
    font-size: 1rem;
  }
  .zhanhuihuodong_img {
    flex-direction: column;
  }
  .contact_map {
    flex-direction: column;
  }
  .contact_map_l {
    width: 100%;
  }
  .contact_map_r {
    width: 100%;
  }
  .contcact_list2 .contcact_list li {
    width: 100%;
  }
  .case_list_fenlei {
    padding: 10px 0px;
  }
  .case_list_fenlei ul {
    width: 100%;
  }
  .case_list_main ul {
    flex-direction: column;
  }
  .case_list_main li {
    width: 100%;
  }
  .product_listcase .product_list_l {
    order: 0;
  }
  .gndj_l {
    display: none;
  }
  .gndj_r {
    width: 100%;
    margin-left: 0;
  }
  .gndj_l_b {
    display: none;
  }
  .case_list_main_title_b h2 {
    font-size: 1rem;
  }
}
.i-app-kefu {
  --un-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M515.530406 770.231319c4.366448 0 8.812713-0.267083 13.284561-0.800225 42.889833-5.14723 79.310324-35.124985 92.75452-76.437903 1.01205-3.093455-0.452301-6.40078-3.40761-7.760754-2.928702-1.359974-6.469342-0.186242-8.119935 2.586918-0.159636 0.267083-17.198707 27.79095-83.542718 36.752042-9.930163 1.333368-19.594267 2.02717-28.752858 2.02717-46.483684-0.026606-67.196425-17.548678-67.382667-17.709337-2.342348-2.080382-5.910617-2.133593-8.306176-0.106424-2.422166 2.02717-2.981914 5.547343-1.331321 8.241708C440.960037 749.82864 477.273081 770.231319 515.530406 770.231319zM872.252901 359.078145c-0.586354 0-1.118474 0.106424-1.677199 0.106424C831.705416 190.893678 683.175591 65.355497 505.09473 65.355497c-182.979428 0-334.916862 132.473127-368.595916 307.724547-32.745798 5.894244-57.665351 34.671661-57.665351 69.477374l0 139.300626c0 39.045271 31.309076 70.703295 69.965491 70.703295 21.804608 0 41.052998-10.29446 53.858652-26.110681 30.934546 81.82254 93.922113 147.803277 173.627433 182.610014 0.191358-0.415462 1.700735-3.348258 3.514033-5.685489 1.257643-1.620917 2.660596-2.952238 3.868097-2.952238 1.251503 0 2.396583 0.453325 3.381004 1.147126-18.450211-13.735839-85.086887-84.33271-99.516528-182.853561-6.336312-43.366693 26.143427-85.932138 63.975057-92.973508 60.727083-11.308557 121.134895-24.189935 181.861978-35.284621 38.603203-7.04137 64.987107-28.217668 81.120552-63.475683 3.780093-8.241708 9.238408-24.910343 11.741415-48.940642 0.665149-3.573385 3.593851-6.320962 7.348362-6.320962 2.503007 0 4.632507 1.280156 6.043646 3.120061l1.677199-1.039679c23.934109 34.751478 71.403237 111.695918 78.218456 192.827727 7.827269 92.76066 3.460822 156.289556-67.542302 221.285872-0.079818 0.079818-0.186242 0.186242-0.292666 0.267083-0.985444 1.066285-1.570775 2.453888-1.570775 3.973498 0 2.000564 1.065262 3.707438 2.609431 4.747117 0.585331 0.240477 1.171686 0.559748 1.757017 0.800225 0.478907 0.106424 0.931209 0.267083 1.411139 0.267083 0.479931 0 0.905626-0.159636 1.331321-0.267083 1.01205-0.533143 1.969864-1.147126 2.955308-1.680269 71.802326-39.552831 126.884852-105.615433 152.336524-185.066973 10.302647 15.308661 26.436092 26.323529 45.178969 30.163997-30.057573 136.713708-151.990646 222.272339-303.050084 235.261165-9.052167-22.456455-31.335682-38.405705-57.505715-38.405705-34.183544 0-61.898769 27.070542-61.898769 60.435441s27.714202 60.408835 61.898769 60.408835c27.554566 0 50.637284-17.709337 58.650795-42.032302 174.859493-14.21577 315.02993-118.150934 344.289324-279.640931 25.850761-10.80202 44.007283-36.165688 44.007283-65.769936L944.083879 430.42203C944.081833 391.029858 911.920342 359.078145 872.252901 359.078145zM807.744701 399.564231C762.140037 276.026614 643.960451 187.773617 504.935094 187.773617c-138.440026 0-256.192893 87.505983-302.224276 210.243375-2.289136-2.800789-4.978385-5.200442-7.614421-7.627724C221.160006 240.820788 349.882716 127.0977 505.09473 127.0977c154.467047 0 282.789645 112.602567 309.705668 261.131369C812.137755 391.803477 809.68796 395.537522 807.744701 399.564231zM376.292202 809.063743c-0.00307-0.001023-0.005117-0.002047-0.008186-0.00307C376.255363 809.125141 376.25434 809.133328 376.292202 809.063743z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1em;
  height: 1em;
}

.i-app-downform {
  --un-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='currentColor' d='M12 21.9q-.2 0-.375-.075T11.3 21.6l-5.6-5.575q-.275-.275-.275-.7T5.7 14.6q.3-.3.713-.3t.712.3L11 18.5v-6.175q0-.425.288-.712t.712-.288t.713.288t.287.712V18.5l3.9-3.9q.275-.275.688-.275t.712.3q.275.275.275.7t-.275.7L12.7 21.6q-.15.15-.325.225T12 21.9m0-12.575q-.425 0-.712-.287T11 8.325v-1q0-.425.288-.712T12 6.325t.713.288t.287.712v1q0 .425-.288.713T12 9.325m0-5q-.425 0-.712-.287T11 3.325t.288-.712t.712-.288t.713.288t.287.712t-.288.713t-.712.287'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1em;
  height: 1em;
}

.i-app-lang {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.788-3.887t2.15-3.175t3.187-2.15T12 2q2.075 0 3.888.788t3.174 2.15t2.15 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188t-3.175 2.15T12 22m0-2.05q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8'/%3E%3C/svg%3E");
  background-color: currentColor;
  width: 1em;
  height: 1em;
}

.i-app-zh {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsCn0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsCn0)'%3E%3Cpath fill='%23d80027' d='M0 0h512v512H0z'/%3E%3Cpath fill='%23ffda44' d='m140.1 155.8l22.1 68h71.5l-57.8 42.1l22.1 68l-57.9-42l-57.9 42l22.2-68l-57.9-42.1H118zm163.4 240.7l-16.9-20.8l-25 9.7l14.5-22.5l-16.9-20.9l25.9 6.9l14.6-22.5l1.4 26.8l26 6.9l-25.1 9.6zm33.6-61l8-25.6l-21.9-15.5l26.8-.4l7.9-25.6l8.7 25.4l26.8-.3l-21.5 16l8.6 25.4l-21.9-15.5zm45.3-147.6L370.6 212l19.2 18.7l-26.5-3.8l-11.8 24l-4.6-26.4l-26.6-3.8l23.8-12.5l-4.6-26.5l19.2 18.7zm-78.2-73l-2 26.7l24.9 10.1l-26.1 6.4l-1.9 26.8l-14.1-22.8l-26.1 6.4l17.3-20.5l-14.2-22.7l24.9 10.1z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-en {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsEn0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsEn0)'%3E%3Cpath fill='%23eee' d='m0 0l8 22l-8 23v23l32 54l-32 54v32l32 48l-32 48v32l32 54l-32 54v68l22-8l23 8h23l54-32l54 32h32l48-32l48 32h32l54-32l54 32h68l-8-22l8-23v-23l-32-54l32-54v-32l-32-48l32-48v-32l-32-54l32-54V0l-22 8l-23-8h-23l-54 32l-54-32h-32l-48 32l-48-32h-32l-54 32L68 0z'/%3E%3Cpath fill='%230052b4' d='M336 0v108L444 0Zm176 68L404 176h108zM0 176h108L0 68ZM68 0l108 108V0Zm108 512V404L68 512ZM0 444l108-108H0Zm512-108H404l108 108Zm-68 176L336 404v108z'/%3E%3Cpath fill='%23d80027' d='M0 0v45l131 131h45zm208 0v208H0v96h208v208h96V304h208v-96H304V0zm259 0L336 131v45L512 0zM176 336L0 512h45l131-131zm160 0l176 176v-45L381 336z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-de {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsDe0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsDe0)'%3E%3Cpath fill='%23ffda44' d='m0 345l256.7-25.5L512 345v167H0z'/%3E%3Cpath fill='%23d80027' d='m0 167l255-23l257 23v178H0z'/%3E%3Cpath fill='%23333' d='M0 0h512v167H0z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-ru {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsLangRu0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsLangRu0)'%3E%3Cpath fill='%230052b4' d='M512 170v172l-256 32L0 342V170l256-32z'/%3E%3Cpath fill='%23eee' d='M512 0v170H0V0Z'/%3E%3Cpath fill='%23d80027' d='M512 342v170H0V342Z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-kr {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsIqKr0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsIqKr0)'%3E%3Cpath fill='%23eee' d='m0 144.7l257-22.4l255 22.4v222.6l-254.9 31L0 367.3z'/%3E%3Cpath fill='%23d80027' d='M0 0h512v144.7H0z'/%3E%3Cpath fill='%236da544' d='M0 367.3h512V512H0z'/%3E%3Cpath fill='%23ffda44' d='m256 95.9l19.4 83.6l56.1-65l-21.6 83l79.8-31.4l-57.7 63.5l85.3 9.2l-80.7 29.3L408 316l-85-11.5l40.8 75.5l-70-49.7L295 416l-39-76.4l-38.9 76.4l1.2-85.8l-70 49.7l40.8-75.5l-85 11.5l71.3-47.9l-80.7-29.3l85.3-9.3l-57.7-63.4l79.8 31.5l-21.6-83.1l56 65z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-it {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsIt0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsIt0)'%3E%3Cpath fill='%23eee' d='M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z'/%3E%3Cpath fill='%236da544' d='M0 0h167v512H0z'/%3E%3Cpath fill='%23d80027' d='M345 0h167v512H345z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-ja {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsJa0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsJa0)'%3E%3Cpath fill='%23eee' d='M0 0h512v512H0z'/%3E%3Ccircle cx='256' cy='256' r='111.3' fill='%23d80027'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.home-btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  margin: 1.25rem auto;
  max-width: 24rem;
}
.home-btns a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(247, 147, 30);
  padding: 5px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(255, 255, 255);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
@media (min-width: 1024px) {
  .home-btns a {
    padding: 10px;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.home-btns a i {
  margin-right: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}
.home-btns a span {
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.home-btns a:hover {
  background-color: rgb(230, 33, 41);
}
.home-btns a.chat {
  background-color: rgb(21, 128, 61);
  color: rgb(255, 255, 255);
}
.home-btns a.chat:hover {
  border-color: rgb(230, 33, 41);
  background-color: rgb(230, 33, 41);
  color: rgb(255, 255, 255);
}

.langs {
  position: relative;
  display: flex;
  align-items: center;
}
.langs i {
  margin-right: 5px;
}
.langs ul {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
  flex-direction: column;
  border-radius: 10px;
}
.langs ul li {
  padding: 10px 20px;
  width: 100% !important;
  margin: 0 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.langs ul li icon {
  margin-right: 5px;
}
.langs ul li:hover {
  background-color: #333;
}
.langs ul li:hover span {
  color: #fff;
}
.langs:hover ul {
  display: flex;
}

.m-langs {
  padding: 10px 20px;
}

.faq {
  padding: 40px 10px 40px 10px;
  max-width: 1200px;
  margin: 0 auto;
}

.faq-title h2 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.faq-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 40px auto 0 auto;
}
.faq-list .faq-item {
  padding: 12px 20px;
  margin: 5px 0;
  border-bottom: 1px solid #eee;
  background: #f0f0f0;
  border-radius: 10px;
  cursor: pointer;
}
.faq-list .faq-item .tit {
  font-size: 20px;
  font-weight: bold;
}
.faq-list .faq-item .faq-content {
  font-size: 16px;
  color: #666;
  padding-top: 15px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  display: none;
}
.faq-list .faq-item .faq-content ul {
  padding-left: 20px;
  margin-top: 10px;
}
.faq-list .faq-item .faq-content ul li {
  list-style-type: circle !important;
}
.faq-list .faq-item .faq-content ul li p {
  padding: 5px 0;
}
.faq-list .faq-item.on .faq-content {
  display: block;
}

.pro-details {
  display: flex;
  flex-wrap: wrap;
}
.pro-details-pics {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 1.25rem;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  padding: 0.5rem;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .pro-details-pics {
    width: 55%;
    margin-right: 0.25rem;
    margin-bottom: 0;
  }
}
.pro-details-pics-swiper {
  position: relative;
  overflow: hidden;
  background-color: white;
  height: 100%;
}
.pro-details-pics-swiper img {
  width: 100%;
  height: 100%;
  min-height: 100px;
  max-height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.25rem;
}
.pro-details-pics-swiper video {
  width: 100%;
  height: 100%;
  min-height: 100px;
  max-height: 600px;
  border-radius: 0.25rem;
  background-color: black;
}
.pro-details-pics-swiper .text {
  position: absolute;
  top: 0;
  right: 0.5rem;
  width: 50%;
  min-width: 33.333333%;
  background-color: #333;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: white;
  text-align: center;
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.pro-details-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #f1f1f1;
  padding: 1.25rem;
  border-radius: 0.25rem;
}
@media (min-width: 1024px) {
  .pro-details-info {
    flex: 1;
    padding: 2.5rem;
  }
}
.pro-details-info .tit {
  margin-bottom: 1.25rem;
}
.pro-details-info .tit h1 {
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .pro-details-info .tit h1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1536px) {
  .pro-details-info .tit h1 {
    font-size: 1.25rem;
  }
}
.pro-details-info .docs {
  @apply mb-5 border-b border-gray-300 pb-5 flex flex-col;
}
.pro-details-info .docs .doc-navs {
  border-bottom: 1px solid #333;
  margin-bottom: 1.25rem;
}
.pro-details-info .docs .doc-navs ul {
  display: flex;
}
.pro-details-info .docs .doc-navs ul li {
  margin-right: 0.25rem;
  font-size: 0.75rem;
  cursor: pointer;
  color: #333;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
@media (min-width: 1024px) {
  .pro-details-info .docs .doc-navs ul li {
    font-size: 0.875rem;
  }
}
.pro-details-info .docs .doc-navs ul li.active {
  color: white;
  background-color: #333;
  border-top: 1px solid;
}
.pro-details-info .docs .doc-bodys ul {
  display: none;
  flex-wrap: wrap;
}
.pro-details-info .docs .doc-bodys ul.active {
  display: flex;
}
.pro-details-info .docs .doc-bodys ul li {
  display: flex;
  flex-wrap: wrap;
}
.pro-details-info .docs .doc-bodys ul li a {
  display: flex;
  background-color: #333;
  border-radius: 0.25rem;
  padding: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  color: white;
}
.pro-details-info .docs .doc-bodys ul li a:hover {
  background-color: black;
}
.pro-details-info .docs .doc-bodys ul.canshu {
  color: #666;
}
.pro-details-info .docs .doc-bodys ul.canshu li {
  font-size: 0.75rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  min-width: 50%;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .pro-details-info .docs .doc-bodys ul.canshu li {
    font-size: 0.875rem;
  }
}
.pro-details-info .docs .doc-bodys ul.canshu li strong {
  flex-shrink: 0;
}
.pro-details-info .description {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  color: #666;
  line-height: 2 !important;
}
@media (min-width: 1024px) {
  .pro-details-info .description {
    font-size: 0.875rem;
    margin-bottom: 2.5rem;
  }
}
.pro-details-info .buttons {
  display: flex;
  margin-top: auto;
}
.pro-details-info .buttons a {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #333;
  color: white;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .pro-details-info .buttons a {
    font-size: 0.875rem;
  }
}
.pro-details-info .buttons a i {
  display: none;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 1536px) {
  .pro-details-info .buttons a i {
    display: block;
  }
}
.pro-details-info .buttons a:first-child {
  background-color: #333;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.pro-details-info .buttons a:nth-child(2) {
  background-color: #005a18;
  color: #fff;
}
.pro-details-info .buttons a:last-child {
  background-color: #a93e00;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.pro-details-info .buttons a:hover {
  background-color: #991b1b;
}

.pro-content {
  margin-top: 1.25rem;
  border: 1px solid #e5e7eb;
  margin-bottom: 1.25rem;
  border-radius: 0.25rem;
}
@media (min-width: 1024px) {
  .pro-content {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.pro-content .tit {
  background-color: #333;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.pro-content .tit h2 {
  font-size: 1rem;
  font-weight: 700;
  color: white;
}
@media (min-width: 1024px) {
  .pro-content .tit h2 {
    font-size: 1.25rem;
  }
}
.pro-content-content {
  margin-bottom: 2.5rem;
  color: #666;
  font-size: 0.75rem;
  padding: 1.25rem;
  line-height: 2 !important;
}
@media (min-width: 1024px) {
  .pro-content-content {
    font-size: 0.875rem;
  }
}
@media (min-width: 1280px) {
  .pro-content-content {
    font-size: 1rem;
  }
}
.pro-content-content h2 {
  font-size: 1rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .pro-content-content h2 {
    font-size: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.pro-content-content img {
  display: inline-block;
  max-width: 100%;
}
.pro-content-content table {
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #333;
  border-radius: 0.25rem;
}
@media (min-width: 1024px) {
  .pro-content-content table {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.pro-content-content table tbody {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
.pro-content-content table th,
.pro-content-content table td {
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  padding: 0.5rem;
}
@media (min-width: 1536px) {
  .pro-content-content table th,
  .pro-content-content table td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.pro-content-content table tr th:first-child,
.pro-content-content table tr td:first-child {
  border-left: 0;
}
.pro-content-content table tr:first-child {
  font-weight: 700;
}
.pro-content-content table tr:last-child th,
.pro-content-content table tr:last-child td {
  border-bottom: 0;
}
.pro-content-content video {
  width: 100%;
  height: auto;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.pro-content-content a {
  color: #60a5fa;
  text-decoration: underline;
}
.pro-content-content a:hover {
  color: #f87171;
}

/* 弹出留言表单样式 */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.modal-form {
  background: white;
  padding: 40px;
  border-radius: 12px;
  max-width: 420px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-30px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  cursor: pointer;
  color: #999;
  transition: color 0.3s ease;
  line-height: 1;
}

.close-btn:hover {
  color: #333;
}

.modal-title {
  margin: 0 0 30px;
  color: #2c3e50;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.modal-form .form-group {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
}

.modal-form .form-control {
  width: 100%;
  height: 42px;
  padding: 10px 16px;
  border: 2px solid #e1e8ed;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  transition: all 0.3s ease;
  background-color: #fafbfc;
  display: block;
}

.modal-form .form-control:focus {
  outline: none;
  border-color: #4CAF50;
  background-color: white;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}

.modal-form textarea.form-control {
  resize: vertical;
  min-height: 100px;
  height: auto;
  font-family: inherit;
}

.modal-form .form-control::-moz-placeholder {
  color: #8e9aaf;
}

.modal-form .form-control::placeholder {
  color: #8e9aaf;
}

.captcha-group {
  flex-direction: row;
  gap: 8px;
  align-items: stretch;
  width: 100%;
}

.captcha-group .form-control {
  flex: 1;
  height: 42px;
  padding: 10px 16px;
}

.captcha-img {
  width: 120px;
  height: 40px;
  cursor: pointer;
  align-self: flex-start;
}

.captcha-img:hover {
  border-color: #4CAF50;
}

.btn-submit {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #4CAF50, #45a049);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
}

.btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
}

.btn-submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(76, 175, 80, 0.3);
}

@media (max-width: 768px) {
  .modal-form {
    width: 95%;
    padding: 30px 20px;
    margin: 20px;
  }
  .modal-title {
    font-size: 22px;
  }
}