.common_header {
    background: transparent;
    position: fixed
}

.home_swiper {
    position: relative;
    overflow: hidden
}

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

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

.home_swiper .swiper-button-prev:hover,
.home_swiper .swiper-button-next: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((360 / 4.14) * 1%)
}

.home_tp .lists1,
.home_tp .lists2 {
    margin-top: 8px;
    --pd: 12px;
    --mt: 8px
}

.home_tp .lists1 .item,
.home_tp .lists2 .item {
    padding: 42px 90px 22px;
    background: #efefef
}

.home_tp .lists1 .item:hover .img_par .info,
.home_tp .lists2 .item:hover .img_par .info {
    opacity: 1
}

.home_tp .lists1 .item a,
.home_tp .lists2 .item a {
    display: flex
}

.home_tp .lists1 .item .title,
.home_tp .lists2 .item .title {
    margin: 0;
    font-family: Tomorrow3;
    font-size: 32px;
    color: #000000; flex: 1;
}

.home_tp .lists1 .item .title2,
.home_tp .lists2 .item .title2 {
    color: #000000;
    font-family: Tomorrow2;
    display: flex;
    align-items: center
}

.home_tp .lists1 .item .title2::after,
.home_tp .lists2 .item .title2::after {
    margin-left: 10px;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/color/sw_right_.png) no-repeat center / contain
}

.home_tp .lists1 .item .img_par,
.home_tp .lists2 .item .img_par {
    position: relative
}

.home_tp .lists1 .item .img_par .img,
.home_tp .lists2 .item .img_par .img {
    padding-bottom: 100%
}

.home_tp .lists1 .item .img_par .img img,
.home_tp .lists2 .item .img_par .img img {
    object-fit: contain
}

.home_tp .lists1 .item .img_par .info,
.home_tp .lists2 .item .img_par .info {
    background: rgba(0, 0, 0, 0.4);
    width: 110%;
    height: 90%;
    position: absolute;
    left: -5%;
    top: 0;
    padding: 50px;
    opacity: 0;
    transition: all .3s ease
}

.home_tp .lists1 .item .img_par .info .desc,
.home_tp .lists2 .item .img_par .info .desc {
    font-size: 18px;
    color: #ffffff;
    line-height: 32px;
    /* overflow-y: auto */
}

.home_tp .lists1 .item {
    padding: 42px 150px 22px 126px;
    padding: calc((42 / 19.2) * 1%) calc((150 / 19.2) * 1%) calc((22 / 19.2) * 1%) calc((126 / 19.2) * 1%);
    display: flex; flex-direction: column;
}

.home_tp .lists1 .item .title,
.home_tp .lists1 .item .title2 {
    margin-left: -66px
}

.home_tp .lists1 .item .img_par .info {
    padding: 50px 120px;
    padding: calc((50 / 6.766) * 1%) calc((120 / 6.766) * 1%);
    height: 80%
}

.home_about_video {
    padding: calc((198 / 19.2) * 1%) 0 calc((195 / 19.2) * 1%);
    background: url(../images/home_about_video.webp) no-repeat center / cover
}

.home_about_video .home_about_video_mian {
    --l-w: 60%;
    position: relative
}

.home_about_video .home_about_video_mian .lll .size60 {
    color: #fff
}

.home_about_video .home_about_video_mian .lll .desc {
    margin-top: 20px;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px
}

.home_about_video .home_about_video_mian .lll .c_more {
    margin-top: 50px
}

.home_about_video .home_about_video_mian .lll .lists {
    margin-top: 50px;
    display: flex
}

.home_about_video .home_about_video_mian .lll .lists .item {
    margin-left: 88px
}

.home_about_video .home_about_video_mian .lll .lists .item:first-child {
    margin-left: 0
}

.home_about_video .home_about_video_mian .lll .lists .item .top {
    padding-bottom: 18px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    display: flex
}

.home_about_video .home_about_video_mian .lll .lists .item .top * {
    font-family: Tomorrow3;
    font-size: 37px;
    color: #ffffff
}

.home_about_video .home_about_video_mian .lll .lists .item .desc2 {
    font-size: 20px;
    color: #ffffff
}

.home_about_video .home_about_video_mian .rrr div {
    border-radius: 50%
}

.home_about_video .home_about_video_mian .rrr .play1 {
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    position: relative
}

.home_about_video .home_about_video_mian .rrr .play1 .play2 {
    animation: waveLoop 2s ease-in-out .6s infinite
}

.home_about_video .home_about_video_mian .rrr .play1 .play3 {
    animation: waveLoop 2s ease-in-out .4s infinite
}

.home_about_video .home_about_video_mian .rrr .play1 .play4 {
    animation: waveLoop 2s ease-in-out .2s infinite
}

.home_about_video .home_about_video_mian .rrr .play1 div {
    transform: translate(-50%, -50%) scale(1)
}

.home_about_video .home_about_video_mian .rrr .play1 .play2 {
    width: 246px;
    height: 246px;
    background: rgba(255, 255, 255, 0.3);
    z-index: 2;
    transition: all .6s ease
}

.home_about_video .home_about_video_mian .rrr .play1 .play3 {
    width: 191px;
    height: 191px;
    background: rgba(255, 255, 255, 0.4);
    z-index: 3;
    transition: all .8s ease
}

.home_about_video .home_about_video_mian .rrr .play1 .play4 {
    width: 163px;
    height: 163px;
    transition: all 1s ease;
    background: rgba(255, 255, 255, 0.5);
    z-index: 4
}

.home_about_video .home_about_video_mian .rrr .play1 .play-btn {
    width: 30px;
    height: 34px;
    background: url(../images/color/home_play_btn.png) no-repeat center / 90%;
    z-index: 5
}

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

    50% {
        transform: translate(-50%, -50%) scale(1.2)
    }

    100% {
        transform: translate(-50%, -50%) scale(1)
    }
}

.home_about_video .home_about_video_mian .play_video_body {
    width: 70%;
    z-index: 99;
    display: none;
    opacity: 0
}

.home_about_video .home_about_video_mian .play_video_body.p_show {
    display: block;
    opacity: 1
}

.home_about_video .home_about_video_mian .play_video_body .p_close {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/mobile_close.png) no-repeat center / 40% #efefef;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 100
}

.home_pro_bot {
    margin-top: calc((100 / 19.2) * 1%)
}

.home_pro_bot .home_pro_bot_mian {
    --l-w: 570px;
    --l-w: calc((570/16) * 1%);
    --pd: 180px;
    --pd: calc((180/16) * 1%)
}

.home_pro_bot .home_pro_bot_mian .lll .des1 {
    font-size: 24px;
    color: #666666;
    line-height: 41px;
    margin-top: 50px
}

.home_pro_bot .home_pro_bot_mian .lll .des2 {
    color: #666666;
    line-height: 22px;
    margin-top: 40px
}

.home_pro_bot .home_pro_bot_mian .rrr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.home_pro_bot .home_pro_bot_mian .rrr .item {
    display: flex;
    width: calc(50% - 82px);
    width: calc(50% - calc((82 / 9) * 1%))
}

.home_pro_bot .home_pro_bot_mian .rrr .item img {
    width: 66px;
    height: 66px;
    margin-right: 30px;
    flex-shrink: 0
}

.home_pro_bot .home_pro_bot_mian .rrr .item .tit {
    font-size: 22px;
    color: #000000;
    font-family: Tomorrow3
}

.home_pro_bot .home_pro_bot_mian .rrr .item .des {
    color: #666666;
    margin-top: 30px
}

.home_app {
    margin-top: calc((100 / 19.2) * 1%)
}

.home_app .desc {
    color: #666666;
    line-height: 22px
}

.home_app .imgs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.home_app .imgs>div {
    width: calc(100% / 3)
}

.home_app .imgs .img {
    padding-bottom: 50%
}

.home_app .imgs .img1,
.home_app .imgs .img3 {
    display: flex;
    flex-wrap: wrap
}

.home_app .imgs .img1 .img,
.home_app .imgs .img3 .img {
    width: calc(50%)
}

.home_app .imgs .img2 .img {
    padding-bottom: 100%
}

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

    .home_tp .lists1 .item .title,
    .home_tp .lists1 .item .title2 {
        margin-left: -20px
    }
}

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

    .home_about_video .home_about_video_mian .lll,
    .home_about_video .home_about_video_mian .rrr {
        width: 100%
    }

    .home_about_video .home_about_video_mian .lll .lists {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .home_about_video .home_about_video_mian .lll .lists .item {
        margin: 30px 0 0;
        display: inline-flex;
        flex-direction: column;
        width: calc(50% - 5px)
    }

    .home_about_video .home_about_video_mian .play_video_body {
        position: fixed;
        width: 90%
    }

    .home_tp .lists1 {
        margin-top: 0
    }

    .home_tp .lists1 .lll,
    .home_tp .lists1 .rrr {
        padding-top: 30px
    }

    .home_tp .lists1 .rrr {
        margin-top: 10px
    }

    .home_tp .lists1 .item,
    .home_tp .lists2 .item {
        padding: 30px
    }

    .home_tp .lists1 .item .title,
    .home_tp .lists2 .item .title,
    .home_tp .lists1 .item .title2,
    .home_tp .lists2 .item .title2 {
        margin: 0
    }

    .home_tp .lists1 .item .img_par .info,
    .home_tp .lists2 .item .img_par .info {
        width: 100%;
        left: 0
    }

    .home_app {
        margin-top: 50px
    }

    .home_app .imgs>div {
        width: 100%
    }

    .home_pro_bot .home_pro_bot_mian .rrr .item {
        width: 100%;
        margin-top: 20px
    }
}