.inNewBox {
    position: relative;
}

.inNList {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.inNItem {
    width: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
    background: #f7f8f9;
    padding: 20px;
    border-radius: 20px;
    margin-right: 30px;
    margin-bottom: 30px;
    transition: all 0.48s;
}

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

/* .inNItem:last-child{
    margin-bottom: 0;
} */
.inNImg {
    width: 45%;
    padding-top1: 35%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

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

.inNTbox {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 20px 0;
}

.inNTit {
    font-size: 26px;
    line-height: 1.5;
    margin-top: 10px;
    transition: all 0.48s;
}

.inNIcon {
    font-size: 18px;
    color: #0084ca;
    transition: all 0.48s;
}

.inNText {
    font-size: 16px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 20px 0 30px;
}

.inNBtn .inBtn.black .inBtnText span {
    font-size: 18px;
}

.inNLBtn {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

.inNLBtn a::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgb(0, 132, 202, .1);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    content: '';
}

.inNLBtn a {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #0084ca;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inNSwiper {
    margin-bottom: 50px;
}

.inNItem:hover {
    background: #0084ca;
}

.inNItem:hover .inNImg img {
    transform: scale(1.1);
}

.inNItem:hover .inNIcon {
    color: #ddd;
}

.inNItem:hover .inNTit {
    color: #fff;
}

.inNItem:hover .inNBtn .inBtn.black .inBtnText span {
    color: #fff;
}

.inNItem:hover .inBtn.black .inBtnJt p svg path {
    fill: #fff;
}

.inNItem:hover .inBtn.black a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.58);
}

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

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

    .inNBtn .inBtn.black .inBtnText span {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .inNImg {
        padding-top1: 38%;
    }

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

@media (max-width: 680px) {
    .inNItem {
        width: 100%;
        flex-wrap: wrap;
        margin-right: 0;
    }

    .inNImg {
        width: 100%;
        padding-top: 55%;
    }

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

    .inNImg {
        width: 100%;
        padding-top: 70%;
    }
}








.inPBtn {
    width: 100%;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #0084ca;
    position: relative;
    transition: all 0.48s;
    overflow: hidden;
    border-radius: 50px;
    /* max-width: 300px; */
}

.inPBtn span {
    font-size: 20px;
    transition: all 0.48s;
    position: relative;
    color: #fff;
}

.inPBtn svg path {
    fill: #fff;
}

.inPBtn svg {
    width: 25px;
    height: 25px;
    position: relative;
}

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














.proXTop {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    margin-bottom: 70px;
}

.proXItem {
    font-size: 18px;
    line-height: 1;
    padding: 15px 40px;
    min-height: 60px;
    border-radius: 50px;
    margin-left: 20px;
    cursor: pointer;
    background: #1387c5;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.proXItem.act {
    background: #076293;
    color: #fff;
    font-size: 24px;
}

.proXItem img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    object-fit: contain;
}

.proXItem .img1 {
    display: none;
}

.proXItem .img2 {
    display: block;
}

.proXItem.act .img1 {
    display: block;
}

.proXItem.act .img2 {
    display: none;
}

.proXItem.act img {
    width: 35px;
    height: 35px;
}



@media (max-width: 1280px) {
    .proXItem img {
        width: 25px;
        height: 25px;
    }

    .proXItem.act img {
        width: 30px;
        height: 30px;
    }

    .proXItem.act {
        font-size: 20px;
    }

}

@media (max-width: 1024px) {
    .proXItem {
        font-size: 16px;
        line-height: 1;
        padding: 12px 30px;
    }

    .proXItem.act {
        font-size: 18px;
    }

    .proXItem.act img {
        width: 25px;
        height: 25px;
    }

    .proXItem img {
        width: 20px;
        height: 20px;
    }

    .proXTop {
        margin-bottom: 50px;
    }
}

@media (max-width: 900px) {
    .proXTop {
        justify-content: flex-start;
    }

    .proXItem {
        min-height: 50px;
        margin: 5px;
    }
}

@media (max-width: 680px) {
    .proXItem {
        padding: 12px 28px;
    }

    .proXItem.act img {
        width: 22px;
        height: 22px;
    }

    .proXItem {
        font-size: 14px;
    }

    .proXItem.act {
        font-size: 16px;
    }

    .proXItem {
        min-height: 45px;
    }

    .proXItem {
        padding: 12px 22px;
    }
}








/* 首页 */
.InnBan {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.InBanSwiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.InBItem {
    width: 100%;
    height: 100%;
    position: relative;
}

.InBanImgBox::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(0, 0, 0, .4);
}

.InBTbox {
    width: 84%;
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
}

.InBTit {
    font-size: 66px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    transition: all 0.48s;
    margin: 30px 0 50px;
    transform: translateY(100px);
    opacity: 0;
    transition: all ease 0.8s 0.15s;
}

.InBItem.swiper-slide-active .InBTit {
    transform: translateY(0);
    opacity: 1;
}

.InBLogo {
    width: 280px;
    transform: translateY(100px);
    transition: all ease 0.8s;
    opacity: 0;
}

.InBLogo2 {
    width: 80px;
    transform: translateY(100px);
    transition: all ease 0.8s;
    opacity: 0;
}

.InBItem.swiper-slide-active .InBLogo {
    transform: translateY(0);
    opacity: 1;
}

.InBItem .inABtn {
    transform: translateY(100px);
    opacity: 0;
    transition: all ease 0.8s 0.3s;
}

.InBItem.swiper-slide-active .inABtn {
    transform: translateY(0);
    opacity: 1;
}

.InXText {
    width: 150%;
    height: 130%;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* z-index: 9; */
    opacity: .3;
    object-fit: contain;
}

.mouseBon {
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 9;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: jdt2 2s linear infinite;
}

@keyframes jdt2 {
    0% {
        bottom: 60px;
        opacity: 0;
    }

    100% {
        bottom: 50px;
        opacity: 1;
    }
}

.mouse {
    width: 45px;
}

.mouseJt {
    width: 30px;
}

.InBIcon {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.InBIcon img {
    width: 20px;
    height: 20px;
}

.InBIcon svg {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

.InBItem.swiper-slide-active .InBIcon .jdt3 {
    opacity: 1;
    animation: jdt3 12s linear forwards;
}

@keyframes jdt3 {
    0% {
        stroke-dasharray: 0 190;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 190 0;
        stroke-dashoffset: 0;
    }
}

.InBIconBox {
    position: absolute;
    top: 45%;
    right: 5%;
    z-index: 9;
}

.inAIcon2 {
    display: none;
}

.inAIcon1 {
    display: block;
}

.InBIconBox.inABact .inAIcon1 {
    display: none;
}

.InBIconBox.inABact .inAIcon2 {
    display: block;
}

.InBItem.swiper-slide-active .InBIconBox.inABact .jdt3 {
    animation-play-state: paused;
}

.InnBan .InBanSwiper_pagination {
    width: auto;
    position: absolute;
    left: auto;
    top: 45%;
    right: 6%;
    bottom: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9;
    margin-top: 60px;
}

.InBanSwiper_pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    display: block !important;
    opacity: .4;
    transition: all 0.48s;
    margin: 8px 0 !important;
}

.InBanSwiper_pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

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

.inABtn a {
    width: 200px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.inABtn span {
    font-size: 18px;
    color: #fff;
    line-height: 1;
}

.inABtn .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inABtn .icon svg {
    width: 50%;
    height: 50%;
}

.inABtn .icon svg path {
    fill: #fff;
}

.inABtn a::after {
    width: 40px;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    background: #eee;
    transition: all 0.48s;
}

.inABtn a:hover::after {
    width: 100%;
}

.InBanImgBox {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.1);
    transition: all ease .3s;
    opacity: 0;
}

.InBanImg {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 80% center;
}

.InBItem.swiper-slide-active .InBanImgBox {
    opacity: 1;
    transform: scale(1);
}

@media (max-width:1680px) {
    .InBLogo {
        width: 230px;
    }

    .InBTit {
        font-size: 60px;
    }

    .InBLogo2 {
        width: 80px;
    }
}

@media (max-width:1368px) {
    .InBLogo {
        width: 200px;
    }

    .InBLogo2 {
        width: 70px;
    }

    .InBTit {
        font-size: 52px;
    }
}

@media (max-width:1280px) {
    .InnBan .InBanSwiper_pagination {
        right: 7%;
    }

    .InBTit {
        font-size: 48px;
        margin: 20px 0;
    }

    .InBLogo {
        width: 170px;
    }

    .InBLogo2 {
        width: 70px;
    }
}

@media (max-width:1024px) {
    .InnBan {
        height: 650px;
    }

    .InBLogo {
        width: 150px;
    }

    .InBLogo2 {
        width: 70px;
    }

    @keyframes jdt2 {
        0% {
            bottom: 20px;
            opacity: 0;
        }

        100% {
            bottom: 30px;
            opacity: 1;
        }
    }

    .InBTit {
        font-size: 44px;
    }

    .inABtn a {
        width: 180px;
    }
}

@media (max-width:900px) {
    .InBIconBox {
        display: none;
    }

    .InnBan .InBanSwiper_pagination {
        margin-top: 0;
    }

    .InBTit {
        font-size: 42px;
    }

    .InnBan {
        height: 600px;
    }
}

@media (max-width:768px) {
    .InBTit {
        font-size: 36px;
    }

    .InBLogo {
        width: 130px;
    }

    .InBLogo2 {
        width: 65px;
    }

    .inABtn .icon {
        width: 35px;
        height: 35px;
    }

}

@media (max-width:680px) {
    .InnBan {
        height: 500px;
    }

    .InBTit {
        font-size: 32px;
    }

    .InBLogo {
        width: 110px;
    }

    .InBLogo2 {
        width: 60px;
    }

    .inABtn span {
        font-size: 16px;
    }

    .inABtn .icon {
        width: 30px;
        height: 30px;
    }

    .inABtn a {
        width: 160px;
    }

    .InBanSwiper_pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 5px 0 !important;
    }
}

@media (max-width:500px) {
    .InBLogo {
        width: 90px;
    }

    .InBTit {
        font-size: 28px;
    }

    .InBLogo2 {
        width: 50px;
    }

    .InnBan .InBanSwiper_pagination {
        right: 3%;
    }
}



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

.inATBox {
    width: 45%;
}

.inAText {
    margin: 0 0 70px;
}

.inAText span {
    font-size: 18px;
    display: block;
    margin-top: 20px;
}

.inAList {
    width: 80%;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.inAGBtn {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    transition: all 0.48s;
}

.inAGBtn span {
    font-size: 22px;
}

.inAIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0084ca;
    border-radius: 50%;
}

.inAGBtn:hover {
    color: #0084ca;

}

.inAGBtn::after {
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #0084ca;
    transition: all 0.48s;
}

.inAGBtn:hover::after {
    width: 100%;
}

.inAGBtn svg path {
    fill: #fff;
}

.inAGBtn svg {
    width: 25px;
    height: 25px;
}

.inAImg {
    width: 50%;
    padding-top1: 35%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

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

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

.inATit {
    font-size: 28px;
    font-weight: 500;
}

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

    .inAText {
        margin: 20px 0 50px;
    }
}

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

    .inATit {
        font-size: 20px;
    }

    .inAText {
        margin: 20px 0 30px;
    }
}

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

    .inATBox {
        width: 100%;
    }

    .inAImg {
        width: 100%;
        margin-top: 30px;
    }

    .inPBtn {
        width: 70%;
    }

    .inAImg {
        padding-top: 55%;
    }
}

@media (max-width: 680px) {
    .inAText span {
        font-size: 15px;
    }

    .inPBtn {
        width: 100%;
    }

    .inAImg {
        padding-top: 70%;
    }

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









.inProBox {
    position: relative;
    overflow: hidden;
    background: #f7f8f9;
}

.inProbg {
    font-size: 600px;
    line-height: 1;
    font-weight: 600;
    color: rgba(0, 0, 0, .02);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inProleft {
    width: 30%;
}

.inProTit p {
    font-size: 42px;
    display: block;
    font-weight: 600;
    color: #0084ca;
}

.inProTRig .inBtn {
    transform: translateY(80px);
    opacity: 0;
    transition: all 0.8s .2s;
}

.inProTRig {
    width: 400px;
    position: relative;
}

.InProItem {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inProImg {
    width: calc(100% - 200px);
    padding-top: 61%;
    position: relative;

}

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

.inProBon {
    display: flex;
    align-items: center;
    /* position: absolute;
    right: 350px;
    top: 50%; */
}

.inProBtn {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer;
}

.InProSwiper_next {
    background: #0084ca;
    border: 1px solid transparent;
}

.InProSwiper_next svg path {
    fill: #fff;
}

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

.inProTon {
    margin-top: 70px;
}

.inProTon p {
    font-size: 24px;
    color: #0084ca;
    font-weight: 600;
    margin-bottom: 20px;
}

.inProTon span {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.inProRig {
    width: 70%;
    display: flex;
    align-items: flex-end;
}

.inProText {
    font-size: 18px;
    margin: 30px 0 50px;
}

.inProTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 50px;
}

.inPJItem {
    position: relative;
    margin-bottom: 70px;
}

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

.inProTxBox {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    position: absolute;
    right: 0;
    width: 320px;
}

.inProTxT {
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #0084ca;
}

.inProTx {
    width: 140px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #999;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.inProTx img {
    width: 30px;
    margin-bottom: 15px;
}

@media (max-width: 1440px) {
    .inProbg {
        font-size: 500px;
    }

    .inPJItem {
        margin-bottom: 50px;
    }

    .inProTit p {
        font-size: 36px;
    }

    .inProImg {
        width: calc(100% - 230px);
    }
}

@media (max-width: 1280px) {
    .inProbg {
        font-size: 400px;
    }

    .inProText {
        font-size: 16px;
    }

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

    .inProTit p {
        font-size: 32px;
    }

    .inPBtn span {
        font-size: 18px;
    }

    .inProTxT {
        font-size: 24px;
    }

    .inProTx {
        width: 130px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    .inProTxBox {
        width: 300px;
        right: -20px;
    }

    .inProImg {
        width: calc(100% - 250px);
    }
}

@media (max-width: 1024px) {
    .inPJItem {
        margin-bottom: 30px;
    }

    .inProImg {
        width: 100%;
    }

    .inProImg {
        padding-top: 85%;
    }

    .inProleft {
        width: 45%;
    }

    .inProRig {
        width: 55%;
    }

    .inProText {
        margin: 10px 0 20px;
    }

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

    .inProTxBox {
        display: none;
    }

    .inProTit p {
        font-size: 32px;
    }

    .inProbg {
        font-size: 300px;
    }
}

@media (max-width: 768px) {
    .InProItem {
        flex-wrap: wrap;
    }

    .inProText {
        font-size: 15px;
    }

    .inProleft {
        width: 100%;
    }

    .inProRig {
        width: 100%;
        margin-top: 30px;
    }

    .inProImg {
        width: 100%;
        padding-top: 65%;
    }

    .inProTxBox {
        /* display: block; */
        position: relative;
    }

    .inProTx {
        width: 45%;
        margin-left: 5%;
        margin-bottom: 10px;
    }

    .inProTx img {
        width: 25px;
        margin-top: 10px;
    }

    .inProTit p {
        font-size: 28px;
    }

    .inProbg {
        font-size: 250px;
        top: 90%;
        color: rgba(0, 0, 0, .01);
    }
}

@media (max-width: 680px) {
    .inProbg {
        font-size: 180px;

    }

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

    .inProImg {
        width: 100%;
        padding-top: 85%;
    }
}

@media (max-width: 500px) {
    .inProbg {
        font-size: 150px;
    }
}





.inYingBox {
    position: relative;
}

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

.inYTList {
    width: 25%;
    padding: 8% 50px;
    height: 600px;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.48s;
}

.inYTList.act {
    width: 72%;
    padding: 50px;
}

.inTImgBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.inTImgBox::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 132, 202, .2);
}

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

.inTImg.act {
    opacity: 1;
}

.inYTBox {
    position: relative;
}

.inYText {
    font-size: 18px;
    color: #eee;
    margin: 50px 0 70px;
    display: none;
}

.inYTop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 6;
    transition: all 0.48s;
}

.inYList {
    display: flex;
    display: none;
    margin-top: 70px;
    justify-content: space-between;
}

.inYItem {
    width: 15%;
    padding-top: 15%;
    position: relative;
    cursor: pointer;
}

.inYItem.act .inYItemT {
    background: rgb(0, 132, 202, .4);
}

.inYItem.act .inYIcon {
    transform: scale(1.1);
}

.inYItemT {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.48s;
}

.inYIcon {
    width: 35px;
    height: 35px;
    transition: all 0.48s;
}

.inYIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

.inYTImg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inYTImg img {
    width: 40%;
    height: 40%;
}

.inYTList.act .inYList {
    display: flex;
}

.inYTList.act .inYText {
    display: flex;
}

.inYTList.act .inYTop {
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.inYTit {
    margin-bottom: 30px;
    text-align: center;
    font-size: 42px;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
    transition: all 0.48s;
}

.inYTList.act .inYTit {
    margin-bottom: 0;
    text-align: left;
    line-height: 1;
}

@media (max-width: 1440px) {
    .inYTit {
        font-size: 36px;
    }
}

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

    .inYItem p {
        font-size: 14px;
        text-align: center;
        line-height: 1.5;
    }

    .inYTList {
        padding: 8% 30px;
        height: 500px;
    }

    .inYTImg {
        width: 60px;
        height: 60px;
    }
}

/* 新增样式start */
.container {
    padding: 0 0 30px;
    background-color: #fafbfc;
}

.container .tit_tip {
    background: #f0f6fd;
    color: #044aed;
    border: 1px solid #c0d6ff;
    border-radius: 100px;
    width: fit-content;
    padding: 0 24px;
    margin: 0 auto;
}

.container .title {
    font-size: 50px;
    color: #0d3d86;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin: 26px 0 16px;
}

.container .tit_desc {
    font-size: 23px;
    color: #304356;
    text-align: center;
}

.container .cardlist {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    padding: 0 30px;
    margin-top: -20%;
}

.container .cardlist .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    padding: 50px 40px;
    background-color: #fff;
    border: 1px solid #e5ebee;
    border-radius: 20px;
    cursor: pointer;
    transition: all .5s;
}

.container .cardlist .item:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .06);
}

.container .cardlist .item .icon {
    width: 80px;
    height: 80px;
    font-size: 0;
    border-radius: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container .cardlist .item .icon img {
    border-radius: 110%;
    /* height: 110%; */
}

.container .row_pic_text {
    display: flex;
}

.container .row_pic_text .right,
.container .row_pic_text .left {
    width: 50%;
    overflow: hidden;
}

.container .row_pic_text .left {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}

.container .row_pic_text .right img {
    width: 100%;
}

.container .cardlist .item .tit {
    font-size: 20px;
    color: #100f24;
    font-weight: bold;
    margin: 12px 0 4px;
}

.container .cardlist .item p {
    font-size: 16px;
    color: #415667;
    line-height: 1.3;
}

.container .cardlist .item:hover .tit {
    color: #2463ed;
}

.text_row {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
}

.text_row .item {
    width: 30%;
    text-align: center;
    padding: e0px 0;
    cursor: pointer;
}

.text_row .item .tit {
    font-size: 36px;
    line-height: 1;
}

.text_row .item p {
    font-size: 20px;
    margin-top: 20px;
    line-height: 1.2;
    opacity: .7;
}

.text_row .item:hover .tit {
    color: #236ce9;
}

.text_row .item:hover p {
    opacity: 1;
}

.contactus {
    margin-top: 60px;
    padding: 100px;
    background-color: #f0f6ff;
    text-align: center;
}

.contactus .tit {
    color: #1d79e4;
    font-size: 40px;
    font-weight: bold;
}

.contactus p {
    color: #654c5c;
    font-size: 20px;
}

.contactus a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: fit-content;
    margin: 30px auto;
    border-radius: 10px;
    padding: 10px 40px;
    transition: transform .5s;
    background: linear-gradient(to right, #236ae9, #10a7d8);
}

.contactus a span {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.contactus a img {
    width: 22px;
    margin-left: 6px;
}

.contactus a:hover {
    transform: translateY(-8px);
}

.container .naojie {
    display: flex;
}

.container .naojie .left,
.container .naojie .pic {
    width: 50%;
}

.container .naojie .left {
    background-color: #1563a6;
    color: #fff;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container .naojie .left .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 87px 100px 40px;
    cursor: pointer;
    transition: background .5s;
}

.container .cardlist .item:hover {
    background: #eff6ff;
}

.container .naojie .left .item:last-child {
    padding: 40px 100px 70px;
    border: none;
}

.container .naojie .left .item:hover {
    background: #55a14d;
}

.container .naojie .left .item a {
    display: flex;
    transition: transform .5s;
    align-items: center;
}

.container .naojie .left .item a img {
    width: 18px;
    margin-left: 6px;
}

.container .naojie .left .item .text p,
.container .naojie .left .item .text .tit {
    color: #fff;
}

.container .naojie .left .item .tit {
    margin-bottom: 10px;
    font-size: 24px;
}

.container .naojie .left .item p {
    font-size: 18px;
}

.container .naojie .left .item a span {
    color: #fff;
}

.container .naojie .left .item a:hover {
    transform: translateX(6px);
}

.container .naojie .pic img {
    width: 100%;
}

.coop {
    width: 100%;
    font-size: 0;
    display: block;
}

.coop img {
    width: 100%;
}

footer {
    background-color: #f9f9fe;
    padding: 30px;
}

footer .left .logo img {
    width: 400px;
}

footer .left .ewm img {
    width: 320px;
    margin-top: 30px;
}

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

footer .contact ul li a {
    display: flex;
    padding: 2px 0;
    align-items: start;
    max-width: 300px;
}

footer .contact ul li a:hover {
    color: #2864e3;
}

footer .contact ul li .tit {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

footer .contact ul li a img {
    margin-top: 6px;
    width: 18px;
    margin-right: 6px;
}

footer .phones {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    justify-content: flex-end;
    padding: 20px;
    gap: 10px;
}

footer .phones a {
    transition: transform .5s;
}

footer .phones a img {
    width: 28px;
}

footer .phones a:hover {
    transform: translateY(-4px);
}

footer .text {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
}

footer .text .t {
    display: flex;
    align-items: center;
}

.coop_contact {
    width: 100%;
    display: block;
    font-size: 0;
}

.coop_contact img {
    width: 100%;
    display: none;
}

.coop_contact img.max {
    display: block;
}

.title_contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px;
    padding-top: 20px;
    background: url('../images/embg.png') no-repeat;
    background-color: #fff;
    background-size: 75% auto;
    background-position: center 3vw;
}

.title_contacts .desc {
    opacity: .9;
    font-size: 20px;
    color: #000;
}

.title_contacts .em {
    margin-top: 30px;
}

.title_contacts a {
    display: block;
    width: fit-content;
    padding: 2px 20px;
    background-color: #1e4a8d;
    color: #fff;
    border-radius: 100px;
    margin-top: 50px;
}

.title_contacts .row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.title_contacts .row .title {
    display: flex;
    align-items: center;
}

.title_contacts .row .title p {
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000;
}

.title_contacts .row .title p:last-child {
    color: #25478b;
}

/* 新增样式end */

@media (max-width: 1280px) {
    .title_contacts {
        background-position: center 6vw;
    }

    /* 新增样式start */
    .container .cardlist .item {
        flex: none;
        padding: 20px 10px;
        width: calc(100% / 4 - (30px * 4 / 5));
    }

    .container .naojie {
        flex-direction: column-reverse;
    }

    .container .naojie .left,
    .container .naojie .pic {
        width: 100%;
    }

    footer .contact {
        flex-wrap: wrap;
    }

    footer .contact .left {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-bottom: 20px;
    }

    .container .title {
        font-size: 24px;
    }

    .container .tit_desc {
        font-size: 20px;
    }

    .container .cardlist .item .icon img {
        width: 60px;
    }

    .container .cardlist .item .tit {
        font-size: 18px;
    }

    .container .cardlist .item p {
        font-size: 16px;
    }

    .text_row .item {
        width: 40%;
    }

    .contactus .tit,
    .text_row .item .tit {
        font-size: 22px;
    }

    .contactus a img {
        width: 18px;
    }

    .contactus p,
    .contactus a span,
    .text_row .item p {
        font-size: 18px;
    }

    .container .naojie .left {
        padding: 20px 50px;
    }

    /* 新增样式end */

    .inYIcon {
        width: 30px;
    }

    .inYItem p {
        font-size: 13px;
    }

    .inYTList.act .inYTop {
        padding-bottom: 20px;
    }

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

    .inYTit {
        font-size: 32px;
    }

    .inYTList {
        margin-bottom: 20px;
    }
}

@media (max-width: 1024px) {

    .title_contacts {
        background-position: center 8vw;
    }

    .container .cardlist {
        margin-top: 30px;
    }

    .container .cardlists {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .container .cardlists::after {
        display: block;
        content: '';
        width: 100%;
        padding-top: 70%;
        margin-top: -20%;
        background: url('/app/naojie/images/naojiepic3.png') no-repeat;
        background-size: cover;
    }

    .container .row_pic_text .left {
        width: 100%;
    }

    .container .row_pic_text .right {
        display: none;
    }

    .inYIcon {
        width: 25px;
    }

    .inYTList.act .inYList {
        flex-wrap: wrap;
    }

    .inYItem {
        width: 88px;
        height: 88px;
        padding-top: 0;
    }

    .inYTList {
        height: 550px;
    }

    .inYTList.act {
        width: 73%;
    }
}

@media (max-width: 900px) {
    .title_contacts {
        background-position: center 15vw;
    }

    .container .cardlist {
        gap: 12px;
    }

    .container .cardlist .item {
        padding: 20px 10px;
        width: calc(100% / 3 - (12px * 3 / 4));
    }


    .coop_contact img.min {
        display: block;
    }

    .coop_contact img.max {
        display: none;
    }

    .inYTList.act,
    .inYTList {
        width: 100%;
        height: auto;
    }

    .inYTFlex {
        flex-wrap: wrap;
    }

    .inYText {
        display: block;
        margin: 20px 0 30px;
    }

    .inYTList .inYTop {
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }

    .inYTList .inYList {
        display: flex;
    }

    footer .contact .left {
        display: none;
    }

    footer .contact {
        flex-wrap: wrap;
    }

    footer .text {
        flex-direction: column;
    }
}

@media (max-width: 768px) {

    .title_contacts {
        background-position: center 15vw;
        background-size: 90% auto;
        padding-bottom: 30px;
    }

    .inYTit {
        font-size: 28px;
    }

    .inYTList .inYList {
        flex-wrap: wrap;
    }

    .inYText {
        font-size: 15px;
    }

    .inYTit {
        margin-bottom: 0;
    }

    .inYItem p {
        font-size: 12px;
    }

    .inYItem {
        width: 85px;
        height: 85px;
    }
}

@media (max-width: 680px) {
    .title_contacts .row {
        flex-direction: column;
    }

    .title_contacts .row .title {
        margin: 0;
        line-height: 1;
    }

    .title_contacts .row .title p {
        line-height: 1;
    }

    .title_contacts .desc {
        margin-top: 20px;
    }

    .title_contacts {
        background-position: center bottom;
    }

    .text_row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .text_row .item {
        width: 80%;
        text-align: center;
        margin-bottom: 30px;
    }

    .container .cardlist .item {
        /* width: 100%; */
        width: calc(100% / 2 - (12px * 2 / 3));
        padding: 10px 5px;
    }

    .container .cardlist .item .tit {
        margin: 2px 0;
        font-size: 16px;
    }

    .container .cardlist .item p {
        font-size: 12px;
    }

    .store-section {
        padding-top: 20px !important;
    }

    .contactus {
        padding: 30px;
    }

    .container .naojie .left .item {
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .container .naojie .left .item a {
        margin-top: 10px;
    }

    .inYTit {
        font-size: 24px;
    }

    .inYTImg {
        width: 45px;
        height: 45px;
    }

    .inYItem {
        width: 82px;
        height: 82px;
    }

    .inYTList.act,
    .inYTList {
        padding: 22px;
    }
}

@media (max-width: 500px) {
    .title_contacts .em {
        width: 40px !important;
        margin-top:10px;
    }

    .title_contacts {
        /* background-image: none; */
    }

    .title_contacts a {
        margin-top: 10px;
    }

    .title_contacts .row .title p {
        font-size: 24px;
    }

    .title_contacts .desc {
        font-size: 14px;
    }

    .title_contacts {
        padding: 30px 20px 10px;
    }

    .inYItem {
        width: 76px;
        height: 76px;
    }
}


.inJxBox {
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
}

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

.inJxItem {
    width: 45%;
}

.inJxTbox::after {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .1);
}

.inJxTit {
    font-size: 32px;
    font-weight: 500;
    color: #0084ca;
}

.inJxList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0 70px;
}

.inJxRItem {
    /* width: 30%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.inJxRImg {
    width: 80%;
    padding-top: 80%;
    position: relative;
}

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

.inJxRItem p {
    display: block;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.inJxBox .inPBtn {
    width: 50%;
}

.InJxSwiper {
    width: 100%;
    overflow: hidden;
}

.InJxBtn {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    background: #0084ca;
    z-index: 2;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.InJxBtn svg path {
    fill: #fff;
}

.InJx1_prev {
    left: -40px;
}

.InJx1_next {
    right: -40px;
}

.InJx2_prev {
    left: -40px;
}

.InJx2_next {
    right: -40px;
}

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

    .inJxRItem p {
        font-size: 16px;
        text-align: center;
    }

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

    .InJx2_prev {
        left: -10px;
    }

    .InJx1_next {
        right: -10px;
    }

    .InJx1_prev {
        left: -25px;
    }

    .InJx2_next {
        right: -25px;
    }
}

@media (max-width: 1280px) {
    .inJxList {
        margin: 30px 0 0;
    }

    .inJxItem {
        width: 49%;
    }
}

@media (max-width: 1024px) {
    .inJxItem {
        width: 100%;
        margin-bottom: 50px;
    }

    .InJx2_prev {
        left: -25px;
    }

    .InJx1_next {
        right: -25px;
    }

    .inJxTbox {
        flex-wrap: wrap;
    }

    .inJxTbox::after {
        height: 0;
    }

    .inJxItem:last-child {
        margin-bottom: 0;
    }

    .inJxRImg {
        width: 80%;
        padding-top: 50%;
        position: relative;
    }
}

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

    .inJxRItem p {
        font-size: 15px;
        text-align: center;
    }

}

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

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








.inCaseBox {
    position: relative;
}

.inCFlex {
    display: flex;
}

.inCTbox {
    width: 70%;
    border-radius: 50px 0 0 50px;
    background: #f7f8f9;
    overflow: hidden;
}

.inCImgBox {
    width: 100%;
    height: 100%;
    /* padding-top: 65%; */
    position: relative;
}

.inCImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.48s;
}

.inCImg.act {
    opacity: 1;
}

.inCImg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgb(0, 132, 202, .2);
}

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

.inCList {
    width: 30%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.inCItem {
    width: 100%;
    height: 50%;
    padding: 15% 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    transition: all 0.48s;
}

.inCItem:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.inCItem span {
    font-size: 28px;
    margin: 10px 0 20px;
}

.inCItem svg {
    width: 30px;
    height: 30px;
}

.inCItem img {
    width: 40px;
}

.inCItem.act {
    background: rgb(0, 132, 202, .1);
}

.inCTit {
    position: absolute;
    left: 0;
    bottom: 10%;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    width: 100%;
    padding: 0 30px;
    z-index: 1;
}

@media (max-width: 1440px) {
    .inCItem span {
        font-size: 24px;
    }
}

@media (max-width: 1280px) {
    .inCItem {
        padding: 50px 20px;
    }

    .inCItem img {
        width: 35px;
    }

    .inCTit {
        font-size: 28px;
    }
}

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

    .inCTbox {
        width: 100%;
        border-radius: 50px 50px 0 0;
    }

    .inCImgBox {
        width: 100%;
        padding-top: 65%;
    }

    .inCList {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        border-left: 1px solid rgba(0, 0, 0, .1);
    }

    .inCItem {
        width: 50%;
    }

    .inCItem {
        width: 50%;
        height: 100%;
        padding: 30px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .inCItem span {
        margin: 0 10px;
    }
}

@media (max-width: 900px) {
    .inCItem span {
        font-size: 20px;
    }

    .inCItem img {
        width: 30px;
    }
}

@media (max-width: 768px) {
    .inCTit {
        font-size: 24px;
        bottom: 20px;
        padding: 0 20px;
    }

    .inCItem {
        padding: 20px 10px;
    }
}

@media (max-width: 680px) {
    .inCItem {
        flex-direction: column;
    }

    .inCItem span {
        font-size: 18px;
    }

    .inCItem svg {
        display: none;
    }

    .inCTbox {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }
}

@media (max-width: 500px) {
    .inCItem span {
        font-size: 16px;
        margin: 10px 0 0;
    }
}




.inNewBox {
    position: relative;
    background: #f7f8f9;
    /* background: rgb(0, 132, 202,.1); */
}

.inNewTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 50px;
}

.inNewBox .inNItem {
    background: #fff;
}

.inNewBox .inNItem:hover {
    background: #0084ca;
}











/*  案例*/
.caseBox {
    overflow: hidden;
    position: relative;
}

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

.FieTBtn {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    background: #0084ca;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}

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

.FieTBtn svg path {
    fill: #fff;
}

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

.caseItem {
    position: relative;
    transition: all 0.48s;
    border-radius: 20px;
    overflow: hidden;
    background: #f7f8f9;
    display: block;
}

.caseImg {
    width: 100%;
    padding-top: 75%;
    position: relative;
    overflow: hidden;

}

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

.caseTit {
    font-size: 24px;
    font-weight: 500;
    padding: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.caseTop {
    margin-top: 70px;
}

.caseSwiper,
.caseSwiper2 {
    width: 100%;
}

.caseTItem {
    position: relative;
}

.caseTItem:first-child {
    background: #f7f8f9;
}

.caseTItem:first-child .caseItem {
    background: #fff;
}

@media (max-width: 1368px) {
    .caseBtn {
        padding: 20px 40px;

    }

    .caseTit {
        font-size: 20px;
    }

    .caseList {
        margin-top: 50px;
    }
}

@media (max-width: 1024px) {
    .FieTBtn {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 768px) {
    .FieTBtnBox {
        margin-top: 20px;
    }

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

@media (max-width: 680px) {
    .caseBtn {
        padding: 15px 30px;
        font-size: 14px;
        margin-top: 20px;
    }

    .caseTit {
        font-size: 18px;
    }

    .FieTop {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 500px) {}




.caseDItem:nth-child(1) {
    padding-top: 0;
}

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

.caseDItem {
    width: 100%;
    position: relative;
    padding: 90px 0;
    border-bottom: 1px solid rgb(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.caseDItem:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.caDATBox {
    width: calc(100% - 800px);
}

.caDAImgBox {
    width: 700px;
    position: relative;
}

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

.caDAImg {
    width: 100%;
    padding-top: 75%;
    position: relative;
}

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

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

.caDAItem {
    width: 45%;
    margin-right: 5%;
    padding: 18px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

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

.caDAItem p {
    font-size: 18px;
    /* font-weight: 500; */
}

.caDAItem span {
    font-size: 18px;
}

.caDATit span {
    font-size: 24px;
    margin-top: 20px;
    display: block;
}

.caDATit p {
    font-size: 42px;
    font-weight: 600;
    color: #0084ca;
    line-height: 1.5;
}

.caDSwiper {
    width: 100%;
    overflow: hidden;
}

.caDbtn {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 75%;
    z-index: 6;
    background: #0084ca;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

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

.caDbtn svg path {
    fill: #ddd;
}

.caDSwiper_next {
    right: 0;
}

.caseDItem:nth-child(2n) .caDATBox {
    order: -1;
}

@media (max-width: 1680px) {
    .caDAImgBox {
        width: 600px;
        position: relative;
    }

    .caDATBox {
        width: calc(100% - 650px);
    }
}

@media (max-width: 1440px) {
    .caseDItem {
        padding: 70px 0;
    }

    .caDATit p {
        font-size: 36px;
    }

    .caDATit span {
        font-size: 20px;
        margin-top: 10px;
    }

    .caDAItem {
        width: 45%;
        padding: 14px 0;
    }

    .caDAItem span {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .caDAImgBox {
        width: 500px;
        position: relative;
    }

    .caDATBox {
        width: calc(100% - 550px);
    }

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

    .caDATit p {
        font-size: 32px;
    }

    .caDATit span {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .caseDItem {
        flex-direction: column;
    }

    .caDAImgBox {
        width: 100%;
    }

    .caDATBox {
        width: 100%;
        margin-top: 50px;
    }
}

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

    .caDATit span {
        font-size: 16px;
    }

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





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

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

.conLeft {
    width: 40%;
    padding: 30px 0;
}

.conMap {
    width: 60%;
    height: 600px;
    background: #f7f8f9;
    position: relative;
}

.conMap::before {
    /* width: 100%; */
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(0, 0, 0, 0);
    z-index: 9;
}

.conTList {
    width: 50%;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #aaa;
}

.conTItem {
    font-size: 42px;
    line-height: 1;
    font-weight: 600;
    color: #ccc;
    margin-right: 30px;
    position: relative;
    cursor: pointer;
}

.conTItem.act {
    color: #333;
}

/* .conTItem::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0%;
    height: 10px;
    transition: transform 0.35s;
    background-image: linear-gradient(90deg,#0084ca,rgb(0, 132, 202,0));
} */
.conTItem.act::before {
    width: 100%;
}

.conAList {
    margin-top: 30px;
}

.conAItem {
    margin-bottom: 30px;
    /* display: flex;
    align-items: center; */
}

.conAIcon {
    width: 50px;
    height: 50px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
}

.conAIcon img {
    width: 20px;
    height: 20px;
}

.conAItem p {
    width: calc(100% - 80px);
    margin-left: 20px;
    font-weight: 500;
    font-size: 24px;
}

#conMapBox {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.conList {
    display: flex;
    flex-wrap: wrap;
}

.conItem {
    width: calc(33.3% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.48s;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, .1);
}

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

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

.conTit {
    font-size: 28px;
    font-weight: 500;
    color: #0084ca;
}

.conAdd {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7f8f9;
}

.conAdd img {
    width: 20px;
}

.conText {
    margin: 20px 0 30px;
    font-size: 20px;
    color: #666;
    /* height: 60px; */
    line-height: 30px;
}

.conNum {
    position: relative;
    margin-bottom: 10px;
}

.conNum img {
    width: 25px;
    margin-right: 10px;
}

.conNum span {
    font-size: 20px;
}

.conBtnBox {
    width: 80%;
    position: relative;
}


.conBtn {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    transition: all 0.48s;
    overflow: hidden;
}

.conBtn span {
    font-size: 22px;
    transition: all 0.48s;
    position: relative;
}

.conBtn:hover span {
    color: #fff;
}

.conBtn:hover {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.conBtn::before {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #0084ca;
    transition: all 0.48s;
    border-radius: 50px;
}

.conBtn:hover::before {
    height: 100%;
}

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

.conBtn svg {
    width: 25px;
    height: 25px;
    position: relative;
}

.conWList {
    display: flex;
}

.conWItem {
    position: relative;
    margin-right: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 16px;
}

.conWImg {
    width: 120px;
    height: 120px;
}

.conWItem p {
    font-size: 16px;
    line-height: 1;
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 1680px) {
    .conTit {
        font-size: 24px;
        font-weight: 500;
    }

    .conText {
        font-size: 18px;
    }

    .conNum span {
        font-size: 20px;
    }

    .conTItem {
        font-size: 32px;
    }

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

    .conTItem::before {
        height: 6px;
    }
}

@media (max-width: 1440px) {
    .conTList {
        width: 100%;
    }

    .conAItem {
        margin-bottom: 16px;
    }

    .conMap {
        height: 550px;
    }

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

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

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

    .conMap {
        height: 500px;
    }

    .conText {
        font-size: 16px;
    }

    .conNum span {
        font-size: 18px;
    }
}

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

    .conLeft {
        width: 100%;
    }

    .conMap {
        width: 100%;
        height: 450px;
    }

    .conItem {
        width: calc(50% - 15px);
    }

    .conItem:nth-child(3n) {
        margin-right: 30px;
    }

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

    .conTList {
        padding-bottom: 20px;
    }

}

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

    .conAList {
        margin-top: 0;
    }

}

@media (max-width: 768px) {

    .conBtnBox {
        width: 100%;
    }

    .conMap {
        width: 100%;
        height: 400px;
    }
}

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

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

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

    .conMap {
        width: 100%;
        height: 350px;
    }
}

@media (max-width: 500px) {
    .conTItem {
        font-size: 26px;
    }

    .conItem {
        padding: 20px;
    }

    .conAdd {
        width: 45px;
        height: 45px;
    }

    .conTit {
        font-size: 22px;
        font-weight: 500;
    }
}



/* Banner外层容器 */
.banner-wrap {
    position: relative;
    width: 100%;
    height: 960px;
    /* 原图高度，可按需修改 */
    overflow: hidden;
}

/* Banner背景图 */
.banner-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 文字容器，左对齐，垂直居中 */
.banner-text-box {
    position: absolute;
    top: 55%;
    left: 8%;
    transform: translateY(-50%);
}

/* 主标题 */
.banner-title {
    font-size: 35px;
    font-weight: bold;
    /* color:#2c2828; */
    color: #fff;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

/* 副标题标语 */
.banner-sub {
    font-size: 16px;
    color: #ffffff;
    margin: 0 0 32px 0;
    letter-spacing: 1px;padding-right: 50px;
}

/* 按钮样式 */
.banner-btn {
    display: inline-block;
    padding: 12px 32px;
    background: #348eda;
    color: #fff;
    border-radius: 99px;
    text-decoration: none;
    font-size: 18px;
}

/* 移动端适配 */
@media (max-width:768px) {
    .banner-wrap {
        height: 600px;
    }

    .banner-title {
        font-size: 36px;
    }

    .banner-sub {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
  footer .text .t {
    flex-direction: column;   /* 关键：主轴竖直，子元素自动各占一行 */
    align-items: center;      /* 交叉轴居中 → 每行水平居中 */
    justify-content: center;
    row-gap: 4px;             /* 行间距，比调 margin 干净 */
  }
}