/* 隐藏滚动条的多种浏览器兼容方案 */
.secondHtml::-webkit-scrollbar {
    display: none; /* Webkit 浏览器 */
}

.secondHtml {
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none; /* Firefox */
}
.secondHtml{
    width: 1920px;
    padding-top: 80px;
    height: auto;
    overflow: auto;
    box-sizing: border-box;
}
.secondBanner{
    height: 650px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding-top: 100px;
    box-sizing: border-box;
}
.secondBanner.kj{
    background-image: url("../images/list/banner_kj.png");
}
.secondBanner.banner_1{
    background-image: url("../images/list/banner_1.png");
}
.secondBanner.banner_2{
    background-image: url("../images/list/banner_2.png");
}
.secondBanner p{
    color: #ffffff;
}
.secondBanner p::before{
    content: "";
    width: 80px;
    height: 6px;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    text-align: center;
    bottom: -40px;
    transform: translate(-50%, 0);
}
.seconNav{
    height: 90px;
    background-color: #ffffff;
}

/*文章*/
.article{
    background: linear-gradient(90deg, #ffffff 0%, #DCECFB 100%);
    min-height: 750px;
    padding: 100px 350px 130px 350px;
}
.articleTitle{
    position: relative;
    padding-right:170px;
}
.articleTitle a{
    color: #0154A7;
    position: absolute;
    right: 60px;
    top: 8px;
}
.articleTitle a::after{
    content: "";
    background-image: url("../images/arrow_blue.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 12px;
    position: absolute;
    top: 15px;
    margin-left: 15px;
}
.articleDate{
    border-bottom: 1px solid #B5B5B6;
    color: #3E3A39;
    padding: 35px 0 25px 0;
    font-size: 23px;
    font-weight: 300;
}
.article-content{
    min-height: 700px;
    padding-top: 50px;
}
.article-change{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 145px;
    margin-top: 40px;
}
.article-change a{
    width: calc((100% - 60px) / 2);
    height: 100%;
    background: #ffffff;
    box-shadow: 0 0 24px 0 rgba(32, 97, 189, 0.08);
    border-radius: 6px;
    padding: 20px 25px;
    color: #999999;
    box-sizing: border-box;
}
.article-change a:hover{
    color: #0154A7;
}
.list-main{
    background: linear-gradient(90deg, #ffffff 0%, #DCECFB 100%);
    padding: 110px 230px 80px 230px;
    box-sizing: border-box;
}
.list-main-pic{
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 750px;
    padding: 90px 230px 80px 230px;
    box-sizing: border-box;
}
.oneBg{
    background-image: url("../images/list/list_bg_one.png");
}
.twoBg{
    background-image: url("../images/list/list_bg_two.png");
}
.threeBg{
    background-image: url("../images/list/list_bg_three.png");
}
.gzcx-bg{
    background-image: url("../images/gzcx/gslk_bg.png");
}
.about-company{
    height: 925px;
    background-image: url("../images/about/about_company.png");
}
.about-leader{
    height: 925px;
    background-image: url("../images/about/about_leader.png");
}
.about-honor{
    height: 925px;
    background-image: url("../images/about/about_honor.png");
}

/**/
.cubeList{
    display: flex;
    flex-wrap: wrap;
}
.cube-item{
    width: 440px;
    height: 360px;
    padding: 50px;
    margin-bottom: 70px;
    box-sizing: border-box;
    background-image: url("../images/list/cube.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 0px 30px 0px rgba(175, 190, 210, 0.32);
    position: relative;
}
.cube-item:not(:nth-child(3n)) {margin-right: 35px;}
.cube-item:not(:nth-child(3n+1)) {margin-left: 35px;}
.cubeDate{
    color: #004EA2;
    padding-left: 32px;
    box-sizing: border-box;
    position: relative;
}
.cubeDate::before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../images/list/time_blue.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 6px;
}
.cubeTitle{
    color: #3E3A39;
    margin-top: 15px;
}
.cubeInfo{
    color: #004EA2;
    position: absolute;
    bottom: 60px;
}
.cubeInfo::after{
    content: "";
    width: 29px;
    height: 8px;
    background-image: url("../images/arrow_blue.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -56px;
    top: 10px;
}
.cube-item:hover{
    background-image: url("../images/list/cube_blue.png");
}
.cube-item:hover .cubeDate{
    color: #FEFEFE;
}
.cube-item:hover .cubeDate::before{
    background-image: url("../images/list/time_white.png");
}
.cube-item:hover .cubeTitle,.cube-item:hover .cubeInfo{
    color: #FFFFFF;
}
.cube-item:hover .cubeInfo::after{
    background-image: url("../images/arrow_white.png");
}

/**/
.columnName{
    color: #3E3A39;
    font-size: 39px;
    position: relative;
    margin-bottom: 100px;
}
.columnName::before{
    content: "";
    width: 36px;
    height: 4px;
    background-color: #004FA4;
    position: absolute;
    bottom: -20px;;
}
.list-one{
    display: flex;
    margin-bottom: 120px;
}
.one-item{
    width: 440px;
    border-bottom: 4px solid #B5B5B6;
}
.one-item:not(:nth-child(3n)) {margin-right: 35px;}
.one-item:not(:nth-child(3n+1)) {margin-left: 35px;}
.one-item img ,.one-item video {
    width: 440px;
    height: 280px;

}
.oneInfo{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}
.oneTitle{
    color: #3E3A39;
    width: calc(100% - 100px);
    line-height: 34px;
}
.oneDate{
    width: 70px;
    color: #3E3A39;
    font-size: 23px;
    text-align: center;
}
.one-item:hover{
    border-bottom: 4px solid #004EA2;
}
.one-item:hover .oneDate{
    color: #0854A5;
}

/**/
.list-pic{
    display: flex;
    flex-wrap: wrap;
}
.pic-item{
    width: 440px;
    border-bottom: 4px solid #B5B5B6;
    position: relative;
    margin-bottom: 75px;
}
.pic-item:not(:nth-child(3n)) {margin-right: 35px;}
.pic-item:not(:nth-child(3n+1)) {margin-left: 35px;}
.picDate{
    position: absolute;
    background-color: #727171;
    font-size: 21px;
    color: #FFFFFF;
    width: 93px;
    height: 93px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pic-item img{
    width: 440px;
    height: 280px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.picTitle{
    color: #3E3A39;
    margin-top: 30px;
    margin-bottom: 50px;
}
.picInfo{
    color: #3E3A39;
    margin-bottom: 30px;
    position: relative;
}
.picInfo::after{
    content: "";
    width: 29px;
    height: 8px;
    background-image: url("../images/arrow_grey.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 115px;
    top: 9px;
}
.pic-item:hover{
    border-bottom: 4px solid #004EA2;
}
.pic-item:hover .picDate{
    background-color: #004FA4;
}
.pic-item:hover .picInfo{
    color: #004EA2;
}
.pic-item:hover .picInfo::after{
    background-image: url("../images/arrow_blue.png");
}


/**/
.list-main-news{
    background: linear-gradient(90deg, #ffffff 0%, #DCECFB 100%);
    padding-top: 60px;
    padding-bottom: 80px;
    box-sizing: border-box;
    min-height: 750px;
}
.list-news{
    margin-bottom: 80px;
}
.news-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 55px 230px;
    color: #3E3A39;
    border-bottom: 1px solid #B5B5B6;
}
.news-date{
    width: 125px;
}
.news-title{
    width: 760px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 70px;
}
.news-description{
    color: #666666;
    margin-bottom: 30px;
}
.news-info{
    color: #3E3A39;
    position: relative;
}
.news-info::after{
    content: "";
    width: 29px;
    height: 8px;
    background-image: url("../images/arrow_grey.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 95px;
    top: 9px;
}
.news-img{
    width: 410px;
    height: 236px;
}
.news-item:hover{
    background-color: #F2F2F3;
    color: #004EA2;
}
.news-item:hover .news-info{
    color: #004EA2;
}
.news-item:hover .news-info::after{
    background-image: url("../images/arrow_blue.png");
}

.baogao-main{
    padding-top: 70px;
}
.baogao-item{
    width: 335px;
    border-bottom: 4px solid #B5B5B6;
    position: relative;
    margin-bottom: 75px;
}
.baogao-item:not(:nth-child(4n)) {margin-right: 20px;}
.baogao-item:not(:nth-child(4n+1)) {margin-left: 20px;}
.baogao-item img{
    width: 335px;
    height: 220px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.baogaoTitle{
    color: #3E3A39;
    margin-top: 20px;
    margin-bottom: 40px;
}
.baogaoInfo{
    color: #3E3A39;
    margin-bottom: 25px;
    position: relative;
}
.baogaoInfo::after{
    content: "";
    width: 29px;
    height: 8px;
    background-image: url("../images/arrow_grey.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 115px;
    top: 9px;
}
.baogao-item:hover{
    border-bottom: 4px solid #004EA2;
}
.baogao-item:hover .baogaoInfo{
    color: #004EA2;
}
.baogao-item:hover .baogaoInfo::after{
    background-image: url("../images/arrow_blue.png");
}

.about-company .columnName,
.about-leader .columnName,
.about-org .columnName,
.about-honor .columnName{
    margin-bottom: 20px;
}
.company,.leader{
    float: right;
    width: 1040px;
}
.companyInfo{
    font-size: 18px;
    color: #000000;
    line-height: 33px;
    font-weight: 300;
    text-indent: 2em;
    margin: 7px 0;
}
.company .mileage{
    display: flex;
    margin-top: 50px;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 80px;
}
.mileage-box{
    width: 100%;
    text-align: center;
    border-left: 1px solid #1B1B1B;
}
.mileage-box:last-child{
    border-right: 1px solid #1B1B1B;
}
.mileage-num{
    color: #004EA2;
    font-size: 39px;
    position: relative;
}
.mileage-num span{
    color: #FEFFFE;
    font-size: 13px;
    font-weight: 300;
    width: 28px;
    height: 28px;
    background: linear-gradient(to top right, #2F89D9, #15387F);
    border-radius: 50%;
    line-height: 28px;
    bottom: 10px;
    position: absolute;
}
.mileage-text{
    color: #000000;
    font-size: 17px;
    font-weight: 300;
    margin-top: 10px;
}
.leader-item{
    display: flex;
    margin-bottom: 20px;
}
.leaderName{
    color: #3E3A39;
    font-size: 27px;
    position: relative;
    width: 130px;
}
/* 两字姓名增加间距 */
.leaderName.two-chars {
    letter-spacing: 1em;
}

.leaderName::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #000; /* 设置左边界为黑色，形成向右的三角形 */
    right: 0; /* 调整位置到文字右侧 */
    top: 50%; /* 垂直居中 */
    transform: translateY(-50%); /* 精确垂直居中 */
}
.triangle-right {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #000;
}
.leaderPost{
    margin-left: 70px;
    color: #3E3A39;
    font-size: 25px;
    font-weight: 400;
}
.org-Box{
    width: 100%;
}
.org-Box img{
    width: 100%;
}

.honorMain{
    display: flex;
}
.honorMain .trophy{
    margin-top: 280px;
    height: 354px;
    width: 140px;
}
.honorBox{
    margin-left: 135px;
}
.honorMain ul li{
    color: #3E3A39;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 15px;
    font-weight: 400;
    position: relative;
    padding-left: 40px;
}
.honorMain ul li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    background-image: url("../images/about/dian.png"); /* 蓝色，与页面主题色一致 */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 17px;
}
.gzcx-bg{
    display: flex;
    align-items: flex-end; /* 底部对齐 */
    justify-content: center;
    padding-bottom: 0;
}
.lkCode{
    background-image: url("../images/gzcx/lkbg.png");
    width: 655px;
    height: 500px;
    padding: 90px 70px;
    box-sizing: border-box;
}
.lkCode p{
    color: #ffffff;
    font-size: 48px;
    margin-bottom: 80px;
    padding-left: 100px;
    position: relative;
}
.lkCode p::before{
    content: "";
    background-image: url("../images/gzcx/lkzbIcon.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    width: 67px;
    height: 61px;
    position: absolute;
}