/* 关于我们/公司介绍 */
.a-link {
    margin-right: 2rem;
    text-decoration: underline;
}

.a-link,
.con-p,
.list_outside li,
.div_list span {
    font-size: 1.5rem;
}

/* 顶部标题 */

.div-con:nth-child(1) h3 {
    font-size: 2.325rem;
}

.a-link:hover {
    color: rgb(92, 177, 226) !important;
}

.icon-parent {
    display: flex;
    gap: 10px;
    /* 你可以根据需要调整这个值 */
    margin-left: 17%;
    margin-top: 6rem;
  }

  .icon-child {
    text-align: center;
    margin-right: 4rem;
  }
.icon-child img{
    width : 3rem;
    height: 3rem;
  }

  .icon_img {
    transition: transform 0.3s ease;
}
.icon_img:hover {
    transform: translateY(-5px);
}
.icon_img.active {
    transform: translateY(-5px);
}

#copy-status {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 8%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #9e2024;
    padding: 10px;
    border-radius: 5px;
    display: none;
    color: #fff;
    font-size: 2rem;
}

/* 第一张轮播下介绍 */
.div_list_body {
    line-height: 2;
    margin-top: 80px;
}

.div-con {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
}



/*登峰熔料专业 */
.div-con:nth-child(2) {
    margin-top: 40icon-parentpx;

}

.div_list .list_outside li {
    list-style-type: disc;
    margin: 10px 0 10px 5px;
    font-weight: 600;
    margin-left: 20px;

}

/* 登峰熔料专业列表 */
.div_list span {
    margin-left: 20px;
    display: inline-block;
}

.div-con-margin {
    margin-top: 10rem;
}

.div-con-margin h2 {
    font-size: 2rem;
}

/* 创始人介绍 */
.div-img {
    display: flex;
    /* 使用 Flexbox 布局 */
    justify-content: space-between;
    /* 在项目之间分配可用空间 */
    align-items: center;
    /* 在垂直方向上居中对齐项目 */
    margin-bottom: 80px;
}

.div-box {
    height: 50rem;
    text-align: center;
}

.div-box-font{
    height: 40rem;
    width:33%;
}

.s-cont{
    margin-top: 40px;
    width: 28rem;
    font-size: 1.5rem;
    line-height: 170%;
}

.s-cont-title{
    font-size: 1.8rem;
    font-weight: 800;
}

.box1 { 
    margin-right: 120px;
    padding-right: 3%;
}

.box1 div {
    background-color: rgb(81, 92, 236);
    width: 5%;
    height: 100%;
}

.box2 {
    margin-left: 60px;
    margin-right: 60px;
    padding-right: 3%;
    padding-left: 3%;
}

.box2 div {
    background-color: rgb(204, 77, 77);
    width: 5%;
    height: 100%;
}

.box3 {
    margin-left: 60px;
    padding-left: 3%;
}

.box3 div {
    background-color: rgb(105, 209, 228);
    width: 5%;
    height: 100%;
}
#about_box {
    width: 33.333%;
    display: flex;    
    position: relative;
    }
    
    #about_box div {
    /* width: 2%;
    height: 100%; */
    }
    
    #about_box img {
        width: 98%;
        z-index: 1;
    
    }
    #about_box .about_div1 {
        width: 2%;
        height: 100%;
        z-index: 2;
        background-color: rgb(81, 92, 236);
    }
    
#about_box .about_div2 {
    background-color: rgb(204, 77, 77);
    width: 2%;
    height: 100%;
    z-index: 2;

}

#about_box .about_div3 {
    background-color: rgb(105, 209, 228);
    width: 2%;
    height: 100%;
    z-index: 2;

}
    
    #about_box:hover div {
    /* width: 5%; */
    }
    
    #about_box:hover img {
    width: 95%;
    transform: scale(1); /* 放大图片 */
    }
    .about_divHover1,
    .about_divHover2,
    .about_divHover3 {
        width: 5%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        /* 初始透明度为 0 */
        transition: opacity 2s ease;
        /* 透明度变化动画 */
    }
    
    .about_divHover1 {
        background-color: rgb(81, 92, 236);
    }
    
    .about_divHover2 {
        background-color: rgb(204, 77, 77);
    }
    
    .about_divHover3 {
        background-color: rgb(105, 209, 228);
    }
    
    #about_box:hover .about_divHover1,
    #about_box:hover .about_divHover2,
    #about_box:hover .about_divHover3 {
        opacity: 1;
        /* 鼠标悬停时，透明度变为 1（完全显示） */
    }    
/* 创始人介绍 */
.csr-div {
    height: 50rem;
    margin-bottom: 80px;

}

.csr-box {
    /* width: 35%; */
}

.csr-content-box {
    width: 65%;
}

.csr-content-box p { 
    padding-right: 15%;
    text-align: justify;
    /* text-indent: 2.325rem; */
    line-height: 1.8;
    font-size: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    text-overflow: ellipsis;

}

.con_list_cn {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.con_list_cn img {
    width: 70%;
}

/* 公共代码  底部*/
@media only screen and (min-width: 1921px) {

    .header__logo img {
        height: 48px !important;
        width: 48px !important;
    }

    .con_list_cn {
        display: inline-block;
        width: 70% !important;
        vertical-align: top;
        margin-left: 45rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .con_list_cn img {
        width: 50% !important;
    }


}

/* 大屏幕 */
@media only screen and (min-width: 1201px) and (max-width: 1920px) {



    .header__logo img {
        height: 48px !important;
        width: 48px !important;
    }

}

/* 中等屏幕 */
@media only screen and (min-width: 992px)and (max-width: 1200px) {



    .header__logo img {
        height: 48px !important;
        width: 48px !important;
    }
}

/* 小屏幕 */
@media only screen and (min-width: 768px)and (max-width: 991px) {


    .header__logo img {
        height: 48px !important;
        width: 48px !important;
    }
}

/* 手机端显示 */
@media only screen and (max-width: 767px) {}

.div-jzgtu{
    height: 40rem;background-color: #1f2778;
    position: relative;
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.div_history {
    position: relative; /* 设置相对定位以便图片可以相对于其定位 */
    overflow: scroll; /* 隐藏溢出的内容 */
    width: 60%;
    height: 45rem;
    margin:0 auto;
    -ms-overflow-style: none;  /* IE 和 Edge */
    scrollbar-width: none;     /* Firefox */
}
.div_history::-webkit-scrollbar {
    display: none;
}

.div_history img {
    /* position: absolute;  */
    /* 设置绝对定位以便可以移动图片的位置 */
    top: 0; /* 初始位置在顶部 */
    left: 0;
    width: 100%; /* 图片宽度占满容器 */
    /* transition: top 4s ease; */
    /* 0.5秒过渡时间，平滑移动 */
}

.div_history:hover img {
    top: -80rem; /* 当鼠标悬停时，图片向上移动50像素 */
}