.byBox {
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    margin-bottom: 350px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}

.byBan, .ProBBox {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}

.byBImg {
    width: 100%;
    padding-top: 32%;
    height: 100%;
    position: relative;
}

.ProBImg {
    width: 100%;
    height: 100vh;
    position: relative;
}

.ProBImg2 {
    width: 100%;
    padding-top: 36%;
    position: relative;
}

.byBImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.byBImg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: linear-gradient(to right, rgb(35, 56, 143, .5), rgb(35, 56, 143, .2));
}

.byTbox {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.byTit {
    font-size: 52px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
}

.ProBImg img, .ProBImg2 img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.ProBImg::after, .ProBImg2::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: linear-gradient(to right, rgb(35, 56, 143, .5), rgb(35, 56, 143, .2));
}

.ProBTbox {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.ProBTit {
    font-size: 52px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
}





















.byBon {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10%;
}

.byBText {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.byBText p {
    font-size: 16px;
    color: #fff;
}

.byBText svg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.byBText svg path {
    fill: #fff;
}

@media(max-width:1680px) {
    .byTit {
        font-size: 48px;

    }
}

@media(max-width:1368px) {
    .byTit {
        font-size: 42px;

    }
}

@media(max-width:1024px) {
    .byTit {
        font-size: 36px;

    }

    .byBImg {
        width: 100%;
        padding-top: 0;
        height: 100%;
        position: relative;
        height: 350px;
    }
      .byBox {
        margin-bottom: 510px;
    }
}

@media(max-width:900px) {
    .byBImg {
        height: 320px;
    }

    .byTit {
        font-size: 32px;

    }
}

@media(max-width:680px) {
    .byTit {
        font-size: 28px;
    }

    .byTbox {
        top: 70%;
    }

    .byBox {
        margin-bottom: 500px;
    }
}

@media (max-width: 500px) {
     .byBox {
        margin-bottom: 440px;
    }
    .byBImg {
        height: 250px;
    }

    .byTit {
        font-size: 24px;
    }

  
}

/* 
.byBox .inner{
    max-width: 1680px;
} */

.aboBgBox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
}

.aboBgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboBg {
    content: '';
    z-index: 9;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    backdrop-filter: blur(8px);
    background: linear-gradient(to bottom, rgb(255, 255, 255, .4), rgb(255, 255, 255, .9) 60%);
    opacity: 1;
}



.navBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.navItem {
    width: 50px;
    height: 50px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    /* border: 1px solid rgba(0, 0, 0, .1); */
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.navItem.on{
    background: #23388f;
    color: #fff;
}
.navItem:hover {
    background: #23388f;
    color: #fff;
}











/* 新闻 */

.newNav {
    display: flex;
    align-items: center;
}

.newNItem {
    display: flex;
    align-items: center;
    margin-left: 50px;
    font-size: 20px;
    position: relative;
}

.newNItem::before {
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #23388f;
}

.newNItem.Act {
    color: #23388f;
}

.newNItem.Act::before {
    width: 100%;
    background: #23388f;
}

.newJBox {
    position: relative;
}

.NewBg {
    background: #f7f8f9;
}

.newBox {
    position: relative;
    background: #f7f8f9;
}

.newJBox {
    display: flex;
    justify-content: space-between;
    /* margin-top: 30px; */

}

.newLeft {
    width: calc(50% - 10px);
    position: relative;
}

.newLItem {
    position: relative;
}

.newLImg {
    width: 100%;
    height: 100%;
    /* padding-top: 65%; */
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.newLImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.48s;
}


.newRig {
    width: calc(50% - 10px);
    position: relative;
    display: flex;
}

.newRItem {
    width: calc(50% - 10px);
    margin-right: 20px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    overflow: hidden;
    padding: 30px 20px;
}

.newRItem:nth-child(2n) {
    margin-right: 0;
}

.newJList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px;
}

.newJItem {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 30px 20px;
    position: relative;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.newJItem:nth-child(4n) {
    margin-right: 0;
}

.newJImg {
    width: 100%;
    padding-top: 65%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.newJImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: transform 0.48s;
}

.newJTbox {
    margin-top: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newJTime {
    font-size: 14px;
    color: #666;
}

.newJTit {
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    /* font-weight: 500; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    transition: all 0.48s;
}

.newJItem:hover .newJImg img {
    transform: scale(1.1);
}



.newRItem:hover .newRImg img {
    transform: scale(1.1);
}

.newJItem:hover .newJTit {
    color: #23388f;
}



.newJMore {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background: rgb(35, 56, 143, .1);
    /* border: 1px solid rgb(0, 0, 0, .1); */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;

}

.newJMore svg {
    width: 40%;
    height: 40%;
}

.newJMore svg path {
    fill: #666;
    transition: all 0.48s;
}

.newJItem:hover .newJMore {
    background: #23388f;
    /* background: linear-gradient(90deg, #23388f 0%, #5fac44 100%); */
}

.newJItem:hover .newJMore svg path {
    fill: #fff;
}



.newLSwiper {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.newLItem {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.newLTbox {
    width: 100%;
    padding: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.newLTbox::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: linear-gradient(to bottom, rgb(35, 56, 143, 0), rgb(35, 56, 143, .8));
}

.newLTime {
    font-size: 14px;
    color: #fff;
    position: relative;
    opacity: .8;
}

.newLTit {
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    color: #fff;
    /* font-weight: 500; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    transition: all 0.48s;
    position: relative;
}

.newLItem:hover .newLImg img {
    transform: scale(1.1);
}

.newTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newFList {
    display: flex;
    align-items: center;
}

.newFItem {
    font-size: 16px;
    padding: 15px 35px;
    border-radius: 50px;
    background: #fff;
    color: #666;
    margin-left: 10px;
    line-height: 1.4;
}

.newFItem.Act {
    background: #23388f;
    color: #fff;
}

@media(max-width:1680px) {
    .newNItem {
        font-size: 18px;
    }

    .newJTit {
        font-size: 18px;
    }

    .newJMore {
        width: 40px;
        height: 40px;
    }

    .newJTbox {
        margin-top: 20px;
    }
}

@media(max-width:1368px) {
    .newJItem {
        width: calc(33.3% - 15px);
    }

    .newJItem:nth-child(4n) {
        margin-right: 20px;
    }

    .newJItem:nth-child(3n) {
        margin-right: 0;
    }

    .navItem {
        width: 45px;
        height: 45px;
        font-size: 14px;
    }
}

@media(max-width:1024px) {
    .newJItem {
        width: calc(50% - 10px);
    }

    .newJItem:nth-child(3n) {
        margin-right: 20px;
    }

    .newJItem:nth-child(2n) {
        margin-right: 0;
    }

    .newNItem {
        font-size: 16px;
        margin-left: 30px;
    }
}

@media(max-width:900px) {
    .newTop {
        flex-direction: column;
        align-items: flex-start;
    }

    .newNav {
        width: 100%;
        margin-top: 20px;
    }

    .newNItem {
        font-size: 16px;
        margin-left: 0;
        margin-right: 30px;
    }
}

@media(max-width:680px) {
    .newJList {
        margin-top: 30px;
    }

    .newJTit {
        font-size: 16px;
        line-height: 28px;
        height: 56px;
    }

    .newJItem {
        width: 100%;
        margin-right: 0;
    }

    .newJTime {
        font-size: 12px;
    }

    .navItem {
        width: 38px;
        height: 38px;
        font-size: 12px;
    }
}


/* 关于 */

.AboABox {
    position: relative;
    /* overflow: hidden; */
}

.AboATop {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.AboARig {
    width: 45%;
    position: relative;
}

.AboAText {
    position: relative;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgb(0, 0, 0, .1);
}

.AboAText h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #0d1c59;
}

.AboAText p {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
}

.AboAText b {
    font-size: 18px;
}

.AboJList {
    margin: 50px 0;
    display: flex;
    justify-content: space-between;

}

.AboJItem {
    position: relative;
}

.AboJNum {
    position: relative;
}

.AboJNum b {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    color: #23388f;
}

.AboJNum i {
    font-size: 20px;
    margin-left: 10px;
    color: #666;
}

.AboJItem p {
    font-size: 16px;
    color: #666;

}

.AboACon {
    position: relative;
    margin-top: 50px;
}

.AboCSwiper {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.AboCItem {
    width: 100%;
    position: relative;
}

.AboCImg {
    width: 100%;
    padding-top: 55%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.AboCImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.AboABg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 6%;
    opacity: .051;
}

.AboCCon {
    margin-top: 70px;
}
.AboAImgBox{
 width: 50%;
 position: relative;
}
.AboAImg {
    width: 100%;
    padding-top: 65%;
    position: sticky;
    top: 120px;
    border-radius: 16px;
    overflow: hidden;
}

.AboAImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.AboAZI {
    font-size: 14vw;
    font-weight: 600;
    line-height: 1;
    color: #23388f;
    position: absolute;
    left: 0;
    bottom: -10%;
    opacity: .041;
    text-transform: uppercase;
    transform: translateX(10%);
}

.AboFbox {
    position: relative;
    background: #F4F6FA;
    overflow: hidden;
}

.AboFTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AboFQhBox {
    display: flex;
    align-items: center;
}

.AboFQh {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background: rgb(35, 56, 143, .1);
    /* border: 1px solid rgb(0, 0, 0, .1); */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
    margin-left: 10px;
}

.AboFQh svg {
    width: 50%;
    height: 50%;
}

.AboFQh svg path {
    fill: #666;
    transition: all 0.48s;
}

.AboFSwiper_prev svg {
    transform: rotate(180deg);
}

.AboFCon {

    position: relative;
    margin-top: 50px;
}

.AboFSwiper {
    width: 100%;
    position: relative;
    /* overflow: hidden; */
}

.AboFbg {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgb(0, 0, 0, .1);
}

.AboFbg img {
    /* width: calc(100% - 20px);
                height: calc(100% - 20px); */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    object-fit: cover;
}

.AboFbg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgb(0, 0, 0, .6);
    z-index: 2;
}

.AboFTbox {
    width: 150%;
    padding: 0 30px;
    height: 300px;
    position: relative;

}

.AboFTbox::before {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgb(255, 255, 255, .3);
}

.AboFTit {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.AboFText {
    margin-top: 20px;
    position: relative;
}

.AboFText p {
    font-size: 18px;
    color: #fff;
}

.AboFText p {
    font-size: 16px;
    position: relative;
    color: #fff;
    margin-bottom: 8px;
    padding-left: 15px;
    opacity: .8;
}

.AboFText p::before {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 8px;
    content: '';
    background: #fff;
}

.AboFTbox2 {
    display: none;
}

.AboFItem:nth-child(2n) .AboFTbox2 {
    display: block;
    padding-top: 30px;
}

.AboFItem:nth-child(2n) .AboFTbox1 {
    opacity: 0;
    padding-bottom: 80px;
}

.AboFItem:nth-child(2n -1) .AboFYuan {
    width: 8px;
    height: 8px;
    position: absolute;
    left: -4px;
    bottom: -4px;
    content: '';
    background: rgb(255, 255, 255, .8);
    border-radius: 50%;
}

.AboFItem:nth-child(2n) .AboFYuan {
    width: 8px;
    height: 8px;
    position: absolute;
    left: -4px;
    top: -4px;
    content: '';
    border-radius: 50%;
    background: rgb(255, 255, 255, .8);
}

.AboFYuan::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    background: rgb(255, 255, 255, .3);
    animation: fd 2s infinite;
    border-radius: 50%;
}

.AboFYuan::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    background: rgb(255, 255, 255, .3);
    animation: fd 2s infinite 1s;
    border-radius: 50%;
}

@keyframes fd {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    to {
        transform: translate(-50%, -50%) scale(5);
        opacity: 0;
    }
}

.AboFXian {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(255, 255, 255, .3);
}

.AboFRig {
    width: 10%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.AboFLeft {
    width: 10%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.AboFMore {
    width: 45px;
    height: 45px;
    background: rgb(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.48S;
    opacity: 0;
}

.AboFLeft:hover .AboFMore {
    opacity: 1;
}

.AboFRig:hover .AboFMore {
    opacity: 1;
}

.AboFMore svg {
    width: 40%;
    height: 40%;
}

.AboFMore svg path {
    fill: #23388f;
}

.AboFSwiper_next {
    right: -30px;
}

.AboFSwiper_prev {
    left: -30px;
}

.aboRBox {
    position: relative;
    overflow: hidden;
}

.aboRList {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* overflow: hidden; */
}

.aboRSwiper {
    width: 40%;
    position: relative;
}

.aboRItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.48s;
    transform: scale(0.7)
}

.aboRItem.swiper-slide-active {
    transform: scale(1);
}

.aboRItem.swiper-slide-prev {
    transform: scale(0.7) translateY(35%);
}

.aboRItem.swiper-slide-next {
    transform: scale(0.7) translateY(-35%);
}

.aboRImg {
    width: 90%;
    padding-top: 68%;
    position: relative;
}

.aboRImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
}

.aboRItem p {
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
    text-align: center;
}

.aboRBtn {
    width: 45px;
    height: 45px;
    background: rgb(35, 56, 143, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.48S;
}

.aboRBtn svg {
    width: 40%;
    height: 40%;
}

.aboRBtn svg path {
    fill: #666;
}

.aboRBtn:hover {
    background: #23388f;
}

.aboRBtn:hover svg path {
    fill: #FFF;
}

.aboRSwiper-button-prev svg {
    transform: rotate(180deg);
}

.aboRSwiper-button-prev {
    left: -70px;
}

.aboRSwiper-button-next {
    right: -70px;
}

@media(max-width:1680px) {
    .AboAText h4 {
        font-size: 22px;
    }

    .AboAText p {
        font-size: 16px;
    }

  

    .aboRItem p {
        font-size: 20px;
        font-weight: 500;
        margin-top: 10px;
    }
}

@media(max-width:1368px) {
    .aboRItem p {
        font-size: 18px;
    }

    .AboAText h4 {
        font-size: 20px;
    }

    .AboAText p {
        font-size: 16px;
    }

    .AboAText {
        position: relative;
        margin-top: 20px;
        padding-top: 25px;
    }

    .AboFTbox {
        height: 280px;
    }

    .AboFItem:nth-child(2n) .AboFTbox2 {
        display: block;
        padding-top: 30px;
    }

    .AboFItem:nth-child(2n) .AboFTbox1 {
        opacity: 0;
        padding-bottom: 30px;
    }

    .AboFTbox {
        padding: 0 20px;
    }

}

@media(max-width:1024px) {
    .aboRSwiper {
        width: 50%;
    }

    .AboATop {
        flex-wrap: wrap;
    }

    .AboARig {
        width: 100%;
    }

    .AboAImg {
        width: 100%;
        padding-top: 65%;
    }
    .AboAImgBox{
           width: 100%;
    }
        .AboAText h4 {
        font-size: 18px;
    }
}

@media(max-width:900px) {
    .aboRSwiper {
        width: 60%;
    }

    .AboFText p {
        font-size: 14px;
    }

    .AboFTit {
        font-size: 20px;
    }
}

@media(max-width:680px) {
    .AboAText h4 {
        font-size: 16px;
    }

    .AboAText p {
        font-size: 14px;
    }

    .aboRSwiper {
        width: 100%;
    }

    .aboRList {
        margin-top: 30px;
    }

    .aboRSwiper-button-prev {
        left: -20px;
    }

    .aboRSwiper-button-next {
        right: -20px;
    }

    .aboRItem p {
        font-size: 16px;
    }
    
    .AboAImgBox{
 width: 100%;
 position: relative;
}
}

@media(max-width:500px) {
    .aboRBtn {
        width: 40px;
        height: 40px;
    }

    .aboRSwiper-button-prev {
        left: -10px;
    }

    .aboRSwiper-button-next {
        right: -10px;
    }
}







/* 招贤纳士 */
.joinABox {
    position: relative;
    overflow: hidden;
}

.joinATop {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.joinAText {
    width: 55%;
    position: relative;
    /* margin-top: 20px; */
}

.joinAText p {
    font-size: 18px;
    color: #666;
}


.joinASwiper {
    position: relative;
    width: 100%;
}

.joinAImgBox {
    display: flex;
    position: absolute;
}

.joinAImg {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.joinAImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.joinAList {
    margin-top: 50px;
    position: relative;
}

.joinAQh {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.joinAMore {
    width: 45px;
    height: 45px;
    background: rgb(35, 56, 143, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.48s;
    margin-right: 10px;
}

.joinAMore svg {
    width: 40%;
    height: 40%;
}

.joinAMore svg path {
    fill: #666;
}

.joinAMore:hover {
    background: #23388f;
}

.joinAMore:hover svg path {
    fill: #fff;
}

.joinASwiper_prev svg {
    transform: rotate(180deg);
}

.joinSBox {
    background: #F4F6FA;
    position: relative;
}

.joinSItem2 {
    background: #fff;

}

.joinSItem {

    position: sticky;
    top: 0;
}

.joinSItem .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.joinSLeft{
    width: 20%;
}
.joinSRig {
    width: 80%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.joinSSwiper {
    width: 100%;
}

.joinSImgBox {
    width: 70%;
}

.joinSImg {
    width: 100%;
    position: relative;
    padding-top: 65%;
    border-radius: 20px;
    overflow: hidden;
}

.joinSImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.joinSTbox {
    width: 25%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.joinSText {
    position: relative;
    margin-bottom: 20px;
}

.joinSText p {
    font-size: 18px;
    color: #666;
}

.joinSText h4 {
    font-size: 24px;
}

.joinSBtnBox {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.joinSBtn {
    width: 45px;
    height: 45px;
    background: rgb(35, 56, 143, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.48s;
    margin: 0 5px;
}

.joinSBtn svg {
    width: 40%;
    height: 40%;
}

.joinSBtn svg path {
    fill: #666;
}

.joinSBtn:hover {
    background: #23388f;
}

.joinSBtn:hover svg path {
    fill: #fff;
}

.joinSSwiper_prev svg {
    transform: rotate(180deg);
}

.joinSIcon {
    width: 50px;
    margin-bottom: 20px;
}

.joinZBox {
    position: relative;
    background: #F4F6FA;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}


.joinZList {
    margin-top: 30px;
    position: relative;
}

.joinZItem {
    background: #fff;
    /* box-shadow: 0 0 20px rgb(35, 56, 143, .1); */
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
}

.joinZTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
}

.joinZTit {
    width: 45%;
    position: relative;
    font-size: 24px;
    color: #23388f;
}

.joinZRig {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.joinZleft {
    width: calc(100% - 60px);
    position: relative;
    display: flex;
    align-items: center;
}

.joinZText {
    width: 30%;
    display: flex;
    align-items: center;
    margin-right: 3%;
}

.joinZText img {
    width: 22px;
    opacity: .6;
}

.joinZText p {
    width: calc(100% - 30px);
    margin-left: 8px;
    font-size: 18px;
    color: #666;
}

.joinZMore {
    width: 40px;
    height: 40px;
    background: rgb(35, 56, 143, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.48s;
    margin: 0 5px;
}

.joinZMore svg {
    width: 36%;
    height: 36%;
}

.joinZCon {
    position: relative;
    padding: 0 30px;
    display: none;
}

.joinZMsBox {
    border-top: 1px solid rgb(0, 0, 0, .1);
    border-bottom: 1px solid rgb(0, 0, 0, .1);
    padding: 50px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.joinZMs {
    width: calc(50% - 20px);
}

.joinZMText {
    margin-top: 10px;
    position: relative;
}

.joinZMTit {
    font-size: 24px;
    /* font-weight: 500; */
}

.joinZMText p {
    font-size: 18px;
    color: #666;
    margin-bottom: 5px;
}

.joinZBon {
    padding: 20px;
    position: relative;
}

.joinZBon p {
    font-size: 16px;
    color: #23388f;
}

.joinZMore .icon1 {
    display: block;
}

.joinZMore .icon2 {
    display: none;
}

.joinZItem.Act .joinZMore .icon1 {
    display: none;
}

.joinZItem.Act .joinZMore .icon2 {
    display: block;
}

@media(max-width:1680px) {
    .joinAText p {
        font-size: 16px;
    }

    .joinSText p {
        font-size: 16px;
    }

    .joinSText h4 {
        font-size: 20px;
    }

    /* .joinSRig {
    width: 78%;} */
    .joinSImgBox {
        width: 62%;
    }

    .joinSTbox {
        width: 32%;
    }

    .joinZText p {
        font-size: 16px;
    }

    .joinZText {
        width: 32%;
        display: flex;
        align-items: center;
        margin-right: 1%;
    }

    .joinZTit {
        font-size: 20px;
    }

    .joinZMore {
        width: 36px;
        height: 36px;
    }

    .joinZMText p {
        font-size: 16px;
    }

    .joinZMTit {
        font-size: 20px;
    }

    .joinZMsBox {
        padding: 30px 20px;
    }
}

@media(max-width:1368px) {
    .joinZRig {
        width: 52%;
    }

    .joinZText p {
        font-size: 14px;
    }

    .joinZMText p {
        font-size: 14px;
    }

    .joinZBon p {
        font-size: 14px;
    }

    .joinSText h4 {
        font-size: 18px;
    }
    .joinZItem {
    margin-bottom: 15px;
}
.joinSIcon {
    width: 40px;
    margin-bottom: 15px;
}
}
@media(max-width:1280px){
    .joinZTop {
    padding: 25px 30px;
}
        .joinSText p {
        font-size: 14px;
    }
        .joinZMTit {
        font-size: 18px;
    }
        .joinZTit {
        font-size: 18px;
    }
    .joinAText {
    width: 60%;}
    .joinSBtn {
    width: 40px;
    height: 40px;}
}
@media(max-width:1200px){
    .joinZText{
        display: none;
    }
}
@media(max-width:1024px){
    .joinSItem .inner{
        flex-wrap: wrap;
    }
    .joinSRig {
        margin-top: 30px;
    width: 100%;}
    .joinAText {
    width: 65%;}
}
@media(max-width:900px){
    .joinATop{
        flex-wrap: wrap;
    }
        .joinAText {
        width: 100%;
        margin-top: 30px;
    }
    .joinZMsBox{
        flex-direction: column;
    }
    .joinZMs {
    width: 100%;
}
.joinZMs:nth-child(1){
    margin-bottom: 30px;
}
 .joinSIcon {
    width: 35px;
}
.joinSRig{
    flex-direction: column;
}
    .joinSTbox {
        width: 100%;
    }
        .joinSImgBox {
        width: 100%;
    }
}
@media(max-width:680px){
        .joinAText p {
        font-size: 14px;
    }
    .joinAQh {
    margin-top: 20px;
}
.joinAMore {
    width: 40px;
    height: 40px;}
        .joinZTop {
        padding: 20px 20px;
    }
        .joinZMsBox {
        padding: 20px 0;
    }
    .joinZBon {
    padding: 20px 0;}
        .joinZMTit {
        font-size: 15px;
    }
        .joinZTit {
        font-size: 16px;
    }
    .joinSIcon {
    width: 28px;
}
.joinSBtn {
    width: 35px;
    height: 35px;}
        .joinSText h4 {
        font-size: 16px;
    }
        .joinZMore {
        width: 32px;
        height: 32px;
    }
        .joinZMore {
        width: 32px;
        height: 32px;
    }
    .joinAList {
    margin-top: 30px;
    position: relative;
}
    .joinZRig {
        width: 20%;
    }
    .joinZTit {
    width: 80%;}
}
@media(max-width:500px){
    .joinZTop {
        padding: 15px 20px;
    }
    .joinZCon {
    padding: 0 20px;}
    .joinZList {
    margin-top: 20px;}
}
/* 联系我们 */
.conACon {
    margin-top: 50px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.conAItem {
    width: calc(50% - 10px);
    padding: 50px;
    border-radius: 20px;
    position: relative;
    background: #F4F6FA;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 20px;
}

.conATbox {
    position: relative;
    z-index: 2;
}

.conATit {
    font-size: 32px;
    color: #23388f;
    transition: all 0.48s;
}

.conAText {
    width: calc(100% - 120px);
    font-size: 18px;
    line-height: 30px;
    /* height: 60px; */
    color: #666;
    transition: all 0.48s;

}

.conATBon {
    margin-top: 70px;
    display: flex;
    align-items: center;
}

.conATBon p {
    font-size: 18px;
    color: #666;
}

.conAMore {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    /* background: rgb(35, 56, 143, .1); */
    border: 1px solid rgb(0, 0, 0, .1);
    margin-left: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;

}

.conAMore svg {
    width: 40%;
    height: 40%;
}

.conAMore svg path {
    fill: #666;
    transition: all 0.48s;
}

.conAImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.8s;

}

.conAItem:hover .conAImg {
    opacity: 1;
}

.conAImg::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(35, 56, 143, .9);
}

.conAImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.conATop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0, 0, 0, .1);
}

.conANum {
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    color: #23388f;
    opacity: .1;
}

.conAIcon {
    width: 50px;
    height: 50px;
}

.conAIcon svg,.conAIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.conABon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 120px;
}

.conAItem:hover .conATit {
    color: #fff;
}

.conAItem:hover .conAText {
    color: #fff;
}

.conAItem:hover .conATBon p {
    color: #fff;
}

.conAItem:hover .conANum {
    color: #fff;
}

.conAItem:hover .conAMore {
    background: #fff;
}


.conAItem:hover .inMore a p {
    color: #fff;
}

.conAItem:hover .inMore a {
    border-bottom: 1px dashed rgba(255, 255, 255, .2);
}

.conAItem:hover .inMore svg path {
    fill: #fff;
}





.conXBox {
    margin-top: 70px;
    padding-top: 50px;
    border-top: 1px solid rgb(0, 0, 0, .1);
}

.conXList {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.conXItem {
    width: calc(25% - 10px);
    background: #F4F6FA;
    border-radius: 16px;
    overflow: hidden;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.conXIcon {
    width: 70px;
}

.conXTit {
    font-size: 24px;
    font-weight: 500;
    color: #23388f;
    transition: all 0.48s;
    margin-top: 50px;
}

.conXText {
    font-size: 18px;
    color: #666;
    transition: all 0.48s;
}

.conAItem .inMore a {
    opacity: .8;
}

@media(max-width:1680px) {
    .conXIcon {
        width: 50px;
    }

    .conXTit {
        font-size: 20px;
    }

    .conATit {
        font-size: 28px;
    }

    .conANum {
        font-size: 32px;
    }

    .conAIcon {
        width: 42px;
        height: 42px;
    }

    .conABon {
        margin-top: 100px;
    }

    .conXItem {
        height: 270px;
    }
}

@media(max-width:1368px) {
    .conANum {
        font-size: 28px;
    }

    .conATit {
        font-size: 24px;
    }

    .conABon {
        margin-top: 70px;
    }

    .conXIcon {
        width: 39px;
    }

    .conXTit {
        margin-top: 30px;
    }

    .conXItem {
        height: 250px;
    }

    .conAText {
        font-size: 16px;
    }

    .conXText {
        font-size: 16px;
    }
}

@media(max-width:1280px) {
    .conAItem {
        padding: 30px
    }
}

@media(max-width:1024px) {
    .conACon, .conXList {
        flex-wrap: wrap;
    }

    .conAItem {
        width: 100%;
        margin-bottom: 20px;
    }

    .conACon, .conXList {
        margin-top: 30px;
    }

    .conXItem {
        margin-bottom: 20px;
        width: calc(50% - 10px);
    }

    .conXTit {
        font-size: 18px;
    }
}

@media(max-width:680px) {
    .conXTit {
        font-size: 16px;
    }

    .conABon {
        margin-top: 50px;
        flex-wrap: wrap;
    }

    .conAText {
        width: 100%;
        margin-bottom: 10px;
    }

    .conATop {
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(0, 0, 0, .1);
    }

    .conATit {
        font-size: 20px;
    }

    .conAIcon {
        width: 35px;
        height: 35px;
    }

    .conXItem {
        margin-bottom: 10px;
        width: calc(50% - 5px);
    }
}

@media(max-width:500px) {
    .conXItem {
        margin-bottom: 10px;
        width: 100%;
    }

    .conAText {
        font-size: 14px;
    }

    .conXItem {
        height: 220px;
    }

    .conABon {
        margin-top: 30px;
    }
}

/* 患者 */
.patABox {
    position: relative;
}

.patAList {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.patAItem {
    width: 50%;
    overflow: hidden;
    padding-bottom: 50px;
}

.patAItem:nth-child(1) {
    border-right: 1px solid rgb(0, 0, 0, .1);
    padding-right: 5%;
}

.patAItem:nth-child(2) {
    padding-left: 5%;
}

.patATop {
    display: flex;
    justify-content: space-between;
}

.patATit p {
    font-size: 28px;
    font-weight: 500;
}
.patATit span {
    font-size: 18px;
     font-size: 18px;
    color: #666;
}
.patAText {
    position: relative;
    margin-top: 30px;
}

.patAText p {
    font-size: 18px;
    color: #666;
    /* text-transform: capitalize; */
}

.patATit b {
    font-size: 36px;
    font-weight: 500;
    opacity: .3;
}

.patAImg {
    width: 35%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.patAImg img {
    width: 100%;
}

.patABon {
    margin-top: 20px;
}

.patABon p {
    font-size: 18px;
    color: #666;
}

.patATit img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 20px;
}

.patRBox {
    position: relative;
}

.patRBox .inner {
    display: flex;
    justify-content: space-between;
}

.patRLeft {
    width: 40%;
    position: relative;
}

.patRImg {
    width: 100%;
    padding-top: 65%;
    position: sticky;
    top: 120px;
    border-radius: 16px;
    overflow: hidden;
}

.patRImg video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.patRImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.patRRig {
    width: 52%;
    position: relative;
}

.patRText {
    position: relative;
    margin: 20px 0 50px;
    padding-top: 30px;
    border-top: 1px solid rgb(0, 0, 0, .1);
}

.patRText h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #0d1c59;
}

.patRText p {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
}

.patRTit {
    font-size: 36px;
    font-weight: 500;
}

.patRBtn {
    width: 200px;
    height: 60px;
    border-radius: 50px;
    background: #0d1c59;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.patRBtn p {
    color: #fff;
    font-size: 18px;
}

.patJBox {
    padding-top: 0;
    position: relative;
}

.patJItem {
    position: relative;
    overflow: hidden;

}

.patJImg {
    width: 100%;
    padding-top: 38%;
    position: relative;
    overflow: hidden;
}

.patJImg img {
    width: 100%;
    height: calc(100% + 100px);
    position: absolute;
    left: 0;
    top: -100px;
    object-fit: cover;
}

.patJImg::before {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: linear-gradient(to left, rgb(95, 172, 68, .2), rgb(35, 56, 143, .5));
}

.patJImg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: opacity .2s;
    user-select: none;
    z-index: 1;
}

.patJItem:hover .patJImg::after {
    opacity: .1;
}

.patJTbox {
    width: 100%;
    height: 100%;
    padding: 50px 0;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.patJTbox .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.patJTbox .inMore {
    margin-top: 50px;
}



@media(max-width:1680px) {
    .patRText p, .patAText p, .patABon p,.patATit span {
        font-size: 16px;
    }

    .patRText h4 {
        font-size: 20px;
    }

    .patRBtn p {
        color: #fff;
        font-size: 16px;
    }

    .patRBtn {
        width: 180px;
        height: 55px;
    }

    .patATit p {
        font-size: 24px;
    }
}

@media(max-width:1368px) {
    .patAText p {
        margin-bottom: 8px;
    }

    .patAItem {
        padding-bottom: 30px;
    }

    .patATit p {
        font-size: 20px;
    }

    .patATit img {
        width: 40px;
        height: 40px;
    }
}

@media(max-width:1024px) {
    .patRBox .inner {
        flex-wrap: wrap;
    }

    .patRRig {
        width: 100%;
    }
}

@media(max-width:900px) {
    .patAList {
        flex-wrap: wrap;
    }

    .patAItem {
        width: 100%;
        padding: 30px 0;
    }

    .patAItem:nth-child(1) {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid rgb(0, 0, 0, .1);
    }

    .patAItem:nth-child(2) {
        padding-left: 0;
    }

    .patRLeft {
        width: 80%;
        position: relative;
        margin-bottom: 30px;
    }

    .patJTbox .inMore {
        margin-top: 30px;
    }
}

@media (max-width: 680px) {
    .patRText p, .patAText p, .patABon p {
        font-size: 14px;
    }

    .patATit p {
        font-size: 18px;
    }

    .patATit img {
        width: 35px;
        height: 35px;
    }

    .patRLeft {
        width: 100%;
    }

    .patRText h4 {
        font-size: 18px;
    }

    .patRBtn p {
        font-size: 14px;
    }

    .patRBtn {
        width: 160px;
    }

    .patRText {
        position: relative;
        margin: 20px 0 30px;
        padding-top: 20px;
    }

    .patJImg {
        padding-top: 0;
        height: 280px;
    }

    .patJTbox .inMore {
        margin-top: 20px;
    }
}

/*  */
.proFBox {
    width: 100%;
    height: calc(100vh - 100px);
    position: relative;
    overflow: hidden;
}

.proFBox .inner {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.proFCon {
     width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.proFLeft {
    width: 38%;
    position: relative;
}

.proFImg {
    width: 100%;
    padding-top: 85%;
    position: relative;
}

.proFImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
}

.proFRig {
    width: 48%;
    position: relative;
}

.proFText {
    margin-top: 30px;
    position: relative;
     font-size: 18px;
     color: #fff;
     width: 100%;
}
.proFText .char{
     font-size: 18px;
      color: #fff;
}
.proFText span {
    font-size: 18px;
    margin-bottom: 15px;
}

.proFTit {
    font-size: 28px;
}















.proXBox {
    position: relative;
}

.proXList {
    display: flex;
    justify-content: space-between;
}

.proXItem {
    width: calc(25% - 20px);
    padding: 50px 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* background: rgb(27 27 27); */
    border-radius: 20px;
}

.proXTit {
    font-size: 24px;
    color: #fff;
    transition: opacity .8s;
    margin-bottom: 20px;
}

.proXText {
    font-size: 18px;
    color: #fff;
    opacity: .8 !important;
}

.proXNum {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
    /* opacity: .6; */
    display: none;
}





.proVBox {
    position: relative;
}

.proVTop {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.proVCon {
    position: relative;
    display: flex;
    align-items: center;
    transform: scale(0.9);
    width: 80%;
    margin: 50px auto 0;
}
.proVCon{
    padding-top: 43%;
    position: relative;
        border-color: #e5e7eb;
        border-radius: 20px;
    overflow: hidden;
}

.proVCon video {
    width: 100%;
    height: 100%;
   object-fit: cover;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}
.proVCon::after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgb(0, 0, 0, .3);
}
.proVCon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
  .proVBut {
                width: 50px;
                height: 50px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                z-index: 3;
                /* background: #fff; */
            }

            .proVBut svg {
                width: 100%;
                height: 100%;
            }

            .proVBut svg path {
                fill: #fff;
            }

            .proVCon img {
                width: 100%;
                height: 100%;
            }
.proVCon.Act img{
    opacity: 0;
    z-index: 0;
}
.proVCon.Act video{
    display: block;
    z-index: 2;
}
.proVCon.Act .proVBut{
    display: none;
}
.proVCon.Act::after{
   display: none;
}
@media(max-width:1680px) {



    .proXTit {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .proXText {
        font-size: 16px;
    }

}

@media(max-width:1368px) {
    .proFText span {
        font-size: 16px;
    }

    .proXItem {
        padding: 30px 20px;
    }
.proXText {
        font-size: 14px;
    }
        .proXTit {
        font-size: 18px;}
}

@media(max-width:1200px) {
    .proXList {
        flex-wrap: wrap;
    }

    .proXItem {
        margin-right: 20px;
        margin-bottom: 20px;
        width: calc(50% - 10px);
    }

    .proXItem:nth-child(2n) {
        margin-right: 0;
    }

}

@media(max-width:1024px) {
    .proFCon {
        flex-wrap: wrap;
        padding-top: 100px;
    }

    .proFLeft {
        width: 50vw;
        position: relative;
    }

    .proFRig {
        width: 100%;
        position: relative;
        margin-top: 50px;
    }

    .proFBox {
        height: auto;overflow: hidden;
    }
}

@media(max-width:900px) {
    .proVCon {
        width: 100%;
    }

    .proFLeft {
        width: 70vw;
    }
}

@media(max-width:680px) {
    .proXItem {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .proVCon {
        width: 100%;
        margin-top: 20px;
    }

    .proFLeft {
        width: 80vw;
    }

    .proXTit {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .proFText span {
        font-size: 14px;
    }
}




/* 芯片 */
.chipCox {
    position: relative;
}

.chipCTop {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}


.chipCBon {
    width: calc(100% - 400px);
    position: relative;
}

.chipCList {
    display: none;
    flex-wrap: wrap;
}

.chipCList.Act {
    display: flex;
}

.chipCItem {
    width: calc(33.3% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    padding: 30px;
    cursor: pointer;
}

.chipCItem:nth-child(3n) {
    margin-right: 0;
}

.chipCImg {
    width: 120px;
    height: 120px;
    position: relative;
}

.chipCImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
    transition: all 0.48s;
}

.chipCTbox {
    position: relative;
    margin-top: 30px;
}

.chipCTit {
    display: flex;
    align-items: center;
}

.chipCTit svg {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.chipCTit svg path {
    fill: #666;
}

.chipCTit p {
    font-size: 20px;
    font-weight: 500;
}

.chipCText {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    color: #666;
    /* font-weight: 500; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.48s;
    margin: 20px 0 30px;
}

.chipCItem:hover .chipCTit p {
    color: #23388f
}

.chipCItem:hover .chipCTit svg path {
    fill: #23388f;
}

.chipCItem:hover .chipCImg img {
    transform: scale(1.1);
}

.chipCBt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.chipCon {
    display: flex;
    justify-content: space-between;
}

.chipCLeft {
    width: 320px;
    position: relative;
}

.chipCNavBox {
    position: relative;
}

.chipCNTit {
    font-size: 36px;
    position: relative;
    color: #23388f;
}

.chipCNavList {
    margin-top: 30px;
    position: relative;
}

.chipCNItem {
    padding: 25px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}



.chipCNTop {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.chipCNTop p {
    font-size: 20px;
    color: #666;
}

.chipCNIcon {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chipCNIcon svg {
    width: 100%;
    height: 100%;
}

.chipCNIcon svg path {
    fill: #666;
}

.chipCNItem.Act p {
    color: #23388f;
}

.chipCNItem.Act svg path {
    fill: #23388f;
}

@media(max-width:1680px) {
    .chipCText {
        font-size: 16px;
    }

    .chipCLeft {
        width: 280px;
    }

    .chipCBon {
        width: calc(100% - 330px);
    }

    .chipCItem {
        width: calc(33.3% - 14px);
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 20px;
    }

    .chipCNTit {
        font-size: 32px;
    }

    .chipCTit p {
        font-size: 18px;
    }
}

@media(max-width:1368px) {
    .chipCNTop p {
        font-size: 16px;
    }

    .chipCText {
        font-size: 14px;
        line-height: 25px;
        height: 50px;
        margin: 10px 0 20px;
    }

    .chipCImg {
        width: 100px;
        height: 100px;
    }

    .chipCLeft {
        width: 250px;
    }

    .chipCBon {
        width: calc(100% - 300px);
    }

    .chipCNTit {
        font-size: 28px;
    }

    .chipCTit p {
        font-size: 18px;
    }

    .chipCNTop p {
        font-size: 18px;
    }
}

@media(max-width:1280px) {
    .chipCLeft {
        width: 230px;
    }

    .chipCBon {
        width: calc(100% - 280px);
    }
}

@media(max-width:1200px) {
    .chipCNTit {
        font-size: 24px;
    }

    .chipCon {
        flex-wrap: wrap;
    }

    .chipCItem {
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 20px;
    }

    .chipCItem:nth-child(3n) {
        margin-right: 20px;
    }

    .chipCItem:nth-child(2n) {
        margin-right: 0;
    }

    .chipCNIcon {
        width: 13px;
        height: 13px;
    }

    .chipCNItem {
        padding: 20px 0;
    }
}

@media(max-width:900px) {
    .chipCLeft {
        width: 100%;
    }

    .chipCBon {
        width: 100%;
    }
}

@media(max-width:680px) {
    .chipCNTop p {
        font-size: 16px;
    }

}

@media(max-width:500px) {
    .chipCNItem {
        padding: 15px 0;
    }

    .chipCNTit {
        font-size: 20px;
    }

    .chipCImg {
        width: 90px;
        height: 90px;
    }

    .chipCBon {
        margin-top: 30px;
    }

    .chipCItem {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
        padding: 20px;

    }
}

/* 详情 */
.chipQBox {
    position: relative;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}

.chipQImg {
    width: 100%;
    padding-top: 32%;
    position: relative;
}

.chipQImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.chipQCon {
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
    z-index: 9;
}

.chipQTit {
    position: relative;
    display: flex;
    align-items: center;
}

.chipQTit svg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.chipQTit svg path {
    fill: #fff;
}

.chipQTit p {
    font-size: 28px;
    color: #fff;
}

.chipQText {
    font-size: 16px;
    width: 60%;
    position: relative;
    color: #fff;
    margin: 20px 0 50px;
    opacity: .8;
}

.chipQBtn {
    display: flex;
}

.chipQBtn .inMore {
    margin-right: 30px;
}

.chipSBox {
    position: relative;
    background: #f7f8f9;
}

.chipSTop {
    display: flex;
    justify-content: center;
    align-items: center;
}

.chipSList {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.chipSItem {
    width: calc(50% - 20px);
    margin-right: 40px;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.chipSItem:nth-child(1),
.chipSItem:nth-child(2) {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.chipSItem:nth-child(2n) {
    margin-right: 0;
}

.chipSItem p {
    position: relative;
    font-size: 18px;
    color: #666;
    padding: 0 20px;
}

.chipSItem p::before {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    background: #aaa;
    top: 9px;
    content: '';
    border-radius: 50%;
}

.chipRBox {
    position: relative;
}

.chipRCon {
    position: relative;
    overflow-x: auto;
}

.chipRFrom {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    min-width: 1000px;
}

.chipRTop {
    display: flex;
    align-items: center;
    background: #23388f;
}

.chipRText {
    padding: 25px 30px;
}

.chipRText p {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}

.chipRTop .chipRText p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
}

.chipR_15 {
    width: 15%;
}

.chipR_40 {
    width: 40%;
}

.chipRCon {
    position: relative;
}

.chipRItem {
    position: relative;
    display: flex;

}

.chipRItem:nth-child(2n-1) {
    background: #f7f8f9;
}

.chipRBt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.chipFRig {
    width: 10%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.chipFLeft {
    width: 10%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.chipFMore {
    width: 45px;
    height: 45px;
    background: rgb(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.48S;
    opacity: 0;
}

.chipFLeft:hover .chipFMore {
    opacity: 1;
}

.chipFRig:hover .chipFMore {
    opacity: 1;
}

.chipFMore svg {
    width: 40%;
    height: 40%;
}

.chipFMore svg path {
    fill: #23388f;
}

.chipFSwiper_next {
    right: -30px;
}

.chipFSwiper_prev {
    left: -30px;
}

.chipFSwiper_prev svg {
    transform: rotate(180deg);
}

.chipFMore:hover {
    background: #23388f;
}

.chipFMore:hover svg path {
    fill: #fff;
}

.chipFBox {
    position: relative;
    background: #f7f8f9;
}

.chipFTop {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chipFList {
    margin-top: 50px;
    display: flex;
    position: relative;
}

.chipFSwiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.chipFItem {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.8s;
}

.chipFImg {
    width: 100%;
    padding-top: 65%;
    position: relative;
}

.chipFImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.chipFTit {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.chipFTit p {
    font-size: 18px;
    color: #666;
}

@media(max-width:1680px) {
    .chipQText {
        font-size: 16px;
        width: 60%;
        position: relative;
        color: #fff;
        margin: 20px 0 30px;
        opacity: .8;
    }

    .chipQTit p {
        font-size: 24px;
    }

    .chipQTit {
        margin-top: 5%;
    }

    .chipSItem p {
        font-size: 16px;
    }

    .chipSItem {
        padding: 22px 0;
    }

    .chipRText p {
        font-size: 14px;
    }

    .chipFTit p {
        font-size: 16px;
    }

    .chipRTop .chipRText p {
        font-size: 16px;
    }
}

@media(max-width:1368px) {
    .chipSItem {
        padding: 16px 0;
    }

    .chipQText {
        font-size: 14px;
        width: 60%;
        position: relative;
        color: #fff;
        margin: 15px 0 20px;
        opacity: .8;
    }

    .chipQTit p {
        font-size: 20px;
    }

    .chipQTit svg {
        width: 35px;
        height: 35px;
    }

}

@media(max-width:1024px) {
    .chipSItem p {
        font-size: 14px;
    }

    .chipQCon {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0%);
        z-index: 9;
        padding: 50px 0;
    }

    .chipQTit svg path {
        fill: #23388f;
    }

    .chipQTit p {
        color: #23388f;
    }

    .chipQText {
        width: 100%;
        font-size: 14px;
        color: #333;
        opacity: .8;
    }

    .chipQBtn .inMore.white p {
        color: #333;
    }

    .chipQTit {
        margin-top: 0;
    }

    .chipQBtn .inMore.white svg path {
        fill: #333;
    }

    .chipQBtn .inMore.white a {
        border-bottom: 1px dashed rgba(0, 0, 0, .3);
    }

    .chipQBtn .inMore.white:hover p {
        color: #23388f;
    }

    .chipQBtn .inMore.white:hover svg path {
        fill: #23388f;
    }
}

@media(max-width:900px) {
    .chipQImg {
        width: 100%;
        padding-top: 0;
        position: relative;
        height: 280px;
    }
}

@media(max-width:900px) {
    .chipQImg {
        height: 250px;
    }
}

@media(max-width:680px) {
    .chipRTop .chipRText p {
        font-size: 14px;
    }
    .chipRText{
        padding: 20px;
    }
    .chipSItem:nth-child(1), .chipSItem:nth-child(2) {
        border-top: none;
    }

    .chipFTit p {
        font-size: 14px;
    }

    .chipSList {
        margin-top: 30px;
    }

    .chipRBt {
        margin-bottom: 30px;
    }
}

@media(max-width:500px) {
    .chipSItem {
        width: 100%;
        margin-right: 0;
    }
}