body .product-content-nav a {
    flex-shrink: 0;
}

@media screen and (max-width: 1360px) {

    body .content {

        min-width: unset;

        width: 100vw;

    }

    /* body .content .banner {
      margin-top: 7.5rem;
    } */



    body .swiper-container .banner-pagination span {

        width: .5rem;

        height: .5rem;

        border: solid 2px #fff;

        background-color: transparent;

        opacity: 1;

        margin: 0 .5rem !important;

    }



    html body .swiper-container .banner-pagination .swiper-pagination-bullet-active {

        width: .5rem;

        height: .5rem;

        background-color: #fff;

        border-radius: 80% 0px 55% 50% / 55% 0px 80% 50%;

        transform: rotate(-45deg);

    }



    body .banner .rota .text {

        top: 11rem; top: 50%;

        /*   bottom: 0; */ transform: translateY(-50%);

        left: 0;

        right: 0;

        margin: auto;

        font-size: 1.2rem;

        letter-spacing: .5rem;

    }
    body .banner .swiper-pagination{ bottom: 10px!important;}


    body .friendship-links {

        display: none;

    }



    body .content .business-area {

        width: 100%;

        position: relative;

        height: 33rem;

        background-attachment:scroll;

        /* background-size: 100%;
        background-color: red; */

    }



    body .content .business-area .button {

        display: none;

    }



    body .business-title {

        font-size: 1.5rem;

        margin: 2rem 0;

    }



    body .content .business-area .circle {

        width: 80%;

        top: 2rem;

    }



    body .content .business-area .circle img {

        margin-top: 0;

    }

    body .content .business-area a {
        width: 100%;
    }



    body .swiper-slide .my-slide {

        width: 20rem !important;

        height: 20rem !important;

        border: 1px solid #fff;

        background-color: rgba(55, 168, 224, .6);

        border-radius: 50%;

        transition: all .2s;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        margin-top: 4rem;

    }



    body .swiper-slide .my-slide img {

        width: 2.5rem;

        margin-bottom: 1rem;

    }



    body .swiper-slide .my-slide-title {

        color: #ffffff;

        font-size: 1.5rem;

        font-weight: bold;

    }



    body .swiper-slide .my-slide-button {

        margin-top: 1.5rem;

        width: 10rem;

        height: 2.8rem;

        background-color: #37a8e0;

        border-radius: 18px;

        text-align: center;

        line-height: 2.8rem;

        font-size: 1.2rem;

        color: #fff;

        cursor: pointer;

    }



    body .my-swiper-wrapper .swiper-slide-active,

    .swiper-slide-duplicate-active .my-slide {

        transform: scale(1);

    }



    body .product-content-top {

        display: flex;

        flex-direction: column;

        margin-bottom: 1rem;

    }



    body .product-content-top .title {

        margin: 2rem 0;

        text-align: center;

        color: #000000;

        font-size: 1.5rem;

    }



    body .product-rota {

        width: 100%;

        flex-shrink: 0;

        transition: all .5s;

        display: flex;

        flex-direction: column;

        justify-content: center;

        padding: 0 1rem;

        box-sizing: border-box;

        margin-bottom: unset;

    }



    body .content .product .product-rota .left-img {

        width: 10rem;

        margin: 0 auto;

        /* display: none; */

    }



    html body .content .product {

        height: 50rem;

    }



    body .product-content-nav {

        display: flex;

        justify-content: unset;
        justify-content: left;
        height: 4rem;
        flex-wrap: nowrap;
        margin: 0;

        overflow: auto;

        width: 100%;

    }



    body .product-content-nav::-webkit-scrollbar {

        display: none;

    }



    body .product-content-nav div {

        width: unset;

        height: 4rem;

        background-color: #ffffff;

        box-shadow: unset;

        border-radius: 0;

        color: #000000;

        font-size: 1rem;

        text-align: center;

        line-height: 4rem;

        cursor: pointer;

        flex-shrink: 0;

        margin: 0;

        padding: 0 1rem;

        border-right: 1px solid #f1f1f1;

    }



    body .product-rotation {

        display: flex;

        width: 100%;

        overflow: hidden;

        flex: 1;

    }



    body .product-left {

        margin: 0;

        width: 100%;

    }



    body .product-left-title {

        margin: 0;

    }



    body .product-left-title {

        margin-bottom: 2rem;

        color: #000000;

        font-size: 1.5rem;

        font-weight: bold;

        display: flex;

        align-items: center;

        line-height: 3rem;

        margin-bottom: 1.5rem;

        margin-top: 1rem;

    }



    body .product-left-title::before {

        content: ' ';

        height: 2rem;

        width: 7px;

        color: #0084ce;

        background-color: #0084ce;

        flex-shrink: 0;

        text-align: center;

        font-size: 1rem;

        margin: auto 8px;
        margin-left: -1rem;

    }



    body .product-left-text {

        color: #000000;

        font-size: 1rem;

        line-height: 2rem;

    }



    body .product-left-label {

        display: flex;

        justify-content: space-around;

        margin-top: 2rem;

    }



    body .product-left-label div {

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-right: 0;

    }



    body .product-left-label div img {

        display: block;

        /* width: 5rem;

        height: 5rem; */

        background-color: #fff;

        border-radius: 50%;

        margin-bottom: 1rem;

        padding: 1rem;

        box-sizing: border-box;

    }



    body .product-left-label div p {

        color: #000000;

        font-size: 1rem;

        text-align: center;

    }



    body .swiper-container .product-pagination span {

        width: .5rem;

        height: .5rem;

        border: solid 2px #aaaaaa;

        background-color: #fff;

        opacity: 1;

        margin: 0 .5rem !important;

    }



    html body .swiper-container .product-pagination .swiper-pagination-bullet-active {

        width: .5rem;

        height: .5rem;

        background-color: #fff;

        border: solid 2px #0084ce;

        border-radius: 80% 0px 55% 50% / 55% 0px 80% 50%;

        transform: rotate(-45deg);

    }



    body .product-pagination {

        bottom: 1rem !important;

    }



    body .swiper-slide {

        align-items: flex-start;

    }



    body .journalism-content {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

    }



    body .journalism-content .title {

        text-align: center;

        color: #ffffff;

        font-size: 1.5rem;

        margin: 2rem 0;

    }



    body .journalism-content .button {

        display: flex;

        justify-content: center;

        align-items: center;

        background-color: #ffffff;

        border-radius: 2rem;

        border: solid 1px #bbdaec;

        color: #444444;

        font-size: 1rem;

        margin: 2rem auto;

        cursor: pointer;

        width: 10rem;

        height: 2.8rem;

    }



    body .journalism-content .button span {

        color: #0084ce;

        font-size: .8rem;

    }





    body .journalism-content .layout {

        flex: 1;

        display: flex;

        flex-direction: column;

        overflow: hidden;

        position: relative;

    }



    body .journalism .journalism-content .layout .label {

        width: 100%;

    }



    body .journalism .journalism-content .layout .left {

        display: flex;

        flex-direction: column;

    }



    body .journalism .journalism-content .layout .left img {

        width: 100%;

    }



    body .journalism .journalism-content .layout .left .left-time {

        flex: 1;

        background-color: #0084ce;

        display: flex;

        padding: 1rem 0;

        box-sizing: border-box;

    }



    body .journalism .journalism-content .layout .left .left-time .time {

        padding: 0 1rem;

        border-right: 2px solid #66b5e2;

        display: flex;

        flex-direction: column;

    }



    body .journalism .journalism-content .layout .left .left-time .text {

        flex: 1;

        padding: 0 1rem;

        display: flex;

        flex-direction: column;

    }



    body .journalism .journalism-content .layout .left .left-time .text div:first-child {

        color: #ffffff;

        font-size: 1.2rem;

    }



    body .journalism .journalism-content .layout .left .left-time .text div:nth-child(2) {

        color: #ffffff;

        font-size: .8rem;

        flex: 1;

        margin: 10px 0;

    }



    body .journalism .journalism-content .layout .left .left-time .text div:last-child {

        color: #fff;

        font-size: 1.2rem;

    }



    body .journalism .journalism-content .layout .left .left-time .time div:first-child {

        color: #ffffff;

        font-size: 2rem;

        font-weight: bold;

    }



    body .journalism .journalism-content .layout .left .left-time .time div:last-child {

        color: #ffffff;

        font-size: 1rem;

    }



    body .journalism .journalism-content .layout .right {

        background-color: #fff;

        padding: 0 1.8rem;

        box-sizing: border-box;

        display: flex;

        flex-direction: column;

    }



    body .journalism .journalism-content .layout .right .right-top {

        display: flex;

        flex-direction: column;

        padding: 1rem 0;

        border-bottom: 1px solid #0084ce;

    }



    body .journalism .journalism-content .layout .right .right-top div:first-child {

        color: #000000;

        font-size: 1.2rem;

        margin-bottom: 1rem;

    }



    body .journalism .journalism-content .layout .right .right-top div:nth-child(2) {

        color: #666666;

        font-size: 1rem;

        margin-bottom: 1rem;

    }



    body .journalism .journalism-content .layout .right .right-top div:last-child {

        color: #0084ce;

        font-size: 1.2rem;

    }



    body .journalism .journalism-content .layout .right .right-bottom {

        display: flex;

        flex-direction: column;

    }



    body .journalism .journalism-content .layout .right .right-bottom .right-label {

        height: 4rem;

        border-bottom: 1px solid #dddddd;

        display: flex;

        justify-content: space-between;

        line-height: 4rem;

        cursor: pointer;

    }



    html body .journalism .journalism-content .layout .right .right-bottom .right-label:hover div {

        color: #0084ce;

        transition: all 1s;

    }



    body .journalism .journalism-content .layout .right .right-bottom .right-label div:first-child {

        color: #222222;

        font-size: 1rem;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        margin-right: 2rem;

        max-width: 13rem;

    }



    body .journalism .journalism-content .layout .right .right-bottom .right-label div:last-child {

        color: #888888;

        font-size: 12px;

    }

    body .content .guide {

        width: 100%;

        height: 30rem;

        background-color: #eef6f9;

    }
    body .guide-swiper-slide img{
        height: 10rem;
    }



    body .content .guide .journalism-content {

        display: flex;

        flex-direction: column;

        width: 100%;

    }



    body .guide-swiper-slide {

        width: 10rem;

        background-color: #fff;

        /* flex-shrink: 0;

        margin: 0 10px; */

        display: flex;

        flex-direction: column;

    }



    body .guide-swiper-slide img {

        width: 100%;

        display: block;

    }



    body .guide-swiper-slide-content {

        padding: 0 .5rem;

        display: flex;

        flex-direction: column;

    }



    body .guide-title {

        width: 100%;

        color: #000000;

        font-size: 1rem;

        margin: .5rem 0;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

        height: 3rem;

    }



    body .guide-bottom {

        border-top: 1px solid #dddddd;

        padding: .5rem 0;

        display: flex;

        justify-content: space-between;

    }



    body .guide-bottom div:first-child {

        color: #888888;

        font-size: 1rem;

    }



    body .guide-bottom div:last-child {

        font-size: 1rem;

        color: #777777;

    }



    body .guide-left {

        position: absolute;

        width: 15.8%;

        height: 100%;

        top: 0;

        bottom: 0;

        left: 0;

        margin: auto 0;

        background-color: transparent;

        opacity: 1;

        z-index: 2;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    body .guide-left span {

        font-size: 1rem;

        font-weight: bold;

        display: flex;

        justify-content: center;

        align-items: center;

        width: 2.5rem;

        height: 2.5rem;

        background-color: #fff;

        border-radius: 50%;

        cursor: pointer;

    }



    body .guide-right {

        position: absolute;

        width: 15.8%;

        height: 100%;

        top: 0;

        bottom: 0;

        right: 0;

        margin: auto 0;

        background-color: transparent;

        z-index: 2;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    body .guide-right span {

        font-size: 1rem;

        font-weight: bold;

        display: flex;

        justify-content: center;

        align-items: center;

        transform: rotate(180deg);

        width: 2.5rem;

        height: 2.5rem;

        background-color: #fff;

        border-radius: 50%;

        color: #0178c8;

        cursor: pointer;

    }



}





.content {

    width: 100vw;

    display: flex;

    flex-direction: column;

}



.banner {

    width: 100%;
    height: calc(100vh - 115px);

    overflow: hidden;

    display: flex;

    position: relative;

    margin-top: 115px;
    /* height: 100vh; */


}


.banner .rota {

    width: 100%;

    flex-shrink: 0;

    transition: all .5s;

    position: relative;

    height: 100%;

}



.banner .rota .text {

    position: absolute;

    text-align: center;

    width: 100%;

    color: #fff;

    top: 40%;

    font-size: 56px;

    font-weight: unset;

    letter-spacing: 22px;

}

.banner .imgbg{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom; center}



.banner .rota img {

    width: 100%;

    display: block;
    height: 100%;

}



.banner .indicator {

    position: absolute;

    height: 10px;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 40px;

    display: flex;

    justify-content: center;

    z-index: 2;

}



.spot {

    width: 10px;

    height: 10px;

    border: 2px solid #fff;

    border-radius: 50%;

    margin: 0 10px;

    cursor: pointer;

}



.content .business-area {

    width: 100%;

    position: relative;

    height: 700px;

    background-image: url('../images/banner-1.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;



}



.business-title {

    color: #ffffff;

    font-size: 36px;

    text-align: center;

    margin: 40px 0;

}



.content .business-area img {

    width: 100%;

    display: block;

}



.content .business-area .circle {

    position: absolute;

    width: 516px;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: flex;

    align-items: center;

}



.content .business-area .circle img {

    width: 100%;

    display: block;

    transition: all 2s;

    margin-top: 57px;

}



.content .business-area .button {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto 0;

    width: 100%;

    display: flex;

    height: 32px;

    justify-content: center;

}



.content .business-area .button img {

    width: 28px;

    height: 32px;

    display: block;

    margin-right: 40%;

    cursor: pointer;

    z-index: 2;

}



.content .business-area .button img:last-child {

    transform: rotate(180deg);

    margin: 0;

}



.business-area-swiper {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.swiper-container {

    width: 100%;

    height: 100%;

}



.guide-swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.swiper-slide .my-slide {

    width: 300px;

    height: 300px;

    border: 1px solid #fff;

    background-color: rgba(55, 168, 224, .6);

    border-radius: 50%;

    transition: all .2s;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-top: 50px;

}



.swiper-slide .my-slide img {

    width: 56px;

    margin-bottom: 10px;

}



.swiper-slide .my-slide-title {

    color: #ffffff;

    font-size: 22px;

    font-weight: bold;

}



.swiper-slide .my-slide-button {

    margin-top: 28px;

    width: 100px;

    height: 36px;

    background-color: #37a8e0;

    border-radius: 18px;

    text-align: center;

    line-height: 36px;

    font-size: 14px;

    color: #fff;

    cursor: pointer;

    transition: all .2s;

}

.swiper-slide .my-slide-button:hover {

    opacity: .5;

}



.content .product {

    width: 100%;

    height: 930px;

    position: relative;

    background-image: url('../images/productBg.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.content .product img {

    display: block;

}



.product-content {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    display: flex;

    flex-direction: column;

}



.product-content-top {

    display: flex;

    flex-direction: column;



}



.product-content-top .title {

    margin: 56px 0;

    text-align: center;

    color: #000000;

    font-size: 36px;

}



.product-content-nav {

    display: flex;

    justify-content: center;
    flex-wrap: wrap;

    width: 1366px;
    margin: 0 auto;

}



.product-content-nav div {

    width: 160px;

    height: 47px;

    background-color: #ffffff;

    box-shadow: 0px 4px 20px 0px rgba(9, 62, 91, 0.1);

    border-radius: 24px;

    margin: 0 10px;

    color: #000000;

    font-size: 16px;

    text-align: center;

    line-height: 47px;

    cursor: pointer;


    margin-bottom: 20px;

    float: left;

}



.product-content-nav .select-div {

    background-color: #0084ce;

    color: #fff;



}



.product-content-nav div:hover {

    background-color: #0084ce;

    color: #fff;

    transition: all .5s;

}



.product-rotation {

    display: flex;

    width: 100%;

    overflow: hidden;

    flex: 1;

}





.product-rota {

    width: 1420px;

    flex-shrink: 0;

    transition: all .5s;

    display: flex;

    justify-content: center;

    margin-bottom: 120px;

}



.content .product .product-rota .left-img {

    /* width: 368px; */

}



.product-indicator {

    position: absolute;

    height: 10px;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 40px;

    display: flex;

    justify-content: center;

}



.product-spot {

    width: 10px;

    height: 10px;

    border: 2px solid #fff;

    border-radius: 50%;

    margin: 0 10px;

    cursor: pointer;

}



.product-left {

    margin-left: 200px;

    width: 500px;

    display: flex;

    flex-direction: column;

}

.product-left p {
    text-align: left;
}



.product-left-title {

    margin-bottom: 58px;

    color: #000000;

    font-size: 28px;

    font-weight: bold;

    display: flex;

    align-items: center;

    /* line-height: 28px; */

    margin-bottom: 56px;

    margin-top: 25px;

}



.product-left-title::before {

    content: '-';

    height: 28px;

    width: 7px;

    color: #0084ce;

    background-color: #0084ce;

    flex-shrink: 0;

    text-align: center;

    font-size: 12px;

    margin: auto 10px;

}



.product-left-text {

    color: #000000;

    font-size: 15px;

    line-height: 30px;

}



.product-left-label {

    display: flex;

    margin-top: 58px;

    cursor: pointer;

}

.product-left-label div:hover img {

    opacity: .5;

}



.product-left-label div {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-right: 50px;

}



.product-left-label div img {

    display: block;
    /*
    width: 80px;

    height: 80px; */

    background-color: #fff;

    border-radius: 50%;

    text-align: center;

    line-height: 80px;

    font-size: 36px;

    color: #0084ce;

    margin-bottom: 13px;

    transition: all .3s;

    padding: 20px;

    box-sizing: border-box;

}



.product-left-label div p {

    color: #000000;

    font-size: 13px;

    text-align: center;

}



.swiper-container .banner-pagination span {

    width: 10px;

    height: 10px;

    border: solid 2px #fff;

    background-color: transparent;

    opacity: 1;

    margin: 0 10px !important;

}



body .swiper-container .banner-pagination .swiper-pagination-bullet-active {

    width: 10px;

    height: 10px;

    background-color: #fff;

    border-radius: 80% 0px 55% 50% / 55% 0px 80% 50%;

    transform: rotate(-45deg);

}



.swiper-container .product-pagination span {

    width: 10px;

    height: 10px;

    border: solid 2px #aaaaaa;

    background-color: #fff;

    opacity: 1;

    margin: 0 10px !important;

}



body .swiper-container .product-pagination .swiper-pagination-bullet-active {

    width: 11px;

    height: 11px;

    background-color: #fff;

    border: solid 2px #0084ce;

    border-radius: 80% 0px 55% 50% / 55% 0px 80% 50%;

    transform: rotate(-45deg);

}



.product-pagination {

    bottom: 40px !important;

}





.content .journalism {

    width: 100%;

    /* height: 860px; */

    background-image: url('../images/journalism.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.journalism-content {

    width: 1360px;

    height: 100%;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

}



.journalism-content .title {

    margin: 56px 0;

    text-align: center;

    color: #ffffff;

    font-size: 36px;

}



.journalism-content .button {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 130px;

    height: 42px;

    background-color: #ffffff;

    border-radius: 21px;

    border: solid 1px #bbdaec;

    color: #444444;

    font-size: 14px;

    margin: 42px auto;

    cursor: pointer;

}



.journalism-content .button:hover {

    background-color: #0084ce;

    color: #fff;

    border: solid 1px #0084ce;

    transition: all .3s;

}



.journalism-content .button:hover span {

    color: #fff;

    transition: all .3s;

}



.journalism-content .button span {

    color: #0084ce;

    font-size: 12px;

}



.journalism-content .layout {

    flex: 1;

    display: flex;

    overflow: hidden;

    position: relative;

}



.journalism .journalism-content .layout .label {

    flex: 1;

}



.journalism .journalism-content .layout .left {

    display: flex;

    flex-direction: column;

    overflow: hidden;

    cursor: pointer;

}



.journalism .journalism-content .layout .left img {

    width: 100%;

    display: block;

    transition: all .5s;

}

.journalism .journalism-content .layout .left:hover img {

    transform: scale(1.1);

    opacity: .7;

}



.journalism .journalism-content .layout .left .left-time {

    flex: 1;

    background-color: #0084ce;

    display: flex;

    padding: 24px 0;

    box-sizing: border-box;

    z-index: 1;

}



.journalism .journalism-content .layout .left .left-time .time {

    padding: 0 24px;

    border-right: 2px solid #66b5e2;

    display: flex;

    flex-direction: column;

}



.journalism .journalism-content .layout .left .left-time .text {

    flex: 1;

    padding: 0 24px;

    display: flex;

    flex-direction: column;

}



.journalism .journalism-content .layout .left .left-time .text div:first-child {

    color: #ffffff;

    font-size: 16px;

}



.journalism .journalism-content .layout .left .left-time .text div:nth-child(2) {

    color: #ffffff;

    font-size: 14px;

    flex: 1;

    margin: 10px 0;

}



.journalism .journalism-content .layout .left .left-time .text div:last-child {

    color: #fff;

    /* font-size: 16px; */

}



.journalism .journalism-content .layout .left .left-time .time div:first-child {

    color: #ffffff;

    font-size: 50px;

    font-weight: bold;


}



.journalism .journalism-content .layout .left .left-time .time div:last-child {

    color: #ffffff;

    font-size: 14px;

}



.journalism .journalism-content .layout .right {

    background-color: #fff;

    padding: 0 40px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;
    width: 68%;

}



.journalism .journalism-content .layout .right .right-top {

    display: flex;

    flex-direction: column;

    padding: 30px 0;

    border-bottom: 1px solid #dddddd;

    cursor: pointer;

    transition: all .5s;

}

.journalism .journalism-content .layout .right .right-top:hover {

    border-bottom: 1px solid #0084ce;

}



.journalism .journalism-content .layout .right .right-top div:first-child {

    color: #000000;

    font-size: 16px;

    margin-bottom: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: inline-block;
    width: 80%;
}



.journalism .journalism-content .layout .right .right-top div:nth-child(2) {

    color: #666666;

    font-size: 14px;

    margin-bottom: 24px;

}



.journalism .journalism-content .layout .right .right-top div:last-child {

    color: #0084ce;

    font-size: 18px;

}



.journalism .journalism-content .layout .right .right-bottom {

    display: flex;

    flex-direction: column;

}



.journalism .journalism-content .layout .right .right-bottom .right-label {

    height: 80px;

    border-bottom: 1px solid #dddddd;

    display: flex;

    justify-content: space-between;

    line-height: 80px;

    cursor: pointer;

    transition: all .5s;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body .journalism .journalism-content .layout .right .right-bottom .right-label:hover {

    border-bottom: 1px solid #0084ce;

}

body .journalism .journalism-content .layout .right .right-bottom .right-label:hover div {

    color: #0084ce;

    transition: all .5s;

}



.journalism .journalism-content .layout .right .right-bottom .right-label div:first-child {

    color: #222222;

    font-size: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 80%;
    overflow: hidden;
    white-space: normal;

}



.journalism .journalism-content .layout .right .right-bottom .right-label div:last-child {

    color: #888888;

    font-size: 14px;

}



.content .guide {

    width: 100%;

    height: 640px;

    background-color: #eef6f9;

}



.content .guide .journalism-content {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.guide .journalism-content .title {

    color: #000000;

}



.guide-swiper-slide {

    width: 315px;

    background-color: #fff;

    /* flex-shrink: 0;

    margin: 0 10px; */

    display: flex;

    flex-direction: column;

    cursor: pointer;

    overflow: hidden;



}

.guide-swiper-slide:hover img {

    transform: scale(1.1);

}



.guide-swiper-slide img {

    width: 100%;

    display: block;

    overflow: hidden;

    transition: all .5s;

    height: 200px;

}



.guide-swiper-slide-content {

    padding: 0 20px;

    display: flex;

    flex-direction: column;

    z-index: 5;

}



.guide-title {

    width: 100%;

    color: #000000;

    font-size: 16px;

    margin: 20px 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 48px;

    text-align: left;

}



.guide-bottom {

    border-top: 1px solid #dddddd;

    padding: 20px 0;

    display: flex;

    justify-content: space-between;

}

body .guide-bottom:hover div {

    color: #0084ce;

}



.guide-bottom div:first-child {

    color: #888888;

    font-size: 14px;

    transition: all .5s;

}



.guide-bottom div:last-child {

    font-size: 20px;

    color: #777777;

    transition: all .5s;

}



.guide-left {

    position: absolute;

    width: 15.8%;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    margin: auto 0;

    background-color: #f1f1f1;

    opacity: 0.7;

    z-index: 2;

    display: flex;

    justify-content: center;

    align-items: center;

}



.guide-left span {

    font-size: 21px;

    font-weight: bold;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 60px;

    height: 60px;

    cursor: pointer;

}



.guide-right {

    position: absolute;

    width: 15.8%;

    height: 100%;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto 0;

    background-color: rgba(255, 255, 255, .7);

    z-index: 2;

    display: flex;

    justify-content: center;

    align-items: center;

}



.guide-right span {

    font-size: 21px;

    font-weight: bold;

    display: flex;

    justify-content: center;

    align-items: center;

    transform: rotate(180deg);

    width: 60px;

    height: 60px;

    background-color: #fff;

    border-radius: 50%;

    color: #0178c8;

    cursor: pointer;

}



.friendship-links {

    width: 100%;

    height: 80px;

    background-color: #fff;

}



.friendship-links-content {

    width: 1420px;

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;

    margin: 0 auto;

}



.links-icon {

    width: 80px;

    height: 80px;

    background-color: #0084ce;

    color: #fff;

    text-align: center;

    line-height: 80px;

    margin-right: 26px;

}



.links-icon span {

    font-size: 28px;

}



.link-li {

    color: #666666;

    font-size: 15px;

    padding: 0 20px;

    height: 16px;

    margin: auto 0;

    border-right: 1px solid #808080;

    display: flex;

    align-items: center;

    cursor: pointer;

}



.link-li:hover {

    color: #0084ce;

    transition: all .3s;

}



.link-li:last-child {

    border: none;

}



.friendship-links-content .link-li-first {

    color: #0084ce;

    padding: 0;

    border: none;

    cursor: auto;

}







.swiper-container {

    width: 100%;

    height: 100%;

}



.my-swiper-wrapper .swiper-slide {

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    /* transition: 500ms; */

}



html body .swiper-slide-active .my-slide {

    /* transform: scale(1.5); */

    width: 440px;

    height: 440px;

}

.guide-swiper-slide img{
    height: 120px\9;
}
.guide-swiper-slide{
    width: 248px\9;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .journalism .journalism-content .layout .left img {
        height: 400px;
    }

    .guide-title {
        height: 36px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .guide-swiper-slide {
        width: 260px;
        height: 322px;
    }
    .guide-swiper-slide:hover img {
        transform: scale(1);
    }
}