.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.common_head {
  position: fixed;
  height: 80px;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  box-shadow: 0 2px 10px rgba(196, 30, 58, 0.3);
  z-index: 1000;
}

/* 移动端汉堡菜单按钮 */
.mobile-menu-btn {
  display: none;
  width: 32px;
  height: 24px;
  position: relative;
  cursor: pointer;
  z-index: 2147483645;
  margin-left: auto;
}

.mobile-menu-btn span {
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
  border-radius: 2px;
}

.mobile-menu-btn span:nth-child(1) {
  top: 0;
}

.mobile-menu-btn span:nth-child(2) {
  top: 10px;
}

.mobile-menu-btn span:nth-child(3) {
  top: 20px;
}

.mobile-menu-btn.active span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg);
}

.mobile-menu-btn.active span:nth-child(2) {
  opacity: 0;
}

.mobile-menu-btn.active span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
}

/* 移动端导航菜单 */
.mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 320px;
  height: 100vh;
  background: #fff;
  z-index: 2147483647;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.mobile-nav.active {
  display: block;
  transform: translateX(0);
  pointer-events: auto;
}

.mobile-nav * {
  pointer-events: auto;
}

.mobile-nav-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
}

.mobile-nav-header span {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.mobile-nav-close {
  font-size: 28px;
  color: #999;
  cursor: pointer;
  line-height: 1;
}

.mobile-nav-list {
  flex: 1;
  overflow-y: auto;
}

.mobile-nav-list a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
  transition: color 0.3s ease, background 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}

/* 二级菜单样式 */
.mobile-nav-item {
  border-bottom: 1px solid #f5f5f5;
}

.mobile-nav-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mobile-nav-title:hover,
.mobile-nav-title:active {
  color: #c41e3a;
  background: #fff5f5;
  margin: 0 -20px;
  padding: 15px 20px;
}

.mobile-nav-arrow {
  font-size: 12px;
  transition: transform 0.3s ease;
  color: #999;
}

.mobile-nav-item.active .mobile-nav-arrow {
  transform: rotate(180deg);
  color: #c41e3a;
}

.mobile-nav-submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #fafafa;
}

.mobile-nav-item.active .mobile-nav-submenu {
  max-height: 1000px;
}

.mobile-nav-submenu a {
  padding: 12px 20px !important;
  font-size: 14px !important;
  color: #666 !important;
  background: #fafafa !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.mobile-nav-submenu a:hover,
.mobile-nav-submenu a:active {
  color: #c41e3a !important;
  background: #fff5f5 !important;
  padding-left: 25px !important;
}

/* 保留原有的直接链接样式 */
.mobile-nav-list > a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
  transition: color 0.3s ease, background 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}

.mobile-nav-list > a:hover,
.mobile-nav-list > a:active {
  color: #c41e3a;
  background: #fff5f5;
}

.mobile-nav-footer {
  display: flex;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}

.mobile-nav-footer .register_btn,
.mobile-nav-footer .login {
  flex: 1;
  text-align: center;
  padding: 12px 0;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mobile-nav-footer .register_btn {
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  color: #fff;
  border: 2px solid #c41e3a;
}

.mobile-nav-footer .register_btn:hover {
  background: linear-gradient(135deg, #a01729 0%, #8a1424 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(196, 30, 58, 0.4);
}

.mobile-nav-footer .login {
  background: #fff;
  color: #c41e3a;
  border: 2px solid #c41e3a;
}

.mobile-nav-footer .login:hover {
  background: #fff5f5;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(196, 30, 58, 0.2);
}

/* 移动端菜单链接交互优化 */
.mobile-nav-list a:active {
  background: #f5f5f5;
  color: #c41e3a;
}

/* 移动端菜单遮罩 */
.mobile-nav-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2147483646;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.mobile-nav-overlay.active {
  display: block;
  opacity: 1;
}

.common_head .content {
  display: flex;
  align-items: center;
  width: 1440px;
  margin: 0 auto;
  justify-content: space-between;
}

.common_head .content .logo {
  width: 203px;
  margin-right: 75px;
}
.common_head .content .link {
  display: flex;
  height: 80px;
  align-items: center;
  position: relative;
  margin-right: 50px;
}
.common_head .content .link .item.active {
  border-bottom: 3px solid #ffd700;
}
.common_head .content .link .item {
  padding-right: 22px;
  margin-right: 36px;
  background: url("../images/icon18.png") no-repeat center right;
  background-size: 15px;
  position: relative;
}
.common_head .content .link .item:hover {
  background: url("../images/icon17.png") no-repeat center right;
  background-size: 15px;
}
.common_head .content .link .item:hover > a {
  color: #ffd700;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.common_head .content .link .item > a {
  color: #fff;
  font-size: 16px;
  height: 78px;
  line-height: 78px;
  display: inline-flex;
}
.common_head .content .link .item .link_child {
  position: absolute;
  top: 75px;
  left: 0;
  width: 890px;
  padding-top: 10px;
  display: none;
}
.common_head .content .link .item .link_child1 {
  width: 450px;
}
.common_head .content .link .item:hover .link_child {
  display: block;
}
.common_head .content .link .item .link_child .frame {
  background: #fff;
  box-shadow: 0px 2px 15px 0px rgba(61, 75, 112, 0.2);
  border-radius: 4px;
  padding: 32px 40px;
}
.common_head .content .link .item .link_child .name {
  color: #3d3f45;
  font-size: 16px;
}

.common_head .content .link .item .link_child .list {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  flex-wrap: wrap;
}
.common_head .content .link .item .link_child .list .items {
  width: 382px;
  transition: 0.3s;
  padding: 8px;
  cursor: pointer;
}
.common_head .content .link .item .link_child .list .items:hover {
  background: #f0f4fc;
}
.common_head .content .link .item .link_child .list .items:hover {
  background: #f0f4fc;
}
.common_head .content .link .item .link_child .list .items:hover .label {
  color: #c41e3a;
}
.common_head .content .link .item .link_child .list .items .label {
  color: #33353a;
  line-height: 22px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}
.common_head .content .link .item .link_child .list .items .value {
  font-size: 14px;
  color: #5e626c;
}
.common_head .content .link .item .link_child .list .items:nth-child(1),
.common_head .content .link .item .link_child .list .items:nth-child(2) {
  border-top: 1px solid #3d4b70;
  padding-top: 8px;
}
.common_head .content .link .item .link_child1 .list .items:nth-child(2) {
  border-top: none;
}
.common_head .content .tel {
  display: flex;
  align-content: center;
  margin-right: 52px;
}
.common_head .content .tel img {
  width: 20px;
  margin-right: 8px;
}
.common_head .content .tel span {
  color: #fff;
  font-size: 16px;
}
.common_head .content .operation {
  display: flex;
}
.common_head .content .operation a {
  display: block;
  padding: 0 14px;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  color: #fff;
  height: 32px;
  border-radius: 4px;
  margin-left: 12px;
  transition: 0.3s;
  border: 1px solid #ffffff;
}

.common_head .content .operation a:hover {
  background: #fff;
  color: #c41e3a;
}

.index_banner {
  margin-top: 80px;
  padding: 80px 0 135px;
  position: relative;
  background: url("../images/index_banner_bg.png") no-repeat center;
  background-size: cover;
}
.index_banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(160, 23, 41, 0.7) 0%, rgba(196, 30, 58, 0.65) 50%, rgba(122, 15, 31, 0.7) 100%);
  z-index: 1;
  pointer-events: none;
}
.index_banner .w_100,
.index_banner .pic {
  position: relative;
  z-index: 2;
}

.index_banner .w_100 {
  display: flex;
  justify-content: space-between;
  padding-left: 80px;
  width: 1300px;
}
.index_banner .info {
}
.index_banner .info .p1 {
  color: #ffffff;
  width: 589px;
  line-height: 64px;
  font-weight: bold;
  font-size: 44px;
  background: linear-gradient(
    41.5831197748639deg,
    #ffd700 0%,
    #ffeb99 39%,
    #ffffff 100%
  );
  -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent; /*给文字设置成透明*/
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
}
.index_banner .info .p2 {
  margin-top: 47px;
  color: #fff8e7;
  line-height: 28px;
  width: 497px;
  margin-bottom: 48px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.index_banner .info .p3 {
}
.index_banner .info .p3 a {
  display: inline-block;
  text-align: center;
  width: 186px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 18px;
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  border: 2px solid #ffd700;
  transition: 0.3s;
  border-radius: 6px;
  box-shadow: 0 4px 15px rgba(196, 30, 58, 0.4);
}
.index_banner .info .p3 a:hover {
  background: linear-gradient(135deg, #ffd700 0%, #daa520 100%);
  color: #c41e3a;
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.5);
}

.index_banner .pic {
  width: 777px;
  position: absolute;
  right: 0;
  top: 80px;
}

.index_box1 .list {
  position: relative;
  z-index: 3;
  margin-top: -95px;
  display: flex;
  flex-wrap: wrap;
}
.index_box1 .list .item {
  height: 252px;
  background: #ffffff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  border-radius: 8px;
  width: 372px;
  margin-right: 40px;
  margin-bottom: 40px;
  padding: 32px;
  position: relative;
}

.index_box1 .list .item:nth-child(3n) {
  margin-right: 0;
}

.index_box1 .list .item .name {
  color: #c41e3a;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(196, 30, 58, 0.1);
}

.index_box1 .list .item .icon {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
}
.index_box1 .list .item .icon {
  height: 80px;
}
.index_box1 .list .item .dsc {
  font-size: 16px;
  color: #495867;
  position: relative;
  z-index: 3;
  line-height: 26px;
}

.index_box2 .w_100 > .name {
  color: #56616b;
  font-weight: bold;
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 42px;
  text-align: center;
}

.index_box2 .list {
  display: flex;
  justify-content: space-between;
  border: 1px solid #d6daf6;
  margin-bottom: 40px;
}

.index_box2 .list .item {
  width: 33.33%;
  border-right: 1px solid #d6daf6;
}

.index_box2 .list .item:last-child {
  border-right: none;
}
.index_box2 .list .item .dsc {
  color: #62717d;
  font-size: 16px;
  line-height: 26px;
}
.index_box2 .list .item .txt {
  padding: 20px 14px 48px 24px;
}
.index_box2 .list .item .name {
  text-align: left;
  margin-bottom: 12px;
  color: #002c4f;
  font-size: 24px;
  line-height: 32px;
}

.index_box3 {
  background: #f6f7ff;
  padding: 40px 0;
}
.index_box3 .w_100 > .name {
  color: #56616b;
  font-weight: bold;
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
  text-align: center;
}

.index_box3 .w_100 .tab {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.index_box3 .w_100 .tab .item {
  width: 578px;
  background: #ffffff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  height: 80px;
  color: #00164f;
  padding: 14px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
.index_box3 .w_100 .tab .item .p1 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 4px;
}
.index_box3 .w_100 .tab .item .p2 {
  font-size: 14px;
  line-height: 20px;
}

.index_box3 .w_100 .tab .item:hover,
.index_box3 .w_100 .tab .item.active {
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  color: #fff;
  box-shadow: 4px 4px 24px -10px rgba(196, 30, 58, 0.85);
  border: 2px solid #ffd700;
}

.index_box3 .w_100 .content {
}
.index_box3 .w_100 .content .box {
  display: none;
}
.index_box3 .w_100 .content .box .checkbox {
  width: 440px;
  height: 260px;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 0 40px;
}
.index_box3 .w_100 .content .box .checkbox > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.index_box3 .w_100 .content .box .checkbox > div div {
  margin-bottom: 20px;
  margin-right: 60px;
  display: flex;
  align-items: center;
}
.index_box3 .w_100 .content .box .checkbox > div div:nth-child(2n) {
  margin-right: 0;
}
.index_box3 .w_100 .content .box .checkbox > div div span {
  color: #00164f;
  font-size: 18px;
}
.index_box3 .w_100 .content .box .checkbox > div div img {
  width: 21px;
  margin-right: 10px;
}
.index_box3 .w_100 .content .box {
}
.index_box3 .w_100 .content .box1 {
}

.index_box3 .w_100 .content .box .pic {
  width: calc(100% - 440px);
}
.index_box3 .w_100 .content .box.active {
  display: flex;
}

.index_box4 {
  background: #fff;
  padding: 40px 0;
}
.index_box4 .w_100 > .name {
  color: #56616b;
  font-weight: bold;
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
  text-align: center;
}

.index_box4 .w_100 .content {
  position: relative;
}

.index_box4 .w_100 .content .info {
  position: absolute;
  height: 100%;
  left: 75px;
  top: 60px;
}

.index_box4 .w_100 .content .info .p1 {
  font-size: 20px;
  margin-bottom: 24px;
  line-height: 26px;
  color: #56616b;
  font-weight: bold;
}
.index_box4 .w_100 .content .info .p3 .a1:hover {
  background: #c41e3a;
  color: #fff;
  border: 1px solid #c41e3a;
}
.index_box4 .w_100 .content .info .p3 .a2 {
  color: #313854;
  font-size: 14px;
  margin-left: 4px;
}
.index_box4 .w_100 .content .info .p3 .a1 {
  width: 144px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  margin-right: 36px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  color: #313854;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
}
.index_box4 .w_100 .content .info .p2 {
  font-size: 14px;
  margin-bottom: 80px;
  line-height: 14px;
  color: #6b728c;
}

.index_box5 {
  background: #f1f2fa;
  padding: 40px 0 28px;
}
.index_box5 .swiper {
  position: relative;
}

.index_box5 .swiper-button-prev {
  background: url("../images/icon5.png") no-repeat center;
  width: 64px;
  height: 64px;
  background-size: 100%;
  left: 110px;
}
.index_box5 .swiper-button-next {
  background: url("../images/icon6.png") no-repeat center;
  width: 64px;
  height: 64px;
  background-size: 100%;
  right: 110px;
}
.index_box5 .swiper .w_100 {
  position: relative;
}
.index_box5 > .name {
  color: #56616b;
  font-weight: bold;
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
  text-align: center;
}

.index_box5 .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
}
.index_box5 .swiper-slide a {
}
.index_box5 .swiper-slide a .pic {
}
.index_box5 .swiper-slide a .pic img {
  width: 380px;
  height: 250px;
}
.index_box5 .swiper-slide a .txt {
  padding: 10px 20px 24px;
  text-align: left;
  height: 90px;
}
.index_box5 .swiper-slide a .name {
  font-size: 18px;
  color: #142637;
  line-height: 24px;
  margin-bottom: 8px;
}
.index_box5 .more {
  text-align: center;
  margin: 28px auto;
}
.index_box5 .more a {
  display: inline-flex;
  align-items: center;
  color: #c41e3a;
  justify-content: center;
  font-size: 18px;
}
.index_box5 .more a img {
  width: 16px;
  margin-left: 4px;
}
.index_box5 .swiper-slide a .other {
  color: #576e85;
  font-size: 14px;
  line-height: 16px;
}

.common_footer {
  padding: 35px 0 44px;
  background: linear-gradient(180deg, #a01729 0%, #7a0f1f 100%);
  border-top: 3px solid #ffd700;
}

.common_footer .w_100 {
}

.common_footer .w_100 .box1 {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 16px 0 19px;
  margin-bottom: 16px;
}

.common_footer .w_100 .box1 .info {
}
.common_footer .w_100 .box1 .info .name {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 9px;
}
.common_footer .w_100 .box1 .info .value {
  color: #e6e9ec;
  font-size: 12px;
  line-height: 18px;
}

.common_footer .w_100 .box1 .ewm {
}
.common_footer .w_100 .box1 .ewm .pic {
  width: 108px;
  margin-bottom: 4px;
}
.common_footer .w_100 .box1 .ewm .txt {
}
.common_footer .w_100 .box1 .ewm .txt p {
  font-size: 12px;
  color: #e6e9ec;
  text-align: right;
  line-height: 20px;
}
.common_footer .w_100 .box1 .ewm .txt .p2 {
}
.common_footer .w_100 .box2 p {
  text-align: right;
  color: #e6e9ec;
  line-height: 20px;
}
.common_footer .w_100 .box2 {
}

.product_banner {
  margin-top: 80px;
  height: 172px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  background: linear-gradient(135deg, rgba(160, 23, 41, 0.9) 0%, rgba(196, 30, 58, 0.85) 50%, rgba(122, 15, 31, 0.9) 100%), 
              url("../images/product_banner.png") no-repeat center;
  background-size: cover;
  background-blend-mode: multiply;
}
.product_tab a:hover,
.product_tab a.active {
  color: #c41e3a;
}
.product_tab .w_100 {
  display: flex;
  justify-content: space-between;
}
.product_tab {
  background: #f8f9fa;
  height: 60px;
  position: sticky;
  top: 80px;
  left: 0;
}
.product_tab a {
  color: #223565;
  transition: 0.3s;
  font-size: 18px;
  line-height: 60px;
}
.product_box .icon {
  text-align: center;
}

.product_box .icon img {
  width: 38px;
  margin: 0 auto;
}

.product_box .slogan {
  color: #4a505f;
  font-size: 16px;
  text-align: center;
  margin-bottom: 32px;
}
.product_box .title {
  color: #1e3142;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
}
.product_box0 {
  padding: 40px 0 30px;
}

.product_box0 .content {
}
.product_box0 .content .box {
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  border-radius: 4px;
  padding: 14px 52px;
  display: none;
}
.product_box0 .content .box.active {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product_box0 .content .box .pic {
  width: 308px;
}

.product_box0 .content .box .checkbox {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.product_box0 .content .box .icon {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  padding-left: 50px;
  align-items: center;
}
.product_box0 .content .box .txt i {
  color: #c41e3a;
}
.product_box0 .content .box .txt {
  font-size: 16px;
  line-height: 32px;
  width: 612px;
  margin-right: 115px;
  padding-left: 50px;
}
.product_box0 .content .box .icon div {
  margin-right: 116px;
  color: #5e626c;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.product_box0 .content .box .icon img {
  width: 32px;
  margin-right: 12px;
}
.product_box0 .content .box .checkbox div {
  width: 50%;
  display: flex;
  align-items: center;
  color: #5e626c;
  font-size: 20px;
  margin-bottom: 30px;
}
.product_box0 .content .box .checkbox div img {
  width: 24px;
  margin-right: 12px;
}
.product_box0 .content .box .checkbox div:nth-child(3),
.product_box0 .content .box .checkbox div:nth-child(4) {
  margin-bottom: 0;
}

.product_box1 {
  padding: 40px 0 30px;
  background: #f4f7ff;
}

.product_box1 .content .box {
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  border-radius: 4px;
  padding: 14px 52px;
  display: none;
  background: #fff;
}

.product_box1 .content .box .pic {
  width: 301px;
}
.product_box1 .content .box .txt {
  width: 618px;
  margin-left: 111px;
  margin-right: 50px;
  color: #5e626c;
  font-size: 16px;
  line-height: 32px;
}

.product_box1 .content .box .txt i {
  color: #c41e3a;
}
.product_box1 .content .box.active {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product_box .box_tab {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.product_box .box_tab span {
  font-size: 16px;
  color: #0e204c;
  margin: 0 25px;
  border-bottom: 2px solid transparent;
  padding-bottom: 7px;
  cursor: pointer;
  transition: 0.3s;
}
.product_box .box_tab span:hover,
.product_box .box_tab span.active {
  color: #c41e3a;
  border-bottom: 2px solid #c41e3a;
}

.product_box2 {
  padding: 40px 0 48px;
}

.product_box2 .select {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 36px auto;
}

.product_box2 .select .name {
  color: #c41e3a;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.product_box2 .select .or {
  color: #c41e3a;
  font-size: 20px;
  display: inline-block;
  width: 18px;
  text-align: center;
  margin: 36px 40px;
  font-weight: bold;
}
.product_box2 .slogan {
  color: #c41e3a;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 20px;
}
.product_box2 .select .item {
  text-align: center;
}
.product_box2 .select .item .pic {
  width: 152px;
  margin-bottom: 5px;
}
.product_box2 .dsc {
  background: #ffffff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  border-radius: 4px;
  padding: 50px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product_box2 .dsc .item {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
.product_box2 .dsc .item .txt {
  width: 308px;
  color: #5e626c;
  font-size: 14px;
  line-height: 24px;
}
.product_box2 .dsc .more a {
  display: block;
  line-height: 42px;
  text-align: center;
  width: 184px;
  height: 44px;
  border: 2px solid #c41e3a;
  color: #c41e3a;
  font-weight: bold;
  transition: 0.3s;
}
.product_box2 .dsc .more a:hover {
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  border-color: #ffd700;
  color: #fff;
  box-shadow: 0 4px 15px rgba(196, 30, 58, 0.4);
}
.product_box2 .dsc .item .icon {
  margin-right: 26px;
}
.product_box2 .dsc .item .icon p {
  color: #c41e3a;
  font-size: 16px;
}
.product_box2 .dsc .item .icon p img {
  margin-bottom: 10px;
  width: 66px;
}

.product_box3 {
  background: #f4f7ff;
  padding: 40px 0;
}

.product_box3 .content {
  background: #ffffff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  border-radius: 4px;
  padding: 32px 48px;
}

.product_box3 .content .txt {
  color: #1e3142;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 27px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(60, 73, 146, 0.2);
}

.product_box3 .content .box {
  display: flex;
  flex: 1;
}
.product_box3 .content .box .item {
  flex: 1;
}
.product_box3 .content .box .item:first-child {
  margin-right: 47px;
  width: 608px;
  flex: none;
}

.product_box3 .content .box .name {
  color: #5e626c;
  padding-bottom: 6px;
  margin-bottom: 33px;
  font-size: 18px;
  border-bottom: 1px solid rgba(60, 73, 146, 0.2);
}

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

.product_box3 .content .list div {
  display: flex;
  flex-wrap: wrap;
}
.product_box3 .content .list div .i {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.product_box3 .content .list div img {
  max-height: 104px;
}
.product_box3 .content .list div p {
  width: 100%;
  text-align: center;
  color: #5e626c;
  font-size: 16px;
}

.product_box4 .content .box {
}
.product_box4 {
  padding: 40px 0;
}

.product_box4 .content .box {
  box-shadow: 4px 4px 24px -10px rgb(29 34 73 / 28%);
  border-radius: 4px;
  padding: 14px 52px;
  display: none;
  background: #fff;
}

.product_box4 .content .box.active {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product_box4 .content .box .pic {
  width: 301px;
  margin-right: 88px;
}

.product_box4 .content .box .txt {
  width: 736px;
}
.product_box4 .content .box .txt p i {
  color: #3b72ff;
}
.product_box4 .content .box .txt p {
  font-size: 16px;
  color: #5e626c;
  line-height: 32px;
}
.product_box4 .content .box .txt p.p1 {
  margin-bottom: 20px;
}

.product_box5 {
  padding: 40px 0;
  background: #f4f7ff;
}

.product_box5 .list {
  display: flex;
  justify-content: space-between;
}
.product_box5 .list .item {
  width: 220px;
  height: 372px;
  background: #ffffff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  border-radius: 8px;
  padding: 48px 16px;
}

.product_box5 .list .item .icon img {
  width: 109px;
  margin: 0 auto;
}
.product_box5 .list .item .dsc {
  color: #73798a;
  font-size: 13px;
  line-height: 22px;
}
.product_box5 .list .item .name {
  margin-top: 24px;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 24px;
}

.product_box6 {
  padding: 40px 0;
}

.product_box6 .content {
  box-shadow: -4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  border-radius: 4px;
  display: flex;
  margin-top: 40px;
}
.product_box6 .content .left .txt {
  margin-bottom: 8px;
  line-height: 32px;
  font-size: 16px;
  color: #5e626c;
}
.product_box6 .content .left .pic {
  width: 517px;
  margin: 0 auto;
}
.product_box6 .content .left {
  padding: 40px 24px;
}
.product_box6 .content .right {
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  padding: 40px 20px;
  border-left: 4px solid #ffd700;
}

.product_box6 .content .right div {
  margin-bottom: 15px;
}

.product_box6 .content .right div.txt2 {
  padding-left: 33px;
  position: relative;
}
.product_box6 .content .right div.txt2::before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background: #fff;
  display: block;
  content: "";
}

.product_box7 {
  height: 216px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
  background: url("../images/product_box7_pic1.png") no-repeat center;
  background-size: cover;
}

.product_box7 .txt {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 44px;
}
.product_box7 .link a {
  display: inline-block;
  width: 284px;
  height: 40px;
  line-height: 40px;
  transition: 0.3s;
  background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  border-radius: 4px;
  border: 2px solid #c41e3a;
  color: #c41e3a;
  font-weight: bold;
}
.product_box7 .link a:hover {
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  border: 2px solid #ffd700;
  color: #fff;
  box-shadow: 0 4px 15px rgba(196, 30, 58, 0.4);
}

.service_banner {
  margin-top: 80px;
  height: 172px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  background: linear-gradient(135deg, rgba(160, 23, 41, 0.9) 0%, rgba(196, 30, 58, 0.85) 50%, rgba(122, 15, 31, 0.9) 100%), 
              url("../images/service_banner.png") no-repeat center;
  background-size: cover;
  background-blend-mode: multiply;
}

.service_box .icon {
  text-align: center;
}

.service_box .icon img {
  width: 38px;
  margin: 0 auto;
}

.service_box .slogan {
  color: #4a505f;
  font-size: 16px;
  text-align: center;
  margin-bottom: 32px;
}
.service_box .title {
  color: #1e3142;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
}
.service_box {
  background: #f6f7ff;
  padding: 40px 0;
}
.service_box .w_100 > .name {
  color: #56616b;
  font-weight: bold;
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
  text-align: center;
}

.service_box .w_100 .tab {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.service_box .w_100 .tab .item {
  width: 578px;
  background: #ffffff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
  height: 80px;
  color: #00164f;
  padding: 14px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service_box .w_100 .tab .item .p1 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 4px;
}

.service_box .w_100 .tab .item:hover,
.service_box .w_100 .tab .item.active {
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  color: #fff;
  box-shadow: 4px 4px 24px -10px rgba(196, 30, 58, 0.85);
  border: 2px solid #ffd700;
}

.service_box .w_100 .content .box {
  display: none;
}
.service_box .w_100 .content .box {
  padding: 24px 52px;
  background: #ffffff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
}
.service_box .w_100 .content .box.active {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.service_box .w_100 .content .box .info {
  width: calc(100% - 344px - 95px);
}
.service_box .w_100 .content .box .pic {
  width: 344px;
}
.service_box .w_100 .content .box.active {
  display: flex;
}

.service_box .w_100 .content .box .info .txt2 {
  padding-left: 32px;
  background: url("../images/icon0.png") no-repeat left top;
  background-size: 24px;
}
.service_box .w_100 .content .box .info .txt1 {
  padding-left: 32px;
  color: #28334d;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 22px;
}

.service_box .w_100 .content .box .info .txt2 .label {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
}

.service_box .w_100 .content .box .info .txt2 .value {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 26px;
}

.service_box1 .w_100 .content .box {
  padding: 24px 40px;
}

.service_box1 .w_100 .content .box .dsc {
  line-height: 30px;
  color: #28334d;
  font-size: 18px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.33);
}

.service_box1 .w_100 .content .box .item {
  padding: 20px 0 15px;
  display: flex;
}
.service_box1 .w_100 .content .box .item .icon {
  width: 204px;
  margin-right: 40px;
}
.service_box1 .w_100 .content .box .item .txt {
  width: calc(100% - 244px);
  padding-bottom: 23px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.33);
}

.service_box1 .w_100 .content .box .item .txt .p1 {
  font-size: 18px;
  color: #00164f;
  line-height: 24px;
  margin-bottom: 4px;
}
.service_box1 .w_100 .content .box .item .txt .p2 {
  color: #5e626c;
  font-size: 14px;
  line-height: 24px;
}

.about_banner {
  margin-top: 80px;
  position: relative;
}

.news_banner {
  margin-top: 80px;
  position: relative;
}

.solution_banner {
  margin-top: 80px;
  position: relative;
}
.about_box .icon {
  text-align: center;
}

.about_box .icon img {
  width: 38px;
  margin: 0 auto;
}

.about_box .slogan {
  color: #4a505f;
  font-size: 16px;
  text-align: center;
  margin-bottom: 32px;
}
.about_box .title {
  color: #1e3142;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
}
.about_box {
  padding: 40px 0 30px;
}

.about_box0 .content {
  margin-top: 35px;
}
.about_box0 .content .list {
  display: flex;
  justify-content: space-between;
}
.about_box0 .content .list .item {
  width: 200px;
  text-align: center;
}
.about_box0 .content .list .txt {
  color: #c41e3a;
  font-size: 24px;
  line-height: 24px;
  margin-top: 12px;
}
.about_box0 .content .txt i {
  color: #c41e3a;
}
.about_box0 .content .txt p {
  font-weight: 400;
  font-size: 16px;
  color: #2e3841;
  line-height: 26px;
  text-align: left;
  margin-bottom: 25px;
}

.about_box1 {
  background: #f6f7ff;
  padding: 40px 90px;
}

.about_box1 .content {
  padding: 50px 0;
}

.about_box2 .list {
  display: flex;
  margin-top: 60px;
}
.about_box2 .list .item {
  height: 160px;
  width: auto;
  margin-right: 60px;
  background: #e3ecff;
}
.about_box2 .list .item img {
  height: 100%;
}

.about_box3 .content {
  display: flex;
  margin-top: 36px;
  position: relative;
  justify-content: space-between;
}
.about_box3 .content .line {
  width: 1px;
  height: calc(100% - 50px);
  margin-top: 55px;
  background: #5d626d;
  position: absolute;
  right: 50%;
  bottom: 0;
}
.about_box3 .content .list {
  width: calc(50% - 30px);
}

.about_box3 .content .list .name {
  font-size: 18px;
  line-height: 22px;
  color: #5d626d;
  margin-bottom: 28px;
}

.about_box3 .content .list .item {
  display: inline-flex;
  align-items: flex-start;
  margin-bottom: 14px;
}

.about_box3 .content .list .item i {
  color: #2e3841;
  font-size: 16px;
  line-height: 26px;
  flex: 1;
}
.about_box3 .all {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
.about_box3 .all_t {
  text-align: center;
  color: #2b3842;
  font-size: 20px;
  margin-bottom: 24px;
  margin-top: 50px;
  font-weight: bold;
  letter-spacing: 2px;
}
.about_box3 .all .item1 {
  padding-left: 28px;
  background: url(../images/icon8.png) no-repeat center left;
  background-size: 20px;
  color: #2e3841;
  line-height: 26px;
  margin-right: 5px;
  white-space: nowrap;
}
.about_box3 .all .item2 {
}
.about_box3 .all .item3 {
}
.about_box3 .content .list .item span {
  padding-left: 28px;
  background: url("../images/icon8.png") no-repeat center left;
  background-size: 20px;
  font-size: 16px;
  line-height: 26px;
  margin-right: 5px;
  white-space: nowrap;
}

.common_address {
  margin-top: 40px;
  color: #a5a5a5;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.common_address a {
  margin-left: 5px;
  color: #c41e3a;
}
.news_main .w_100 {
  display: flex;
  justify-content: space-between;
}

.news_main .w_100 .news_list,
.news_main .w_100 .news_details_content {
  margin-right: 47px;
  width: 805px;
}

.news_main .w_100 .news_list a {
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}
.news_main .w_100 .news_list a .pic {
  width: 300px;
  height: 156px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 36px;
}
.news_main .w_100 .news_list a .pic img {
  min-width: 100%;
}

.news_main .w_100 .news_list a .info {
  width: calc(100% - 336px);
  padding-top: 8px;
}

.news_main .w_100 .news_list a .info .dsc {
  color: #6c6c6c;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  display: -webkit-box; /* WebKit浏览器支持 */
  -webkit-line-clamp: 2; /* 最大行数为2行 */
  -webkit-box-orient: vertical; /* 垂直布局 */
  text-overflow: ellipsis; /* 显示省略号 */
}
.news_main .w_100 .news_list a .info .other span {
  display: inline-flex;
  align-items: center;
  margin-right: 55px;
}
.news_main .w_100 .news_list a .info .other span img {
  margin-right: 5px;
}
.news_main .w_100 .news_list a .info .other {
  color: #a5a5a5;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.news_main .w_100 .news_list a .info .name {
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  transition: 0.3s;
  color: #000000;
  display: -webkit-box; /* WebKit浏览器支持 */
  -webkit-line-clamp: 2; /* 最大行数为2行 */
  -webkit-box-orient: vertical; /* 垂直布局 */
  text-overflow: ellipsis; /* 显示省略号 */
}
.news_main .w_100 .news_list a:hover .info .name {
  color: #c41e3a;
}

.news_main .w_100 .news_other {
  width: 348px;
  font-size: 14px;
  margin-top: 16px;
}

.news_main .w_100 .news_other .box .name {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}
.news_main .w_100 .news_other .box {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 24px;
}

.news_main .w_100 .news_other .box2 > .name {
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}

.news_main .w_100 .news_other .box2 a {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
  padding: 15px 0;
}
.news_main .w_100 .news_other .box2 a .date {
  color: #6a6a6a;
  font-size: 13px;
}
.news_main .w_100 .news_other .box2 a .txt {
  width: calc(100% - 95px);
}
.news_main .w_100 .news_other .box2 a .pic {
  width: 84px;
  height: 84px;
  overflow: hidden;
}
.news_main .w_100 .news_other .box .type a {
  display: inline-flex;
  background: #eff3f7;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  border-radius: 4px;
}

.news_details_main .other {
  color: #a5a5a5;
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: space-between;
  margin-bottom: 24px;
}
.news_details_main .other span {
  display: flex;
  align-items: center;
}
.news_details_main .name {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 16px;
}

.news_details_main .content .pic {
  margin-bottom: 40px;
}

.news_details_main .content .t1 {
  font-weight: 500;
  font-size: 16px;
  color: #c41e3a;
  line-height: 28px;
}
.news_details_main .content .t2 {
  font-weight: 400;
  font-size: 16px;
  color: #71767a;
  line-height: 28px;
  margin-bottom: 20px;
}

.solution_box1 {
  padding: 40px 0;
  background: linear-gradient(
    270deg,
    rgba(57, 129, 255, 0.05) 0%,
    rgba(57, 129, 255, 0.19) 100%
  );
}
.solution_box1 .icon {
  text-align: center;
}

.solution_box1 .icon img {
  width: 38px;
  margin: 0 auto;
}

.solution_box1 .slogan {
  color: #4a505f;
  font-size: 16px;
  text-align: center;
  margin-bottom: 32px;
}
.solution_box1 .content {
  display: flex;
}
.solution_box1 .title {
  color: #1e3142;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
}

.solution_box1 .content {
  background: #fff;
  box-shadow: 4px 4px 24px -10px rgba(29, 34, 73, 0.28);
}
.solution_box1 .content .tab {
  width: 300px;
  background: #f6f8ff;
  padding: 24px 0;
}

.solution_box1 .content .tab .item:hover,
.solution_box1 .content .tab .item.active {
  color: #fff;
  background: linear-gradient(90deg, #c41e3a 0%, #a01729 100%);
  border-left: 3px solid #ffd700;
}
.solution_box1 .content .tab .item {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding-left: 26px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  color: #4d4d4d;
}

.solution_box1 .content .right_zw {
  width: calc(100% - 300px);
}
.solution_box1 .content .right_zw .zw .name img {
  width: 28px;
  position: absolute;
  left: -3px;
  top: -3px;
}
.solution_box1 .content .right_zw .zw .name {
  font-size: 20px;
  color: #293370;
  line-height: 20px;
  padding-left: 36px;
  background-size: 28px;
  margin-bottom: 16px;
  position: relative;
}
.solution_box1 .content .right_zw .zw .txt {
  padding-left: 36px;
  font-size: 16px;
  color: #565d70;
  line-height: 28px;
}
.solution_box1 .content .right_zw .info {
  width: calc(100% - 64px - 264px);
}
.solution_box1 .content .right_zw .pic {
  width: 264px;
  margin-left: 64px;
}
.solution_box1 .content .right_zw .zw.active {
  display: flex;
}
.solution_box1 .content .right_zw .zw {
  padding: 60px 24px;
  display: none;
}

.solution_box2 .slogan {
  color: #4a505f;
  font-size: 16px;
  text-align: center;
  margin-bottom: 32px;
}
.solution_box2 .content {
  display: flex;
}
.solution_box2 .title {
  color: #1e3142;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
}

.solution_box2 {
  padding: 40px 0;
}
.solution_box2 .icon {
  text-align: center;
}

.solution_box2 .icon img {
  width: 38px;
  margin: 0 auto;
}

.solution_box2 .list .item {
  width: 350px;
  height: 352px;
  margin-bottom: 68px;
  margin-right: 68px;
  text-align: center;
  background: #ffffff;
}
.solution_box2 .list .item:nth-child(3n) {
  margin-right: 0;
}
.solution_box2 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 68px;
}

.solution_box2 .list .item .dsc {
  color: #3a4b6d;
  line-height: 24px;
  text-align: left;
}
.solution_box2 .list .item .name {
  color: #c41e3a;
  font-size: 18px;
  margin-bottom: 36px;
}
.solution_box2 .list .item .pic {
  width: 116px;
  margin: 0 auto 18px;
}

.dialog_box {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  display: none;
}
.dialog_box .form {
  width: 800px;
  height: 504px;
  background: #ffffff;
  border-radius: 4px;
  display: flex;
  position: absolute;
  left: 50%;
  margin-top: -250px;
  margin-left: -400px;
  top: 50%;
  overflow: hidden;
}
.dialog_box .form .pic {
  width: 320px;
}
.dialog_box .form .pic img {
  width: 100%;
}
.dialog_box .form .content {
  width: calc(100% - 320px);
}
.dialog_box .close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../images/close-bold.png") no-repeat center;
  width: 20px;
  height: 20px;
  background-size: 100%;
  cursor: pointer;
}
.dialog_box .form .content .title {
  position: relative;
  text-align: center;
  margin-top: 48px;
  padding: 0 60px;
}
.dialog_box .form .content .title a {
  position: absolute;
  right: 60px;
  bottom: 0;
  color: #c41e3a;
  text-decoration: underline;
}
.dialog_box .form .content .title span {
  width: 100%;
  display: inline-block;
  line-height: 24px;
  color: #000;
  font-size: 24px;
}

.dialog_box .form .content form {
  padding: 20px 60px;
  width: 100%;
}
.dialog_box .form .content form .box {
  margin-bottom: 28px;
  position: relative;
}

.dialog_box .form .content form .box1 {
  display: flex;
}
.dialog_box .form .content form .box1 span.active {
  color: #cecece;
  border: 1px solid #cecece;
}
.dialog_box .form .content form .box1 span {
  width: 132px;
  height: 40px;
  background: #ffffff;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  border: 1px solid #c41e3a;
  color: #c41e3a;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.dialog_box .form .content form input {
  border: 1px solid #cecece;
  border-radius: 4px;
  font-size: 14px;
  height: 40px;
  width: 100%;
  padding: 0 12px;
  outline: none;
}
.dialog_box .form .content form .box1 input {
  width: 220px;
}
.dialog_box .form .content form .submit {
  background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  margin-bottom: 16px;
  border: 2px solid #ffd700;
  cursor: pointer;
  width: 100%;
  box-shadow: 0 4px 15px rgba(196, 30, 58, 0.4);
  transition: all 0.3s ease;
}
.dialog_box .form .content form .submit:hover {
  background: linear-gradient(135deg, #ffd700 0%, #daa520 100%);
  color: #c41e3a;
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.5);
}
.dialog_box .form .content form .link a {
  color: #c41e3a;
  font-size: 14px;
}
.dialog_box .form .content form .link {
  text-align: right;
}

.register_box .form .content form input {
  padding-left: 24px;
}

.register_box .form .content form .box i {
  position: absolute;
  color: #da1c1c;
  font-size: 14px;
  left: 12px;
  top: 0;
  line-height: 40px;
  display: block;
}
.priceInfo {
    display: none;
    font-size: 16px;
    color: #c41e3a;
}

/* 图片滤镜已移除 - 保持原图颜色 */
img {
    transition: filter 0.3s ease;
}

/* 图标保持原色 */

/* 内容区域添加红色渐变背景 */


.index_box1::before,
.index_box2::before,
.index_box3::before,
.index_box4::before,
.index_box5::before,
.product_box0::before,
.product_box1::before,
.product_box2::before,
.product_box3::before,
.product_box4::before,
.product_box5::before,
.product_box6::before,
.product_box7::before,
.service_box::before,
.solution_box1::before,
.solution_box2::before,
.news_main::before,
.about_box0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #c41e3a 0%, #ffd700 50%, #c41e3a 100%);
    z-index: 1;
}

/* 标题添加红色装饰元素 */
.common_title {
    position: relative;
    padding-left: 20px;
}

.common_title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 40px;
    background: linear-gradient(180deg, #c41e3a 0%, #ffd700 100%);
    border-radius: 3px;
}
.goXyuqing a {
  display: inline-block;
  margin-top: 20px;
  padding: 4px 6px;
  line-height: 40px;
  transition: 0.3s;
  background: #c41e3a;
  border: #c41e3a;
  border-radius: 4px;
  color: #ffffff;
  display: none;
}
.goXyuqing a:hover {
  background: #a1172d;
  border: 1px solid #a1172d;
  color: #fff;
}

/* ==================== 移动端响应式设计 - 深度优化版 ==================== */
/* 基础响应式优化 - 防止溢出 */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

/* 确保所有容器都不会溢出 */
.index_page, .product_page, .service_page, .news_page, .solution_page, .about_page {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* 图片响应式处理 */
img {
    max-width: 100%;
    height: auto;
}

/* 桌面端 (大于1024px) - 确保菜单正常显示 */
@media (min-width: 1025px) {
    /* 显示桌面端导航菜单 */
    .common_head .content .link {
        display: flex;
    }
    
    .common_head .content .tel {
        display: block;
    }
    
    .common_head .content .operation {
        display: flex;
    }
    
    /* 隐藏汉堡菜单 */
    .mobile-menu-btn {
        display: none !important;
    }
    
    .mobile-nav {
        display: none !important;
    }
    
    .mobile-nav-overlay {
        display: none !important;
    }
}

/* 平板端 (768px-1024px) */
@media (max-width: 1024px) {
    /* 全局溢出防护 */
    .common_head,
    .index_banner,
    .index_box1,
    .index_box2,
    .index_box3,
    .index_box4,
    .index_box5,
    .common_footer,
    .product_banner,
    .product_box0,
    .product_box1,
    .product_box2,
    .product_box3,
    .product_box4,
    .product_box5,
    .product_box6,
    .product_box7,
    .service_box,
    .news_main,
    .solution_box1,
    .solution_box2,
    .about_box0,
    .about_box1,
    .about_box2,
    .about_box3 {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .common_head .content {
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }
    
    .common_head .content .logo {
        margin-right: 24px;
        max-width: 40%;
        flex-shrink: 0;
    }
    
    .common_head .content .logo img {
        max-width: 100%;
        height: auto;
    }
    
    .common_head .content .link {
        display: none;
    }
    
    .common_head .content .tel {
        display: none;
    }
    
    .common_head .content .operation {
        display: none;
    }
    
    /* 显示汉堡菜单按钮 */
    .mobile-menu-btn {
        display: block;
    }
    
    .mobile-nav {
        display: none;
    }
    
    .mobile-nav-overlay {
        display: none;
    }
    
    /* Banner 优化 */
    .index_banner {
        padding: 60px 0;
        min-height: auto;
        width: 100%;
        overflow: hidden;
    }
    
    .index_banner .w_100 {
        flex-direction: column;
        padding: 0 16px;
        box-sizing: border-box;
    }
    
    .index_banner .info {
        width: 100%;
        max-width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    
    .index_banner .info .p1 {
        font-size: 28px;
        line-height: 42px;
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .index_banner .info .p2 {
        width: 100%;
        font-size: 15px;
        line-height: 26px;
        margin: 20px 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .index_banner .pic {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-top: 40px;
        right: auto;
        top: auto;
        overflow: hidden;
    }
    
    .index_banner .pic img {
        width: 100%;
        max-width: 450px;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    
    /* 功能模块 - 2列 */
    .index_box1 .list {
        margin-top: 30px;
        gap: 16px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .index_box1 .list .item {
        width: calc(50% - 8px);
        margin-right: 0;
        margin-bottom: 0;
        padding: 24px 16px;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .index_box1 .list .item .name,
    .index_box1 .list .item .dsc {
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* 产品优势 */
    .index_box2 .list {
        flex-direction: column;
        gap: 0;
    }
    
    .index_box2 .list .item {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #f0f0f0;
        padding: 24px 16px;
    }
    
    .index_box2 .list .item:last-child {
        border-bottom: none;
    }
    
    /* 应用场景 */
    .index_box3 .w_100 .tab {
        flex-direction: column;
        gap: 12px;
    }
    
    .index_box3 .w_100 .tab .item {
        width: 100%;
        padding: 16px 20px;
        margin-bottom: 0;
    }
    
    .index_box3 .w_100 .content .box.active {
        flex-direction: column;
    }
    
    .index_box3 .w_100 .content .box .checkbox {
        width: 100%;
    }
    
    .index_box3 .w_100 .content .box .checkbox > div {
        flex-wrap: wrap;
        gap: 16px;
    }
    
    .index_box3 .w_100 .content .box .checkbox > div div {
        margin-right: 0;
        width: calc(50% - 8px);
    }
    
    .index_box3 .w_100 .content .box .pic {
        width: 100%;
        margin-top: 30px;
    }
    
    /* 客户案例 */
    .index_box4 .w_100 .content {
        flex-direction: column;
    }
    
    .index_box4 .w_100 .content .info {
        position: relative;
        left: auto;
        top: auto;
        margin-top: 30px;
        text-align: center;
    }
    
    /* 资讯 */
    .index_box5 .swiper-button-prev,
    .index_box5 .swiper-button-next {
        display: none;
    }
    
    /* 底部 */
    .common_footer .w_100 .box1 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .common_footer .w_100 .box1 .ewm {
        margin-top: 30px;
    }
    
    /* 右侧固定按钮 */
    .right_fix {
        right: 12px;
        bottom: 80px;
    }
    
    .right_fix .item {
        width: 48px;
        height: 48px;
    }
}

/* 手机端 (480px-768px) - 深度溢出防护 */
@media (max-width: 768px) {
    /* 所有容器防止溢出 */
    * {
        max-width: 100%;
    }
    
    /* 头部优化 - 保持红色渐变背景 */
    .common_head {
        height: auto;
        padding: 12px 0;
        position: sticky;
        top: 0;
        z-index: 1000;
        background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
        box-shadow: 0 2px 10px rgba(196, 30, 58, 0.3);
        width: 100%;
    }
    
    .common_head .content {
        flex-wrap: nowrap;
        padding: 0 16px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .common_head .content .logo {
        width: 140px;
        max-width: 45%;
        margin-right: 0;
        flex-shrink: 0;
    }
    
    .common_head .content .logo img {
        max-width: 100%;
        height: auto;
    }
    
    /* 移动端导航优化 - 显示汉堡菜单 */
    .common_head .content .link {
        display: none;
    }
    
    .common_head .content .tel {
        display: none;
    }
    
    .common_head .content .operation {
        display: none;
    }
    
    /* 显示汉堡菜单按钮 */
    .mobile-menu-btn {
        display: block;
    }
    
    .mobile-nav {
        display: none;
    }
    
    .mobile-nav-overlay {
        display: none;
    }
    
    /* Banner - 溢出防护 */
    .index_banner {
        padding: 50px 0;
        width: 100%;
        overflow: hidden;
    }
    
    .index_banner .w_100 {
        padding: 0 16px;
        box-sizing: border-box;
    }
    
    .index_banner .info {
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    .index_banner .info .p1 {
        font-size: 24px;
        line-height: 36px;
        font-weight: 700;
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .index_banner .info .p2 {
        font-size: 14px;
        line-height: 24px;
        color: #555;
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .index_banner .info .p3 a {
        width: 160px;
        height: 44px;
        line-height: 44px;
        font-size: 15px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(164, 23, 45, 0.25);
    }
    
    .index_banner .pic img {
        max-width: 100%;
        height: auto;
    }
    
    /* 模块容器溢出防护 */
    .index_box1,
    .index_box2,
    .index_box3,
    .index_box4,
    .index_box5 {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        padding: 50px 0;
    }
    
    .index_box1 .w_100,
    .index_box2 .w_100,
    .index_box3 .w_100,
    .index_box4 .w_100 {
        padding: 0 16px;
        box-sizing: border-box;
    }
    
    /* 模块标题 */
    .index_box1,
    .index_box2,
    .index_box3,
    .index_box4,
    .index_box5 {
        padding: 50px 0;
    }
    
    .index_box2 .w_100 > .name,
    .index_box3 .w_100 > .name,
    .index_box4 .w_100 > .name,
    .index_box5 > .name,
    .product_box .title,
    .about_box .title {
        font-size: 22px;
        margin-bottom: 30px;
    }
    
    /* 功能模块 - 1列溢出防护 */
    .index_box1 .list {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .index_box1 .list .item {
        width: 100%;
        padding: 28px 20px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        transition: all 0.3s ease;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .index_box1 .list .item .name,
    .index_box1 .list .item .dsc {
        width: 100%;
        max-width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .index_box1 .list .item .icon {
        max-width: 60px;
        max-height: 60px;
    }
    
    .index_box1 .list .item .icon img {
        max-width: 100%;
        height: auto;
    }
    
    /* 产品优势溢出防护 */
    .index_box2 .list {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .index_box2 .list .item {
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .index_box2 .list .item .pic {
        overflow: hidden;
    }
    
    .index_box2 .list .item .pic img {
        max-width: 100%;
        height: auto;
    }
    
    .index_box1 .list .item:active {
        transform: scale(0.98);
    }
    
    .index_box1 .list .item .name {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .index_box1 .list .item .dsc {
        font-size: 14px;
        line-height: 24px;
    }
    
    .index_box1 .list .item .icon {
        width: 60px;
        height: 60px;
    }
    
    .index_box1 .list .item .icon img {
        width: 32px;
        height: 32px;
    }
    
    /* 产品优势 */
    .index_box2 .list .item {
        flex-direction: column;
        text-align: center;
        padding: 30px 16px;
    }
    
    .index_box2 .list .item .pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .index_box2 .list .item .pic img {
        max-width: 200px;
        margin: 0 auto;
    }
    
    .index_box2 .list .item .txt {
        width: 100%;
        padding: 0;
    }
    
    .index_box2 .list .item .txt .name {
        font-size: 18px;
    }
    
    .index_box2 .list .item .txt .dsc {
        font-size: 14px;
        line-height: 24px;
    }
    
    /* 应用场景 */
    .index_box3 .w_100 .tab .item .p1 {
        font-size: 17px;
    }
    
    .index_box3 .w_100 .tab .item .p2 {
        font-size: 14px;
    }
    
    .index_box3 .w_100 .content .box .checkbox > div div {
        width: 100%;
    }
    
    /* 客户案例 */
    .index_box4 .w_100 .content .info .p1 {
        font-size: 18px;
    }
    
    .index_box4 .w_100 .content .info .p2 {
        font-size: 14px;
    }
    
    .index_box4 .w_100 .content .info .p3 {
        justify-content: center;
    }
    
    .index_box4 .w_100 .content .info .p3 .a1 {
        width: 130px;
        height: 42px;
        line-height: 42px;
        border-radius: 8px;
    }
    
    .index_box4 .w_100 .content .info .p3 .a2 {
        width: 130px;
        height: 42px;
        line-height: 42px;
        border-radius: 8px;
    }
    
    /* 产品页面 */
    .product_banner {
        height: 100px;
        font-size: 22px;
    }
    
    .product_box0,
    .product_box1,
    .product_box2,
    .product_box3,
    .product_box4,
    .product_box5,
    .product_box6 {
        padding: 50px 0;
    }
    
    .product_box0 .content .box.active,
    .product_box1 .content .box.active {
        flex-direction: column;
    }
    
    .product_box0 .content .box .pic,
    .product_box1 .content .box .pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    
    .product_box0 .content .box .txt,
    .product_box1 .content .box .txt {
        width: 100%;
        padding: 0;
    }
    
    .product_box2 .dsc {
        flex-direction: column;
        gap: 20px;
    }
    
    .product_box2 .dsc .item {
        margin-right: 0;
        margin-bottom: 0;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    }
    
    .product_box3 .content .box {
        flex-direction: column;
    }
    
    .product_box3 .content .box .item:first-child {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .product_box5 .list {
        gap: 16px;
    }
    
    .product_box5 .list .item {
        width: calc(50% - 8px);
        margin-right: 0;
        margin-bottom: 0;
    }
    
    .product_box6 .content {
        flex-direction: column;
    }
    
    .product_box6 .content .left,
    .product_box6 .content .right {
        width: 100%;
    }
    
    .product_box7 {
        height: 160px;
    }
    
    .product_box7 .txt {
        font-size: 22px;
        margin-bottom: 24px;
    }
    
    .product_box7 .link a {
        width: 170px;
        height: 42px;
        line-height: 42px;
        border-radius: 8px;
    }
    
    /* 关于我们 */
    .about_box1 {
        padding: 40px 16px;
    }
    
    .about_box0 .content .list {
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .about_box0 .content .list .item {
        width: calc(50% - 6px);
        margin-bottom: 0;
        padding: 20px 16px;
        border-radius: 12px;
    }
    
    /* 服务支持 */
    .service_box .w_100 .content .box.active {
        flex-direction: column;
    }
    
    .service_box .w_100 .content .box .pic {
        width: 100%;
    }
    
    .service_box .w_100 .content .box .info {
        width: 100%;
        margin-top: 24px;
    }
    
    /* 新闻 */
    .news_main .w_100 {
        flex-direction: column;
    }
    
    .news_main .w_100 .news_list,
    .news_main .w_100 .news_details_content {
        width: 100%;
        margin-right: 0;
    }
    
    .news_main .w_100 .news_other {
        width: 100%;
        margin-top: 24px;
    }
    
    /* 解决方案 */
    .solution_box1 .content {
        flex-direction: column;
    }
    
    .solution_box1 .content .tab {
        width: 100%;
    }
    
    .solution_box1 .content .right_zw {
        width: 100%;
    }
    
    .solution_box2 .list .item {
        width: 100%;
        margin-right: 0;
    }
    
    /* 底部 */
    .common_footer {
        padding: 40px 0;
    }
    
    .common_footer .w_100 .box1 .info .name {
        font-size: 18px;
        margin-bottom: 16px;
    }
    
    .common_footer .w_100 .box1 .info .value {
        font-size: 14px;
        line-height: 28px;
    }
    
    .common_footer .w_100 .box2 .p1 {
        font-size: 14px;
    }
    
    .common_footer .w_100 .box2 .p2 {
        font-size: 13px;
    }
    
    /* 隐藏右侧按钮 */
    .right_fix {
        display: none;
    }
}

/* 小屏手机 (320px-480px) */
@media (max-width: 480px) {
    /* 头部 */
    .common_head .content .logo {
        width: 120px;
    }
    
    .common_head .content .operation a {
        font-size: 13px;
        padding: 0 14px;
        height: 36px;
        line-height: 36px;
    }
    
    /* Banner */
    .index_banner {
        padding: 40px 0;
    }
    
    .index_banner .info .p1 {
        font-size: 20px;
        line-height: 32px;
    }
    
    .index_banner .info .p2 {
        font-size: 13px;
        line-height: 22px;
        margin: 16px 0;
    }
    
    .index_banner .info .p3 a {
        width: 140px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    
    /* 模块 */
    .index_box1,
    .index_box2,
    .index_box3,
    .index_box4,
    .index_box5 {
        padding: 40px 0;
    }
    
    .index_box2 .w_100 > .name,
    .index_box3 .w_100 > .name,
    .index_box4 .w_100 > .name,
    .index_box5 > .name,
    .product_box .title,
    .about_box .title {
        font-size: 20px;
        margin-bottom: 24px;
    }
    
    /* 功能模块 */
    .index_box1 .list .item {
        padding: 24px 16px;
    }
    
    .index_box1 .list .item .name {
        font-size: 17px;
    }
    
    .index_box1 .list .item .dsc {
        font-size: 13px;
        line-height: 22px;
    }
    
    /* 产品优势 */
    .index_box2 .list .item {
        padding: 24px 12px;
    }
    
    .index_box2 .list .item .txt .name {
        font-size: 17px;
    }
    
    .index_box2 .list .item .txt .dsc {
        font-size: 13px;
        line-height: 22px;
    }
    
    /* 应用场景 */
    .index_box3 .w_100 .tab .item {
        padding: 14px 16px;
    }
    
    .index_box3 .w_100 .tab .item .p1 {
        font-size: 16px;
    }
    
    .index_box3 .w_100 .content .box .checkbox > div div span {
        font-size: 14px;
    }
    
    /* 客户案例 */
    .index_box4 .w_100 .content .info .p1 {
        font-size: 17px;
    }
    
    .index_box4 .w_100 .content .info .p3 .a1,
    .index_box4 .w_100 .content .info .p3 .a2 {
        width: 115px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
    
    /* 产品页面 */
    .product_banner {
        height: 90px;
        font-size: 20px;
    }
    
    .product_box0,
    .product_box1,
    .product_box2,
    .product_box3,
    .product_box4,
    .product_box5,
    .product_box6 {
        padding: 40px 0;
    }
    
    .product_box5 .list .item {
        width: 100%;
    }
    
    .product_box7 {
        height: 140px;
    }
    
    .product_box7 .txt {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .product_box7 .link a {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    
    /* 关于我们 */
    .about_box1 {
        padding: 30px 12px;
    }
    
    .about_box0 .content .list .item {
        width: 100%;
    }
    
    /* 底部 */
    .common_footer {
        padding: 30px 0;
    }
    
    .common_footer .w_100 .box1 .info .name {
        font-size: 16px;
    }
    
    .common_footer .w_100 .box1 .info .value {
        font-size: 13px;
        line-height: 26px;
    }
}

/* 超小屏手机 (320px以下) - 终极溢出防护 */
@media (max-width: 320px) {
    /* 终极防护 */
    * {
        box-sizing: border-box;
        max-width: 100%;
    }
    
    html, body, .index_page {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }
    
    /* 头部 - 保持红色渐变背景 */
    .common_head {
        height: auto;
        padding: 8px 0;
        position: sticky;
        top: 0;
        z-index: 1000;
        background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
        box-shadow: 0 2px 10px rgba(196, 30, 58, 0.3);
        width: 100%;
    }
    
    .common_head .content {
        flex-wrap: nowrap;
        padding: 0 12px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .common_head .content .logo {
        width: 100px;
        max-width: 35%;
        margin-right: 0;
        flex-shrink: 0;
    }
    
    .common_head .content .logo img {
        max-width: 100%;
        height: auto;
    }
    
    /* 移动端导航优化 - 显示汉堡菜单 */
    .common_head .content .link {
        display: none;
    }
    
    .common_head .content .tel {
        display: none;
    }
    
    .common_head .content .operation {
        display: none;
    }
    
    /* 显示汉堡菜单按钮 */
    .mobile-menu-btn {
        display: block;
    }
    
    .mobile-nav {
        display: none;
    }
    
    .mobile-nav-overlay {
        display: none;
    }
    
    /* Banner */
    .index_banner .info .p1 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .index_banner .info .p2 {
        font-size: 12px;
        line-height: 18px;
        margin: 12px 0;
    }
    
    .index_banner .info .p3 a {
        width: 130px;
        height: 38px;
        line-height: 38px;
        font-size: 13px;
    }
    
    /* 模块间距 */
    .index_box1,
    .index_box2,
    .index_box3,
    .index_box4,
    .index_box5 {
        padding: 35px 0;
    }
    
    .index_box1 .w_100,
    .index_box2 .w_100,
    .index_box3 .w_100,
    .index_box4 .w_100 {
        padding: 0 10px;
    }
    
    /* 文字大小 */
    .index_box1 .list .item .name {
        font-size: 16px;
    }
    
    .index_box1 .list .item .dsc {
        font-size: 12px;
        line-height: 20px;
    }
    
    .index_box2 .w_100 > .name,
    .index_box3 .w_100 > .name,
    .index_box4 .w_100 > .name,
    .index_box5 > .name {
        font-size: 19px;
        margin-bottom: 20px;
    }
}

/* ==============================================================
            完整的移动端适配方案 - 所有页面通用
   ============================================================== */

/* 基础移动端防护 - 适用于所有设备 */
* {
    box-sizing: border-box;
}

html, body, .index_page, .about_page, .product_page, 
.news_page, .service_page, .lianxi_page {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

/* 桌面端 (1025px及以上) - 显示桌面导航 */
@media (min-width: 1025px) {
    .mobile-menu-btn {
        display: none !important;
    }
    
    .mobile-nav,
    .mobile-nav-overlay {
        display: none !important;
    }
    
    .common_head .content .link,
    .common_head .content .tel,
    .common_head .content .operation {
        display: flex !important;
    }
}

/* 平板和手机端 (1024px及以下) */
@media (max-width: 1024px) {
    
    /* 头部优化 - 平板端也显示汉堡菜单 */
    .common_head {
        height: auto;
        padding: 12px 0;
        position: sticky;
        top: 0;
        z-index: 1000;
        background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);
        box-shadow: 0 2px 10px rgba(196, 30, 58, 0.3);
        width: 100%;
    }
    
    .common_head .content {
        flex-wrap: nowrap;
        padding: 0 16px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .common_head .content .logo {
        width: 140px;
        max-width: 45%;
        margin-right: 0;
        flex-shrink: 0;
    }
    
    .common_head .content .logo img {
        max-width: 100%;
        height: auto;
    }
    
    /* 隐藏桌面导航 */
    .common_head .content .link,
    .common_head .content .tel,
    .common_head .content .operation {
        display: none;
    }
    
    /* 显示汉堡菜单 */
    .mobile-menu-btn {
        display: block;
    }
    
    .mobile-nav,
    .mobile-nav-overlay {
        display: none;
    }
    
    /* 通用容器防护 */
    .w_100,
    .about_box,
    .product_box,
    .service_box,
    .news_main {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    /* 所有Banner优化 */
    .index_banner,
    .about_banner,
    .product_banner,
    .news_banner,
    .service_banner {
        height: auto !important;
        min-height: 180px;
    }
    
    .index_banner img,
    .about_banner img,
    .product_banner img,
    .news_banner img,
    .service_banner img {
        width: 100%;
        height: auto;
        display: block;
    }
    
    /* 通用标题和内容 */
    .about_box .title,
    .product_box .title,
    .service_box .title {
        font-size: 26px !important;
        line-height: 1.3;
    }
    
    .about_box .slogan,
    .product_box .slogan,
    .service_box .slogan {
        font-size: 14px !important;
        line-height: 1.6;
    }
    
    /* 产品标签页 - 可横向滚动 */
    .product_tab {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 12px 0;
    }
    
    .product_tab .w_100 {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
        padding: 0 15px;
        min-width: max-content;
    }
    
    .product_tab a {
        flex-shrink: 0;
        white-space: nowrap;
        padding: 8px 16px;
        font-size: 13px;
    }
    
    /* 产品内部Tab */
    .product_box .box_tab {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    
    .product_box .box_tab span {
        flex: 0 1 auto;
        padding: 6px 14px;
        font-size: 13px;
    }
    
    /* 关于页面列表 - 2列 */
    .about_box .list,
    .service_box .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .about_box .list .item,
    .service_box .list .item {
        width: 100%;
    }
    
    .about_box .list .item .pic,
    .service_box .list .item .pic {
        width: 70px;
        height: 70px;
    }
    
    /* 新闻页面适配 */
    .news_list {
        padding: 15px;
    }
    
    .news_list > a {
        flex-direction: column;
        gap: 12px;
        padding: 15px 0;
    }
    
    .news_list .pic {
        width: 100%;
        height: 200px;
    }
    
    .news_list .info {
        width: 100%;
    }
    
    .news_list .info .name {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .news_list .info .dsc {
        font-size: 13px;
        line-height: 1.6;
    }
    
    .common_address {
        padding: 12px 15px;
        font-size: 12px;
    }
    
    /* Swiper优化 */
    .swiper-container {
        padding: 0 15px;
    }
    
    .swiper-slide {
        width: 100% !important;
    }
}

/* 手机端 (768px及以下) - 深度优化 */
@media (max-width: 768px) {
    
    /* 容器间距优化 */
    .about_box,
    .product_box,
    .service_box {
        padding: 35px 0 !important;
    }
    
    /* 标题进一步缩小 */
    .about_box .title,
    .product_box .title,
    .service_box .title {
        font-size: 22px !important;
    }
    
    .about_box .slogan,
    .product_box .slogan,
    .service_box .slogan {
        font-size: 13px !important;
    }
    
    /* 所有产品盒子内容改为单列 */
    .product_box .content .box {
        flex-direction: column !important;
    }
    
    .product_box .content .box .checkbox,
    .product_box .content .box .icon,
    .product_box .content .box .txt,
    .product_box .content .box .pic {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    
    /* 产品box0 */
    .product_box0 .checkbox {
        flex-direction: column;
        gap: 15px;
    }
    
    .product_box0 .checkbox > div {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .product_box0 .checkbox img {
        width: 45px;
        height: 45px;
        flex-shrink: 0;
    }
    
    .product_box0 .checkbox span {
        font-size: 13px;
        line-height: 1.5;
    }
    
    /* 产品box2 */
    .product_box2 .select {
        flex-direction: column;
        gap: 25px;
    }
    
    .product_box2 .select .item {
        width: 100%;
    }
    
    .product_box2 .select .or {
        transform: rotate(90deg);
        margin: 10px 0;
    }
    
    .product_box2 .dsc {
        flex-direction: column;
        gap: 30px;
    }
    
    .product_box2 .dsc .item {
        width: 100%;
    }
    
    /* 产品box3 */
    .product_box3 .content .box {
        flex-direction: column;
        gap: 35px;
    }
    
    .product_box3 .content .box .item {
        width: 100%;
    }
    
    .product_box3 .content .box .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    /* 产品box5 */
    .product_box5 .list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .product_box5 .list .item {
        width: 100%;
    }
    
    /* 产品box6 */
    .product_box6 .content {
        flex-direction: column;
        gap: 30px;
    }
    
    .product_box6 .content .left,
    .product_box6 .content .right {
        width: 100%;
    }
    
    /* 产品box7 */
    .product_box7 .w_100 {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .product_box7 .txt {
        font-size: 18px;
    }
    
    /* 关于和服务页面 - 1列 */
    .about_box .list,
    .service_box .list {
        grid-template-columns: 1fr;
    }
    
    /* 文本内容 */
    .about_box .txt p,
    .product_box .txt p,
    .service_box .txt p {
        font-size: 14px;
        line-height: 1.8;
        word-wrap: break-word;
        word-break: break-word;
    }
    
    /* 注册按钮 */
    .register_btn {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
        display: block;
        font-size: 14px;
    }
    
    /* 新闻页面 - 手机端 */
    .news_list .pic {
        height: 180px;
    }
    
    .news_list .info .name {
        font-size: 15px;
    }
    
    .news_list .info .other span {
        font-size: 12px;
    }
    
    /* 新闻详情页 */
    .news_detail_main {
        padding: 25px 0 !important;
    }
    
    .news_detail_container {
        flex-direction: column;
        gap: 20px;
    }
    
    .news_detail_left,
    .news_detail_right {
        width: 100%;
    }
    
    .article_content_box {
        padding: 22px 18px !important;
    }
    
    .article_title {
        font-size: 21px !important;
        line-height: 1.4 !important;
    }
    
    .article_meta {
        gap: 12px;
        font-size: 12px;
    }
    
    .article_body {
        font-size: 14px;
        line-height: 1.8;
    }
    
    .article_body h2 {
        font-size: 18px !important;
    }
    
    .article_body h3 {
        font-size: 16px !important;
    }
    
    /* 联系页面 */
    .contact_page,
    .lianxi_page {
        padding: 30px 0;
    }
    
    .contact_page .content,
    .lianxi_page .content {
        flex-direction: column;
        gap: 30px;
    }
    
    .contact_page .map,
    .lianxi_page .map,
    .contact_page .info,
    .lianxi_page .info {
        width: 100%;
    }
}

/* 小屏手机 (480px及以下) - 极限优化 */
@media (max-width: 480px) {
    
    .about_box,
    .product_box,
    .service_box {
        padding: 28px 0 !important;
    }
    
    .about_box .title,
    .product_box .title,
    .service_box .title {
        font-size: 20px !important;
    }
    
    .about_box .slogan,
    .product_box .slogan,
    .service_box .slogan {
        font-size: 12px !important;
    }
    
    /* 产品tab进一步缩小 */
    .product_tab a {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    /* 产品box3列表改为1列 */
    .product_box3 .content .box .list {
        grid-template-columns: 1fr;
    }
    
    /* 新闻图片高度调整 */
    .news_list .pic {
        height: 160px;
    }
}

/* 首页手机端深度优化 */
@media (max-width: 768px) {
    
    /* 首页Banner手机端优化 */
    .index_banner {
        flex-direction: column !important;
        padding: 80px 15px 40px !important;
        text-align: center;
    }
    
    .index_banner .w_100 {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .index_banner .info {
        width: 100% !important;
        padding-bottom: 30px;
    }
    
    .index_banner .info .p1 {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
    
    .index_banner .info .p2 {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin: 15px 0 !important;
    }
    
    .index_banner .info .p3 a {
        width: 100% !important;
        max-width: 240px;
    }
    
    .index_banner .pic {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .index_banner .pic img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* 首页Box1手机端优化 */
    .index_box1 .list {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .index_box1 .list .item {
        padding: 20px !important;
    }
    
    .index_box1 .list .item .name {
        font-size: 16px !important;
    }
    
    .index_box1 .list .item .dsc {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
    
    .index_box1 .list .item .icon {
        width: 60px !important;
        height: 60px !important;
    }
    
    .index_box1 .list .item .icon img {
        width: 35px !important;
        height: 35px !important;
    }
    
    /* 首页Box2手机端优化 */
    .index_box2 .list {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }
    
    .index_box2 .list .item {
        flex-direction: column !important;
        text-align: center;
    }
    
    .index_box2 .list .item .pic {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    
    .index_box2 .list .item .txt {
        width: 100% !important;
    }
    
    .index_box2 .list .item .txt .name {
        font-size: 17px !important;
    }
    
    .index_box2 .list .item .txt .dsc {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
    
    /* 首页Box3手机端优化 */
    .index_box3 .tab {
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: center;
    }
    
    .index_box3 .tab .item {
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 10px 18px !important;
        font-size: 13px !important;
    }
    
    .index_box3 .content .box {
        flex-direction: column !important;
        gap: 25px !important;
    }
    
    .index_box3 .content .box .txt,
    .index_box3 .content .box .pic {
        width: 100% !important;
    }
    
    /* 首页Box4手机端优化 */
    .index_box4 .list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    
    .index_box4 .list .item {
        padding: 20px 15px !important;
    }
    
    .index_box4 .list .item .name {
        font-size: 14px !important;
    }
    
    /* 首页Box5手机端优化 */
    .index_box5 .swiper-slide {
        flex-direction: column !important;
        text-align: center;
    }
    
    .index_box5 .list .item .txt {
        width: 100% !important;
        padding: 20px 0 0 0 !important;
    }
    
    /* 底部优化 */
    .common_footer .w_100 {
        flex-direction: column !important;
        gap: 30px !important;
    }
    
    .common_footer .w_100 .box1 {
        width: 100% !important;
    }
    
    .common_footer .w_100 .box1 .info .name {
        font-size: 15px !important;
    }
    
    .common_footer .w_100 .box1 .info .value {
        font-size: 13px !important;
        line-height: 1.8 !important;
    }
}

/* 小屏手机首页极限优化 */
@media (max-width: 480px) {
    .index_banner .info .p1 {
        font-size: 18px !important;
    }
    
    .index_banner .info .p2 {
        font-size: 13px !important;
    }
    
    .index_box1 .list .item,
    .index_box2 .list .item {
        padding: 15px !important;
    }
    
    .index_box4 .list {
        grid-template-columns: 1fr !important;
    }
}