.home_swiper {
    position: relative;
    overflow: hidden
}

.home_swiper .img {
    padding-bottom: calc((900 / 19.2) * 1%)
}

.home_swiper .swiper-button-next,
.home_swiper .swiper-button-prev {
    width: 46px;
    height: 105px;
    background-repeat: no-repeat;
    background-size: 25%;
    background-color: rgba(0, 0, 0, .5);
    background-position: center
}

.home_swiper .swiper-button-next:hover,
.home_swiper .swiper-button-prev:hover {
    background-color: var(--color-main)
}

.home_swiper .swiper-button-prev {
    background-image: url(../images/color/home_l.png);
    left: 0
}

.home_swiper .swiper-button-next {
    background-image: url(../images/color/home_r.png);
    right: 0
}

.home_swiper .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: var(--color-main);
    opacity: .5;
    border-radius: 0;
    margin: 0 23px !important
}

.home_swiper .swiper-pagination-bullet-active {
    opacity: 1;
    width: 17px;
    height: 17px;
    border-radius: 0
}

.home_swiper_h5 {
    padding-bottom: calc((500 / 4.14) * 1%)
}

.why {
    padding: calc((100 / 19.2) * 1%) 0 0;
    background: url(../images/why_bg.png) top/100% auto no-repeat
}

.why .layout_ {
    position: relative
}

.why .main .des6 {
    margin-top: 40px
}

.why .main .lists {
    margin-top: calc((100 / 13.95) * 1%);
    --pd: 64px;
    --mt: 30px
}

.why .main .lists .item {
    border-radius: 10px;
    background: #fff;
    padding: 60px 45px
}

.why .main .lists .item img {
    align-self: self-start
}

.why .main .lists .item .title {
    font-size: 24px;
    margin-top: 30px
}

.why .main .lists .item .des6 {
    margin-top: 30px
}

.why .main .lists .item .c_btn {
    align-self: self-start;
    margin-top: 53px;
    color: transparent;
    font-size: 0;
}

.why .main2 {
    --l-w: calc((742 / 13.95) * 1%);
    --l-mar: 90px;
    --pd: 78px;
    position: relative;
    width: 100%;
    margin-top: calc((116 / 13.95) * 1%)
}

.why .main2::after {
    content: "";
    display: block;
    width: 1033px;
    width: calc((1033 / 13.95) * 1%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 72px 0 rgba(0, 0, 0, .05);
    background: #fff;
    border-radius: 10px;
    z-index: 1
}

.why .main2 .lll {
    z-index: 2;
    margin-left: 90px
}

.why .main2 .lll .title {
    margin-top: 84px;
    font-size: 38px
}

.why .main2 .lll .des6 {
    margin-top: 47px
}

.why .main2 .lll .c_btn {
    margin: 55px 0 63px
}

.why .main2 .rrr {
    z-index: 2;
    height: auto;
    padding: 0;
    width: calc(100% - var(--l-w) - var(--pd) - var(--l-mar))
}

.why .main2 .rrr img {
    position: relative
}

.about {
    margin-top: calc((140 / 19.2) * 1%)
}

.about .top .ab_main {
    --l-w: calc((960 / 19.2) * 1%);
    --pd: 58px;
    align-items: center
}

.about .top .ab_main lite-youtube::after {
    padding-bottom: calc((668 / 9.56) * 1%)
}

.about .top .ab_main .rrr .des6 {
    margin-top: 40px
}

.about .top .ab_main .rrr .c_btn {
    margin-top: 50px;
    border-radius: 24px;
    padding: 15px 25px
}

.about .nums {
    margin-top: calc((74 / 19.2) * 1%)
}

.about .nums .lists {
    --pd: 177px
}

.about .nums .lists .item .val,
.about .nums .lists .item .val * {
    font-size: 90px;
    font-weight: 900;
    color: var(--color-main);
    font-family: Lato
}

.about .nums .lists .item .val {
    display: flex;
    align-items: center
}

.home_pro {
    margin-top: calc((120 / 19.2) * 1%);
    padding: calc((117 / 19.2) * 1%) 0 calc((66 / 19.2) * 1%);
    position: relative;
    background: #f9f9f9
}

.home_pro .size50 {
    color: var(--color-default)
}

.home_pro .swiper_ld {
    background: #f9f9f9;
    padding: calc((117 / 19.2) * 1%) 0 calc((66 / 19.2) * 1%)
}

.home_pro .swiper_ld .swiper_nav_par {
    background: #fff;
    border-radius: 5px
}

.home_pro .swiper_ld .swiper_nav_par .swiper_nav {
    width: 80%;
    margin: 0 auto
}

.home_pro .swiper_ld .swiper_nav_par .swiper_nav .swiper-slide {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 700;
    font-family: Lato
}

.home_pro .swiper_ld .swiper_nav_par .swiper_nav .swiper-slide.active {
    color: var(--color-main)
}

.home_pro .swiper_ld .swiper_list {
    margin-top: 33px
}

.home_pro .swiper_ld .swiper_list .swiper_item {
    height: 0;
    padding: 0;
    overflow: hidden
}

.home_pro .swiper_ld .swiper_list .swiper_item.active,
.home_pro .swiper_ld .swiper_list .swiper_item.active .sw_pag {
    height: auto
}

.home_pro .swiper_ld .swiper_list .swiper_item .swiper-slide {
    background: #fff;
    border: 2px solid #f7f7f7;
    padding: 47px 65px 29px;
    height: unset
}

.home_pro .swiper_ld .swiper_list .swiper_item .swiper-slide .img {
    padding-bottom: calc((371 / 2.55) * 1%)
}

.home_pro .swiper_ld .swiper_list .swiper_item .swiper-slide .title {
    display: block;
    margin-top: 42px;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: var(--color-default)
}

.home_pro .swiper_ld .swiper_list .swiper_item .sw_pag {
    height: 0;
    padding: 0;
    overflow: hidden
}

.home_pro .swiper_ld .swiper_list .sw_pag {
    bottom: 40px
}

.home_pro .swiper_ld .swiper_list .sw_pag .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: rgba(21, 22, 28, .6);
    opacity: 1;
    margin: 0 20px
}

.home_pro .swiper_ld .swiper_list .sw_pag .swiper-pagination-bullet-active {
    background: var(--color-main)
}

.partners {
    padding: calc((122 / 19.2) * 1%) 0 calc((167 / 19.2) * 1%)
}

.partners .partenrs_main {
    margin-top: calc((68 / 13.95) * 1%);
    display: flex;
    flex-wrap: wrap
}

.partners .partenrs_main .item {
    width: 20%;
    padding: 43px 22px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.partners .partenrs_main .item:nth-child(5n) {
    border-right: none
}

.partners .partenrs_main .item:nth-last-child(-n+5) {
    border-bottom: none
}

.partners .partenrs_main .item .img {
    height: auto;
    max-height: 200px;
    padding: 0
}

.partners .partenrs_main .item .img img {
    position: relative
}

.home_news {
    padding: calc((89 / 19.2) * 1%) 0 0;
    background: #f7f7f7
}

.home_news .home_news_main .size50 {
    color: var(--color-default2)
}

.home_news .home_news_main .home_news_swiper {
    margin-top: 90px
}

.home_news .home_news_main .home_news_swiper .swiper-slide {
    border-radius: 5px;
    overflow: hidden
}

.home_news .home_news_main .home_news_swiper .swiper-slide:hover .info {
    border-color: var(--color-main)
}

.home_news .home_news_main .home_news_swiper .swiper-slide:hover .c_btn {
    background: var(--color-main);
    color: #fff
}

.home_news .home_news_main .home_news_swiper .img {
    padding-bottom: calc((331 / 4.45) * 1%)
}

.home_news .home_news_main .home_news_swiper .info {
    padding: 32px;
    background: #fff;
    border: 1px solid transparent
}

.home_news .home_news_main .home_news_swiper .info .time {
    color: var(--color-main)
}

.home_news .home_news_main .home_news_swiper .info .title {
    display: block;
    font-size: 22px;
    margin-top: 23px;
    color: var(--color-default)
}

.home_news .home_news_main .home_news_swiper .info .des6 {
    margin-top: 26px
}

.home_news .home_news_main .home_news_swiper .info .c_btn {
    margin-top: 40px;
    padding: 15px 25px
}

.rec_contact {
    margin: 0 auto
}

.footer2 {
    padding-top: 58px
}

.footer2::before {
    content: "";
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    top: 0;
    background: #f7f7f7;
    z-index: 0
}

@media screen and (max-width:1660px) {
    .about .nums .lists {
        --pd: 30px
    }

    .about .nums .lists .item .val * {
        font-size: 70px
    }
}

@media screen and (max-width:1366px) {
    .why .main .lists {
        --pd: 30px
    }

    .why .main2 {
        --l-w: 50%;
        --l-mar: 50px
    }

    .why .main2 .lll .title {
        font-size: 28px
    }

    .home_pro .swiper_ld .swiper_list .swiper_item .swiper-slide {
        padding: 30px
    }

    .home_news .home_news_main .home_news_swiper {
        margin-top: 50px
    }

    .about .top .ab_main {
        --l-w: 35%
    }

    .about .nums .lists .item .val * {
        font-size: 60px
    }
}

@media screen and (max-width:950px) {
    .footer2::before {
        background: unset
    }

    .home_swiper {
        position: absolute;
        top: 999999px
    }

    .why {
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        background: url(../images/why_bg_m.png) top/contain no-repeat
    }

    .why .main .des6 {
        margin-top: 25px
    }

    .why .main2 {
        margin-top: 100px;
        padding-bottom: 60px
    }

    .why .main2::after {
        width: 100%
    }

    .why .main2 .lll {
        margin-left: 0;
        padding: 0 30px
    }

    .why .main2 .lll .title {
        margin-top: 30px
    }

    .why .main2 .lll .des6 {
        margin-top: 20px
    }

    .why .main2 .lll .c_btn {
        margin-bottom: 0
    }

    .why .main2 .rrr {
        width: calc(100% - 40px);
        margin-left: 20px
    }

    .about .top .ab_main .rrr {
        margin-top: 60px;
        padding: 0 var(--all-pd)
    }

    .about .nums {
        margin-top: 40px
    }

    .about .nums .lists {
        --mt: 30px
    }

    .about .nums .lists .item .val {
        font-size: 50px
    }

    .about .nums .lists .item .val .num {
        font-size: 60px
    }

    .home_pro {
        margin-top: 100px;
        padding-top: 60px
    }

    .home_pro .swiper_ld .swiper_nav_par .swiper_nav {
        width: 90%
    }

    .home_pro .swiper_ld .swiper_nav_par .swiper_nav .swiper-slide {
        width: auto
    }

    .home_pro .swiper_ld .swiper_list .swiper_item .swiper-slide {
        padding: 50px
    }

    .home_pro .swiper_ld .swiper_list .swiper_item .swiper-wrapper {
        height: unset !important
    }

    .home_pro .swiper_ld {
        padding-bottom: 100px
    }

    .partners {
        padding: 50px 0
    }

    .partners .partenrs_main {
        margin-top: 50px
    }

    .partners .partenrs_main .item {
        width: 50%;
        border-right: 1px solid #e5e5e5 !important;
        border-bottom: 1px solid #e5e5e5 !important
    }

    .partners .partenrs_main .item:nth-child(2n) {
        border-right: none !important
    }

    .partners .partenrs_main .item:nth-last-child(-n+2) {
        border-bottom: none !important
    }

    .home_news {
        padding: 50px 0
    }

    .home_news .home_news_main .home_news_swiper .info .c_btn,
    .home_news .home_news_main .home_news_swiper .info .des6 {
        display: none
    }
}