html {
    scroll-padding-top: 80px; /* 导航栏的高度，按需修改 */
    scroll-behavior: smooth; /* 可选：添加平滑滚动效果，体验更好 */
}


.part_1 {width:100%;padding:25vh 0 4rem;background: linear-gradient(to bottom, #00a0e900 0%, #004098 70%);position: relative;z-index: 9;color:#fff;}
.part_1 p:nth-child(odd){font-size: 1.8rem;font-weight:600;margin-bottom: 1.5rem;}
.part_1 p:nth-child(even){font-size: 1.2rem;line-height:2.4rem;margin-bottom: 2.5rem;}

@media  screen and (max-width: 765px){
    .part_1 {padding:10rem 0 4rem;}
}


.part_2 {position: relative;z-index: 9;background: #fff;}
.part_2 .title{margin-bottom: 2rem;}
.part_2 .tt{ padding-bottom: 1.5rem;border-bottom:1px solid #c7c7c7;position: relative;}
.part_2 .tt .cn{ font-size: 2rem; color: #404040; font-weight: bold; margin-bottom: 1.2rem;}
.company {padding: 3rem 0 2rem;}
.company .intro{ color: #767676; line-height: 2rem;text-indent: 2rem;text-align: justify;}
.company .intro p {font-size:1rem;}
.company img{ width: 100%;}


.part_2 .thought{
    width:100%;
    overflow: hidden;
    font-size: 3rem;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    padding-top: 1rem;
}
.part_2 .thought.pfu{
    z-index: 1;
}
.part_2 .thought .text01{
    animation: loop 30s linear infinite;

}
.part_2 .thought .text02{
    animation: loop 30s linear infinite;
}

.part_2  .thought .text01 span,.part_2 .thought .text02 span {
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-color: var(--comcolor);
    -webkit-text-stroke-width: 1px;
    position: relative;
    z-index: 1;
    opacity: .5;
}

.part_2 .thought.pfu .text01 span,.part_2 .thought.pfu .text02 span {
    color: rgba(26, 26, 26, 0);
    text-shadow: none;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-weight: 700;
}

@keyframes loop {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}




.ab2 { padding: 5rem 0;position: relative; background: var(--comcolor);z-index: 9;}
.ab2 h3 { margin-bottom: 1rem;font-size: 2rem; color:#fff;}
.ab2 .desc { margin-bottom: 3rem;font-size: 1.1rem;color: #fff;line-height: 2rem; }
.ab2 .item {display: flex;justify-content: space-between;}
.ab2 .item dl { width:30%;}
.ab2 .item dt {font-size: 1.5rem;margin-bottom: 1.5rem;color: #fff;}
.ab2 .item dd {font-size: 1rem;line-height: 2rem;color: #fff;}

.ab3 { padding: 5rem 0;position: relative;z-index: 9;background: #fff;}
.ab3 .cont {display: flex;justify-content: space-between;border-bottom:1px solid #efefef;}
.ab3 .box { width:45%; }
.ab3 .box .item { margin-bottom: 3rem;}
.ab3 .box h2 { margin-bottom: 2rem;font-size: 2rem; }
.ab3 .box .p1 { margin-bottom: 2rem;font-size: 1.2rem; color: #2b2b2b;}
.ab3 .box .p2 {font-size: 1rem;line-height: 2rem; color: #5b5b5b;}

@media  screen and (max-width: 1000px){
    .ab2 .item {display: block;}
    .ab2 .item dl { width:100%;border-bottom:1px solid #efefef;margin-bottom: 1.5rem;padding-bottom: 1.5rem;}

    .ab3 { padding: 3rem 0 1rem;}
    .ab3 .cont{ display:block;}
    .ab3 .box h2 { margin-bottom: 1.2rem; }
    .ab3 .box {
        width:100%;
        margin-bottom: 1.5rem;padding-bottom: 1.5rem;
    }
    .ab3 .box .item { margin-bottom: 1rem;}
}