@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: 2px;
    top: 50%;
    box-shadow: #DDD 0px 1px 5px;
    z-index: 999;
    background-color: transparent; /* 设置为透明 */
}



.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 .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;
}






body {
    overflow: hidden; /* 禁用默认滚动 */
}




.page {
    height: 100vh; /* 每个页面占满视口高度 */
    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; /* 背景图居中 */
}


/* 轮播容器 - 关键修改 */
#carousel-example-generic.carousel.banner {
    width: 100%;
    height: 100%;
    position: absolute; /* 绝对定位填满父容器 */
    top: 0;
    left: 0;
}

/* 轮播内部容器 */
.carousel-inner {
    height: 100%;
}

/* 轮播项目 */
.carousel-inner > .item {
    height: 100%;
}

/* 轮播图片 - 强制填充 */
.carousel-inner > .item > img,
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 或者用 fill 如果确实需要拉伸变形 */
    display: block;
}

/* 如果需要完全填充（可能变形） */
.carousel-inner > .item > img {
    object-fit: fill !important;
}



/* 轮播容器 - 关键修改 */
#carousel-example-generic1.carousel.banner {
    width: 100%;
    height: 100%;
    position: absolute; /* 绝对定位填满父容器 */
    top: 0;
    left: 0;
}

/* 轮播内部容器 */
.carousel-inner {
    height: 100%;
}

/* 轮播项目 */
.carousel-inner > .item {
    height: 100%;
}

/* 轮播图片 - 强制填充 */
.carousel-inner > .item > img,
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 或者用 fill 如果确实需要拉伸变形 */
    display: block;
}

/* 如果需要完全填充（可能变形） */
.carousel-inner > .item > img {
    object-fit: fill !important;
}



.carousel-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.carousel-caption h3 {
    font-size: 0.8em;
    margin-top: -50px; /* 与标题的距离 */
    margin-bottom: 50px;
}



.carousel-caption4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 25%;

}

.carousel-caption4 h3 {
    font-size: 0.8em;
    margin-bottom: 50px;
    font-weight: bold; /* 添加加粗 */
}
.carousel-caption2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);

}

.carousel-caption2 h3 {
    font-size: 0.8em;
    margin-bottom: 50px;
    font-weight: bold; /* 添加加粗 */
}


.btnpageindex {
    display: inline-block; /* 使按钮呈现块级元素 */
    padding: 10px 20px; /* 内边距，增加按钮的高度和宽度 */
    margin-top: 10px; /* 与标题的距离 */
    background-color: #ff4c67; /* 按钮背景色 */
    color: #efefef; /* 按钮文字颜色 */
    text-decoration: none; /* 移除下划线 */
    border-radius: 5px; /* 圆角 */
    transition: background-color 0.3s; /* 动画效果 */
    font-size: 16px; /* 设置按钮文字大小 */
    width: 150px; /* 设置按钮宽度 */
    text-align: center; /* 文字居中对齐 */
    margin-left: -5%; /* 适当调整 */
}

.btnpageindex:hover {
    background-color: #ff1313; /* 鼠标悬停时的背景颜色 */
    transform: scale(1.1); /* 放大效果 */
}
/*.page8 {*/
/*    background-image: url('../img/imgindex/tu1.png'); !* 替换为你的背景图片路径 *!*/
/*}*/









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

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

}

.page1 h3 {
    font-size: 2.3vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    font-weight: bold; /* 加粗标题 */
    margin-right: 0%; /* 标题距离左边50% */
    margin-top: 0%; /* 适当调整 */
    margin-left: -20%;
    margin-bottom: 30px;
}

.page1 .leqy {
    font-size: 1vw; /* 使用视口宽度单位 */
    font-family: 'Times New Roman', serif; /* 页面1段落字体 */
    font-weight: bold; /* 加粗标题 */
    margin-left: -20%;
    color: #000000;
    text-align: justify;  /* 默认两端对齐 */
    word-break: break-all; /* 允许单词内换行（针对英文/数字）*/
    max-width: 40%; /* 限制宽度，避免拉伸过大 */

}
.page1 .contact-imagegy {
    font-size: 13px; /* 设置字体大小（可以根据需要调整） */
    color: #000000; /* 设置字体颜色（可以根据需要调整） */
    text-align: center; /* 文字居中对齐 */
}



.custom-lineq1 {
    width: 4%; /* 横线宽度 */
    height: 2px; /* 横线高度 */
    background-color: #000000; /* 横线颜色 */
    margin-bottom: 50px;
    margin-left: -20%;
}
.image-rowgy {
    display: flex;
    justify-content: space-around; /* 均匀分布 */
    margin-top: 0px; /* 添加顶部间距 */
    margin-left: -250px;
}

.image-itemgy {
    text-align: center; /* 文字居中 */
}
.small-icongy {
    max-width: 60px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}
.small-icongy1 {
    max-width: 70px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}
.small-icongy2 {
    max-width: 50px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}














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


.page2 p {
    font-size: 0.9vw;
    font-family: 'Times New Roman', serif;
    text-align: justify;  /* 默认两端对齐 */
    text-align-last: center; /* 最后一行居中 */
    font-weight: bold;
    margin: 0 auto;
    max-width: 100%; /* 限制宽度，避免拉伸过大 */
}

/*.page2 p {*/
/*    font-size: 20px;*/
/*    line-height: 2em;*/
/*    color: rgba(255, 255, 255, 0.93);*/
/*}*/


.page2 h2 {
    font-size: 3vw; /* 进一步调整标题大小 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin: 1vw 0; /* 使用视口单位 */
    font-weight: bold; /* 加粗标题 */

    /*margin-left: -20%; !* 标题距离左边50% *!*/
    margin-top: 0%; /* 适当调整 */
    margin-bottom: 50px;
}






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

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

.page3 p {
    font-size: 0.9vw;
    font-family: 'Times New Roman', serif;
    text-align: justify;  /* 默认两端对齐 */
    text-align-last: center; /* 最后一行居中 */
    font-weight: bold;
    margin: 0 auto;
    max-width: 100%; /* 限制宽度，避免拉伸过大 */
}








.gydc {
    display: block; /* 必须设为 block 或 inline-block */
    width: 25%; /* 或固定宽度，如 200px */
    margin: -50px auto 20px; /* 上边距 120px，左右自动，下边距 20px */
    height: auto; /* 保持比例 */
}

.gydc1 {
    display: block; /* 必须设为 block 或 inline-block */
    width: 60%; /* 或固定宽度，如 200px */
    margin: 50px auto 20px; /* 上边距 120px，左右自动，下边距 20px */
    height: auto; /* 保持比例 */
}








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

}

.cphexinjishu1 {
    height: 17vh;
    background-color: #ffffff; /* 设置背景颜色为红色 */
}

.cphexinjishu1 embed {
    width: 100%;
    border: solid #eee 1px;
}
.img-jiejue {
    margin-top: 7vh;
    width: 40%; /* 图片宽度为容器宽度的80% */

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

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

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

.cphexinjishu img {
    width: 100%;
}

.cphexinjishu h2 {
    color: #ffffff;
    font-size: 2vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin: 2vw 0; /* 使用视口单位 */
    margin-left: 10%; /* 标题距离左边50% */
    margin-top: 5%; /* 适当调整 */
}
.cphexinjishu h3 {
    color: #ffffff;
    font-size: 0.8vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin: 2vw 0; /* 使用视口单位 */
    margin-left: 10%; /* 标题距离左边50% */
    margin-top: 0%; /* 适当调整 */
}
.custom-line1 {
    width: 5%; /* 横线宽度 */
    height: 2px; /* 横线高度 */
    background-color: #ffffff; /* 横线颜色 */
    margin-bottom: 30px;
    margin-left: 10%;
    /*align-items: center;*/
}


.custom-lineq {
    width: 5%; /* 横线宽度 */
    height: 1px; /* 横线高度 */
    background-color: #ffffff; /* 横线颜色 */
    margin-bottom: 30px;
    margin-left: 47%;
}

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

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

}

.cphexinjishu5 {
    padding-bottom: 60px;
    height: 30vh;
    padding-top: 0px;
    text-align: left;
    display: flex; /* 使用 Flexbox */
    flex-direction: row; /* 设置为水平排列 */
    align-items: center; /* 垂直居中对齐 */
    margin-top: 50px;
}

.cphexinjishu5 h2 {
    color: #2a2a2a;
    font-size: 2.6vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */

}
.cphexinjishu5 h3 {
    color: #000000;
    font-size: 1.8vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    font-weight: bold; /* 加粗标题 */
}
.cphexinjishu5 h4 {
    color: #000000;
    font-size: 0.8vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    font-weight: bold; /* 加粗标题 */
}
.custom-line5 {
    width: 3px; /* 竖线宽度 */
    height: 100px; /* 竖线高度 */
    background-color: #000000; /* 竖线颜色 */
    /*margin-bottom: 30px;*/
}


.gywm {
    margin-left: 13%;
    width: 25%;
}
.gywm2 {
    margin-left: 80px;
    text-align: left;
    letter-spacing: 2px;
    max-width: 45%;
}
.gywm1 {
    margin-left: 0px;

}


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

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


.container2 {
    max-width: 75%; /* 设置最大宽度为 100% */
    text-align: center; /* 使文本居中 */
    margin: 0 auto; /* 确保容器在页面中居中 */
}


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

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

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

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


.profuilepagefen {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
}


.profuilepagefen p {
    font-size: 9px;
    line-height: 2em;
    color: rgba(255, 255, 255, 0.93);
    margin-left: -25px;
}

.titlefen {
    font-size: 60px; /* 字体大小 */
    /*font-weight: bold; !* 加粗 *!*/
    margin-bottom: 30px; /* 下边距 */
    margin-top: -200px;
    align-items: center;
    color: #ffffff; /* 字体颜色 */
}
.titlefen1 {
    font-size: 80px; /* 字体大小 */
    font-weight: bold; /* 加粗 */
    margin-bottom: 5px; /* 下边距 */
    margin-top: -210px;
    align-items: center;
    margin-left: -50px;
    color: #ffffff; /* 字体颜色 */
}
.custom-line {
    width: 100%; /* 横线宽度 */
    height: 2px; /* 横线高度 */
    background-color: rgba(255, 255, 255, 0.7); /* 横线颜色 */
    margin-bottom: 5px;
    margin-left: -25px;
    /*align-items: center;*/
}



















.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 .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);
}



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

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

/*.has-dropdown .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; !* 添加过渡效果 *!*/
/*}*/

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

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






















.custom-container {
    max-width: 5000px; /* 设置你想要的最大宽度 */
    margin: 0 auto; /* 居中对齐 */
}




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

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

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

.profuile img {
    width: 100%;
}

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

.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: 87%;
    margin-left: 24px;
}
.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;
}


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

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



.col-auto {
    width: 30px;
    height: 50px; /* 根据需要调整高度 */
}
.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: 80px;
    padding-top: 60px;
    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%;
}

.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; /* 可选，去掉下划线 */
}




.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: 999;
    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; /* 黑色边框 */
}


.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); /* 向上弹出效果 */
}


















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

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

.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: 30px; /* 底部间距 */
}

.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); /* 初始暗色 */
}





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

.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;
}






.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;

}

.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 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: 999;
        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: 190px!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;
    }
}













.contact-section {
    text-align: left;
    padding: 30px 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: 0px; /* 添加顶部间距 */
    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;
}



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

.imgback {
    height: 50vh;
}


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

}

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

.page6 p {
    font-size: 1vw; /* 使用视口宽度单位 */
    margin-right: 0%; /* 段落距离左边10% */
    font-weight: bold; /* 加粗标题 */
    margin-left: -20%;
    color: #000000;
}

.custom-lineq2 {
    width: 4%; /* 横线宽度 */
    height: 2px; /* 横线高度 */
    background-color: #000000; /* 横线颜色 */
    margin-bottom: 20px;
    margin-left: -20%;
}


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

.image-itemgyjj {
    text-align: center; /* 文字居中 */
}
.small-icongyjj {
    max-width: 80px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}
.small-icongyjj1 {
    max-width: 90px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}
.small-icongyjj2 {
    max-width: 75px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}






.carouselda-container {
    position: relative;
    width: 100%;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carouselda {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}

.carouselda-inner {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); /* 更自然的缓动 */
    height: 100%;
}

/* CSS修改 */
.carouselda-container {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    width: 100%;
    gap: 50px;               /* 替代 margin 的间距控制 */
}



.carouselda-item {
    min-width: 500px;
    height: 320px;
    transition: all 0.5s ease;
    /*margin: 0 30px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 80px;
    margin-left: -100px;
    margin-right: 120px;
    padding: 30px; /* 内边距 */
}

.carouselda-item img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
}

/* 中间图片放大效果 */
.carouselda-item.active {
    min-width: 700px;
    height: 450px;
    z-index: 2;
    transform: translateY(-15%); /* 新增：向上偏移保持中心对齐 */
}

.carouselda-item.active img {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* 左右按钮样式 */
.carouselda-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background-color: rgba(129, 129, 129, 0.7);
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.carouselda-btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

.carouselda-btn.prev {
    left: 20px;
}

.carouselda-btn.next {
    right: 20px;
}

/* 指示器样式 */
.carouselda-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 3;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(38, 38, 38, 0.5);
    cursor: pointer;
}

.indicator.active {
    background-color: #59ddff;
}









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

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

}

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

.page7 h4 {
    font-size: 1.2vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    margin-right: 0%; /* 标题距离左边50% */
    font-weight: bold; /* 加粗标题 */
    margin-top: 0%; /* 适当调整 */
    margin-left: -20%;
    margin-bottom: 20px;
    color: #0b5894;
}

.page7 p {
    font-size: 0.8vw; /* 使用视口宽度单位 */
    font-family: 'Times New Roman', serif; /* 页面1段落字体 */
    margin-right: 0%; /* 段落距离左边10% */
    font-weight: bold; /* 加粗标题 */
    margin-left: -20%;
    color: #000000;
}
.custom-lineq3 {
    width: 6%; /* 横线宽度 */
    height: 3px; /* 横线高度 */
    background-color: #000000; /* 横线颜色 */
    margin-bottom: 50px;
    margin-left: -20%;
}
.image-rowgy {
    display: flex;
    justify-content: space-around; /* 均匀分布 */
    margin-top: 0px; /* 添加顶部间距 */
    margin-left: -250px;
}

.image-itemgy {
    text-align: center; /* 文字居中 */
}
.small-icongy {
    max-width: 60px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}
.small-icongy1 {
    max-width: 70px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}
.small-icongy2 {
    max-width: 50px; /* 设置小图标的最大宽度 */
    height: auto; /* 高度自适应 */
    margin-bottom: -40px;
}







.page7 .contact-imagegy {
    font-size: 13px; /* 设置字体大小（可以根据需要调整） */
    color: #000000; /* 设置字体颜色（可以根据需要调整） */
    text-align: center; /* 文字居中对齐 */
}









.lastpage h2 {
    font-size: 4vw; /* 使用视口宽度单位 */
    font-family: 'Arial', sans-serif; /* 页面1标题字体 */
    /*font-weight: bold; !* 加粗标题 *!*/
    margin-right: 0%; /* 标题距离左边50% */
    margin-top: 150px; /* 适当调整 */
    margin-left: -20%;
    margin-bottom: 20px;
    color: #0b5894;
}


.lastpage p {
    font-size: 0.7vw; /* 使用视口宽度单位 */
    font-family: 'Times New Roman', serif; /* 页面1段落字体 */
    margin-right: 0%; /* 段落距离左边10% */
    font-weight: bold; /* 加粗标题 */
    margin-left: -19%;
    color: #0b5894;
}
.custom-lineq9 {
    width: 4%; /* 横线宽度 */
    height: 2px; /* 横线高度 */
    background-color: #0b5894; /* 横线颜色 */
    margin-bottom: 20px;
    margin-left: -10%;
}

.btnpage2 {
    display: inline-block; /* 使按钮呈现块级元素 */
    padding: 5px 0px; /* 内边距，增加按钮的高度和宽度 */
    margin-top: 10px; /* 与标题的距离 */
    background-color: #ff4c67; /* 按钮背景色 */
    color: #efefef; /* 按钮文字颜色 */
    text-decoration: none; /* 移除下划线 */
    border-radius: 5px; /* 圆角 */
    transition: background-color 0.3s; /* 动画效果 */
    font-size: 12px; /* 设置按钮文字大小 */
    width: 100px; /* 设置按钮宽度 */
    text-align: center; /* 文字居中对齐 */
    margin-left: 240px; /* 适当调整 */
}

.btnpage2:hover {
    background-color: #ff1313; /* 鼠标悬停时的背景颜色 */
    transform: scale(1.1); /* 放大效果 */
}






.pagelast {
    height: 100vh;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column; /* 改为垂直排列 */
    padding: 0; /* 移除原有padding */
}


/*.indexsy,*/
/*.dom {*/
/*    flex: 1; !* 各占剩余空间的1份（相等高度） *!*/
/*    width: 100%;*/
/*}*/

.indexsy {
    height: 50vh;
    /*background: #d78484; !* 上半部分白色背景 *!*/
    /*margin-top: 100px;*/
    margin-bottom: -30px;
    /*padding: 2vw; !* 使用视口宽度单位 *!*/
    background-size: cover; /* 背景图覆盖 */
    background-position: center; /* 背景图居中 */
    background-image: url('../img/join/last.png'); /* 替换为你的背景图片路径 */
}

.page9 h2{
    margin-top: 60px;
}

.page9 a {
    color: black;
}
.dom {
    background: #ddd; /* 下半部分灰色背景 */
}


.notice {
    height: 30vh;
    background-color: white;
    padding-top: 70px;
}

.notice_title {
    font-size: 30px;
    color: rgb(11, 88, 148);
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 10px;
}

.notice_content {
    /*text-indent: 2em;*/
    text-align: center;
    padding-top: 26px;
    color: black;
}

.notice-date {
    margin-left: 40px; /* 控制文字与日期之间的间距，可根据需要调整数值 */
    color: black; /* 可选：设置日期颜色与正文区分 */
}

.dom {
    height: 40vh;
    background-color: #0b5894;
}


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

.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: 25px;
    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: 20px;
}








.contact-section {
    text-align: left;
    padding: 30px 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: 0px; /* 添加顶部间距 */
    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;
}

.pageqy {
    height: 100vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    flex-direction: column; /* 垂直排列子元素 */
    /*align-items: flex-start; !* 左对齐 *!*/
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: cover; /* 背景图覆盖 */
    background-position: center; /* 背景图居中 */
}

.qiyelcb {
    position: absolute; /* 绝对定位 */
    top: 70px; /* 靠上 */
    left: 400px; /* 靠左 */
    padding: 2vw; /* 使用视口宽度单位，添加适当的内边距 */
    /* 如果需要，可以添加背景色或其他样式 */
    margin-bottom: 100px;
}



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

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

}

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

.custom-lineq8 {
    width: 15%; /* 横线宽度 */
    height: 2px; /* 横线高度 */
    background-color: #000000; /* 横线颜色 */
    margin-bottom: 50px;
    margin-left: -20%;
}



.imgmove {
    position: relative;
    height: 500px; /* 设置为图片的高度 */
    width: 600px; /* 容器宽度 */
    /*margin: 0; !* 去除默认外边距 *!*/
    padding: 0; /* 去除默认内边距 */
    left: 300px; /* 确保容器靠左 */
    margin-top: 350px;
}

.imgceng {
    position: absolute;
    cursor: pointer;
    transition: left 0.5s;
    width: 550px; /* 图片宽度 */
    height: 400px; /* 图片高度 */
    background-size: cover; /* 保持宽高比并完全填充 */
    background-position: center; /* 图片居中显示 */
    background-repeat: no-repeat; /* 不重复背景图像 */
}