@charset "UTF-8";
/*! 盛邦升华 - start-industry */
/* 网站头部 */
/* 焦点图 */
/* 产品介绍 */
/* 团队介绍 */
/* 网站底部 */
h2, h3, h4 {
    text-align: center;
}

h1 {
    text-indent: -999px;
    float: left;
    margin: 0;
    font-size: 12px;
}

/*reset css*/
.izl-rmenu {
    margin-right: 0;
    width: 50px;
    position: fixed;
    right: 15px;
    top: 50%;
    box-shadow: #DDD 0px 1px 5px;
    z-index: 900;
    background-color: transparent; /* 设置为透明 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .izl-rmenu {
        right: 5px;
    }
}


.izl-rmenu .consult {
    background-image: url(../images/客服电话.png); /* 咨询图标 */
    background-repeat: no-repeat;
    background-position: center; /* 居中显示 */
    background-size: contain; /* 等比缩小 */
    display: block;
    height: 50px;
    width: 50px;
    background-color: transparent; /* 设置为透明 */
}

.izl-rmenu .cart {
    background-image: url(../images/微信.png); /* 购物车图标 */
    background-repeat: no-repeat;
    background-position: center; /* 居中显示 */
    background-size: contain; /* 等比缩小 */
    display: block;
    color: #45BDFF;
    text-align: center;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 30px;
    background-color: transparent; /* 设置为透明 */
}







.izl-rmenu .cart:hover .pic {
    display: block; /* 悬停时显示 */
}

.izl-rmenu .cart .pic {
    display: none;
    position: absolute;
    left: -160px;
    top: 50px;
    width: 160px;
    height: 160px;
    background: url(../images/weixin.jpg);
    background-repeat: no-repeat;
    background-size: cover; /* 或使用 contain 以适应容器 */
}














.izl-rmenu .consult .phone {
    background-color: #ffffff;
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 55px;
    color: #000;
    font-size: 16px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}

.izl-rmenu a.consult:hover .phone {
    display: inline !important;
}












.izl-rmenu .btn_top {
    background-image: url(../images/返回顶层.png); /* 替换为新的单个图片 */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* 等比缩小 */
    display: block;
    height: 39px;
    width: 50px;
    transition: background-color 0.3s ease; /* 平滑过渡效果 */
}

.izl-rmenu .btn_top:hover {
    background-color: rgba(0, 0, 0, 0.5); /* 灰暗效果，使用 RGBA 设置透明度 */
    /* 如果想要背景图片不变，可以不添加 background-image 属性 */
}

/*.izl-rmenu .cart .pic {*/
/*    display: none;*/
/*    position: absolute;*/
/*    left: -124px;*/
/*    top: 65px;*/
/*    width: 160px;*/
/*    height: 160px;*/
/*    background: url(../images/weixin.jpg);*/
/*    background-repeat: no-repeat;*/
/*}*/

/*#udesk-feedback-tab {*/
/*    position: fixed;*/
/*    right: 2px;*/
/*    top: 65%;*/
/*    margin-top: -76px;*/
/*    box-shadow: #DDD 0px -1px 5px;*/
/*    cursor: pointer;*/
/*    background-image: url(../images/consult_icon.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center top;*/
/*    display: block;*/
/*    height: 76px;*/
/*    width: 82px;*/
/*    background-color: #FFF !important;*/
/*    z-index: 999;*/
/*}*/

/*.udesk-feedback-tab-left, .izl-rmenu {*/
/*    opacity: 0.9;*/
/*}*/


















.tanniu {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

a:hover {
    text-decoration: none;
}

.floatDivBoxs ul, ol {
    list-style: none;
}

.floatDivBoxs img {
    border: none;
    outline: none;
}

.rightArrow a {
    color: #666;
    text-decoration: none;
    outline: none;
}

.rightArrow a:hover {
    color: #e8431f;
}





.banner_img>img{
    height: auto; /* 高度自动调整 */
}
.banner_img1>img{
    height: 500px!important;
}
header {
    margin-bottom: 0px;
}

/*header .header-top {*/
/*    background: #101010; !* 背景颜色 *!*/
/*    padding: 3px 0; !* 添加上下内边距 *!*/
/*    position: fixed; !* 固定定位 *!*/
/*    top: 0; !* 距离顶部0像素 *!*/
/*    left: 0; !* 距离左边0像素 *!*/
/*    width: 100%; !* 宽度100% *!*/
/*    z-index: 1000; !* 确保在其他元素之上 *!*/
/*}*/

/*header .header-top .logo {*/
/*    display: flex; !* 使用Flexbox布局 *!*/
/*    justify-content: center; !* 水平居中对齐 *!*/
/*    align-items: flex-start; !* 垂直开始对齐，允许使用margin调整 *!*/
/*    height: 100%; !* 设置高度为100%或根据需要调整 *!*/
/*}*/

/*header .header-top .logo img {*/
/*    max-width: 150px; !* 设置Logo最大宽度 *!*/
/*    height: auto; !* 保持纵横比 *!*/
/*    margin: 10px 5px 0 0; !* 控制上下左右的间距，调整上间距以控制上下位置 *!*/
/*}*/

/*header .header-top .logo h1 {*/
/*    margin: 0; !* 清除默认的margin *!*/
/*}*/

/*header .header-top h1 {*/
/*    color: #fff; !* 使标题颜色为白色 *!*/
/*    font-size: 24px; !* 调整标题字体大小 *!*/
/*    margin: 0; !* 去除默认外边距 *!*/
/*}*/

/*header .header-top p {*/
/*    color: #fff; !* 如果有其他段落，确保其颜色为白色 *!*/
/*    margin-bottom: 0;*/
/*    font-size: 30px;*/
/*    line-height: 80px; !* 如果需要，可以保持行高 *!*/
/*}*/

/*header .header-top .navbar-nav > li > a {*/
/*    color: #fff; !* 导航链接颜色 *!*/
/*    padding: 15px 20px; !* 添加内边距 *!*/
/*}*/

/*header .header-top .navbar-nav > li > a:hover {*/
/*    background: #626262; !* 悬停时的背景颜色 *!*/
/*    color: #fff; !* 悬停时的字体颜色 *!*/
/*}*/




/*header .navbar-nav > li {*/
/*    position: relative; !* 为二级菜单设置相对定位 *!*/
/*}*/

/*header .navbar-nav > li:hover .dropdown {*/
/*    display: block; !* 悬停时显示二级菜单 *!*/
/*}*/

/*header .navbar-nav .dropdown {*/
/*    display: none; !* 默认隐藏二级菜单 *!*/
/*    position: absolute; !* 绝对定位 *!*/
/*    top: 102%; !* 显示在父项下方 *!*/
/*    left: 50%; !* 左侧对齐到父项中心 *!*/
/*    transform: translateX(-50%); !* 通过平移使其居中 *!*/
/*    background: #101010; !* 背景颜色 *!*/
/*    border-radius: 4px; !* 边角圆润 *!*/
/*    z-index: 900; !* 确保在其他元素之上 *!*/
/*    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); !* 阴影效果 *!*/
/*    min-width: 200px; !* 设置最小宽度 *!*/
/*    padding: 0; !* 去除内边距 *!*/
/*}*/

/*header .navbar-nav .dropdown li {*/
/*    margin: 0; !* 去除菜单项之间的外边距 *!*/
/*}*/

/*header .navbar-nav .dropdown li a {*/
/*    padding: 15px 20px; !* 增加二级菜单链接内边距 *!*/
/*    color: #fff; !* 文本颜色 *!*/
/*    display: flex; !* 使用 Flexbox 布局 *!*/
/*    justify-content: center; !* 水平居中对齐 *!*/
/*    align-items: center; !* 垂直居中对齐 *!*/
/*    text-align: center; !* 确保文本中心对齐 *!*/
/*    line-height: 1.5; !* 设置行高，增加高度感 *!*/
/*    transition: background 0.3s ease; !* 添加过渡效果 *!*/
/*}*/

/*header .navbar-nav .dropdown li:hover a {*/
/*    background: #626262; !* 悬停时的背景颜色 *!*/
/*    color: #fff; !* 悬停时的字体颜色 *!*/
/*}*/

/*!* 确保整个li在悬停时有样式 *!*/
/*header .navbar-nav .dropdown li:hover {*/
/*    background: #626262; !* 悬停时的背景颜色 *!*/
/*}*/





















/*header .header-top .btn-default {*/
/*    width: 100%;*/
/*    background: #dadada; !* 按钮背景颜色 *!*/
/*    color: #fff; !* 按钮字体颜色 *!*/
/*    cursor: pointer;*/
/*    border-color: #eaeaea !important; !* 按钮边框颜色 *!*/
/*}*/

/*header .header-top .btn-default:hover {*/
/*    background: #8c8c8c; !* 悬停时的按钮背景颜色 *!*/
/*}*/

/*.custom-container {*/
/*    max-width: 2000px; !* 设置你想要的最大宽度 *!*/
/*    margin: 0 auto; !* 居中对齐 *!*/
/*}*/
/*!*导航*!*/
/*.navbar-form {*/
/*     margin-top: 5px;*/
/*     margin-bottom: 0;*/
/*     border:none;*/
/*}*/
/*header .navbar {*/
/*    margin-bottom: 0;*/
/*}*/


/*header nav .nav li a {*/
/*    color: #000;*/
/*}*/

/*header nav .nav li a:hover {*/
/*    background: #fff;*/
/*    color: #ffffff;*/
/*    border-bottom: solid #f1f1f1 2px;*/
/*}*/

/*header nav .nav .active {*/
/*    border-bottom: solid #eaeaea 2px;*/
/*    color: #f3f3f3;*/
/*}*/

/*header nav .logo {*/
/*    width: 200px;*/
/*    height: auto; !* 保持图片的纵横比 *!*/
/*}*/







header .header-top .logo {
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中对齐 */
    align-items: flex-start; /* 垂直开始对齐，允许使用margin调整 */
    height: 100%; /* 设置高度为100%或根据需要调整 */
}

header .header-top .logo img {
    max-width: 300px; /* 设置Logo最大宽度 */
    height: auto; /* 保持纵横比 */
    margin: -15px 0px -10px 0; /* 控制上下左右的间距，调整上间距以控制上下位置 */
}


header .header-top h1 {
    color: #fff; /* 使标题颜色为白色 */
    font-size: 24px; /* 调整标题字体大小 */
    margin: 0; /* 去除默认外边距 */
}

header .header-top p {
    color: #fff; /* 如果有其他段落，确保其颜色为白色 */
    margin-bottom: 0;
    font-size: 30px;
    line-height: 80px; /* 如果需要，可以保持行高 */
}



.nav-items > li > a {
    color: #fff; /* 导航链接颜色 */
    padding: 15px 20px; /* 添加内边距 */
}

.nav-items > li > a:hover {
    background: #626262; /* 悬停时的背景颜色 */
    color: #fff; /* 悬停时的字体颜色 */
}



/* 核心间距控制 */
.header-top {
    background: rgba(54, 54, 54, 0.35);
    position: fixed;
    top: 0;
    width: 100%;
    padding: 3px 0; /* 控制导航栏高度 */
    z-index: 1000; /* 确保在其他元素之上 */
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: center; /* 整体居中 */
    gap: 150px; /* 控制所有元素间距 */
    max-width: 2000px; /* 根据实际内容调整 */
    margin: 0 auto; /* 实现左右对称边距 */
    padding: 0 10px; /* 两侧安全边距 */
}

/* Logo尺寸控制 */
.logo {
    display: block;
    width: 250px; /* 根据实际logo尺寸调整 */
}

.logo img {
    width: 100%;
    height: auto;
    display: block;
}

/* 导航项统一间距 */
.nav-items {
    display: flex;
    align-items: center;
    gap: 150px; /* 与logo间距保持一致 */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 导航链接样式 */
.nav-items > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 8px 12px;
    display: block;
    position: relative;
    transition: 0.2s;
}

/* 当前激活状态 */
.nav-items > li > a.active::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: #fff;
}

/* 悬停效果 */
.nav-items > li > a:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

/* 下拉菜单系统 */
.has-dropdown {
    position: relative;
}

.has-dropdown .dropdown {
    display: none;
    position: absolute;
    left: 50%;
    top: calc(100% + 5px); /* 增加间距避免鼠标移出 */
    transform: translateX(-50%);
    background: #101010;
    min-width: 200px;
    padding: 15px 0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* 悬停触发 */
.has-dropdown:hover .dropdown {
    display: block;
    opacity: 1;
}

/* 防止鼠标移出时立即关闭 */
.has-dropdown .dropdown::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 10px;
}

/* 下拉菜单项 */
.dropdown li {
    margin: 8px 0;
    text-align: center;
}

.dropdown a {
    color: #fff !important;
    padding: 10px 25px;
    display: block;
    transition: 0.3s;
}

/* 悬停效果 */
.dropdown a:hover {
    background: rgba(255,255,255,0.1);
    transform: translateX(5px);
}



















.banner div img {
    margin: auto;
    width: 100%;

    display: block;
}


.carousel-inner > .item > img {
    width: 100% !important; /* 确保图像宽度占满容器 */
    height: 100% !important; /* 确保图像高度占满容器 */
    max-height: 760px !important; /* 根据需要设置最大高度 */
    object-fit: cover !important; /* 填充容器，保持比例 */
}






.carousel-inner > .item > img {
    width: 100%; /* 确保图像宽度占满容器 */
    height: auto; /* 高度自动，以保持纵横比 */
    max-height: 700px; /* 设置最大高度 */
    object-fit: cover; /* 保持纵横比，填充容器 */
}

.profuile {
    padding-bottom: 80px;
    padding-top: 50px;
    margin-top: -80px;
}


.profuile p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.profuile p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.profuile p a:hover {
    text-decoration: none;
    background: #000;
}



.imgle {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
    margin-top: -20px;
}



.col-auto {
    align-items: center;
    width: 80px;
    height: 80px; /* 根据需要调整高度 */
}
.icon {
    max-width: 100%;
    max-height: 100%; /* 确保图标不会超出容器 */
    height: auto;
}



.col-autouse {
    width: 80px;
    height: 80px; /* 根据需要调整高度 */
}
.iconuse {
    max-width: 100%;
    max-height: 100%; /* 确保图标不会超出容器 */
    height: auto;
}




.cpjiagou {
    padding-bottom: 0px;
    padding-top: 30px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpjiagou embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpjiagou h2 {
    padding-bottom: 20px;
    font-weight: bold;
    color: #71716f;
}

.cpjiagou img {
    width: 100%;
    border-radius: 15px; /* 设置圆角 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.36); /* 均匀的四方阴影 */
}

.cpjiagou h6 {
    border-bottom: solid 3px #000000;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpjiagou p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpjiagou p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpjiagou p a:hover {
    text-decoration: none;
    background: #000;
}

.cpjiagou h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}

.cpjiagou h3 a {
    color: black; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}












.cpwrlcjiejuewt-margin {
    margin-left: 90px; /* 左侧间距 */
    margin-right: -40px; /* 右侧间距 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .cpwrlcjiejuewt-margin {
        margin-left: 10px; /* 左侧间距 */
        margin-right: 0px; /* 右侧间距 */
    }
}
.cpwrlcjiejuewt {
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpwrlcjiejuewt embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpwrlcjiejuewt h2 {
    padding-bottom: 20px;
    font-weight: bold;
    color: #71716f;
}

/*.cpwrlcjiejuewt img {*/
/*    width: 100%;*/
/*}*/

.cpwrlcjiejuewt h6 {
    border-bottom: solid 3px #000000;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpwrlcjiejuewt p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpwrlcjiejuewt p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpwrlcjiejuewt p a:hover {
    text-decoration: none;
    background: #000;
}

.cpwrlcjiejuewt h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}

.cpwrlcjiejuewt h4 {
    text-align: center; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}

.cpwrlcjiejuewt h3 a {
    color: black; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}

.cpwrlcjiejuewt-container {
    border: 2px solid #ccc; /* 添加边框 */
    border-radius: 0px; /* 可选，圆角边框 */
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 300px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */
    justify-content: flex-start; /* 从顶部开始布局 */
    margin-bottom: 30px; /* 设置底部间距 */
}

.cpwrlcjiejuewt-container:hover {
    background: linear-gradient(to bottom right, #3bedfc, #e0f7fa); /* 渐变背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}

.cpwrlcjiejuewt-container h3 {
    margin: 0 0 0px; /* 移除默认边距，设置标题与段落之间的间距 */
    color: #333; /* 文字颜色 */
    text-align: left; /* 左对齐 */
    font-size: 20px; /* 修改标题大小 */
}

.cpwrlcjiejuewt-container p {
    margin: 0; /* 移除段落的默认边距 */
    color: #555; /* 文字颜色 */
}
















.cpxiaoyi-container {
    border: 2px solid #ccc; /* 添加边框 */
    border-radius: 5px; /* 可选，圆角边框 */
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 250px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */
    justify-content: flex-start; /* 从顶部开始布局 */
    align-items: center;
}

.cpxiaoyi-container:hover {
    background: linear-gradient(to bottom right, #3bedfc, #e0f7fa); /* 渐变背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}

.cpxiaoyi-container h3 {
    margin: 0 0 0px; /* 移除默认边距，设置标题与段落之间的间距 */
    color: #333; /* 文字颜色 */
    text-align: left; /* 左对齐 */
    font-size: 20px; /* 修改标题大小 */
}

.cpxiaoyi-container p {
    margin: 0; /* 移除段落的默认边距 */
    color: #555; /* 文字颜色 */
}

.cpxiaoyi {
    padding-bottom: 60px;
    padding-top: 50px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpxiaoyi embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpxiaoyi h2 {
    padding-bottom: 20px;
    font-weight: bold;
    color: #71716f;
}

.cpxiaoyi img {
    width: 100%;
}

.cpxiaoyi h6 {
    border-bottom: solid 3px #000000;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpxiaoyi p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpxiaoyi p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpxiaoyi p a:hover {
    text-decoration: none;
    background: #000;
}

.cpxiaoyi h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}
.cpxiaoyi h4 {
    text-align: center; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}


.cpxiaoyi h3 a {
    color: black; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}



.cphexinjishu-margin {
    width: 250px; /* 设置固定宽度，例如 200px */
    max-width: 250px; /* 限制最大宽度 */
    min-width: 250px; /* 限制最小宽度 */
    margin-left: 20px; /* 左侧间距 */
    margin-right: -45px; /* 右侧间距 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .cphexinjishu-margin {
        width: 400px; /* 设置固定宽度，例如 200px */
        max-width: 500px; /* 限制最大宽度 */
        min-width: 50px; /* 限制最小宽度 */
        margin-left: 10px; /* 左侧间距 */
        margin-right: -100px; /* 右侧间距 */
    }
}
.cphexinjishu-container {
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 100px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */

    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */

    margin-bottom: 5px; /* 设置底部间距 */
    background-color: rgba(87, 87, 87, 0.35); /* 灰色透明背景 */
    backdrop-filter: blur(10px); /* 添加磨砂效果 */

}

.cphexinjishu-container:hover {
    background-color: rgba(239, 239, 239, 0.91); /* 鼠标悬停时变亮的背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */

}



.cphexinjishu {
    background-image: url('../img/cptp/hexbj.jpg'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    padding-bottom: 60px;
    height: 55%;
    padding-top: 0px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cphexinjishu embed {
    width: 100%;
    border: solid #eee 1px;
}

.cphexinjishu img {
    width: 100%;
}

.cphexinjishu h6 {
    border-bottom: solid 3px #ffffff;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cphexinjishu p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cphexinjishu p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cphexinjishu p a:hover {
    text-decoration: none;
    background: #ffffff;
}

.cphexinjishu h3 {
    text-align: left; /* 左对齐 */
    margin-top: 120px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}
.cphexinjishu h4 {
    text-align: center; /* 左对齐 */
    font-weight: bold; /* 加粗文字 */
    color: rgba(255, 255, 255, 0.87); /* 设置链接文字颜色为黑色 */
}
.cphexinjishu-container:hover h4 {
    color: #000000; /* 设置链接文字颜色为黑色 */
}

.cphexinjishu h3 a {
    color: #ffffff; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}













.cpyygzhexinjishu-margin {
    width: 250px; /* 设置固定宽度，例如 200px */
    max-width: 250px; /* 限制最大宽度 */
    min-width: 250px; /* 限制最小宽度 */
    margin-left: 190px; /* 左侧间距 */
    margin-right: -200px; /* 右侧间距 */
}

/* 移动端适配 */
@media (max-width: 767px) {
    .cpyygzhexinjishu-margin {
        width: 400px; /* 设置固定宽度，例如 200px */
        max-width: 500px; /* 限制最大宽度 */
        min-width: 50px; /* 限制最小宽度 */
        margin-left: 10px; /* 左侧间距 */
        margin-right: -100px; /* 右侧间距 */
    }
}

.cpyygzhexinjishu-container {
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 200px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */

    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */

    margin-bottom: 5px; /* 设置底部间距 */
    background-color: rgba(87, 87, 87, 0.35); /* 灰色透明背景 */
    backdrop-filter: blur(10px); /* 添加磨砂效果 */

}

.cpyygzhexinjishu-container:hover {
    background-color: rgba(239, 239, 239, 0.91); /* 鼠标悬停时变亮的背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */

}



.cpyygzhexinjishu {
    background-image: url('../img/cptp/hexbj.jpg'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpyygzhexinjishu embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpyygzhexinjishu img {
    width: 100%;
}

.cpyygzhexinjishu h6 {
    border-bottom: solid 3px #ffffff;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpyygzhexinjishu p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpyygzhexinjishu p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpyygzhexinjishu p a:hover {
    text-decoration: none;
    background: #ffffff;
}

.cpyygzhexinjishu h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}
.cpyygzhexinjishu h4 {
    text-align: center; /* 左对齐 */
    font-weight: bold; /* 加粗文字 */
    color: rgba(255, 255, 255, 0.87); /* 设置链接文字颜色为黑色 */
}
.cpyygzhexinjishu-container:hover h4 {
    display: none;
    color: #000000; /* 设置链接文字颜色为黑色 */
}
.cpyygzhexinjishu-text {
    display: none; /* Initially hide the span */
}

.cpyygzhexinjishu-container:hover .cpyygzhexinjishu-text {
    display: block; /* Show span on hover */
    font-weight: bold; /* 加粗文字 */
    font-size: 18px;
}

.cpyygzhexinjishu h3 a {
    color: #ffffff; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}








/*.row.background {*/
/*    position: relative; !* 相对定位 *!*/
/*    padding: 20px; !* 为容器添加内边距 *!*/
/*    color: white; !* 设置文本颜色 *!*/
/*    margin-left: calc(-50vw + 50%); !* 左侧超出 *!*/
/*    margin-right: calc(-50vw + 50%); !* 右侧超出 *!*/
/*    width: 100vw; !* 宽度为视口宽度 *!*/
/*}*/

/*.row.background::before {*/
/*    content: '';*/
/*    position: absolute; !* 绝对定位 *!*/
/*    top: 0;*/
/*    left: 0; !* 从左边开始 *!*/
/*    width: 100%; !* 设置宽度为100% *!*/
/*    height: 100%; !* 高度与容器一致 *!*/
/*    background-image: url('../img/jpg/图片背景1.jpg'); !* 背景图片路径 *!*/
/*    background-size: cover; !* 背景图片覆盖整个容器 *!*/
/*    background-position: center; !* 背景图片居中显示 *!*/
/*    z-index: -1; !* 确保背景在内容后面 *!*/
/*}*/



/*.cpxtyhhexinjishu-margin {*/
/*    width: 250px; !* 设置固定宽度，例如 200px *!*/
/*    max-width: 250px; !* 限制最大宽度 *!*/
/*    min-width: 250px; !* 限制最小宽度 *!*/
/*    margin-left: 20px; !* 左侧间距 *!*/
/*    margin-right: -45px; !* 右侧间距 *!*/
/*}*/
.cpxtyhhexinjishu-container {
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 250px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */

    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */

    margin-bottom: 5px; /* 设置底部间距 */
    background-color: rgba(87, 87, 87, 0.35); /* 灰色透明背景 */
    backdrop-filter: blur(0px); /* 添加磨砂效果 */

}

.cpxtyhhexinjishu-container:hover {
    background-color: rgba(239, 239, 239, 0.91); /* 鼠标悬停时变亮的背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */

}





.cpxtyhhexinjishu {
    background-image: url('../img/cptp/hexbj.jpg'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpxtyhhexinjishu embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpxtyhhexinjishu img {
    width: 100%;
}

.cpxtyhhexinjishu h6 {
    border-bottom: solid 3px #ffffff;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpxtyhhexinjishu p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpxtyhhexinjishu p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpxtyhhexinjishu p a:hover {
    text-decoration: none;
    background: #ffffff;
}

.cpxtyhhexinjishu h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}
.cpxtyhhexinjishu h4 {
    text-align: center; /* 左对齐 */
    font-weight: bold; /* 加粗文字 */
    color: rgba(255, 255, 255, 0.87); /* 设置链接文字颜色为黑色 */
}
.cpxtyhhexinjishu-container:hover h4 {
    display: none;
    color: #000000; /* 设置链接文字颜色为黑色 */
}
.cpxtyhhexinjishu-text {
    display: none; /* Initially hide the span */
}

.cpxtyhhexinjishu-container:hover .cpxtyhhexinjishu-text {
    display: block; /* Show span on hover */
    font-weight: bold; /* 加粗文字 */
    font-size: 18px;
}



.cpxtyhhexinjishu h3 a {
    color: #ffffff; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}










.cpszlshexinjishu-margin {
    width: 250px; /* 设置固定宽度，例如 200px */
    max-width: 250px; /* 限制最大宽度 */
    min-width: 250px; /* 限制最小宽度 */
    margin-left: 20px; /* 左侧间距 */
    margin-right: -45px; /* 右侧间距 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .cpszlshexinjishu-margin {
        width: 400px; /* 设置固定宽度，例如 200px */
        max-width: 500px; /* 限制最大宽度 */
        min-width: 50px; /* 限制最小宽度 */
        margin-left: 10px; /* 左侧间距 */
        margin-right: -100px; /* 右侧间距 */
    }
}
.cpszlshexinjishu-container {
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 200px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */

    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */

    margin-bottom: 5px; /* 设置底部间距 */
    background-color: rgba(87, 87, 87, 0.35); /* 灰色透明背景 */
    backdrop-filter: blur(10px); /* 添加磨砂效果 */

}

.cpszlshexinjishu-container:hover {
    background-color: rgba(239, 239, 239, 0.91); /* 鼠标悬停时变亮的背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */

}



.cpszlshexinjishu {
    background-image: url('../img/cptp/hexbj.jpg'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpszlshexinjishu embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpszlshexinjishu img {
    width: 100%;
}

.cpszlshexinjishu h6 {
    border-bottom: solid 3px #ffffff;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpszlshexinjishu p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpszlshexinjishu p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpszlshexinjishu p a:hover {
    text-decoration: none;
    background: #ffffff;
}

.cpszlshexinjishu h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}
.cpszlshexinjishu h4 {
    text-align: center; /* 左对齐 */
    font-weight: bold; /* 加粗文字 */
    color: rgba(255, 255, 255, 0.87); /* 设置链接文字颜色为黑色 */
}
.cpszlshexinjishu-container:hover h4 {
    display: none;
    color: #000000; /* 设置链接文字颜色为黑色 */
}
.cpszlshexinjishu-text {
    display: none; /* Initially hide the span */
}

.cpszlshexinjishu-container:hover .cpszlshexinjishu-text {
    display: block; /* Show span on hover */
    font-size: 14px;
}

.cpszlshexinjishu h3 a {
    color: #ffffff; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}























.cpnygkhexinjishu-margin {
    width: 320px; /* 设置固定宽度，例如 200px */
    max-width: 500px; /* 限制最大宽度 */
    min-width: 250px; /* 限制最小宽度 */
    margin-left: 0px; /* 左侧间距 */
    margin-right: -28px; /* 右侧间距 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .cpnygkhexinjishu-margin {
        width: 400px; /* 设置固定宽度，例如 200px */
        max-width: 500px; /* 限制最大宽度 */
        min-width: 50px; /* 限制最小宽度 */
        margin-left: 10px; /* 左侧间距 */
        margin-right: -100px; /* 右侧间距 */
    }
}
.cpnygkhexinjishu-container {
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 100px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */

    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */

    margin-bottom: 2px; /* 设置底部间距 */
    background-color: rgba(87, 87, 87, 0.35); /* 灰色透明背景 */
    backdrop-filter: blur(10px); /* 添加磨砂效果 */

}

.cpnygkhexinjishu-container:hover {
    background-color: rgba(239, 239, 239, 0.91); /* 鼠标悬停时变亮的背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */

}



.cpnygkhexinjishu {
    background-image: url('../img/cptp/hexbj.jpg'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpnygkhexinjishu embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpnygkhexinjishu img {
    width: 100%;
}

.cpnygkhexinjishu h6 {
    border-bottom: solid 3px #ffffff;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpnygkhexinjishu p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpnygkhexinjishu p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpnygkhexinjishu p a:hover {
    text-decoration: none;
    background: #ffffff;
}

.cpnygkhexinjishu h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}
.cpnygkhexinjishu h4 {
    text-align: center; /* 左对齐 */
    font-weight: bold; /* 加粗文字 */
    color: rgba(255, 255, 255, 0.87); /* 设置链接文字颜色为黑色 */
}

.cpnygkhexinjishu-container:hover h4 {
    display: none;
    color: #000000; /* 设置链接文字颜色为黑色 */
}
.cpnygkhexinjishu-text {
    display: none; /* Initially hide the span */
}

.cpnygkhexinjishu-container:hover .cpnygkhexinjishu-text {
    display: block; /* Show span on hover */
    font-size: 14px;
}
.cpnygkhexinjishu h3 a {
    color: #ffffff; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}









/*.cpsbglhexinjishu-margin {*/
/*    width: 320px; !* 设置固定宽度，例如 200px *!*/
/*    max-width: 500px; !* 限制最大宽度 *!*/
/*    min-width: 250px; !* 限制最小宽度 *!*/
/*    margin-left: 0px; !* 左侧间距 *!*/
/*    margin-right: -28px; !* 右侧间距 *!*/
/*}*/
.cpsbglhexinjishu-container {
    padding: 0px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 200px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */

    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */

    margin-bottom: 2px; /* 设置底部间距 */
    background-color: rgba(87, 87, 87, 0.35); /* 灰色透明背景 */
    backdrop-filter: blur(10px); /* 添加磨砂效果 */

}
.cpsbglhexinjishu-container:hover {
    background-color: rgba(239, 239, 239, 0.91); /* 鼠标悬停时变亮的背景 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */

}
.cpsbglhexinjishu {
    background-image: url('../img/cptp/hexbj.jpg'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpsbglhexinjishu embed {
    width: 100%;
    border: solid #eee 1px;
}

.cpsbglhexinjishu img {
    width: 100%;
}

.cpsbglhexinjishu h6 {
    border-bottom: solid 3px #ffffff;
    width: 50px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cpsbglhexinjishu p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.cpsbglhexinjishu p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.cpsbglhexinjishu p a:hover {
    text-decoration: none;
    background: #ffffff;
}

.cpsbglhexinjishu h3 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
}
.cpsbglhexinjishu h4 {
    text-align: center; /* 左对齐 */
    font-weight: bold; /* 加粗文字 */
    color: rgba(255, 255, 255, 0.87); /* 设置链接文字颜色为黑色 */
}

.cpsbglhexinjishu-container:hover h4 {
    display: none;
    color: #000000; /* 设置链接文字颜色为黑色 */
}
.cpsbglhexinjishu-text {
    display: none; /* Initially hide the span */
}

.cpsbglhexinjishu-container:hover .cpsbglhexinjishu-text {
    display: block; /* Show span on hover */
    font-size: 14px;
}
.cpsbglhexinjishu h3 a {
    color: #ffffff; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
}




.pageznkz {
    height: 25vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: cover; /* 背景图覆盖 */
    background-position: center; /* 背景图居中 */
}

.page1 {
    background-image: url('../img/cpznkz/sjtu.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
}

.page2 {
    color: #ffffff; /* 设置文字颜色为白色 */
}
.page3 {
    color: #ffffff; /* 设置文字颜色为白色 */
}



.pageuse {
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    flex-direction: column; /* 使子元素上下排列 */
    justify-content: flex-start; /* 从顶部开始排列 */
    align-items: center; /* 水平居中 */
}

.pagefen {
    height: 100vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    flex-direction: column; /* 使子元素上下排列 */
    justify-content: flex-start; /* 从顶部开始排列 */

}


.img-hzimg {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 25%; /* 设置容器宽度为 10% */
    margin-top: 0px;
}

.img-hzimg img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}

.img-hzimg1 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 25%; /* 设置容器宽度为 10% */
    margin-top: 0px;
}

.img-hzimg1 img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}
.img-hzimg2 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 60%; /* 设置容器宽度为 10% */
    margin-top: -60px;
}

.img-hzimg2 img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}


.profuileone {
    padding-bottom: 80px;
    padding-top: 0px;
    margin-top: 0px;
}


.profuileone p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
    text-align: justify;  /* 新增两端对齐 */
    word-break: break-all; /* 允许单词内换行（针对英文/数字）*/
}

.profuileone p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.profuileone p a:hover {
    text-decoration: none;
    background: #000;
}

.img-zn2 {
    height: 50vh;
    position: relative;
    display: flex;
    flex-direction: column; /* 改为垂直排列 */
    align-items: center; /* 水平居中 */
    justify-content: flex-start; /* 顶部对齐 */
    background-size: cover;
    background-position: center;
    margin-top: 0px;
}

.img1 {
    background-image: url('../img/cpznkz/zn2.jpg'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    z-index: 2;
}


.img-zn2.img1 {
    display: flex;
    width: 100%;
    margin-top: 0px;
}

.img-znimg3 {
    display: block; /* 移除 flex，改用 block 避免额外影响 */
    width: 280px; /* 保持 16% 宽度 */
    margin-top: 120px;
    margin-left: 0;
    margin-bottom: 20px;
}

.img-znimg3 img {
    width: 100%; /* 填满容器宽度 */
    height: auto; /* 保持比例 */
    display: block; /* 避免图片底部间隙 */
}



.img-hzimgonebj {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 18%; /* 设置容器宽度为 10% */
    margin-top: 80px;
    margin-bottom: 20px;
}

.img-hzimgonebj img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}



img-zn2 .zntext1 {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
}


.zntext1 p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 2em;
    color: #000000 !important; /* 强制覆盖 Bootstrap 样式 */
    text-align: justify;  /* 新增两端对齐 */
    word-break: break-all; /* 允许单词内换行（针对英文/数字）*/
}




.zntextdown1 {
    padding-bottom: 20px;
    padding-top: 80px;
    margin-top: 0px;
}


.zntextdown1 p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 2em;
    color: #000000 !important; /* 强制覆盖 Bootstrap 样式 */
    text-align: justify;  /* 新增两端对齐 */
    word-break: break-all; /* 允许单词内换行（针对英文/数字）*/
}


.left-aligned-image {
    text-align: left;
}
.left-aligned-image img {
    max-width: 100%;
    height: auto;
    width: 450px; /* 设置你需要的宽度 */
    margin-bottom: 20px;
}




.zntextdownbj {
    padding-bottom: 0px;
    padding-top: 80px;
    margin-top: 0px;
}


.zntextdownbj p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 2em;
    color: #000000 !important; /* 强制覆盖 Bootstrap 样式 */
    text-align: justify;  /* 新增两端对齐 */
    word-break: break-all; /* 允许单词内换行（针对英文/数字）*/
}


.left-aligned-image-bj {
    text-align: left;
}
.left-aligned-image-bj img {
    max-width: 100%;
    height: auto;
    width: 300px; /* 设置你需要的宽度 */
    margin-bottom: 20px;
}





.zntextdownjiejue {
    padding-bottom: 20px;
    padding-top: 0px;
    margin-top: 0px;
}


.zntextdownjiejue p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 2em;
    color: #000000 !important; /* 强制覆盖 Bootstrap 样式 */
    text-align: justify;  /* 新增两端对齐 */
    word-break: break-all; /* 允许单词内换行（针对英文/数字）*/
}


.left-aligned-image-jiejue {
    text-align: left;
}
.left-aligned-image-jiejue img {
    max-width: 100%;
    height: auto;
    width: 280px; /* 设置你需要的宽度 */
    margin-bottom: 20px;
}


.zntextdowncg {
    padding-bottom: 20px;
    padding-top: 0px;
    margin-top: 0px;
}


.zntextdowncg p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 2em;
    color: #000000 !important; /* 强制覆盖 Bootstrap 样式 */
    text-align: justify;  /* 新增两端对齐 */
    word-break: break-all; /* 允许单词内换行（针对英文/数字）*/
}




.page1 {
    background-image: url('../img/cpznkz/sjtu.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
}



.pageuse1 {
    height: 100vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    flex-direction: column; /* 使子元素上下排列 */
    justify-content: flex-start; /* 从顶部开始排列 */
    align-items: center; /* 水平居中 */
    font-size: 5vw; /* 使用视口宽度单位 */
    padding: 2vw; /* 使用视口宽度单位 */
}


.img-hzimg3 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 47%; /* 设置容器宽度为 10% */
    margin-top: 15vh;
    margin-left: 300px;
}

.img-hzimg3 img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}

.img-hzimg32 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 60%; /* 设置容器宽度为 10% */
    margin-top: 50px;
}

.img-hzimg32 img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}



.img-hzimg52 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 55%; /* 设置容器宽度为 10% */
    margin-top: 20px;
}

.img-hzimg52 img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}

.img-hzimg42 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 60%; /* 设置容器宽度为 10% */
    margin-top: -70px;
}

.img-hzimg42 img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}




.pagezn {
    height: 4vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}


.pagezn1 {
    background-image: url('../img/nygk/4.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    z-index: 1;
    margin-top: 0px;
}




.pageznz3 {
    height: 124vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}


.pagezn4 {
    background-image: url('../img/cpznkz/5.jpg'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    z-index: 1;
    margin-top: -120px;
}


.pageznz4 {
    height: 7vh; /* 每个页面占满视口高度 */
    align-items: center;
    justify-content: center;
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
    margin-bottom: 50px;
}


.pagezn5 {
    background-image: url('../img/gzzd/05.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    z-index: 1;
    margin-top: 0px;
}




.pageznz1 {
    height: 49vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}

.pagezn2 {
    background-image: url('../img/nygk/6.jpg'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    z-index: 2;
}

.pageznz2 {
    height: 67vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}
.pagezn3 {
    background-image: url('../img/wrlc/07.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    margin-top: 0px;
    z-index: 1;
}





.pageznz9 {
    height: 28vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}
.pagezn9 {
    background-image: url('../img/wrlc/05.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    margin-top: 0px;
    margin-bottom: 80px;
    z-index: 1;
}

.pageznz10 {
    height: 22vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}
.pagezn10 {
    background-image: url('../img/wrlc/06.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    margin-top: 0px;
    margin-bottom: 80px;
    z-index: 1;
}



.pageznz5 {
    height: 67vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}
.pagezn6 {
    background-image: url('../img/wrlc/08.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    margin-top: 60px;
    margin-bottom: 60px;
    z-index: 0;
}





.pageznz7 {
    height: 63vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}
.pagezn7 {
    background-image: url('../img/gzzd/12.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    margin-top: 60px;
    margin-bottom: 60px;
    z-index: 0;
}




.pageznz8 {
    height: 63vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: contain; /* 背景图保持比例 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 避免重复 */
}
.pagezn8 {
    background-image: url('../img/gzzd/13.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
    margin-top: 60px;
    margin-bottom: 60px;
    z-index: 0;
}












.profuile3 {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -120px;
}


.profuile3 p {
    margin-top: -40px;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.profuile3 p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.profuile3 p a:hover {
    text-decoration: none;
    background: #000;
}


.profuile4 {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -60px;
    margin-bottom: 80px;
}


.profuile4 p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2em;
    color: #4c4944;
}

.profuile4 p a {
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #2c2f34;
    margin-top: 40px;
}

.profuile4 p a:hover {
    text-decoration: none;
    background: #000;
}

.img-hzimg41 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: center; /* 水平居中 */
    width: 25%; /* 设置容器宽度为 10% */
    margin-top: -80px;
    margin-bottom: -20px;
    margin-left: -30px;
}

.img-hzimg41 img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 保持图片纵横比 */
}


.cpjiejuewt {
    padding-bottom: 0px;
    padding-top: 60px;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cpjiejuewt embed {
    width: 100%;
    border: solid #eee 1px;
}



.cpjiejuewt-container {
    border-radius: 0px; /* 可选，圆角边框 */
    transition: transform 0.3s, box-shadow 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 50vh; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */
    justify-content: flex-end; /* 从底部开始布局 */
    align-items: center; /* 水平居中 */
    margin-bottom: 30px; /* 设置底部间距 */
    margin-top: -80px;
    background-image: url('../img/cpznkz/tt1.png'); /* 替换为实际图片路径 */
    background-size: 100% 100%;
    background-position: center; /* 背景图居中 */
    position: relative; /* 为绝对定位提供上下文 */
}




.cpjiejuewt-container1 {
    border-radius: 0px; /* 可选，圆角边框 */
    transition: transform 0.3s, box-shadow 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 50vh; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */
    justify-content: flex-end; /* 从顶部开始布局 */
    align-items: center; /* 水平居中 */
    margin-bottom: 30px; /* 设置底部间距 */
    margin-top: -80px;
    background-image: url('../img/cpznkz/tt2.png'); /* 替换为实际图片路径 */
    background-size: 100% 100%;
    background-position: center; /* 背景图居中 */
}






.cpjiejuewt-container2 {
    border-radius: 0px; /* 可选，圆角边框 */
    transition: transform 0.3s, box-shadow 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 50vh; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */
    justify-content: flex-end; /* 从顶部开始布局 */
    align-items: center; /* 水平居中 */
    margin-bottom: 30px; /* 设置底部间距 */
    margin-top: -80px;
    background-image: url('../img/cpznkz/tt3.png'); /* 替换为实际图片路径 */
    /*background-size: cover; !* 背景图覆盖容器 *!*/
    background-size: 100% 100%; /* 背景图适应容器大小，不保持长宽比 */
    background-position: center; /* 背景图居中 */
}












.page {
    height: 80vh; /* 每个页面占满视口高度 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover; /* 背景图覆盖 */
    background-position: center; /* 背景图居中 */
}

.pagecpznkz {
    background-image: url('../img/wrlc/01.png'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
}

.pagecpznkz .img-hzimgone {
    position: absolute;
    top: 15%; /* 距离顶部0 */
    left: 15%; /* 距离左侧0 */
    width: 20%; /* 适当宽度 */
    max-width: 40%; /* 最大宽度限制 */
    z-index: 10; /* 确保图片在背景之上 */
    transition: all 0.4s ease;
    border-radius: 4px;
    overflow: hidden;
}

.pagecpznkz .img-hzimgone img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}






.pagecpsbgl {
    /*background-image: url('../img/智能控制1.jpg'); !* 替换为你的背景图片路径 *!*/
    color: #00f7ff; /* 设置文字颜色为白色 */

    /* 基础定位设置 */
    position: relative;
    width: 100%;

    /* 宽高比控制 */
    aspect-ratio: 16/9; /* 根据实际图片比例修改，例如 4:3 则改为 4/3 */

    /* 背景图片设置 */
    background-image: url('../img/tubiao/智能控制1.jpg');
    background-size: cover;  /* 关键属性 */
    background-position: center center;
    background-repeat: no-repeat;

    /* 文字定位 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin-top: 55px; /* 适当调整 */
}

.pagecpsbgl h2 {
    font-size: 3vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin: 2vw 0; /* 使用视口单位 */
    font-weight: bold; /* 加粗标题 */
    margin-left: -200%; /* 标题距离左边50% */
    margin-top: -5%; /* 适当调整 */
}

.pagecpsbgl p {
    font-size: 1.5vw; /* 使用视口宽度单位 */
    font-family: 'Times New Roman', serif; /* 页面1段落字体 */
    margin: 2vw 0; /* 使用视口单位 */
    margin-left: -60%; /* 适当调整 */
    font-weight: bold; /* 加粗标题 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .pagecpsbgl {
        height: 350px;
    }
    .pagecpsbgl h2 {
        font-size: 8vw; /* 使用视口宽度单位 */
        margin-left: -30%; /* 标题距离左边50% */
        margin-top: -5%; /* 适当调整 */
    }

    .pagecpsbgl p {
        font-size: 5vw; /* 使用视口宽度单位 */
        margin-left: -5%; /* 适当调整 */
    }
}





.pagecpyygzzd {
    /*background-image: url('../img/智能控制1.jpg'); !* 替换为你的背景图片路径 *!*/
    color: #00f7ff; /* 设置文字颜色为白色 */

    /* 基础定位设置 */
    position: relative;
    width: 100%;

    /* 宽高比控制 */
    aspect-ratio: 16/9; /* 根据实际图片比例修改，例如 4:3 则改为 4/3 */

    /* 背景图片设置 */
    background-image: url('../img/tubiao/智能控制1.jpg');
    background-size: cover;  /* 关键属性 */
    background-position: center center;
    background-repeat: no-repeat;

    /* 文字定位 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin-top: 55px; /* 适当调整 */
}

.pagecpyygzzd h2 {
    font-size: 3vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin: 2vw 0; /* 使用视口单位 */
    font-weight: bold; /* 加粗标题 */
    margin-left: -180%; /* 标题距离左边50% */
    margin-top: -5%; /* 适当调整 */
}

.pagecpyygzzd p {
    font-size: 1.5vw; /* 使用视口宽度单位 */
    font-family: 'Times New Roman', serif; /* 页面1段落字体 */
    margin: 2vw 0; /* 使用视口单位 */
    margin-left: -55%; /* 适当调整 */
    font-weight: bold; /* 加粗标题 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .pagecpyygzzd {
        height: 350px;
    }
    .pagecpyygzzd h2 {
        font-size: 8vw; /* 使用视口宽度单位 */
        margin-left: -30%; /* 标题距离左边50% */
        margin-top: -5%; /* 适当调整 */
    }

    .pagecpyygzzd p {
        font-size: 5vw; /* 使用视口宽度单位 */
        margin-left: -5%; /* 适当调整 */
    }
}



.pagecenter {
    background-image: url('../img/cptp/产品中心.jpg'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
}

.pagecenter h2 {
    font-size: 3vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin: 2vw 0; /* 使用视口单位 */
    font-weight: bold; /* 加粗标题 */
    margin-left: 5%; /* 标题距离左边50% */
    margin-top: -5%; /* 适当调整 */
}

.pagecenter p {
    font-size: 1.5vw; /* 使用视口宽度单位 */
    font-family: 'Times New Roman', serif; /* 页面1段落字体 */
    margin: 2vw 0; /* 使用视口单位 */
    margin-left: 0%; /* 适当调整 */
    font-weight: bold; /* 加粗标题 */
}



/* 移动端适配 */
@media (max-width: 768px) {
    .pagecenter {
        max-height: 300px; /* 移动端更小的高度 */
        min-height: 100px; /* 移动端更小的高度 */
        padding: 30px 15px; /* 减少内边距 */
    }

    .pagecenter h2 {
        font-size: 24px; /* 手机端标题大小 */
        margin-left: 0;
        margin-bottom: 10px;
    }

    .pagecenter p {
        font-size: 16px; /* 手机端段落大小 */
        margin-left: 0;
    }

    .content-wrapper {
        width: 100%; /* 移动端占满宽度 */
        padding: 0 15px; /* 添加两侧留白 */
    }
}

/* 超小屏幕适配（可选） */
@media (max-width: 480px) {
    .pagecenter {
        min-height: 100px;
    }

    .pagecenter h2 {
        font-size: 20px;
    }

    .pagecenter p {
        font-size: 14px;
    }
}



.pagejiejue {
    background-image: url('../img/jiejue/解决方案3.jpg'); /* 替换为你的背景图片路径 */
    color: #ffffff; /* 设置文字颜色为白色 */
}

.pagejiejue h2 {
    font-size: 3vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin: 2vw 0; /* 使用视口单位 */
    font-weight: bold; /* 加粗标题 */
    margin-left: 5%; /* 标题距离左边50% */
    margin-top: -5%; /* 适当调整 */
}

.pagejiejue p {
    font-size: 1.5vw; /* 使用视口宽度单位 */
    font-family: 'Times New Roman', serif; /* 页面1段落字体 */
    margin: 2vw 0; /* 使用视口单位 */
    margin-left: 0%; /* 适当调整 */
    font-weight: bold; /* 加粗标题 */
}



/* 移动端适配 */
@media (max-width: 768px) {
    .pagejiejue {
        max-height: 300px; /* 移动端更小的高度 */
        min-height: 100px; /* 移动端更小的高度 */
        padding: 30px 15px; /* 减少内边距 */
    }

    .pagejiejue h2 {
        font-size: 25px; /* 手机端标题大小 */
        margin-left: -160px;
        margin-bottom: 10px;
    }

    .pagejiejue p {
        font-size: 15px; /* 手机端段落大小 */
        margin-left: 0;
    }

    .content-wrapper {
        width: 100%; /* 移动端占满宽度 */
        padding: 0 15px; /* 添加两侧留白 */
    }
}
















.text-container {
    border: 2px solid #ccc; /* 添加边框 */
    border-radius: 5px; /* 可选，圆角边框 */
    padding: 10px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 220px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */
    justify-content: flex-start; /* 从顶部开始布局 */
    margin-bottom: 30px; /* 设置底部间距 */
}

.text-container:hover {
    transform: translateY(-5px); /* 弹跳效果 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}

.text-container h3 {
    margin: 0 0 10px; /* 移除默认边距，设置标题与段落之间的间距 */
    color: #333; /* 文字颜色 */
    text-align: left; /* 左对齐 */
    font-size: 20px; /* 修改标题大小 */
}

.text-container p {
    margin: 0; /* 移除段落的默认边距 */
    color: #555; /* 文字颜色 */
}




.text-containergy {
    border: 2px solid #ccc; /* 添加边框 */
    border-radius: 5px; /* 可选，圆角边框 */
    padding: 10px; /* 内边距 */
    transition: transform 0.3s, box-shadow 0.3s; /* 过渡效果 */
    text-align: left; /* 文本左对齐 */
    height: 220px; /* 设置固定高度 */
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列 */
    justify-content: flex-start; /* 从顶部开始布局 */
    margin: 2px -12px; /* 上下10px，左右20px的间距 */
}

.text-containergy:hover {
    transform: translateY(-5px); /* 弹跳效果 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}

.text-containergy h3 {
    margin: 0 0 10px; /* 移除默认边距，设置标题与段落之间的间距 */
    color: #333; /* 文字颜色 */
    text-align: left; /* 左对齐 */
    font-size: 20px; /* 修改标题大小 */
}

.text-containergy p {
    margin: 0; /* 移除段落的默认边距 */
    color: #555; /* 文字颜色 */
}





.text-container1 {
    height: 320px; /* 设置固定高度 */
    overflow: auto; /* 如果内容超出高度，显示滚动条 */
    margin: 0; /* 去掉外边距 */
    padding: 20px; /* 去掉内边距 */
}

.image-container1 {
    height: 320px; /* 设置与文字部分相同的高度 */
    overflow: hidden; /* 隐藏超出部分 */
    margin: 0; /* 去掉外边距 */
    padding: 0; /* 去掉内边距 */
}

.responsive-img1 {
    width: 100%; /* 图片宽度填满容器 */
    height: 100%; /* 图片高度填满容器 */
    object-fit: fill; /* 图片填满容器，可以改变宽高比 */
    display: block; /* 去掉图片默认的底部间隙 */
}




.products {
    background: #2c2f34;
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
}

.products #myTabContent {
    text-align: center;
}

.products #myTabContent p {
    margin-top: 10px;
    font-size: 13px;
}

.products #myTabContent img {
    height: 235px;
}

.products h2 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.products h2 a {
    color: #9ba5af;
}

.products ul {
    text-align: center;
    border-bottom: solid 2px #26292e;
    margin-bottom: 30px;
}

.products ul li {
    float: none;
    display: inline-block;
}

.products ul li a {
    padding: 10px 30px;
    color: #c5d0df;
}

.products .nav > li > a:hover {
    color: #000;
}

.products #myTabContent div a {
    color: #e2e2e2;
    display: block;
    margin-bottom: 20px;
}

.products #myTabContent div a:hover {
    text-decoration: none;
    color: #fff;
}

.products #myTabContent div a img {
    width: 100%;
    border-radius: 3px;
    opacity: 0.5;
}

.products #myTabContent div a p {
    margin-bottom: 0;
    margin-top: 4px;
}

.products #myTabContent div a .products-pmbb {
    border-bottom: solid #909090 1px;
    padding-bottom: 10px;
}

.products div p a {
    border: solid #909090 1px;
    border-radius: 5px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    color: #eee;
    text-align: center;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px;
}

.products div p a:hover {
    border: solid #fff 1px;
    color: #fff;
}






.about {
    padding-top: 30px;
    padding-bottom: 40px;
}
.about ul li{
    list-style: none;
    text-align: left;
    /*padding-left: 40px;*/
}
.about_form .hrs{
    width: 5%;
    height: 3px;
    margin: 20px auto;
    background: #3884c0;
}
.about li p{
    font-size: 15px;
}
.about .about_title{
    background: #3884c0;
    color: #fff;
}
.about .about_p{
    padding-top: 11px;
    padding-bottom: 11px;
}
.about .aboutry
.about-aj {
    position: relative;
}

.about .aboutry
.about-aj img {
    width: 100%;
    height: 130px;
    border: solid 1px #000;
    margin-bottom: 10px;
    border-radius: 3px;
}

.about .aboutry
.about-aj .about-ji {
    position: absolute;
    display: inline-block;
    background: #000;
    opacity: 0;
    z-index: 800;
    width: 165px;
    height: 130px;
    top: 0;
    color: #fff;
    line-height: 91px;
    text-align: center;
}

.about .aboutry
.about-aj .about-ji:hover {
    opacity: 0.5;
    font-weight: bold;
}

.about .aboutwh img {
    width: 100%;
    height: 220px;
    -webkit-transition: All 0.4s;
}

.about .aboutwh img:hover {
    -webkit-transform: translate(0, -10px);
}

.about p {
    font-size: 14px;
}

.about ul li {
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 5px;
    padding-bottom: 15px;
}

.about h2 a {
    color: #000;
    font-weight: bold;
}

.about h2 a:hover {
    color: #3984c0;
}

.about h3 a {
    color: #000;
    padding-top: 10px;
}

.about h3 a:hover {
    color: #3984c0;
}
.about_form{
    padding-top: 25px;
    background: url("http://1.rc.xiniu.com/rc/Contents/29122/images/LYbg.png?d=20170508094738839") no-repeat;
    background-size:100% 100%;
    height:550px;
}
.about_form h2{
    margin: 0;
    height: 20px;
    line-height: 20px;
}
.about_form form{
    padding-top: 20px;
    width: 80%;
    height: 500px;
    margin: auto;
    background: #FFF;
}
.about_form ul{
    padding-left: 5%;
    padding-right: 5%;
}
.about_form ul li{
    list-style: none;
}
.about_form span{
    display: block;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 15px;
}
.about_form textarea{
    width: 100%;
    height: 100px;
    background: #eaeeef;
    border: none;
    margin-bottom: 10px;
}
.about_form input{
    width: 100%;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    background: #eaeeef;
    border: none;
    box-sizing: border-box;
}
.about_form .about_form_submit{
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40%;
    background: #3984c0;
    color: #fff;
    margin: auto;
}

.join {
    background: #2c2f34;
    padding-top: 30px;
    padding-bottom: 40px;
}

.join h5 a {
    padding-left: 10px;
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #b7b5b5;
    border-left: solid #428bca 3px;
}

.join span a {
    color: #d6d6d6;
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
}

.join img {
    width: 100%;
    height: 170px;
    border-radius: 3px;
    opacity: 0.5;
}

.join time {
    color: #a2a2a2;
    height: 100px;
    display: block;
    padding-top: 9px;
}

.join .joina {
    background: #494d55;
    margin-left: 5px;
    margin-top: 10px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90px;
    text-align: center;
}

.join .joina:hover {
    background: #466394;
    color: #fff;
}

.news {
    padding-top: 30px;
    padding-bottom: 40px;
}

.news div img {
    width: 100%;
    height: 258px;
    border-radius: 3px;
    -webkit-transition: All 0.4s;
}

.news div img:hover {
    -webkit-transform: translate(0, -10px);
}

.news p {
    color: #333;
}

.news .newsa {
    background: #3984c0;
    color: #fff;
}

.news .newsa:hover {
    background: #466394;
}

.news h2 {
    margin-bottom: 20px;
}

.news h2 a {
    color: #000;
    margin-bottom: 20px;
}

.news h4 a {
    color: #000;
    padding-top: 10px;
}

footer {
    /*margin-top: 20px;*/
    padding-top: 30px;
    padding-bottom: 40px;
    background: #171717;
}

footer .footer-top {
    color: #fff;
    margin-bottom: 20px;
}

footer .footer-top a {
    color: #cacbc7;
    margin-left: 10px;
    margin-right: 10px;
}

footer .footer-top a:hover {
    color: #fff;
}

footer .footer-button {
    color: #666;
    text-align: center;
}

@media (max-width: 1200px) {
    .about_form form {
        height: 455px;
    }
    .banner_img>img{
        height: 400px!important;
    }
    .banner_img1>img{
        height: 400px!important;
    }
    .profuile p {
        font-size: 13px;
        margin-bottom: 0;
        line-height: 2em;
        color: #4c4944;
    }
    .profuile p a {
        margin-top: 20px;
    }
    .profuile img {
        width: 100%;
        margin-top: 66px;
    }
    .pr_rongyv{
        padding: 20px 0 40px  0;
        background: #f2f2f2;
    }
    .pr_rongyv h2{
        margin-top: 10px;
        font-size: 20px;
        font-weight: 600;
    }
    .pr_rongyv h3{
        font-size: 18px;
        color: #626262;
    }
    .pr_rongyv p{
        color: #626262;
        width: 100%;
        margin-left: 0;
    }

    .products #myTabContent div img {
        width: 221px;
        height: 177px;
    }

    .about .aboutry img {
        height: 100px;
    }

    .about .aboutwh img {
        height: 230px;
    }
    .about_form{
        height:500px;
    }
}


.gjianjie img {
    width: 100%; /* 确保图像宽度占满容器 */
    /*height: auto; !* 高度自动，以保持纵横比 *!*/
    /*max-height: 700px; !* 设置最大高度 *!*/
    /*object-fit: cover; !* 保持纵横比，填充容器 *!*/
}
.gjianjie .img1{
    height: 348px;
}

.gjianjie p {
    font-size: 16px;
    line-height: 25px;
    color: #333;
}

.gjianjie .gjianjie-jiesao {
    padding-top: 20px;
    padding-bottom: 30px;
}

.gjianjie h2 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
}

.gjianjie a {
    display: block;
}

.gjianjie a embed {
    width: 100%;
    border: solid #eee 1px;
}

 #dituContent {
    width: 555px;
    height: 300px;
    border: #ccc solid 1px;
}

.fbwh img {
    width: 100%;
    height: inherit;
}

.falc img {
    width: 100%;
}

.falc ul {
    list-style: none;
}

.falc ul li {
    line-height: 2em;
    font-size: 15px;
}

.newsye {
    margin-top: 50px;
}

.newsye .col-md-4 {
    margin-bottom: 10px;
}

.newsye .col-md-4 > a {
    display: block;
    -webkit-transition: all 0.5s;
}

.newsye .col-md-4 > a:hover {
    -webkit-transform: scale(1.1);
}

.newsye .col-md-4 > a img {
    -webkit-transition: all 0.5s;
    margin-bottom: 10px;
}

.newsye ul {
    list-style: none;
    border: #ccc 1px solid;
    background: #fff;
}

.newsye ul li a {
    display: block;
    padding: 10px 21px;
    color: #808080;
    font-size: 16px;
    border-bottom: #eee solid 1px;
}

.newsye ul li a:hover {
    color: #3884c0;
}

.newsye a img {
    width: 100%;
    height: 180px;
    border-radius: 3px;
}

.newsye p a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    background: #3884c0;
    color: #fff;
    border-radius: 3px;
}

.newsye p a:hover {
    background: #1e5077;
}

.newsye .news a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

.newsye .news a img {
    width: 100%;
    height: 220px;
}

.newsye .news p {
    font-size: 12px;
    font-family: arial;
}

@media (max-width: 1200px) {
    .newsye {
        text-align: center;
    }

    .newsye .pagination li a {
        /*padding: 6px 11px;*/
    }
    .gjianjie p {
        font-size: 14px;
        line-height: 21px;
        color: #333;
}
}

@media (max-width: 720px) {
    .newsye {
        text-align: center;
    }

    .newsye .pagination li a {
        padding: 0 4px;
        font-size: 13px;
    }
}

.products-yemian .products-leul {
    border: solid 1px #d4d4d4;
    padding-top: 5px;
    border-radius: 3px;
}

.products-yemian .products-leul h3 {
    text-align: left;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
}

.products-yemian .products-leul ul {
    padding-left: 15px;
    padding-right: 15px;
}

.products-yemian .products-leul ul li {
    line-height: 2em;
}

.products-yemian .products-leul ul li a {
    color: #999;
    font-size: 15px;
}

.products-yemian .products-leul ul li a:hover {
    color: #3884c0;
}

.products-yemian .products-leul .products-leli {
    line-height: 1.5em;
    border-top: solid 1px #e5e5e5;
    padding-top: 10px;
}

.products-yemian .products-leul .products-leli .Js-prod-a1 {
    color: #000;
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.products-yemian .products-leul .products-leli .Js-prod-a1:hover {
    color: #3884c0;
}

.products-yemian a {
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.products-yemian ul {
    list-style: none;
}

.products-yemian img {
    width: 100%;
    height:195px;
}

.products-yemian strong {
    margin-top: 9px;
}

.products-yemian .products-aniu {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    background: #3884c0;
    color: #fff;
    border-radius: 3px;
}

.products-yemian .products-aniu:hover {
    background: #1e5077;
    color: #fff;
    border-radius: 3px;
}

.products-yemian .products-border{
    display: block;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 30px; /* 可以根据需要调整数值 */
}
.products-yemian .products-border img{
    transition: all 0.6s;
    filter: brightness(0.3); /* 初始暗色 */
}

.products-yemian .products-border:hover img{
    transform: scale(1.3);
    filter: brightness(0.6); /* 初始暗色 */
}
.position-relative {
    position: relative;
}

.products-border:hover .overlay-text {
    bottom: 80px; /* 移动到中间 */
    left: 60px; /* 移动到中间 */
}

.products-border:hover .overlay-text::after {
    content: '➡️'; /* 添加箭头 */
    margin-left: 5px; /* 箭头与文字之间的间距 */
    transition: opacity 0.3s ease; /* 添加过渡效果 */
}

.products-border:hover .overlay-text::after {
    opacity: 1; /* 显示箭头 */
}




.products-yemian .products-use {
    display: block;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 30px; /* 可以根据需要调整数值 */
    position: relative; /* 使 overlay-text 定位相对父元素 */
    border: 2px solid black; /* 黑色边框 */
    touch-action: manipulation; /* 优化移动端触摸响应 */

}


.products-yemian .products-use img {
    transition: all 0.3s;
}

.products-yemian .products-use:hover img {
    transform: scale(1.3);
    filter: brightness(0.6); /* 暗色效果 */
}

.products-use .overlay-text {
    position: absolute;
    top: 0; /* 覆盖整个图片 */
    left: 0; /* 覆盖整个图片 */
    width: 100%; /* 100% 宽度 */
    height: 100%; /* 100% 高度 */
    display: flex; /* 使用 flexbox 进行居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    background: rgba(255, 255, 255, 0.7); /* 白色透明背景 */
    color: black; /* 文字颜色 */
    opacity: 0; /* 初始不显示 */
    transition: opacity 0.3s ease; /* 过渡效果 */
}

.products-use:hover .overlay-text {
    opacity: 1; /* 悬停时显示文字 */
}

.products-use:hover img {
    transform: translateY(-10px); /* 向上弹出效果 */
}






/* 桌面端hover效果 */
@media (hover: hover) {
    .products-use:hover img {
        transform: scale(1.3) translateY(-10px);
        filter: brightness(0.6);
    }
    .products-use:hover .overlay-text {
        opacity: 1;
    }
}

/* 移动端触控效果 */
@media (hover: none) {
    .products-use.active img { /* 使用active类代替hover */
        transform: scale(1.3) translateY(-10px);
        filter: brightness(0.6);
    }
    .products-use.active .overlay-text {
        opacity: 1;
    }
}











.products-yemian h2 {
    margin-top: 60px; /* 顶部间距 */
    margin-bottom: 15px; /* 底部间距 */
}

.title-bold {
    font-weight: bold; /* 加粗 */
    color: black; /* 设置为黑色 */
}

.overlay-text::after {
    content: ''; /* 默认没有箭头 */
    opacity: 0; /* 默认隐藏 */
}

.overlay-text {
    position: absolute;
    bottom: 50px; /* 根据需要调整位置 */
    left: 30px; /* 根据需要调整位置 */
    color: white; /* 文字颜色 */
    font-size: 26px; /* 根据需要调整字体大小 */
}



.banner_img img {
    width: 100%; /* 图片宽度100% */
    height: auto; /* 保持比例 */
}

.banner_img1 {
    position: relative; /* 使父元素相对定位 */
}

.banner_img1 img {
    width: 100%; /* 图片宽度100% */
    height: auto; /* 保持比例 */
}

.products-relative {
    position: absolute; /* 绝对定位 */
    top: 60%; /* 垂直位置 */
    left: 0%; /* 水平位置 */
    color: #ffffff; /* 文字颜色 */
    text-align: left; /* 左对齐 */
    z-index: 1; /* 确保文字在图片上方 */
}

.products-title {
    font-weight: bold; /* 加粗标题 */
    font-size: 4rem; /* 根据需要调整字体大小 */
}

.products-text {
    font-size: 1.5rem; /* 根据需要调整字体大小 */
}




















@media (max-width: 1200px) {
    .products {
        text-align: center;
    }
    .profuile {
        padding-bottom: 66px;
        padding-top: 30px;
    }
}

@media (max-width: 720px) {

    .navbar-form {
        margin-top: 0;
        margin-bottom: 0;
        border:none;
    }
    .products-yemian {
        text-align: center;
    }

    .newsye .pagination li a {
        padding: 7px 14px;
        font-size: 13px;
    }

    .newsye .dinone {
        display: none;
    }

    .newsye span {
        text-align: center;
        display: block;
    }

    .about .aboutry
    .about-aj .about-ji {
        display: none;
    }
    .join_sul{
        display: none;
    }
}


.address-one {
    font-weight: bold; /* 加粗 */
    color: rgba(0, 196, 255, 0.78); /* 第一家公司颜色 */
}


.text-center {
    text-align: center; /* 使文本居中 */
    margin-bottom: 50px; /* 底部间距 */
}

.text-light-gray {
    color: #d3d3d3; /* 浅灰色，可以根据需要调整 */
    font-size: 18px;
}





.shuini-border{
    display: block;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 30px; /* 可以根据需要调整数值 */
}
.shuini-border img{
    width: 300px; /* 设置固定宽度 */
    height: 200px; /* 设置固定高度 */
    object-fit: cover; /* 确保图片按比例裁剪，填满容器 */
    transition: all 0.6s;
    filter: brightness(0.3); /* 初始暗色 */
}

.shuini-border:hover img{
    transform: scale(1.3);
    filter: brightness(0.6); /* 初始暗色 */
}







.joinjianjiel{
    display: block;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 30px; /* 可以根据需要调整数值 */
}
.joinjianjiel img {
    width: 100%; /* 自适应宽度，填充父元素 */
    height: 350px; /* 设置固定高度，可以根据需要调整 */
    object-fit: cover; /* 保持图片比例并填充整个区域 */
}

.joinyemian h5 {
    font-size: 20px;
    font-weight: bold;
}

.joinyemian p {
    font-size: 15px;
    line-height: 2em;
    color: #898989;
}

.joinyemian img {
    width: 100%;
    cursor: pointer;
}



.joinjianjie {
    height: 250px; /* 设置固定高度 */
    display: block;
    border-radius: 2px; /* 设置圆角 */
    overflow: hidden;
    margin: 0 auto 30px; /* 上边距为 0，左右边距为 auto，底部间距为 30px */
}

.joinjianjie img {
    width: 100%; /* 自适应宽度，填充父元素 */
    height: 100%; /* 高度自适应 */
    object-fit: fill; /* 填充整个区域，不保持比例 */
}

.gywmwh {
    height: 350px; /* 设置固定高度 */
    display: block;
    border-radius: 2px; /* 设置圆角 */
    overflow: hidden;
    margin: 0 auto 30px; /* 上边距为 0，左右边距为 auto，底部间距为 30px */
}

.gywmwh img {
    width: 100%; /* 自适应宽度，填充父元素 */
    height: 100%; /* 高度自适应 */
    object-fit: fill; /* 填充整个区域，不保持比例 */
    filter: brightness(0.7); /* 使图片颜色变浅 */
}

.titlegy {
    text-align: left; /* 标题居中对齐 */
    font-size: 1.7em; /* 标题字体大小 */
    font-weight: bold; /* 加粗标题 */
    color: #ffffff; /* 标题颜色 */
    position: absolute; /* 绝对定位 */
    top: 15%; /* 距离顶部10% */
    left: 8%; /* 水平居中 */
    z-index: 10; /* 确保在图片上方 */
}

.divider {
    border: none; /* 去除默认边框 */
    border-top: 5px solid rgba(255, 255, 255, 0.5); /* 自定义横线样式 */
    margin: 1px 0; /* 横线上下边距 */
    position: absolute; /* 绝对定位 */
    top: 30%; /* 根据标题高度调整位置 */
    left: 6%; /* 横线的左侧边距 */
    right: 40%; /* 横线的右侧边距 */
    z-index: 10; /* 确保在图片上方 */
}

.overlay {
    position: absolute; /* 绝对定位 */
    bottom: 10%; /* 距离底部10% */
    left: 5%; /* 距离侧5% */
    width: 50%; /* 容器宽度为50% */
    height: 50%; /* 容器高度为50% */
    background-color: rgba(255, 255, 255, 0.34); /* 半透明白色背景 */
    backdrop-filter: blur(10px); /* 添加磨砂效果 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    padding: 20px; /* 添加内边距 */
    box-sizing: border-box; /* 包括内边距在内的总宽高 */
}


.text {
    color: #ffffff; /* 文字颜色为白色 */
    text-align: left; /* 文字左对齐 */
    font-family: "SimSun", sans-serif; /* 设置字体为宋体 */
    font-size: 1em; /* 增大字体大小 */
}



.titlegy2 {
    text-align: left; /* 标题居中对齐 */
    font-size: 1.7em; /* 标题字体大小 */
    font-weight: bold; /* 加粗标题 */
    color: #ffffff; /* 标题颜色 */
    position: absolute; /* 绝对定位 */
    top: 15%; /* 距离顶部10% */
    left: 15%; /* 水平居中 */
    z-index: 10; /* 确保在图片上方 */
}

.text2 {
    text-align: left; /* 标题居中对齐 */
    font-size: 1.1em; /* 标题字体大小 */
    color: #ffffff; /* 标题颜色 */
    position: absolute; /* 绝对定位 */
    top: 30%; /* 距离顶部10% */
    left: 15%; /* 水平居中 */
    right: 8%; /* 水平居中 */
    z-index: 10; /* 确保在图片上方 */
}


.qiyery {
    height: 600px; /* 设置固定高度 */
    display: block;
    border-radius: 2px; /* 设置圆角 */
    overflow: hidden;
    margin: 0 auto 30px; /* 上边距为 0，左右边距为 auto，底部间距为 30px */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .qiyery {
        height: 200px; /* 设置固定高度 */
    }
}





.guanyury {
    height: 800px; /* 设置固定高度 */
    display: block;
    border-radius: 2px; /* 设置圆角 */
    overflow: hidden;
    margin: 0 auto 30px; /* 上边距为 0，左右边距为 auto，底部间距为 30px */
}

.guanyury img {
    width: 100%; /* 自适应宽度，填充父元素 */
    height: 100%; /* 高度自适应 */
    object-fit: fill; /* 填充整个区域，保持比例 */
}
/* 移动端适配 */
@media (max-width: 767px) {
    .guanyury {
        height: 200px; /* 设置固定高度 */
    }
}





.container {
    position: relative; /* 确保子元素可以绝对定位 */
}

.row.background {
    position: relative; /* 相对定位 */
    padding: 20px; /* 为容器添加内边距 */
    color: white; /* 设置文本颜色 */
    margin-left: calc(-50vw + 50%); /* 左侧超出 */
    margin-right: calc(-50vw + 50%); /* 右侧超出 */
    width: 100vw; /* 宽度为视口宽度 */
}

.row.background::before {
    content: '';
    position: absolute; /* 绝对定位 */
    top: 0;
    left: 0; /* 从左边开始 */
    width: 100%; /* 设置宽度为100% */
    height: 100%; /* 高度与容器一致 */
    background-image: url('../img/jpg/图片背景1.jpg'); /* 背景图片路径 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景图片居中显示 */
    z-index: -1; /* 确保背景在内容后面 */
}



.joinyemian .shuini-banner img {
    width: 100%;
    height: inherit;
}

.joinyemian .shuini-banner ul {
    text-align: center;
    margin-top: -45px;

}

.joinyemian .shuini-banner ul li {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

.joinyemian .shuini-banner ul li a {
    color: #9d8581;
    display: block;
    background: #eee;
    padding: 30px 37px;
    border-radius: 50%;
}

.joinyemian .shuini-banner ul li a:hover {
    background: #dbdfe6;
}



.joinyemian h8 {
    text-align: left; /* 左对齐 */
    margin-top: 20px; /* 可选，添加上边距 */
    font-weight: bold; /* 加粗文字 */
    font-size: 20px; /* 调整文字大小，可以根据需要修改 */
}

.joinyemian h8 a {
    color: black; /* 设置链接文字颜色为黑色 */
    text-decoration: none; /* 可选，去掉下划线 */
    font-size: 20px; /* 确保链接文字与标题大小一致 */
}




.joinyemian .join-banner img {
    width: 100%;
    height: inherit;
}

.joinyemian .join-banner ul {
    text-align: center;
    margin-top: -45px;
    position: relative;      /* 设置为相对定位 */
    z-index: 10;            /* 设置 z-index，确保在其他元素之上 */
}

.joinyemian .join-banner ul li {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

.joinyemian .join-banner ul li a {
    color: #9d8581;
    display: block;
    background: #eee;
    padding: 30px 37px;
    border-radius: 50%;
}

.joinyemian .join-banner ul li a:hover {
    background: #dbdfe6;
}

.joinyemian h3 {
    color: #000;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.joinyemian h3 i {
    font-weight: bold;
    font-size: 40px;
}

.joinyemian h3::before,
.joinyemian h3::after {
    content: "";
    display: block;
    width: 41%;
    height: 1px;
    position: absolute;
    top: 32px;
    background: #000;
}

.joinyemian h3::after {
    right: 0;
}


.joinyemian h6 {
    color: transparent; /* 文字透明以显示渐变 */
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold; /* 加粗文字 */
    font-size: 30px; /* 设置文字大小 */
    background: linear-gradient(45deg, #ffffff, #ffffff); /* 白蓝色渐变背景 */
    -webkit-background-clip: text; /* 文字背景剪裁 */
    background-clip: text; /* 文字背景剪裁 */
    animation: glow 1.5s infinite alternate; /* 添加动画效果 */
}

/* 添加断杠效果 */
.joinyemian h6::before,
.joinyemian h6::after {
    content: '';
    position: absolute;
    top: 70%; /* 垂直居中 */
    width: 50px; /* 断杠长度 */
    height: 2px; /* 断杠厚度 */
    background: #ffffff; /* 断杠颜色 */
}

.joinyemian h6::before {
    left: 42%; /* 断杠左侧位置 */
}

.joinyemian h6::after {
    right: 42%; /* 断杠右侧位置 */
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 0 0 10px rgba(0, 170, 255, 0.6);
    }
    100% {
        text-shadow: 0 0 20px rgba(255, 255, 255, 1), 0 0 30px rgba(0, 170, 255, 0.7);
    }
}

.joinyemian h6 i {
    font-weight: bold;
    font-size: 60px; /* 图标或特殊文本的大小 */
    color: #ffffff; /* 图标颜色 */
}




.joinyemian form {
    background: #f9f9f9;
    border-radius: 3px;
    /*padding: 50px;*/
    border: solid 1px #dadada;
    margin-bottom: 20px;
}

.joinyemian form .join-jine-inp10 {
    margin-left: 0;
}

.joinyemian form .input-txt1 {
    width: 336px;
    height: 35px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.joinyemian form label {
    width: 100px;
    float: left;
    color: #000;
    font-weight: bold;
    margin-right: 40px;
    text-align: right;
}

.joinyemian form span {
    font-size: 15px;
    /*margin-left: 30px;*/
}

.joinyemian form .join-jine input {
    width: 15px;
    height: 15px;
    margin-left: 50px;
}

.joinyemian form .join-inp-txt {
    width: 70%;
    height: 140px;
}

.joinyemian form p a {
    display: inline-block;
    border-radius: 5px;
    background: #ff8a47;
    padding: 10px 28px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}

.joinyemian form p a:hover {
    background: #d64e00;
}

@media (max-width: 1200px) {
    .joinyemian p {
        line-height: 1.3em;
        font-size: 14px;
    }

    .joinyemian form span {
        font-size: 12px;
    }

    .joinyemian h3::before,
    .joinyemian h3::after {
        content: "";
        display: block;
        width: 37%;
        height: 1px;
        position: absolute;
        top: 32px;
        background: #000;
    }
}


@media (max-width: 1025px) {
    .products ul {
        margin-bottom: 40px;
    }

    .products ul li a {
        padding: 7px 21px;
    }

    .products div img {
        height: 160px;
    }

    .news div img {
        height: 200px;
    }

    .join img {
        height: 150px;
    }

    .dinone {
        display: none;
    }

    .tanniu {
        margin-top: 20px;
    }

    .products #myTabContent div a p {
        text-align: left;
    }

    .newsye .col-md-4 {
        text-align: left;
    }

    .joinyemian p {
        line-height: 1.5em;
    }

    .about
    .aboutry
    .about-aj {
        position: relative;
    }

    .about
    .aboutry
    .about-aj img {
        width: 100%;
        height: 130px;
        border: solid 1px #000;
        margin-bottom: 10px;
        border-radius: 3px;
    }

    .about
    .aboutry
    .about-aj .about-ji {
        position: absolute;
        display: inline-block;
        background: #000;
        opacity: 0;
        z-index: 900;
        width: 131px;
        height: 91px;
        top: 0;
        color: #fff;
        line-height: 91px;
        text-align: center;
    }

    .about
    .aboutry
    .about-aj .about-ji:hover {
        opacity: 0.5;
        font-weight: bold;
    }

    .products {
        text-align: left;
    }

    .about .aboutry
    .about-aj img {
        height: 91px;
    }

     #dituContent {
        width: 467px;
        height: 266px;
        border: #ccc solid 1px;
        margin-top: 20px;
    }
}
@media (max-width: 970px) {
    .news div img {
        height: 300px;
    }
    header .nav a {
        padding: 12px 10px;
        font-size: 12px;
    }

    .profuile p {
        text-align: center;
    }

    .profuile h6 {
        display: none;
    }

    .products #myTabContent img {
        width: 100%;
        height: inherit;
    }

    .about {
        text-align: center;
    }

    .about .aboutry img {
        width: 100%;
        height: 260px;
    }

    .about .aboutwh img {
        width: 100%;
        height: inherit;
    }
}


@media (max-width: 1024px) {
    .newsye ul{
        padding: 0;
    }
    .about ul li {
        padding-bottom: 5px;
    }
    .banner_img>img{
        height: 350px!important;
    }
    .banner_img1>img{
        height: 350px!important;
    }
    .gjianjie img {
        height: 338px;
    }
    .about_form{
        /*height: 390px;*/
    }
}


@media (max-width: 720px) {
    .banner_img>img {
        height: 300px!important;
    }
    .banner_img1>img {
        height: 190px!important;
    }
    .joinyemian form .nameSpan {
        display: block;
        padding-left: 10px;
        text-align: left;
    }

    .joinyemian form .input-txt1 {
        width: 200px;
    }

    .joinyemian .join-banner ul {
        margin: 0 auto;
        text-align: inherit;
    }

    .joinyemian .join-banner ul li {
        font-size: 12px;
        padding: 2px 5px;
    }

    .joinyemian h3::before,
    .joinyemian h3::after {
        content: "";
        display: block;
        width: 30%;
        height: 1px;
        position: absolute;
        top: 32px;
        background: #000;
    }

    .joinyemian form label {
        width: 100%;
        float: none;
        color: #000;
        font-weight: bold;
        margin-right: 40px;
        text-align: center;
    }
    .about_form {
        height: 564px;
    }
    .about_form form {
        height: 528px;
    }
    #dituContent {
        width: 100%;
        height: 100%;
    }
    .about .row .aboutry .about-aj img {
        height: 233px;
    }
    .about ul{
        padding-left: 0;
    }
    .about ul li{
        padding-left: 0;
    }

    .products #myTabContent div p {
        text-align: center;
        font-size: 16px;
    }

    .products #myTabContent div img {
        height: 233px;
        margin-top: 20px;
    }

    .join div img {
        height: 208px;
    }

    .join div time {
        height: 60px;
    }

    #dituContent {
        width: 100%;
        height: 283px;
        border: #ccc solid 1px;
    }
}
@media (max-width: 750px) {
    .about .aboutwh img {
        height: 220px;
    }
    .aboutwh p{
        text-align: left;
    }
    .profuile .le{
        text-align: left;
    }
    .profuile .cen{
        text-align: center;
    }
    .join p{
        text-align: center;
    }
    .news .cen{
        text-align: center;
        margin-bottom: 20px;
    }
    h2{
        font-size: 22px;}
    h3{
        font-size: 20px;
    }
    .products #myTabContent div a p {
        text-align: center;
    }
    .produ
    p {
        text-align: center!important;
    }

    header ul li a {
        text-align: center;
    }

    header p {
        display: none;
    }

    header .navbar-toggle {
        border: solid #cecece 1px;
    }

    header .navbar-toggle span {
        border-bottom: 1px #c7c7c7 solid;
    }

    header .header-top .btn-default {
        width: 100%;
        background: #9a9a9a;
        color: #fff;
        cursor: pointer;
        border-color: #939393 !important;
    }

    .products img {
        display: block;
        margin: 0 auto;
    }

    .products p {
        width: 70%;
        margin: auto;
    }

    .profuile h6 {
        display: none;
    }

    .about .aboutry img {
        width: 100%;
        height: 111px;
    }
}
@media (max-width: 991px) {
    .joinyemian form .nameSpan {
        display: block;
        padding-left: 120px;
    }
}









.dom {
    background-color: #0b5894;
    height: 50vh;
    display: flex;
    flex-direction: column; /* 垂直排列 */
}
.dom .container {
    flex: 1; /* 使容器占用剩余空间 */
    display: flex;
    flex-direction: column; /* 垂直排列内容 */
    justify-content: space-between; /* 使内容和页脚分开 */
}


/* 头部样式 */
.headername {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: -100px;
}
.headername .logo {
    width: 450px;  /* 设置具体宽度 */
    height: auto;  /* 高度自动，保持比例 */
    margin-left: -10px;
    margin-bottom: 80px;
}
.divider {
    width: 50px;        /* 横线宽度 */
    height: 1px;       /* 横线高度 */
    background-color: white; /* 横线颜色 */
    margin-left: -15px;
    margin-top: 30px;
}

.company-name {
    font-size: 36px;
    color: #333;
    margin-bottom: 0px;
    font-weight: bold;
}

.en-name {
    font-size: 18px;
    color: #666;
    letter-spacing: 2px;
}

/* 主标题区域 */
.main-title {
    text-align: left;
    margin-bottom: 30px;
    margin-top: -30px;
    margin-left: 0px;
}

.slogan {
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 0px;
}

.sub-title {
    color: #ffffff;
    font-size: 7px;
}

/* 核心优势 */
.features {
    display: flex;
    justify-content: flex-start; /* 左对齐 */
    flex-wrap: wrap;
    margin-bottom: 0px;
    gap: 0px; /* 设置项之间的间距 */
    margin-left: -30px;
}

.feature-item {
    text-align: center;
    width: 34px;
    margin: 0px;
    margin-left: 25px;
}

.feature-container {
    background-color: rgba(255, 255, 255, 0.86); /* 背景颜色 */
    color: rgba(136, 136, 136, 0.78);            /* 文字颜色 */
    padding: 6px;          /* 内边距，增加空间 */
    width: 40px;          /* 设置宽度 */
    height: 40px;          /* 设置高度 */
    text-align: center;      /* 中间对齐 */
    border-radius: 8px;     /* 圆角效果（可选） */
    margin-bottom: 8px;
}

.feature-text {
    font-size: 20px;        /* 字体大小 */
    font-weight: bold;
}

.feature-desc {
    color: #ffffff;
    font-size: 11px;
    line-height: 2;
}


/* 联系方式 */
.contact-title {
    font-size: 20px;        /* 设置标题大小 */
    color: #ffffff;         /* 设置标题颜色 */
    /*font-weight: bold;      !* 加粗标题 *!*/
    margin-bottom: 20px;    /* 设置标题与内容之间的间距 */
    text-align: left;      /* 中间对齐（可选） */
    margin-top: 40px;
}





.contact-section {
    text-align: left;
    padding: 0px 0;
    margin-bottom: 0px;
    margin-left: 100px;
}

.contact-info {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 8px;
}

.contact-info a {
    color: #ffffff;
    text-decoration: none;
}

.contact-info1 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: -8px;
}

.contact-info1 a {
    color: #ffffff;
    text-decoration: none;
}

.contact-info2 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: -5px;
}

.contact-info2 a {
    color: #ffffff;
    text-decoration: none;
}

.contact-info3 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: -3px;
}

.contact-info3 a {
    color: #ffffff;
    text-decoration: none;
}



.contact-icon {
    height: 26px;
    width: auto; /* 宽度自动调整，保持比例 */
    vertical-align: middle; /* 垂直对齐到文本中间 */
    margin-right: 5px;
    margin-top: -5px;
}
.contact-icon1 {
    height: 50px;
    width: auto; /* 宽度自动调整，保持比例 */
    vertical-align: middle; /* 垂直对齐到文本中间 */
    margin-left: -15px;
    margin-right: -8px;
}
.contact-icon2 {
    height: 50px;
    width: auto; /* 宽度自动调整，保持比例 */
    vertical-align: middle; /* 垂直对齐到文本中间 */
    margin-left: -15px;
    margin-right: -6px;
}
.contact-icon3 {
    height: 50px;
    width: auto; /* 宽度自动调整，保持比例 */
    vertical-align: middle; /* 垂直对齐到文本中间 */
    margin-left: -15px;
    margin-right: -6px;
}


.image-row {
    display: flex;
    justify-content: space-around; /* 均匀分布 */
    margin-top: 30px; /* 添加顶部间距 */
    margin-left: 70px;
}

.image-item {
    text-align: center; /* 文字居中 */
    margin: 0 15px; /* 增加左右间距（可根据需要调整） */
}

.image-item5 {
    text-align: center; /* 文字居中 */
    margin-top: -40px;
    margin-left: 30px; /* 增加左右间距（可根据需要调整） */
}

.small-icon {
    max-width: 35px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
}

.large-icon {
    max-width: 80px; /* 设置大图标的最大宽度 */
    height: auto; /* 高度自适应 */
}

.contact-image {
    font-size: 14px; /* 设置字体大小（可以根据需要调整） */
    color: #ffffff; /* 设置字体颜色（可以根据需要调整） */
    text-align: center; /* 文字居中对齐 */
    margin-top: 5px; /* 添加顶部间距 */
}

/* 页脚 */
.footer {
    font-size: 11px;
    position: absolute; /* 使用绝对定位 */
    bottom: 0;         /* 靠底部对齐 */
    left: 0;           /* 靠左对齐 */
    right: 0;          /* 伸展到右边 */
    text-align: center; /* 文本居中 */
    padding: 0px;     /* 可选：添加一些内边距 */
    background-color: transparent; /* 设置背景为透明 */
    color: #ffffff;
}