@charset "UTF-8";
.about-data-cards {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.about-data-card {
    text-align: center;
}

.about-data-card .data-num {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.about-data-card .count-number {
    font-size: 78px;
    color: var(--mainColor);
    font-family: 'Dinbold';
    line-height:80px;
    letter-spacing: 2px;
}

.about-data-card .sup {
    font-size: 16px;
    color: var(--mainColor);
    margin-left: 2px;
    line-height: 20px;
}

.about-data-card .data-title {
    font-size: 16px;
    color: var(--mainColor);
    margin-top: 24px;
    line-height: 20px;
    opacity: 0.5;
}

/* 1440响应式 */
@media (max-width: 1440px) {
    .about-data-card .data-title {
        margin-top:16px;
    }

    .about-data-card .data-num .count-number {
        font-size: 68px;
        line-height: 68px;
    }

    .about-data-card .data-num .sup {
        font-size: 14px;
    }
}

/* 1080响应式 */
@media (max-width: 1080px) {

    .about-data-card .data-title {
        font-size: 14px;
        line-height: 20px;
        margin-top:12px;
    }


    .about-data-card .data-num .count-number {
        font-size: 48px;
        line-height: 48px;
    }

    .about-data-card .data-num .sup {
        font-size: 12px;
    }
}

/* 769响应式 */
@media (max-width: 769px) {
    .about-data-card{
        width:50%;
        margin-top:4%;
    }
    .about-data-card .data-title {
        margin-top:0;
        font-size:12px;
    }
}



.culture-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.8%;
}

.culture-item {
    background: #d7eeff;
    border-radius: 24px;
    width: 22.9%;
    margin-top:2.8%;
    padding:30px;
    aspect-ratio: 1 / 0.92;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.culture-item .icon {
    width:100%;
    margin-bottom: 30px;
}

.culture-item .icon img {
    display: block;
    margin:0 auto;
    width:48%;
    max-width: 100px;
    object-fit: contain;
}

.culture-item .txt h5 {
    font-size: 24px;
    color: #333;
    line-height:32px;
    margin-bottom: 12px;
}

.culture-item .txt p {
    font-size: 16px;
    color: #666;
    line-height:24px;
    word-break: break-all;
}

@media (max-width: 1440px) {
    .culture-item {
        padding:24px;
        border-radius: 20px;
    }
    .culture-item .icon {
        margin-bottom: 24px;
    }

    .culture-item .icon img {
        max-width: 88px;
    }

    .culture-item .txt h5 {
        font-size: 20px;
        line-height:24px;
    }

    .culture-item .txt p {
        font-size: 16px;
        line-height:24px;
    }
}
@media (max-width: 1080px) {
    .culture-item {
        padding: 16px;
        border-radius: 16px;
    }

    .culture-item .icon {
        margin-bottom: 16px;
    }

    .culture-item .icon img {
        max-width: 64px;
    }

    .culture-item .txt h5 {
        font-size: 18px;
    }

    .culture-item .txt p {
        font-size: 14px;
        line-height: 20px;
    }
}

/* 769px以下，两列变一列 */
@media (max-width: 769px) {
    .culture-item {
        border-radius: 8px;
        width: 48.6%;
        padding:8% 12px;
    }
    .culture-item .icon {
        margin-bottom: 12px;
    }

    .culture-item .icon img {
        max-width: 48px;
    }

    .culture-item .txt h5 {
        font-size: 16px;
        margin-bottom:8px;
    }

    .culture-item .txt p {
        font-size: 12px;
    }
}
@media (max-width: 769px) {
    .culture-item {
        padding: 6% 12px;
    }
}


.cul-process-box{
    border-top:#e0e0e0 solid 1px;
}

.cul-process {
    position: relative;
    width: 100%;
}

.cul-process-line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    margin-left:-1px;
    background: #e0e0e0;
    z-index: 0;
}

.cul-process ul {
    width:100%;
    position: relative;
    z-index: 2;
}

.cul-process ul li {
    position: relative;
    width: 100%;
    display: flex;
}
.cul-process li:nth-child(even) {
    justify-content: flex-end;
}

.cul-process .process-icon {
    position: absolute;
    left: 50%;
    top: 0;
    width:24px;
    height:24px;
    z-index: 3;
    margin-top:-12px;
    margin-left:-12px;
    overflow:hidden;
}
.cul-process .process-icon:after {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(to right, #0045b9, #68e0cf);
    opacity: 0.3;
    z-index: 0;
}

.cul-process .process-icon .point {
    display:block;
    width:16px;
    height:16px;
    background: linear-gradient(to right, #0045b9, #68e0cf);
    border-radius: 50%;
    margin:4px;
}

.cul-process .process-item {
    width:45%;
    position: relative;
    margin-top:-12px;
}


.cul-process .process-year {
    color: var(--mainColor);
    font-size: 24px;
    font-weight: bold;
    line-height:24px;
    margin-bottom: 28px;
}
.cul-process li:nth-child(odd) .process-year{
    text-align: right;
}

.cul-process .process-content {
    width:100%;
    padding:32px 40px;
    background-color: #d7eeff;
    color: #666;
    font-size: 16px;
    line-height: 36px;
    border-radius:12px;
}

/* 1440px 响应式 */
@media (max-width: 1440px) {
    .cul-process .process-year {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .cul-process .process-content {
        padding: 24px 32px;
        font-size: 16px;
        line-height: 32px;
    }
    
}

/* 1080px 响应式 */
@media (max-width: 1080px) {
    .cul-process-line {
        width: 1px;
    }
    .cul-process .process-icon {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }
    .cul-process .process-icon .point {
        width: 12px;
        height: 12px;
    }
    .cul-process .process-item {
        width: 46%;
        margin-top: -12px;
    }
    .cul-process .process-year {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .cul-process .process-content {
        padding: 16px 20px;
        font-size: 14px;
        line-height: 28px;
    }
}

/* 769px 响应式：全部居中，竖排 */
@media (max-width: 600px) {
    .cul-process{
        margin-top:4%;
    }
    .cul-process-line {
        margin-left:0;
        left:8px;
        height:calc(100% - 24px);
        top:24px;
    }
    .cul-process .process-icon {
        width: 16px;
        height: 16px;
        left:0;
        margin-top:20px;
        margin-left: 0;
    }

    .cul-process .process-icon .point {
        width: 8px;
        height: 8px;
    }
    .cul-process li:nth-child(odd) {
        justify-content: flex-end;
    }
    .cul-process .process-item {
        width:calc(100% - 24px);
        position: relative;
        margin-top:16px;
    }
    .cul-process li:nth-child(odd) .process-year{
        text-align: left;
    }
    .cul-process .process-year {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .cul-process .process-content {
        padding: 12px;
        font-size: 12px;
        line-height: 20px;
    }
}


.photo-list{wdith:100%;}
.photo-list ul{width: 100%;gap:4.166%;display: flex;flex-wrap: wrap;}
.photo-list li{width:30.555%;margin-bottom:4.166%;}
.photo-list li a{display:block;width:100%;}
.photo-list li .img{width:100%;position:relative;z-index:2;overflow: hidden;border-radius: 24px;background-color: #d7eeff;}
.photo-list li .img .img-cont{width:100%;height:0;padding-bottom:56.136%;position:relative;}
.photo-list li .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.photo-list li .img .img-cont img{display:block;max-width:100%;max-height:100%;object-fit:cover;}
.photo-list li .img .mask{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;background: linear-gradient(to right, rgba(0, 69, 185, 0.5), rgba(104, 224, 207, 0.5));opacity: 0;transition:all 0.6s;-webkit-transition:all 0.6s;}
.photo-list li .img .mask .iconfont{font-size:28px;color:#fff;}
.photo-list li .txt{width:100%;margin-top:24px;}
.photo-list li .txt h3{font-size:24px;color:#666;line-height:32px;text-align:center;width:100%;transition:all 0.2s;-webkit-transition:all 0.2s;}
.photo-list li a:hover .txt h3{color:var(--mainColor);}
.photo-list li a:hover .img .mask{opacity: 1;}

.honor-list li .img .img-cont .img-flex{padding:4%;}


@media(max-width:1440px){
    .photo-list li .img{border-radius: 20px;}
    .photo-list li .txt{margin-top:20px;}
    .photo-list li .txt h3{font-size:20px;line-height:28px;}
}
@media(max-width:1080px){
    .photo-list li .img{border-radius: 16px;}
    .photo-list li .txt{margin-top:12px;}
    .photo-list li .txt h3{font-size:18px;line-height:24px;}
}
@media(max-width:769px){
    .photo-list ul{gap:0;}
    .photo-list li{width:100%;}
    .photo-list li .img{border-radius: 8px;}
    .photo-list li .txt{margin-top:8px;}
    .photo-list li .txt h3{font-size:16px;line-height:24px;}
}



/*加入我们*/
.career-list{width:100%;}
.career-list li{width:100%;border-radius:12px;border:transparent solid 1px;margin-bottom:40px;background-color:#f5f5f5;}
.career-list li .list{width:100%;padding:28px 40px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;display: flex;align-items: center;justify-content:space-between;}
.career-list li .list .title{display: flex;align-items: center;}
.career-list li .list .line{display: block;width:1px;height:16px;margin-left:20px;margin-right:20px;background-color:#e0e0e0;}
.career-list li .list h4{font-size:16px;color:#333;line-height:32px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.career-list li .btn .more{width:32px;height:32px;border-radius:50%;border:#e0e0e0 solid 1px;position: relative;background-color:#fff;}
.career-list li .btn .more span{position: absolute;left:50%;margin-left:-5px;top:50%;margin-top: -1px;width:10px;height:2px;background-color: #e0e0e0;transition: all 0.6s;-webkit-transition: all 0.6s;}
.career-list li .btn .more span.line2{transform: rotate(90deg);}

.career-list li .detail{display: none;width:100%;padding:60px 60px 20px;border-top:#e0e0e0 solid 1px;}
.career-list li .detail h5{font-size:24px;color:#333;line-height:36px;margin-bottom:12px;}
.career-list li .detail .txt{font-size:18px;color:#666;line-height:36px;margin-bottom:40px;}
.career-list li .detail .txt p{line-height: inherit;margin-bottom:12px;}
.career-list li .detail .wap-spec{display: none;}


.career-list li.open{background-color: #fff;border-color:#e0e0e0;}
.career-list li.open .list h4{color:var(--mainColor);}
.career-list li.open .list .more span.line1{opacity: 0;}
.career-list li.open .list .more span.line2{transform: rotate(-180deg);}

.career-list li:hover{background-color: #fff;border-color:#e0e0e0;}
.career-list li:hover .list h4{color:var(--mainColor);}

@media(max-width:1440px){
    .career-list li{margin-bottom:32px;}
    .career-list li .list{padding:24px 32px;}
    .career-list li .detail{padding:48px 48px 16px;}
    .career-list li .detail h5{font-size:20px;line-height:28px;margin-bottom:12px;}
    .career-list li .detail .txt{font-size:16px;line-height:28px;margin-bottom:32px;}
    .career-list li .detail .txt p{margin-bottom:12px;}
}
@media(max-width:1280px){
    .career-list li{margin-bottom:24px;}
    .career-list li .list{padding:20px 24px;}
    .career-list li .list .line{margin-left:16px;margin-right:16px;}
    .career-list li .list h4{line-height:28px;}
    .career-list li .detail{padding:36px 36px 16px;}
    .career-list li .detail h5{margin-bottom:8px;}
    .career-list li .detail .txt{margin-bottom:24px;}
    .career-list li .detail .txt p{margin-bottom:8px;}
}

@media(max-width:1080px){
    .career-list li{margin-bottom:20px;}
    .career-list li .list{padding:16px;}
    .career-list li .list .line{margin-left:12px;margin-right:12px;}
    .career-list li .list h4{line-height:24px;}
    .career-list li .btn .more{width:24px;height:24px;}
    .career-list li .detail{padding:24px 36px 12px;}
    .career-list li .detail h5{margin-bottom:8px;font-size:16px;}
    .career-list li .detail .txt{margin-bottom:16px;font-size:14px;}
    .career-list li .detail .txt p{margin-bottom:8px;}
}
@media(max-width:769px){
    .career-list li{margin-bottom:16px;}
    .career-list li .list .title{width:80%;}
    .career-list li .list .people{display:none;}
    .career-list li .list .address{display:none;}
    .career-list li .list .date{display:none;}
    .career-list li .list .line{display:none;}

    .career-list li .list{padding:10px 16px;}
    .career-list li .detail{padding:16px 16px 8px;}
    .career-list li .detail .txt{line-height:20px;}
    .career-list li .detail .wap-spec{display:block;}
}


.contact-content{width:100%;display: flex;justify-content:space-between;}
.contact-title{font-size:32px;color:#333;line-height:40px;font-weight: bold;margin-bottom:48px;}
.contact-info{width:41.666%;}
.contact-info li{width:100%;margin-top:16px;display: flex;}
.contact-info li:first-child{margin-top:0;}
.contact-info li .title{margin-right: 12px;}
.contact-info li .title .icon{width:28px;display:block;}
.contact-info li .txt{width: calc(100% - 40px);}
.contact-info li .txt span{display: block;font-size:16px;color:#999;line-height:28px;}
.contact-info li .txt p{font-size:16px;color:#333;line-height:24px;margin-top:8px;font-family:"Arial";}

.contact-form{width:58%;padding-left:6%;border-left:#e0e0e0 solid 1px;}


@media(max-width:1440px){
    .contact-title{font-size:28px;line-height:32px;margin-bottom:32px;}
    .contact-info li{margin-top:12px;}
    .contact-info li:first-child{margin-top:0;}
    .contact-info li .title{margin-right: 8px;}
    .contact-info li .title .icon{width:24px;}
    .contact-info li .txt{width: calc(100% - 32px);}
    .contact-info li .txt span{font-size:16px;line-height:24px;}
    .contact-info li .txt p{font-size:16px;line-height:24px;margin-top:4px;}
}
@media(max-width:1080px){
    .contact-title{font-size:24px;line-height:28px;margin-bottom:24px;}
    .contact-info li{margin-top:16px;}
    .contact-info li:first-child{margin-top:0;}
    .contact-info li .title .icon{width:20px;}
    .contact-info li .txt{width: calc(100% - 28px);}
    .contact-info li .txt span{font-size:14px;line-height:20px;}
    .contact-info li .txt p{font-size:14px;line-height:24px;}
    
}
@media(max-width:769px) {
    .contact-content{display:block;}
    .contact-title{font-size:20px;line-height:24px;margin-bottom:20px;}
    .contact-info{width:100%;}
    .contact-form{margin-top:40px;width:100%;padding:0;border:none;}
}