*{box-sizing: border-box;}
/* banner */
.cyy_banner{width: 100%;height: 6rem;margin-top: 1.28rem;}
.cyy_banner .swiper{height: 100%;}
.lbSwiper .swiper-slide{position: relative;}
.lbSwiper .slide_image{position: absolute;width: 100%;height: 100%;}
.lbSwiper .slide_image img{object-fit: cover;}
.lbSwiper .slide_text{position: absolute;width: 15.56rem;height: 100%;z-index: 2;color: #fff;font-family: 'JDLangZhengTi';
left: 50%;top: 0;transform: translate(-50%,0);display: flex;flex-direction: column;justify-content: center;}
.slide_text_b{font-size: .8rem;line-height: 1.2;font-family: Roboto-Bold;margin-bottom: .2rem;}
.slide_text_s{font-size: .32rem;line-height: .6rem;font-family: 'Roboto-Bold';}
.lbSwiper .swiper-pagination{bottom: .5rem;}
.lbSwiper .swiper-pagination .swiper-pagination-bullet{width: 24px;height: 4px;background: rgba(255, 255, 255, 0.85);
    border-radius: 8px 8px 8px 8px;opacity: 1;}
.lbSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 48px;background: #E1251A;
}

/* 第二部分 */
.cyy_second{position: relative;padding-top: 1.26rem;padding-bottom: 1.1rem;background: #F0F1F6;}
.cyy_second_title{font-size: .85rem; font-family: 'JDLangZhengTi';}
.cyy_second_text{font-size: .22rem;line-height: .33rem;font-family: 'Roboto-Regular-14';margin-top: .24rem;}
.cyy_second_main{margin-top: .06rem;display: flex;justify-content: space-between;}
.cyy_second_main > div{width: 5.06rem;}
.cyy_second_main>div.cyy_second_main_c{width: 6rem;}
.cyy_second_item_title{font-size: .24rem;line-height: .36rem;font-family: 'Roboto-Medium';color: #E1251A;
margin-bottom: .12rem;}
.cyy_second_item p{font-size: .22rem;color: #05142d;font-family: 'Roboto-Regular-14';line-height: .26rem;}
.cyy_second_main_l{padding-right: .34rem;padding-top: 1.33rem;}
.cyy_second_main_r{padding-left: .34rem;padding-top: 1.33rem;}
.cyy_second_main_l > div:nth-child(1),
.cyy_second_main_r>div:nth-child(1){margin-bottom: 1.83rem;}
.cyy_second_main_c > div:nth-child(1){margin-bottom: .67rem;}
.cyy_second_item_pic{width: 100%;margin-bottom: .6rem;margin-top: .6rem;}
.cyy_second_main_c>div:nth-child(1),
.cyy_second_main_c>div:nth-child(3){padding: 0 .2rem;width: 5.06rem;margin: 0 auto;}

/* 第三部分 */
.cyy_third{position: relative;}
.cyy_third_con{position: absolute;top: .9rem;left: 50%;transform: translateX(-50%);z-index: 2;}
.cyy_third_title{font-size: .85rem; font-family: 'JDLangZhengTi';}
.cyy_third_title span{font-weight: bold;}
/* .cyy_third_main{width: 16.32rem;margin: auto;border-left: .5px solid rgba(0, 0, 0, 0.2);display: flex;}
.cyy_third_item{width: 18%;border-right: .5px solid rgba(0, 0, 0, 0.2);position: relative;padding: 2.5rem .42rem .44rem;

    transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
    transform: translateZ(0);
    will-change: transform, width;
    box-sizing: border-box;}
.cyy_third_item_num{font-size: .6rem;line-height: .78rem;color: #E1251A;font-family: 'Roboto-Medium';}
.cyy_third_item_title{font-size: .2rem;color: rgba(0, 0, 0, 0.8);font-family: 'Roboto-Medium';margin-top: .7rem;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cyy_third_item_img{height: 1.68rem;width: 100%; margin-top: .24rem;overflow: hidden;}
.cyy_third_item_img img{object-fit: cover;height: 100%;width: 100%;
    transform: translateZ(0);}
.cyy_third_item:hover .cyy_third_item_img img {
  transform: scale(1.05); 
}
.cyy_third_item_text{font-size: .16rem;color: rgba(0, 0, 0, 0.8);margin-top: .36rem;height: 2rem;overflow: hidden;}
.cyy_third_item_text p{display: -webkit-box;-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
        transition: all 0.2s ease;}
.cyy_third_item_open{width: .5rem;height: .3rem;border-radius: 38px 38px 38px 38px;border: 1px solid #E1251A;
text-align: center;line-height: .3rem;margin-top: .65rem;display: none;
    transition: opacity 0.2s ease;}
.cyy_third_item_open img{width: .19rem;height: .15rem;margin: auto;vertical-align: middle;transform: translateY(.07rem);}
.cyy_third_item.active .cyy_third_item_text p{display: block;
    opacity: 1;}
.cyy_third_item.active {width: 35%;}
.cyy_third_item.active .cyy_third_item_open{display: none;}
.cyy_third_item:hover{cursor: pointer;
    transform: translateY(-2px);} */


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 核心：父容器设置绝对固定高度，宽度保持16.32rem不变 */
.cyy_third_main {
    width: 16.32rem;
    height: 12rem;
    /* 固定高度（取最长内容的实际高度，实测12rem足够），彻底不动 */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    transform: translateZ(0);
    will-change: transform;
}

.cyy_third_main::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.5px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    transform: translateZ(0);
}

/* 核心：子项高度与父容器完全一致，固定不动 */
.cyy_third_item {
    flex: 0 0 16%;
    position: relative;
    padding: 2.5rem 0.35rem 0.5rem 0.35rem;
    /* 减少底部padding，适配固定高度 */
    transition:
        flex-basis 1s cubic-bezier(0.25, 1, 0.5, 1),
        padding 1s cubic-bezier(0.25, 1, 0.5, 1),
        transform 1s cubic-bezier(0.25, 1, 0.5, 1),
        background-color 1s cubic-bezier(0.25, 1, 0.5, 1),
        box-shadow 1s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateZ(0);
    will-change: flex-basis, padding, background-color;
    overflow: hidden;
    white-space: normal;
    height: 100%;
    /* 强制与父容器同高，固定不动 */
    background-color: #fff;
}

.cyy_third_item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.5px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    transform: translateZ(0);
    pointer-events: none;
}

.cyy_third_item:last-child::after {
    right: 0;
    z-index: 3;
}

.cyy_third_item.active {
    flex: 0 0 36%;
    padding: 2.5rem 0.7rem 0.5rem 0.7rem;
    /* 底部padding同步减少，适配固定高度 */
    z-index: 2;
    /* background-color: #fef8f8; */
    box-shadow: 0 0.1rem 0.3rem rgba(225, 37, 26, 0.05);
    transform: translateY(-3px);
    /* 仅纵向微动，高度仍固定 */
}

.cyy_third_item:last-child.active {
    transform: translateY(-3px) translateX(0);
    padding-right: 0.5rem;
}

.cyy_third_item_num {
    font-size: 0.6rem;
    line-height: 0.78rem;
    color: #E1251A;
    font-family: 'Roboto-Medium';
    position: relative;
    z-index: 2;
    transition: opacity 0.8s ease-in-out;
}

.cyy_third_item_title {
    font-size: 0.2rem;
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Roboto-Medium';
    margin-top: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
    transform: translateX(5px);
    opacity: 0.9;
}

.cyy_third_item.active .cyy_third_item_title {
    transform: translateX(0);
    opacity: 1;
}

.cyy_third_item_img {
    height: 1.68rem;
    width: 100%;
    margin-top: 0.24rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transform: translateZ(0);
    transition: transform 1s ease-in-out;
    transform: scale(0.98);
}

.cyy_third_item.active .cyy_third_item_img {
    transform: scale(1);
}

.cyy_third_item_img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateZ(0);
}

.cyy_third_item:hover .cyy_third_item_img img {
    transform: scale(1.05);
}

.cyy_third_item.active .cyy_third_item_img img {
    transform: scale(1.08);
}

/* 文字容器：适配固定高度，内部滚动（若超长），但高度不动 */
.cyy_third_item_text {
    font-size: 0.16rem;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 0.36rem;
    /* 核心：固定高度（非max-height），非active时隐藏超出部分 */
    height: calc(12rem - 2.5rem - 0.7rem - 0.24rem - 1.68rem - 0.36rem - 0.5rem);
    overflow: hidden;
    transition:
        opacity 1s ease-in-out,
        padding 1s ease-in-out;
    position: relative;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
    opacity: 0.95;
    padding-right: 0.15rem;
}

/* Active时：仅改透明度/内边距，高度仍固定，文字完整显示（无高度变化） */
.cyy_third_item.active .cyy_third_item_text {
    opacity: 1;
    padding-right: 0.05rem;
    /* 若文字超长，允许纵向滚动（但高度仍固定） */
    overflow-y: auto;
    /* 隐藏滚动条（美观） */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* 隐藏滚动条（webkit内核） */
.cyy_third_item.active .cyy_third_item_text::-webkit-scrollbar {
    display: none;
}

.cyy_third_item_text p {
    display: -webkit-box;
    -webkit-line-clamp: unset;
    /* 取消行数限制，改用容器高度控制 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6 !important;
    margin: 0;
    transition: opacity 1s ease-in-out;
    letter-spacing: 0.005rem;
    /* 非active时强制截断（通过容器高度），active时完整显示 */
}

/* 非active时文字截断（模拟4行效果） */
.cyy_third_item:not(.active) .cyy_third_item_text p {
    height: calc(0.16rem * 1.6 * 7);
    -webkit-line-clamp: 4;
}

.cyy_third_item_open {
    width: 0.5rem;
    height: 0.3rem;
    border-radius: 38px;
    border: 1px solid #E1251A;
    text-align: center;
    line-height: 0.3rem;
    /* 固定按钮位置，避免高度变化导致偏移 */
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
    z-index: 2;
}

.cyy_third_item:not(.active):hover .cyy_third_item_open {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.cyy_third_item_open img {
    width: 0.19rem;
    height: 0.15rem;
    margin: auto;
    vertical-align: middle;
    transform: translateY(0.07rem);
    flex-shrink: 0;
}
    

/* 第四部分 */
.cyy_fourth{height: 7.67rem;background: url("../image/zcyy/bg.png")no-repeat center; background-size: cover;}
.cyy_fourth_bg{height: 100%;width: 16.32rem;margin: auto;border-left: .5px solid rgba(255, 255, 255, 0.80);
    border-right: .5px solid rgba(255, 255, 255, 0.80);}
.cyy_fourth_con{padding-top: .93rem;display: flex;flex-direction: column;justify-content: space-between;color: #fff;height: 100%;}
.cyy_fourth_title{font-size: .85rem; font-family: 'JDLangZhengTi';color: #fff;}
.cyy_fourth_info{font-size: .24rem;line-height: .36rem;color: rgba(255, 255, 255, 0.55);font-family: 'Roboto-Medium';}
.cyy_fourth_text{font-size: .3rem;line-height: .54rem;text-align: center;font-family: 'Roboto-Medium';}
.cyy_fourth_list{display: flex;height: 1.22rem;align-items: center;border-top: .5px solid rgba(255, 255, 255, 0.80);}
.cyy_fourth_item{display: flex;align-items: center;height: 100%;flex: 1;justify-content: center;font-size: .36rem;
    border-right: .5px solid rgba(255, 255, 255, 0.80);font-weight: lighter;font-family: 'Roboto-Regular-14';}
.cyy_fourth_item.active{background: #E1251A;font-family: 'Roboto-Medium';}
.cyy_fourth_item:last-child{border-right: none;}


@media screen and (max-width: 768px) {
    .cyy_banner{margin-top: 0;padding-top: 1rem;}
    .lbSwipe .slide_image img{object-fit: cover;}
    .lbSwipe .slide_text{width: 100%;height: auto;padding: 0 .2rem;}
    .slide_text_b{font-size: .5rem;}
    .slide_text_s{font-size: .24rem;line-height: 2;} .slide_image img{object-fit: cover;}
    .lbSwiper .slide_text{width: 100%;height: auto;padding: 0 .2rem;font-size: .65rem !important;margin-top: .2rem;}
    .slide_text_b{font-size: .5rem;}
    .slide_text_s{font-size: .24rem;line-height: 2;}
    .lbSwiper .swiper-pagination{bottom: 0;}
    .cyy_second{padding-top: .5rem;padding-bottom: .5rem;}
    .cyy_second_title{font-size: .4rem !important;}
    .cyy_second_main{display: block;margin-top: .2rem;}
    .cyy_second_main > div{width: 100%;}
    .cyy_second_main_l{padding: 0;display: flex;flex-flow: column-reverse;}
    .cyy_second_main_l > div:nth-child(1), .cyy_second_main_r>div:nth-child(1){margin-bottom: .2rem;}
    .cyy_second_main>div.cyy_second_main_c{width: 100%;margin-top: .2rem;}
    .cyy_second_main_c>div:nth-child(1), .cyy_second_main_c>div:nth-child(3){width: 100%;padding: 0;}
    .cyy_second_main_r{padding: 0;margin-top: .2rem;}
    .cyy_third{padding-top: .5rem;padding-bottom: .5rem;}
    .cyy_third_con{position: static;transform: none;font-size: .4rem;}
    .cyy_third_title{font-size: .4rem !important;}
    .cyy_third_main{width: 100%;display: block;height: auto;padding: 0  .2rem;}
    .cyy_third_main::before,
    .cyy_third_item::after{display: none;}
    .cyy_third_item{padding: 0;}
    .cyy_third_item.active{padding: 0;box-shadow: none;}
    .cyy_third_item_num{font-size: .4rem;}
    .cyy_third_item_img{width: 100%;height: auto;}
    .cyy_third_item_title{font-size: .3rem !important;margin-top: 0rem;}
    .cyy_third_item_open{display: none;}
    .cyy_third_item.active .cyy_third_item_text{height: auto;}
    .cyy_third_item .cyy_third_item_text{height: auto;margin-top: .2rem;}
    .cyy_third_item_text p,
    .cyy_third_item:not(.active) .cyy_third_item_text p{height: auto;-webkit-line-clamp:none;line-height: 1.5;
    font-size: .24rem;}
    .cyy_fourth_bg{width: 100%;padding: 0 .2rem;border: none;}
    .cyy_fourth{height: auto;}
    .cyy_fourth_con{padding: 0;display: block;}
    .cyy_fourth_info{margin: .2rem 0;}
    .cyy_fourth_text{font-size: .28rem !important;height: 2rem;}
    .cyy_fourth_item{font-size: .2rem;padding: 0 .2rem;text-align: center;}
    .footer{margin-top: 0;}
}