.top_head{ display: flex; justify-content: space-between; padding: 30px 0;}
 /* 一级导航容器 */
        .nav-container {
            width: 100%;
            background-color: #000000; /* 一级菜单背景色 */
        }

        /* 一级导航列表 */
        .main-nav {
            width: 1200px;
            margin: 0 auto;
            display: flex;
        }

        /* 一级导航项 - 关键：设置宽度并居中，为二级菜单继承宽度做准备 */
        .main-nav > li {
            position: relative; /* 为二级菜单定位做准备 */
            flex: 1; /* 均分宽度（可选，也可固定宽度） */
            text-align: center; /* 文字居中 */
            min-width: 120px; /* 最小宽度，防止过窄 */
        }

        /* 一级导航链接 */
        .main-nav > li > a {
            display: block;
            padding: 0 15px; /* 调整内边距，适配均分宽度 */
            height: 60px;
            line-height: 60px;
            color: #ffffff; /* 一级菜单字体色 */
            font-size: 18px;
            transition: background-color 0.3s; /* 过渡效果 */
        }

        /* 一级菜单hover/选中/下拉展开状态 */
        .main-nav > li > a:hover,
        .main-nav > li.active > a,
        .main-nav > li.hover > a { /* 新增hover类，控制下拉时的背景色 */
            background-color: #f12d46; /* 选中/hover/下拉展开背景色 */
            color: #ffffff; /* 字体色 */
        }

        /* 二级菜单容器 - 关键：宽度继承一级菜单，left:0 */
        .sub-nav {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%; /* 宽度与一级菜单一致 */
            background-color: #f12d46; /* 二级菜单背景色 */
            display: none; /* 默认隐藏 */
            z-index: 999; /* 防止被遮挡 */
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        }

        /* 二级菜单项 */
        .sub-nav li {
            border-bottom: 1px solid rgba(255,255,255,0.2);
        }

        /* 二级菜单链接 - 文字居中，适配宽度 */
        .sub-nav li a {
            display: block;
            padding: 12px 20px;
            color: #ffffff; /* 二级菜单字体色 */
            font-size: 14px;
            text-align: center; /* 文字居中 */
            transition: background-color 0.3s; /* 过渡效果 */
        }

        /* 二级菜单hover状态 */
        .sub-nav li a:hover {
            background-color: #000000; /* hover背景色 */
        }

        /* 清除最后一个二级菜单项的边框 */
        .sub-nav li:last-child {
            border-bottom: none;
        }
/*nav end*/	
	
/* 1. 轮播外层容器：负责自适应宽高比 */
/* 1. 轮播外层容器：相对定位，不设置固定高度和padding-top，由图片自然撑开 */
.c-banner{
  width: 100%;
  position: relative;
  overflow: hidden; /* 兜底：防止图片切换时短暂溢出 */
}

/* 2. 轮播内容容器：相对定位，承载图片 */
.c-banner .banner{
  width: 100%;
  position: relative;
}

.c-banner img{
  width: 100%;
  height: auto; /* 关键：图片高度自适应，保持原始比例，不被裁切 */
}

.c-banner .banner ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  width: 100%;
  position: relative; /* 作为图片定位的参考 */
}

/* 3. 轮播图片li：绝对定位叠加，宽度100%，高度随图片自适应 */
.c-banner .banner ul li{
  position: absolute; /* 所有图片叠加 */
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  opacity: 0;
  /* 关键：不设置固定高度，由内部图片撑开 */
}

/* 4. 第一张图片默认显示 */
.c-banner .banner ul li:nth-child(1){
  display: block;
  opacity: 1;
  position: relative; /* 第一张设为相对定位，自然撑开ul和banner容器 */
}

.c-banner .banner ul li a{
  width: 100%;
  display: block; /* 块级显示，让图片撑满a标签 */
}

/* 其他样式保持不变，仅调整按钮定位（确保按钮不随图片滚动） */
.c-banner .nexImg,.c-banner .preImg{
  padding: 25px 30px 25px 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* 关键：垂直居中，不依赖固定margin-top，适配不同高度图片 */
  margin-top: 0; /* 删除原有margin-top，用transform居中更稳定 */
  z-index: 10;
  transition: 0.6s linear;
  opacity: 0.8;
}

.c-banner .nexImg:hover,.c-banner .preImg:hover{
  opacity: 1;
  cursor: pointer;
}

.c-banner .nexImg{
  right: 0px;
}

.c-banner .jumpBtn{
  position: absolute;
  bottom: 20px;
  text-align: center;
  right: 25%;
  z-index: 10; /* 确保按钮在图片上方 */
}

.c-banner .jumpBtn ul{
  margin-bottom: 0px;
  padding: 0px;
}

.c-banner .jumpBtn ul li{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  background-color: white;
  border: 3px solid #fefefe;
  opacity: 0.9;
  margin-left: 10px;
}

.c-banner .jumpBtn ul li:hover{cursor: pointer;}
.c-banner .jumpBtn ul li:first-child{
  margin-left: 0px;
}
 /*---c-banner end--*/
 .search_warp_t{ background-color: #f7f7f7; margin-top: -4px;}
.search_warp{display: flex; justify-content: space-between; align-items: center;  width: 1200px;margin: 0 auto;}
.search_warp_l{ font-size: 14px; font-weight: bold;}
.search_warp_l a{ font-size: 14px; font-weight: normal; margin: 0 10px 0 0;}
.search_txt{ background-color: #f12d46; padding: 10px 0;display: flex; justify-content: space-between; align-items: center;}
.search_txt input{background-color: #f12d46; font-size: 14px; border-right: 1px solid #000; height:22px; line-height: 22px; width: 260px; padding-left: 10px; 
color: #fff;}
.search_txt input::placeholder{color: #fff;}
.search_txt button{background-color: #f12d46; height: 22px; line-height: 22px; width: 50px;}
.search_txt button:hover{ cursor: pointer;}
 /*---search_warp_t end--*/
.products_title{ padding-top: 20px; margin: 40px auto;}
.products_title_pic{ text-align: center; padding-bottom: 20px;}
.products_title_border1{ border-top: 1px solid #e9e9e9; height: 1px; margin-top: 7px; width: 1200px;margin: 0 auto;}
.products_title_border2{ background-color: #e9e9e9; width: 380px; height: 5px; border-top: 5px solid #ffffff;margin: 0 auto; margin-top: -8px; margin-bottom: 15px;}
.products_title p{ text-align: center; font-size: 15px; color: #464646; line-height: 28px;}
 /*---products_title end--*/
 .product-container {
       width: 1200px;
       margin: 20px auto;
     }
     .product-menu {
       width: 250px;
       color: #fff;
     }
     .product-menu li {
       list-style: none;
       padding: 15px 20px;
       cursor: pointer;
       border-top: 1px solid #d1d1d1;
	   font-size: 18px;
	   background: url(../images/right_btn.png) no-repeat 210px center;
     }
     .product-menu li.actives {
	    background:#f12d46 url(../images/right_btn.png) no-repeat 210px center;
     }
     .product-content {
       flex: 1;
       padding:0 0 0 20px;
     }
   
     .tab-panel.actives {
       display: block;
     }
	 .tab-panel {
	   display: none;
	 }
.product-menu-title{ background-color: #000000; width: 250px; float: left;}
.product-menu-title h3{ font-size: 18px; color: #fff; padding: 20px 0; text-align: center;}
.product-content{ float: right; width: 920px;}
.product_t_boxs{display: flex; justify-content: space-between;flex-wrap: wrap;}
.product_t_boxs li{ border: 1px solid #dcdcdc; width: 286px; margin-bottom: 15px;}
.product_t_boxs li a img{ width:286px;  height:208px;}
.product_t_boxs li a{ color: #333333; font-size: 14px; font-weight: bold;}
.product_t_boxs li a:hover{ color: #f12d46;}
.product_t_boxs li a span{ padding: 6px 10px; display: inline-block; height: 26px; overflow: hidden; width: 270px;white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 溢出的文本显示为点点点 */}
.iphone_cont{width: 250px; height:190px; background: linear-gradient(60deg, #eff0f4, #fcfdff, #e8ecef);}
.iphone_cont_txt{ text-align: center;}
.iphone_cont_txt h4{background: url(../images/iphone_icon.jpg) no-repeat 60px 28px ; padding-left: 20px; height: 30px; text-align: center;
padding-top: 30px; font-weight: normal; font-size: 14px;}
.iphone_cont_txt p{ font-size: 20px; color: #000; font-weight: bold; padding:12px 0 20px 0;}
.iphone_cont_txt dl a{ border: 1px solid #333333; font-size: 14px; color: #333; padding: 3px 14px;}
.iphone_cont_txt dl a:hover{ background-color: #333333; color: #fff;}
 /*---product list end--*/
  .logo-container {
             width: 1200px;
             height: 125px;
             background-color: #e0e0e0;
             display: flex;
             justify-content: space-between;
             align-items: center;
             padding: 0 20px;
             position: relative;
             overflow: hidden;
			 margin: 30px auto 50px auto;
         }
		 
 .logo-slider-warp{ width: 1100px; overflow: hidden; margin-left: 50px;}
         .logo-slider {
             display: flex;
             transition: transform 0.3s ease;
         }
 
         .logo-item {
             width: 200px;
             height: 85px;
             margin: 0 10px;
             display: flex;
             justify-content: center;
             align-items: center;
             font-size: 14px;
             font-weight: bold;
             color: #333333;
             flex-shrink: 0;
         } 
		 .logo-item img{ width: 194px; height: 95px;}
         .arrow-btn {
             width: 30px;
             height: 80px;
             background-color: #000000;
             color: #ffffff;
             border: none;
             cursor: pointer;
             display: flex;
             justify-content: center;
             align-items: center;
             font-size: 20px;
             font-weight: bold;
             z-index: 10;
             position: absolute;
             top: 50%;
             transform: translateY(-50%);
         }
 
         .arrow-btn:hover {
             background-color: #333333;
         }
 
         #leftArrow {
             left: 20px;
         }
 
         #rightArrow {
             right: 20px;
         }
 /*logo qiehuan end*/
 .i_poster{ background: url(../images/bottom_bg.jpg) no-repeat center; height:298px;}
 .i_poster_pic{ width: 1200px; margin: 0 auto;}
  .i_poster_pic img{float: right;}

  .i_about_warp{ background-color: #f1f1f1; width: 100%; padding: 70px 0;margin-top: -13px;}
  .i_about{ display: flex; justify-content: space-between; width: 1200px; margin: 0 auto;}
  .i_about_l{ width: 531px;}
   .i_about_l img{ border:3px solid #fff;} 
 .i_about_l_top{ position: relative; width: 531px;}
 .i_about_l_top span{ position: absolute; z-index: 99; background-color: #000000; font-size: 18px; color: #fff; padding: 6px 10px;}
 .i_about_l_bottom{ display: flex; justify-content: space-between;width: 531px; margin-top: 10px;}
 .i_about_c{ background-color: #000000; width: 334px; height: 450px;}
 .i_about_c h3{ color: #fff; background: url(../images/about_icon.png) no-repeat 20px bottom; padding: 10px 0 20px 20px; margin-top: 10px;}
 .i_about_c h3 span{ display: block; font-weight: normal;}
.i_about_c h3 span.a_cn{ font-size: 22px;}
.i_about_c h3 span.a_en{font-size: 16px;}
.i_about_c_txt{ color: #fff; font-size: 15px; line-height: 24px; padding:15px 20px 10px 20px;}
.i_about_c_txt h4{ font-size: 18px; color: #fff; font-weight: normal; padding: 3px 0;}
.i_about_c_txt dl.i_about_c_txt_qy{ font-size: 20px; font-weight: bold; color: #fff; padding: 5px 0 15px 0;}
.i_about_c_txt dl p{ text-indent: 2em;text-align: justify;}
.i_about_c_bottom{  text-align: center; margin: 25px 0 0 0;}
.i_about_c_bottom_look{ background-color: #f12d46; font-size: 14px; color: #fff; border-radius: 4px; padding: 6px 16px; margin: 5px 6px;}
.i_about_c_bottom_us{background-color: #fff; font-size: 14px; color: #000; border-radius: 4px; padding: 6px 16px; margin: 5px 6px;}
.i_about_c_bottom_look:hover{ color: #fff;}
.i_about_r img{ border: 3px solid #000;}
/*about end*/
.project_cases_boxs{display: flex; justify-content: space-between; width: 1200px; margin: 0 auto;}
.project_cases_boxs li{ text-align: center;}
.project_cases_boxs li a img{ width: 281px; height: 212px;}
.project_cases_boxs li a span{ color: #000; font-size: 15px; display: block;line-height: 34px;}
.project_cases_boxs li:hover a span{ color: #f12d46;}
.b_more{text-align: center; margin: 40px 0;}
.b_more a{ border: 2px dotted #040404; font-size: 15px; padding: 8px 20px;}
.b_more a:hover{border: 2px dotted #f12d46; color: #f12d46;}
/*project_cases_boxs end*/
.i_news{ width: 1200px; margin: 0 auto;}
.i_news_warp{ display: flex; justify-content: space-between;}
.i_news_left{ width: 925px; border: 1px solid #ececec;}
.i_news_title{ background: url(../images/title_bg_r.jpg) repeat-x 0px 24px; height: 30px;padding: 20px 0;}
.i_news_title span{ display: inline-block; background-color: #fff; height: 30px; float: left; padding: 0 10px; padding-left: 20px;}
.i_news_title span.n_t_cn{ font-size: 18px; padding-top: 6px;}
.i_news_title span.n_t_en{ font-size: 14px;padding-left: 0px;}
.i_news_title a{ float: right;display: inline-block; background: #fff url(../images/more_icon.jpg) no-repeat 50px 0px; height: 30px; padding: 0 10px;
width: 60px; padding-right: 5px; color: #d4d4d4;}
.i_news_title a:hover{ color: #f12d46;}


.i_news_left_cont { 
  background-color: #f4f4f4; 
  min-height: 390px; /* 替换height:400px，避免高度固定导致内容溢出/背景截断 */
  overflow: hidden; /* 关键：清除子元素margin穿透和浮动影响，让背景色覆盖所有子元素 */
  padding-bottom: 10px; /* 可选：给ul底部加一点内边距，避免li贴边 */
}

.i_news_left_cont_top{ display: flex;}
.i_news_left_cont_top_img{ padding: 20px;}
.i_news_left_cont_top_img img{ width: 215px; height: 122px; border: 1px solid #dadada;}
.i_news_left_cont_top_txt{ color: #999999; line-height: 24px; font-size: 13px; padding: 20px 15px;}
.i_news_left_cont_top_txt dl{ padding: 5px 0;}
.i_news_left_cont_top_txt dl.b_time{ display: flex; justify-content: space-between; font-size: 12px;}
.i_news_left_cont_top_txt dl.b_text{ 
  height: 72px;     
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}
.i_news_left_cont_top_txt dl.b_time a{ color: #999999;}
.i_news_left_cont_top_txt dl.b_time a:hover{color: #f12d46;}


.i_news_left_cont_bottom {
  margin: 0; /* 去掉浏览器默认的ul外边距 */
  padding: 0 20px; /* 给ul加左右内边距，和上面的img对齐，更美观 */
  list-style: none; /* 去掉ul默认的圆点 */
   display: flex; 
   flex-wrap: wrap;
   justify-content: space-between;
}

.i_news_left_cont_bottom li{ 
  font-size: 14px; 
  background-color: #fff; 
  display: flex; 
  justify-content: space-between;
  margin: 5px 0; 
  padding:6px 10px; 
  width: 47%;
  align-items: center;
}
.i_news_left_cont_bottom li a{ 
  width: 295px; 
  height: 30px; 
  line-height: 30px; 
  display: inline-block;
  color: #333; /* 可选：给a标签加文字颜色，默认蓝色不好看 */
  text-decoration: none; /* 可选：去掉a标签下划线 */
  white-space: nowrap; /* 可选：a标签文字不换行 */
  overflow: hidden; /* 可选：a标签文字溢出隐藏 */
  text-overflow: ellipsis; /* 可选：a标签文字溢出显示点点点 */

}
.i_news_left_cont_bottom li a:hover {
  color: #f12d46; 
}
.i_news_left_cont_bottom li span{ width: 90px; color: #999;}

.i_news_right{ width: 240px;border: 1px solid #ececec; padding: 0 10px;}
.i_news_right .i_news_left_cont{ background-color: #fff;}
.qa_tboxs li{border-top: 1px dashed #b6b6b6; padding: 4px 0;}
.qa_tboxs li a dl{ display: flex; justify-content: space-between; margin: 8px 0;}
.qa_tboxs li a dl.qa_tboxs_q{ font-size: 14px; color: #000;

}
.qa_tboxs li a dl.qa_tboxs_a{ font-size: 13px; color: #979797;

}
.qa_tboxs li a dl.qa_tboxs_q i{ background-color: #000000; font-size: 12px; color: #f4f4f4; width: 16px; height: 18px; border-radius: 3px;
font-style: normal; display: block; text-align: center;}
.qa_tboxs li a dl.qa_tboxs_a i{background-color: #f12d46; font-size: 12px; color: #f4f4f4; width: 16px; height: 18px; border-radius: 3px;
font-style: normal; display: block;text-align: center;}
.qa_tboxs li a dl span{display: block; width: 220px;}
.qa_tboxs li a:hover dl.qa_tboxs_q{ color: #f12d46;}
.qa_tboxs li a dl.qa_tboxs_q span{  height: 20px;     
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; 
  overflow: hidden; 
  text-overflow: ellipsis;
  line-height: 20px;}
  .qa_tboxs li a dl.qa_tboxs_a span{    height: 44px;     
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden; 
  text-overflow: ellipsis; 
    line-height: 22px; }
/*news end*/
.links{ width: 1200px; margin: 0 auto; padding: 40px 0;}
.links_title{ font-size: 14px; color: #000; border-bottom: 2px solid #8f8f8f; padding: 10px 0;}
.links_cont{ color: #000; font-size: 14px; padding: 10px 0;}
.links_cont a{ margin: 5px 10px; line-height: 30px;}

.footer{ background-color: #000; padding:50px 0 10px 0; margin-top: 30px;}
.foot_warp{ width: 1200px; margin: 0 auto;}
.foot_nav ul{ display: flex; justify-content: space-between;border-bottom: 1px solid #fefefe;border-top: 1px solid #fefefe;
padding: 20px 0;}
.foot_nav ul li{ border-left: 1px dotted #fefefe;text-align: center; width: 16.6666%;}
.foot_nav ul li:nth-child(1){ border: none;}
.foot_nav ul li a{ font-size: 15px;  color: #fefefe; display: inline-block;}
.foot_bottom{ display: flex; justify-content: space-between; color: #fefefe; font-size: 14px; align-items: center; padding: 30px 0;}
.foot_bottom_c{width: 590px;}
.foot_bottom_c_txt1{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.foot_bottom_c_txt1 dl{width: 46%; line-height: 30px;}
.foot_bottom_c_txt2{ padding: 20px 0 0 0;}
.foot_bottom_c_bottom a{ color: #fff; margin: 0 10px;}
.foot_bottom_c_bottom{ display: flex; justify-content:space-between; line-height: 30px;}
.foot_bottom_c_bottom img{ float: left; padding: 5px 5px 0 0;}
/*index end*/
.dqwz{ display: flex;  justify-content: space-between; border-bottom: 1px solid #e3e3e3; font-size: 14px; padding: 0 0 20px 0; margin-bottom: 20px;}

     .product-menu2 {
       width: 250px;
       color: #fff;
     }
     .product-menu2 li {
       list-style: none;
       padding: 15px 20px;
       cursor: pointer;
       border-top: 1px solid #d1d1d1;
	   font-size: 18px;
	   background: url(../images/right_btn.png) no-repeat 210px center;
     }
     .product-menu2 li.actives {
	    background:#f12d46 url(../images/right_btn.png) no-repeat 210px center;
     }
	  .product-menu2 li a{color: #fcfcfc;}
	 .product-menu2 li a:hover{ color: #f22e46;}
.pages{ padding: 20px 0;}
/*chanpin list*/
.product_cont_xq{}

.product_cont_xq_tit{ font-size: 24px; line-height: 26px; padding: 10px 0;}
.product_cont_xq_time{ font-size: 14px; color: #b1b1b1;}
.product_cont_ft{ font-size: 16px; color: #000; padding: 14px 0; line-height: 22px;}

/* 轮播容器整体样式 */
        .carousel-container {
            position: relative;
            width: 600px;  /* 轮播图宽度 */
            margin: 0 auto;
        }

        /* 图片展示区域（隐藏溢出） */
        .carousel-wrapper {
            width: 100%;
            overflow: hidden;
        }

        /* 图片列表（横向排列） */
        .carousel-list {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
            transition: transform 0.5s ease;  /* 切换动画 */
        }

        /* 轮播图片样式 */
        .carousel-item {
            flex: 0 0 100%;  /* 每张图片占满容器宽度 */
        }
        .carousel-item img {
            width: 612px;
            height: 460px;  /* 轮播图高度 */
            object-fit: cover;
        }

        /* 左右箭头样式（外置） */
        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
			background-color: #fff;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            z-index: 10;
        }
        /* 左箭头：在容器左侧外部 */
        .prev-arrow {
            left: -140px;  /* 调整数值可改变箭头与图片的间距 */
        }
        /* 右箭头：在容器右侧外部 */
        .next-arrow {
            right: -140px; /* 调整数值可改变箭头与图片的间距 */
        }


        /* 新增：指示器容器样式 */
        .carousel-indicators {
            position: absolute;
            bottom: 15px;  /* 距离轮播图底部的距离 */
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;  /* 小方块之间的间距 */
            z-index: 10;
        }

        /* 新增：单个指示器样式 */
        .indicator-dot {
            width: 30px;
            height: 5px;
            background-color: rgba(255, 255, 255, 0.8);  /* 未激活的颜色 */
            border-radius: 2px;  /* 小方块（圆角可调整，0为纯方形） */
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        /* 新增：激活状态的指示器样式 */
        .indicator-dot.active {
            background-color:#f22e46;  /* 激活的颜色 */
        }


/* 产品详情导航样式 */
.nav-z {
    display: flex;
    margin: 20px 0;

}
.nav-item-z {
    padding: 12px 26px;
    cursor: pointer;
    border: 1px solid #ddd;
    transition: background 0.3s;
	margin: 0 15px 0 0;
		font-size: 16px;
		color: #000;
}
.nav-item-z:hover {
    background: #fafafa;
}
.nav-item-z.active-z {
    background: #fafafa;
    font-weight: bold;
}
/* 内容区域样式 */
.content-z {
    padding: 10px 0;
}
.section-z {
    margin: 50px 0;
}
.section-title {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
		color: #444444; 
		
}
.section-title i{ display: inline-block; width: 4px; height: 18px; background-color: #b0babe; margin-right: 10px;}
.section-content {
    line-height: 28px;
	font-size: 16px;
}
.product-img {
    width: 100%;
    max-width: 800px;
    margin: 10px 0;
}
.pdf-download {
 background: url(../images/pdf_down_icon.png) no-repeat left;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 26px;
}
#pdf-z .section-content{display: flex; align-items: center; border: 1px solid #dde3e5; width: 420px; padding:10px 20px;
margin-top: 10px;}
#pdf-z .section-content div dl{ padding: 3px 10px;}
.video-container {
            width: 100%;
            max-width: 700px; /* 视频最大宽度 */
            background-color: #000;
            border-radius: 8px; /* 圆角 */
            overflow: hidden; /* 隐藏超出容器的部分 */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 阴影增强质感 */
			margin:30px auto;
        }

        /* 视频元素样式 */
        .video-container video {
            width: 100%;
            height: auto; /* 保持宽高比 */
            display: block; /* 消除底部空白 */
 }
.about_txt{ font-size: 16px; line-height: 28px; min-height: 350px;}
.news_list_boxs li{color: #5e5e5e; border: 1px solid #dfdfdf; padding: 30px 20px; margin:0 0 20px 0;}
.news_list_boxs li h4{ font-size: 16px; color: #000; font-weight: bold; line-height: 22px; padding-bottom: 10px;}
.news_list_boxs li dl{ padding: 4px 0;}
.news_list_boxs li dl span{ border: 1px solid #dfdfdf; color: #999; padding: 4px 10px;}
.news_list_boxs li p{ color: #5e5e5e; font-size: 14px;
  height: 44px;     
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden; 
  text-overflow: ellipsis; 
    line-height: 22px; 
	margin:12px 0 20px 0;
}
.news_list_boxs li a{ font-size: 15px; color: #000; border: 1px solid #666; padding: 6px 20px;background-color: #fff; margin-top: 10px;}
.news_list_boxs li a:hover{ background-color: #f22e46; border: 1px solid #f22e46; color: #fff;}

.details h2{ text-align:center; margin-bottom:20px;margin-top:20px; font-size:24px; height:32px; line-height:32px;
color: #f43048;}
.info_1{ text-align:center; color:#585555; border-bottom:1px dotted #b8d4d2; padding-bottom:25px; width:600px; margin:0px auto 15px auto;
font-size: 14px; font-weight:bold;}
.info_1 span{ margin:0 5px;}
.sub_content{ line-height:26px; font-size:14px;}
.page_1{ line-height:25px; border-top:1px solid #b8d4d2; padding-top:10px; width:100%; margin-top:15px; color:#666;}
.page_1 a{ color:#666;}
.page_1 a:hover{ color:#f43048;}

.anli_list_boxs li{ display: flex; align-items: center;}
.anli_list_boxs li .anli_img{ padding-right: 20px;}
.anli_list_boxs li .anli_img a{ border: none; padding: 0;}
.anli_list_boxs li .anli_img a img{ width: 250px; height: 170px;}
.anli_list_boxs li .anli_img a:hover{background:none; border:none;}
.Contact_Us{ font-size: 16px; line-height: 30px;}
.Contact_Us_img{ border-bottom: 2px solid #808080; padding: 20px 0; width: 875px; margin: 0 auto; margin-bottom: 30px;}
.Contact_Us_img img{ width: 875px; height: 182px;}
/* 原有样式保留，修改 .sub-nav-s 相关样式 */
.main-nav-s li a{ 
    font-size: 18px; 
    color: #000; 
    font-weight: bold;
}
.main-nav-s li a:nth-child(1){ 
    padding: 10px 0; 
    display: block;
}
/* 核心修改：开启 flex 换行，并调整容器宽度/对齐方式 */
.main-nav-s li ul.sub-nav-s{ 
    padding: 10px 0; 
    display: flex;
    /* 关键属性：开启自动换行 */
    flex-wrap: wrap;
    /* 可选：让换行后的内容左对齐，更符合常规导航样式 */
    justify-content: flex-start;
    /* 可选：限制容器最大宽度，避免过度拉伸 */
    max-width: 800px;
    /* 可选：清除默认列表样式 */
    list-style: none;
    margin: 0;
}
.main-nav-s li ul.sub-nav-s li{
    /* 可选：让每个菜单项底部对齐，避免高度不一致导致排版错乱 */
    align-self: flex-start;
}
.main-nav-s li ul.sub-nav-s li a{ 
    font-size: 14px;  
    border:1px solid #e8e8e8; 
    padding: 10px;
    font-weight: normal; 
    margin: 5px 10px 5px 0;
    /* 可选：让 a 标签为块级，点击区域更大 */
    display: block;
    /* 可选：去除下划线，更美观 */
    text-decoration: none;
}
/* 可选：hover 样式，提升交互体验 */
.main-nav-s li ul.sub-nav-s li a:hover{
    background-color: #f5f5f5;
    border-color: #ccc;
}