@charset 'utf-8';
.page-banner{font-size: 0;}
.page-banner img{width: 100%;height: 100%;}
.con_banner .content{width: 40%;left: 9%;}
.con_banner .content .whole h3{font-size: 26px;margin-bottom: 30px;}
.con_banner  .content .whole .title{font-size: 36px;text-align: left;font-weight: 500;}
.con_banner  .content .whole .oksdddd{width: 25%;border-top: 5px dashed #fff;margin: 50px 0 0;}
.con_banner  .content .whole .text{font-size: 14px;}
.con_banner  .content .whole a{font-size: 16px;display: inline-block;margin-top: 50px;background: #fff;padding: 10px 30px;text-decoration: underline;border-radius: 60px;color: #e2141e;}




.post_title{margin:10px 0;text-align: center;margin-bottom: 10px;}
.post_title h3{font-size: 36px;text-align: center;font-weight: bold;}
.post_title h3 span{color:#c80002}
.post_title b{font-size: 14px;display: inline-block;text-align: center;margin: 20px 0 0;border-bottom: 1px solid #e2141e;color: #e2141e;font-weight: 500;}
.post_title p {
    font-size: 14px;
    color: #666;
    margin-top: 40px;
    margin-bottom: 40px;
}

.post_1{padding:50px 0;background: #eeeeee;}

.post_1 .auto_post{margin-top:50px;}


.post_1 .auto_post .swiper-container {padding-bottom:50px;}


.post_1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #999;
    opacity: 1;
}

.post_1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #e2141e;
}
.post_1 .auto_post .swiper-slide h3{font-size: 15px;margin: 15px 0;line-height: 1.5;overflow: hidden; /* 超出部分隐藏 */white-space: nowrap; /* 禁止换行 */text-overflow: ellipsis; /* 显示省略号 */}
.post_1 .auto_post .po_in{/* background:#fff; *//* padding: 20px; */border-radius: 15px;text-align: center;}
	.post_img{
    padding: 10px;
    background: #fff;
    border-radius: 20px;
}


/* ////////////////////////// */
.post_2{padding:50px 0;}
.post_2 .pst_au2{margin-top:50px;}
 .tab-container {
      display: flex;
      /* max-width: 1200px; */
      margin: 2rem auto;
      /* box-shadow: 0 4px 20px rgba(0,0,0,0.1); */
      border-radius: 10px;
      overflow: hidden;
    }

    /* 左侧图片区域 */
    .tab-image {
      width: 50%;
      /* min-height: 500px; */
      /* background-image: url('https://picsum.photos/800/1000'); */
      /* background-size: cover; */
      /* background-position: center; */
    }

    /* 右侧内容区域 */
    .tab-content-wrapper {
      width: 50%;
      padding: 2rem;
    }

    /* 标题选项卡 */
    .tab-titles {
      display: flex;
      margin-bottom: 50px;
      gap: 0.5rem;
      overflow-x: auto;
      scrollbar-width: none;
      flex-wrap: wrap;
    }

    .tab-titles::-webkit-scrollbar {
      display: none;
    }

    .tab-title {
      padding: 15px 30px 15px 30px;
      cursor: pointer;
      width: 43%;
      position: relative;
      /* white-space: nowrap; */
      transition: all 0.3s ease;
      color: #000;
      font-weight: 600;
      font-size: 14px;
    }

    .tab-title.active {
      color: #000;
      font-weight: 600;
      background: url(../images/yuan.png)no-repeat left;
    }

    .tab-title.active::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 0;
      background-color: #3498db;
      border-radius: 3px 3px 0 0;
    }

    .tab-title:hover:not(.active) {
      color: #3498db;
    }

    /* 内容区域 */
    .tab-contents {
      /* min-height: 300px; */
    }

    .tab-content {
      display: none;
      animation: fadeIn 0.5s ease;
    }

    .tab-content.active {
      display: block;
    }

    .tab-content h3 {
      margin-bottom: 1rem;
      color: #2c3e50;
    }

    .tab-content p {
      color: #555;
      line-height: 1.6;
      font-size: 16px;
      color: #666666;
      line-height: 1.8;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
      .tab-container {
        flex-direction: column;
      }
      
      .tab-image {
        width: 100%;
        height: 300px;
      }
      
      .tab-content-wrapper {
        width: 100%;
      }
    }
.get_ior_pot{margin-top:50px;}
.get_ior_pot a{font-size: 16px;padding: 10px 30px;background: #e2141e;color: #fff;border-radius: 60px;}

/* //////////////////////////////// */



.post_3{padding:50px 0;background: url(../images/bi.jpg);text-align: center;}
.post_3 h3{font-size: 36px;color: #fff;line-height: 1.5;}
.post_3 .get_ior_pot a{font-size:20px;}

/* //////////////////////////////// */


.yt-hezuo {
	padding: 60px 0 0;
	background: #fff;
}
.he_auto {
	/* padding:50px 0 0 0; */
}


.he_auto ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.he_auto ul li{width: 24%;text-align: center;margin-bottom: 3%;padding: 15px;}
.he_auto ul li img{max-width:100%;}
.he_auto ul li h3{font-size: 1vw;font-weight: bold;margin: 20px 0;color: #000;}
.he_auto ul li .kirdmm{width:60px;height:60px;margin: auto;}
.he_auto ul li p{font-size: 12px;color: #666666;line-height: 1.8;}
.he_auto ul li:hover{box-shadow:0 0 5px 0 #ddd;}

/* //////////////////////////////// */

.post_4{padding:50px 0;background: url(../images/bi2.jpg);}
.post_4 .dian_ind{margin-top:50px;}
.post_4 .dian_ind ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.post_4 .dian_ind ul li{width: 31%;text-align: center;margin-bottom: 3%;padding: 50px 30px;position: relative;}
.post_4 .dian_ind ul li img{max-width:100%;}
.post_4 .dian_ind ul li h3{font-size: 1vw;font-weight: bold;margin: 20px 0;color: #fff;}
.post_4 .dian_ind ul li .kirdmm{width:60px;height:60px;margin: auto;}
.post_4 .dian_ind ul li p{font-size: 14px;color: #fff;line-height: 1.8;}
.post_4 .dian_ind ul li:hover{box-shadow:0 0 5px 0 #ddd;}
.qishi{position:absolute;padding: 5px 30px;font-size: 20px;color: #fff;font-weight: bold;background: #e2141e;left: 0;top: 0;}


/* //////////////////////////////// */

.post_5{padding:50px 0;background: #fff;}
.post_5 .dian_ind{margin-top:50px;}
.post_5 .dian_ind ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.post_5 .dian_ind ul li{width: 31%;text-align: center;margin-bottom: 3%;padding: 0;position: relative;}
.post_5 .dian_ind ul li img{width: 100%;}
.post_5 .dian_ind ul li h3{font-size: 1vw;font-weight: bold;margin: 20px 0;color: #fff;}
.post_5 .dian_ind ul li .kirdmm{width:60px;height:60px;margin: auto;}
.post_5 .dian_ind ul li p{font-size: 14px;color: #fff;line-height: 1.8;}
.post_5 .dian_ind ul li:hover{box-shadow:0 0 5px 0 #ddd;}




/* //////////////////////////////// */

.post_6{padding:50px 0;}
.post_6 .ok_g{margin-top:50px;}
.post_6 ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.post_6 ul li{width: 24%;text-align: center;margin-bottom: 3%;padding: 35px 20px;border-radius: 20px;border: 5px solid #ddd;text-align: left;}
.post_6 ul li img{max-width:100%;}
.post_6 ul li h3{font-size: 20px;font-weight: bold;margin: 20px 0;color: #000;}
.post_6 ul li .kirdmm{font-size: 40px;font-weight: bold;}
.post_6 ul li p{font-size: 14px;color: #666666;line-height: 1.8;margin-bottom: 35px;}


.post_6 ul li:nth-child(1) .icon path:nth-child(1) { fill: #4030a5; } 
.post_6 ul li:nth-child(2) .icon path:nth-child(1) { fill: #a66100; } 
.post_6 ul li:nth-child(3) .icon path:nth-child(1) { fill: #4e6751; } 
.post_6 ul li:nth-child(4) .icon path:nth-child(1) { fill: #009ac2; } 

.post_6 ul li:nth-child(1){border: 8px solid #b7adf4;background:#ebe9f5;}
.post_6 ul li:nth-child(2){border: 8px solid #fbd196;background:#fdf4e5;}
.post_6 ul li:nth-child(3){border: 8px solid #b0e8b7;background:#ebfae5;}
.post_6 ul li:nth-child(4){border: 8px solid #b3e9f5;background:#edf7f8;}

.post_6 ul li:nth-child(1) .kirdmm{color:#4030a5}
.post_6 ul li:nth-child(2) .kirdmm{color:#a66100}
.post_6 ul li:nth-child(3) .kirdmm{color:#4e6751}
.post_6 ul li:nth-child(4) .kirdmm{color:#009ac2}
.post_6 ul li:nth-child(1):hover{box-shadow:0 0 15px 0 #b7adf4;}
.post_6 ul li:nth-child(2):hover{box-shadow:0 0 15px 0 #fbd196;}
.post_6 ul li:nth-child(3):hover{box-shadow:0 0 15px 0 #b0e8b7;}
.post_6 ul li:nth-child(4):hover{box-shadow:0 0 15px 0 #b3e9f5;}




/* //////////////////////////////// */


.post_7{padding:50px 0;background: url(../images/bi3.jpg);width: 90%;margin: auto;background-size: 100% auto;border-radius: 30px;}
.post_7 .auto_p7{margin-top:50px;}
.post_7 .post_title h3{color:#fff}
.post_7 ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.post_7 ul li{width: 48%;text-align: center;margin-bottom: 0;padding: 50px;text-align: left;border: 1px solid #fff;border-radius: 20px;}
.post_7 ul li img{max-width:100%;}
.post_7 ul li h3{font-size: 24px;font-weight: bold;margin: 30px 0;color: #fff;}
.post_7 ul li .kirdmm{/* width:60px; *//* height:60px; *//* margin: auto; */}
.post_7 ul li p{font-size: 16px;color: #fff;line-height: 1.8;}
.post_7 .auto_p7 .swiper-container{padding-bottom:80px;}

.post_7 .auto_p7 .swiper-container .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    display: inline-block;
    border-radius: 60px;
    background: #898886;
    opacity: 1;
	  margin: 0 12px;
}

.post_7 .auto_p7 .swiper-container .swiper-pagination-bullet-active{background:#fff;}


/* //////////////////////////////// */

.post_8{padding:50px 0;}
.post_8 .ab_p8{margin-top:50px;}
 /* 选项卡容器 - 带前缀避免冲突 */
    .custom-tab-container {
      background-color: white;
      border-radius: 12px;
      /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); */
      overflow: hidden;
    }

    /* 选项卡标题栏 */
    .custom-tab-header {
      display: flex;
      /* border-bottom: 1px solid #e0e0e0; */
      justify-content: center;
    }

    /* 选项卡标题按钮 */
    .custom-tab-btn {
      padding: 1.2rem 50px;
      background: none;
      border: none;
      font-size: 18px;
      font-weight: 500;
      color: #666;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
    }

    .custom-tab-btn:hover {
      color: #2c3e50;
      background-color: #f5f5f5;
    }

    .custom-tab-btn.active {
      color: #e2141e;
      font-weight: 600;
    }

    .custom-tab-btn.active::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #e2141e;
      border-radius: 3px 3px 0 0;
    }

    /* 选项卡内容区域 */
    .custom-tab-content {
      padding: 0;
      margin-top: 50px;
    }

    /* 内容面板 */
    .custom-tab-panel {
      display: none;
      animation: customTabFadeIn 0.5s ease;
    }

    .custom-tab-panel.active {
      display: flex;
      align-items: center;
    }

    /* 左右分栏布局 */
    .custom-tab-left, .custom-tab-right {
      flex: 1;
      padding: 2rem;
    }

    /* 左侧内容样式 */
    .custom-tab-title {
      font-size: 24px;
      margin-bottom: 30px;
      color: #c80002;
      font-weight: bold;
    }

    .custom-tab-desc {
      line-height: 1.8;
      color: #555;
      margin-bottom: 1.5rem;
      font-size: 16px;
    }

    .custom-tab-link {
      display: inline-block;
      padding: 10px 40px;
      background-color: #e2141e;
      color: white;
      text-decoration: none;
      border-radius: 60px;
      font-size: 16px;
      font-weight: 500;
      transition: background-color 0.3s ease;
      margin-top: 50px;
    }

    .custom-tab-link:hover {
      background-color: #000;
	  color:#fff;
    }

    /* 右侧图片样式 */
    .custom-tab-image {
      width: 100%;
      /* height: 300px; */
      object-fit: cover;
      border-radius: 43px;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }

    /* 动画效果 - 名称也添加前缀 */
    @keyframes customTabFadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
      .custom-tab-panel.active {
        flex-direction: column;
      }
      
      .custom-tab-image {
        height: 200px;
        margin-top: 1rem;
      }
    }


/* //////////////////////////////// */
.post_9{padding:50px 0;}
.post_9 .post_title h3{color:#fff}
.post_9 ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.post_9 ul li{width: 33.3333%;text-align: center;margin-bottom: 0;padding: 50px;text-align: left;/* border: 1px solid #fff; */border-radius: 0;background: #ddd;}
.post_9 ul li img{max-width:100%;}
.post_9 ul li h3{font-size: 24px;font-weight: bold;margin: 30px 0;color: #000;}
.post_9 ul li .kirdmm{/* width:60px; *//* height:60px; *//* margin: auto; */}
.post_9 ul li p{font-size: 16px;color: #000;line-height: 1.8;}
.post_9 ul li:nth-child(1){background:#ffffff;}
.post_9 ul li:nth-child(2){background:#eeeeee;}
.post_9 ul li:nth-child(3){background:#c80002;}
.post_9 ul li:nth-child(3) h3{color:#fff}
.post_9 ul li:nth-child(3) p{color:#fff;}


.post_10{padding:50px 0;}
.post_10 .auro_10{margin-top: 0;}
.post_10 .post_10_se1{padding:50px 0;background:#ddd;}
.post_10 .post_10_se2{padding:50px 0;background:#fff;}
.weni_post{margin-top:30px;}
.weni_post h3{font-size:18px;text-align: center;color: #c80002;line-height: 1.8;text-decoration: underline;text-underline-offset: 5px;}





.post_11{padding:50px 0;}
.post_11 .auto_ko_11{margin-top:50px;}
.faq-item{background:#eee;margin-bottom: 20px;border-radius: 90px;padding: 0 50px;}
 /* FAQ 标题样式 - 椭圆边框效果 */
        .faq-question {
            width: 100%;
            padding: 15px 0;
            text-align: left;
            background: none;
            border: none;
            font-size: 24px;
            font-weight: 600;
            color: #c80002;
            cursor: pointer;
            display: flex;
            align-items: center; /* 与内容顶部对齐 */
            gap: 1rem;
            transition: background-color 0.3s ease;
            border-radius: 12px 12px 0 0;
        }

   

        /* 带圆圈的加减号图标 - 垂直居中调整 */
        .faq-question::before {
            content: '+';
            font-size: 20px;
            font-weight: bold;
            color: #c80002;
            width: 35px;
            height: 35px;
            border: 2px solid #c80002;
            border-radius: 50%;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            margin-top: 2px; /* 微调图标位置，与标题文字基线对齐 */
        }

        .faq-item.active .faq-question::before {
            content: '-';
            /* background-color: #3498db; */
            color: white;
            border-color: #fff;
        }

        /* 核心优化：内容与标题垂直对齐 */
        .faq-answer {
            height: 0;
            overflow: hidden;
            transition: height 0.3s ease-out, padding 0.3s ease-out;
            padding: 0 1.5rem;
            /* background-color: white; */
            color: #666;
            line-height: 1.6;
        }

        /* 展开状态的内容 - 与标题保持垂直对齐 */
        .faq-item.active .faq-answer {
            padding: 0 1.5rem 1.5rem;
        }

        /* 内容段落样式 - 与标题文字垂直对齐 */
        .faq-answer p {
            /* padding-top: 0.3rem; */ /* 微调段落顶部位置，与标题文字对齐 */
            font-size: 16px;
        }

        .faq-answer p:last-child {
            margin-bottom: 0;
        }

        /* 响应式调整 */
        @media (max-width: 600px) {
            body {
                padding: 1rem;
            }
            
            .faq-question, .faq-answer {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            
            .faq-question {
                font-size: 18px;
                padding-top: 1rem;
                padding-bottom: 1rem;
            }
        }

     .faq-item.active{background:#c80002;}


   .faq-item.active .faq-question{color:#fff;}
   .faq-item.active .faq-answer p{color:#fff;}


 @media (max-width: 980px) {
.post_title h3 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.tab-title {
width: 100%;

}	
.post_3 h3 {
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
    padding: 10px;
}			
			
.he_auto ul li {
    width: 48%;
    text-align: center;
    margin-bottom: 3%;
    padding: 15px;
}
.post_7 {
    padding: 50px 0;
    background: url(../images/bi3.jpg);
    width: 100%;
    margin: auto;
    background-size: auto 100%;
    border-radius: 66px;
}


.he_auto ul li h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    color: #000;
}

.post_4 .dian_ind ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
    padding: 50px 30px;
    position: relative;
}

.post_4 .dian_ind ul li h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    color: #fff;
}

.post_5 .dian_ind ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
    padding: 0;
    position: relative;
}

.post_6 ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
    padding: 35px 20px;
    border-radius: 20px;
    border: 5px solid #ddd;
    text-align: left;
}

.post_7 ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: 50px;
    text-align: left;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-bottom: 3%;
}
.custom-tab-header {
    display: flex
;
    /* border-bottom: 1px solid #e0e0e0; */
    justify-content: center;
    flex-wrap: wrap;
}

.post_9 ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: 50px;
    text-align: left;
    /* border: 1px solid #fff; */
    border-radius: 0;
    background: #ddd;
}

.post_9 ul li h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0;
    color: #000;
}

.post_9 ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: 20px;
  
}


.custom-tab-title {
    font-size: 20px;
    margin-bottom: 30px;
    color: #c80002;
    font-weight: bold;
}
.post_10 .auro_10 {
    margin-top: 0;
}






.faq-item {
    background: #eee;
    margin-bottom: 20px;
    border-radius: 0;
    padding: 0 10px;
}





.faq-item.active .faq-question::before {
    content: '-';
    /* background-color: #3498db; */
    color: white;
    border-color: #fff;
    width: 50px;
}

.con_banner .content{width: 100%;left: 3%;}
.con_banner .content .whole h3{display:none}
.con_banner  .content .whole .title{font-size: 16px;text-align: left;font-weight: 500;}
.con_banner  .content .whole .oksdddd{display:none}
.con_banner  .content .whole .text{{display:none}
.con_banner  .content .whole a{display:none}

	
			
			
			
			
}