* {
    padding: 0;
    /* 去掉默认内边距 */
    margin: 0;
    /* 去掉默认外边距 */
}

ul {
    list-style: none;
    /* 去掉默认的项目符号 */
    padding-left: 0;
    /* 去掉默认的左边距 */
}

li {
    list-style-type: none;
    /* 去掉默认的项目符号 */
}

/* 去除a标签的所有默认样式 */
a {
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承父元素的颜色，去除默认的蓝色 */
    outline: none;
    /* 去除点击时的外框 */
}

/* 去除未访问过的链接的默认样式 */
a:link {
    text-decoration: none;
}

/* 去除已访问过的链接的默认样式 */
a:visited {
    text-decoration: none;
}

/* 去除鼠标悬停时的链接的默认样式 */
a:hover {
    text-decoration: none;
}

/* 去除正在点击的链接的默认样式（鼠标按下未松开） */
a:active {
    text-decoration: none;
}

/* 去除获得焦点的链接的默认样式（被鼠标点击过） */
a:focus {
    text-decoration: none;
}

/* 如果input必须要有边框，但需要去掉选中时的蓝色框 ↓↓↓ */
input{  
	background:none;  
	outline:none;  
	border:1px solid #ccc;
}
input:focus{   
	border:none;
}

body {
    font-family: '微软雅黑', sans-serif;
    font-size: 14px;
    background-color: #ffffff;
	
	
    margin: 0;
    padding: 0;
}

/* 顶部header */
.header {
   background-color: rgba(0, 0, 0, 0.7); /* 全黑背景，透明度70% */
    width: 100%;
    z-index: 999999;
	position:fixed;
}


/* nav */
.header_nav {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}
.header_nav .logo {
   margin:  auto ; 
   margin-left: 140px;
}
.header_nav .logo  img{
    width: 175px;
}
.header_nav .menu {
    flex: 1;
}

.header_nav .menu_right>ul{
    display: flex;
    justify-content: center;
}
.header_nav .menu_right>ul>li{
    height: 39px;
    width: 120px;
    display: flex;
    align-items: flex-end;
	
}
.header_nav .menu_right>ul>li>a{
 height: 39px;
 box-sizing: border-box;
 display:inline-block;
 cursor: pointer;
}
.header_nav .menu_right>ul>li>a.active{
    font-weight: bold;
    border-bottom: 3px solid #d71718;

    border-bottom: 3px solid #d71718; /* 红色下划线 */
}

.header_nav .menu>ul{
    display: flex;
    justify-content: center;
}
.header_nav .menu>ul>li{
    height: 39px;
    width: 120px;
    display: flex;
    align-items: flex-end;
}
.header_nav .menu>ul>li>a{
 height: 39px;
 box-sizing: border-box;
 display:inline-block;
 cursor: pointer;
 color: #ccc; /* 文字颜色为浅灰色 */
    text-decoration: none; /* 去掉下划线 */
    font-size: 14px; /* 设置字体大小 */
	
}
.header_nav .menu>ul>li>a.active{
    font-weight: bold;
    color: #fff; /* 激活状态的文字颜色为白色 */
    border-bottom: 3px solid #d71718; /* 红色下划线 */
}

/* search */
.dialog_search{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 100%;
    z-index: 1003;
    display: none;
    min-height: 512px;
}
.dialog_search .dsearch{
    padding: 20px 0;
    height: 40px;
    line-height: 40px;
    position: relative;
    background-color: #fff;
}
 .dsearch .left{
    background-color: #F5F5F5;
    border-bottom: 1px solid #000;
    width: 945px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.dsearch .left img{
    position: absolute;
    top: 10px;
    left: 8px;
    width: 18px;
    height: 18px;
}
.dsearch .dsearch_text{
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-indent: 24px;
    font-size: 16px;
    color: #222;
    margin-left: 10px;
    border: 0;
}
.dsearch .dsearch_btn{
    height: 40px;
    line-height: 40px;
    width: 90px;
    color: #000000;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
}
.dsearch .dsearch_close{
    background: #f5f5f5;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    text-align: center;
    font-size: 30px;
}
.dialog_search .maskShow{
    height: 100vh;
    background-color: rgba(0, 0, 0, .3);
}
/* 下拉菜单 */
/* 基础样式 */
.subNav {
    position: absolute;
	display:none;
    top: 60px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 2% 13%;
    display: none; /* 默认隐藏 */
}

.subNav4 .subNav_left {
    width: 6%;
    position: absolute;
	text-align: center;
	font-weight: bolder;
    top: 50%;
    left: 11%;
    transform: translateY(-50%);
}

.subNav_left {
    width: 16%;
    float: left;
}

.subNav_left .list {
    justify-content: center;
    line-height: 2;
}

.subNav_left .list.active {
    border: 2px solid #a7344e;
    background-color: #a7344e;
}

.subNav_left .list.active a {
    color: #fff !important;
}

.subNav_left .list a {
    color: #000;
    transition: all cubic-bezier(.18, 1, .21, 1) 0.9s;
}

.subNav_right {
    width: calc(100% - 10%); /* 减去左侧宽度 */
    float: right;
    padding-left: 2%;
    height: 165px;
}

/* Flexbox 布局 */
.row.clm6 {
    display: none; /* 默认隐藏 */
    flex-direction: row; /* 水平排列 */
    align-items: stretch; /* 子元素高度一致 */
    width: 100%; /* 确保宽度占满父容器 */
    height: 165px;
}

.row.clm6.active {
    display: flex; /* 当前选中内容显示 */
}

.col-sm-4.clp6 {
    flex: 0 0 auto; /* 不允许拉伸或压缩，保持固定宽度 */
	width: auto;
    max-width: none; /* 移除最大宽度限制 */
    margin-right: 12px; /* 设置图片之间的间隔为 12px */
    padding-left: 6px; /* 左侧间距 */
    padding-right: 6px; /* 右侧间距 */
    box-sizing: border-box; /* 防止 padding 影响宽度 */
}

.col-sm-4.clp6:last-child {
    margin-right: 0; /* 最后一个图片不需要右边距 */
}

.subNav_right .list {
    position: relative;
}

.subNav_right .list .img {
    background: #f7f7f7;
    overflow: hidden;
    width: 100%; /* 图片容器宽度占满父容器 */
    height: 165px; /* 固定高度 */
}

.subNav_right .list .img img {
    height: 165px; /* 固定高度 */
}

.subNav_right .list:hover .img img {
    transform: scale(1.05); /* 图片放大效果 */
    transition: transform 0.3s ease-in-out;
    width: auto;
    height: 165px;
    object-fit: cover; /* 防止图片变形 */
}

.subNav_right .list p {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 10px;
	bottom:10px;
    letter-spacing: 1px;
    transition: all cubic-bezier(.18, 1, .21, 1) 0.9s;
}

.subNav_right .list:hover p {
    color: #9d1e3b; /* 鼠标悬停时文字颜色变化 */
}

/* 响应式设计 */
@media (max-width: 768px) {
    .subNav_right {
        width: 100%; /* 在小屏幕上宽度占满 */
    }

    .row.clm6 {
        flex-direction: column; /* 垂直排列 */
    }

    .col-sm-4.clp6 {
        margin-right: 0; /* 小屏幕下不需要水平间隔 */
        max-width: 100%; /* 每个子元素占满一行 */
        margin-bottom: 10px; /* 添加垂直间距 */
    }
}


.dropMenu{
    position: absolute;
    left: 0px;
    padding-bottom: 50px;
    padding-left: 310px;
    width: 100%;
    display: none;
    z-index: 1003;
    background-color: #fff;
    box-sizing: border-box;
}
.dropMenu .menu_title{
    padding: 20px;
    width: 80%;
    background-color: #f7f5f5;
    font-style: 16px;
    font-weight: bold;
}
.dropMenu .menu_content li:first-of-type{
  margin-bottom: 20px;
  color: #a6a6a6;
}
.dropMenu .menu_content  ul{
   display: inline-block;
}
.dropMenu .menu_content  li{
    width: 150px;
    margin-bottom: 10px;
}
.dropMenu .menu_content  li a{
   cursor: pointer;
}
.dropMenu .menu_content {
    display: flex;
	background-color: #f7f5f5;
	width: 80%;
    padding: 20px;
}
.dropMenu .menu_content li a.active{
    font-weight: bold;
    border-bottom: 3px solid #d71718;
}


/* 服务与技术支持下拉菜单 */
#service_menu {
    position: absolute;
    top: 60px; /* 菜单顶部距离 */
    left: calc(100% - 120px * 5); /* 根据菜单项的位置动态计算 */
    width: 120px; /* 默认宽度，后续通过 JS 动态调整 */
    padding: 10px 0; /* 内边距 */
    display: none;
	
    z-index: 1003;
    background-color: #f7f5f5; /* 设置背景颜色 */
    border: 1px solid #ccc; /* 添加边框以区分背景 */
    box-sizing: border-box; /* 确保 padding 和 border 包含在总宽度内 */
    overflow: hidden; /* 隐藏超出部分 */
}


#service_menu .menu_title {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center; /* 文本居中 */
}

#service_menu .menu_content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#service_menu .menu_content li {
    margin-bottom: 8px;
    text-align: left; /* 文本靠左 */
    padding-left: 10px; /* 增加左侧内边距 */
}

#service_menu .menu_content li a {
    cursor: pointer;
    color: #000;
    text-decoration: none;
    display: block; /* 让链接占据整个列表项宽度 */
    padding: 5px 10px; /* 内边距 */
    font-size: 14px; /* 字体大小 */
    line-height: 1.2; /* 行高 */
    white-space: nowrap; /* 防止文本换行 */
    text-overflow: ellipsis; /* 如果内容过长，显示省略号 */
    overflow: hidden; /* 隐藏溢出内容 */
    background-color: transparent; /* 默认背景透明 */
    transition: background-color 0.3s ease; /* 添加平滑过渡效果 */
}

#service_menu .menu_content li a:hover {
    color: #d71718; /* 悬浮状态的文字颜色 */
    background-color: #f5f5f5; /* 悬浮状态的背景颜色 */
    box-shadow: none; /* 确保没有额外的阴影 */
    border: none; /* 确保没有额外的边框 */
}


/* 底部区域 */
.footer {
    padding: 60px 20px 10px 140px;
    position: relative;
    
    box-sizing: border-box;
}
.footerDark input,
.footerDark{
    color: #fff;
}
.footer_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.footer_content{
    position: relative;
    display: flex;
}
/* icon */
  .footer_icon{
    width: 200px;
}
 .footer_icon ul{
    display: flex;
 }
.footer_icon li{
    width: 40px;
    display: flex;
 }
 .footer_icon .seach{
    margin-top: 50px;
    cursor: pointer;
    position: relative;
 }
 .footer_icon .search-text{
    position: absolute;
    top: 0;
    left: 0; 
    height: 23px;
    width: 125px;
    border: none;
 }
 .footer_icon .search-btn{
    position: absolute;
    top: 0;
    left: 125px;  
    height: 23px;
    width: 30px;
 }
/* logo */
.footer_link{
    flex: 1;
    padding-right: 140px;
}
.footer_link .footer_top{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    font-size: 12px;
}
.footer_link .footer_top span{
    margin-left: 40px;
}
/* 链接 */
.footer_link  .footer_middle {
    display: flex;
    justify-content: space-between;
}
.footer_link .footer_middle li:first-of-type{
  font-size: 14px;
  font-weight: bold;
  cursor: unset;
}
.footer_link .footer_middle  li{
    /* width: 150px; */
    margin-bottom: 20px;
    font-size: 12px;
    cursor: pointer;
}
.footer_link .footer_middle a:hover {
    text-decoration: none;
    color: #3498db;
}

/* 第一列 */
.footer_link .footer_middle .nav_bottom_first {
    /* margin-right: 100px; */
}
.footer_link .footer_middle .nav_bottom_first li{
    margin-bottom: 35px;
    cursor: unset;
    /* width: 180px; */
}

/* 底部文字 */
.footer_bottom {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    /* margin-top: 50px; */
    justify-content: center;
    align-items: center;
}

.footer_bottom p {
    margin-right: 10px;
    font-size: 12px;
}


/* 图标列表 */
.icon-list {
    display: flex;
    gap: 10px; /* 图标之间的间距 */
}

.icon-item {
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
}

.icon-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 弹出二维码窗口 */
#qrcode-popup {
    position: fixed;
    top: 35%;
    left: 90%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 10px;
    z-index: 9999;
    text-align: center;
    color: #fff;
}

#qrcode-popup .qrcode-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#qrcode-img {
    width: 148px;
    height: auto;
    margin-bottom: 10px;
}

#close-qrcode {
    background: #fff;
    color: #000;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.container {
    width: 100%;
    min-width: 1440px;
    box-sizing: border-box;
	
	    flex-direction: column;     /* 如果你想 footer 贴底，必须加这一行 */
}