.no_index {
    display: none !important
}

.yes_index {
    display: block !important
}

.home_swiper {
    position: relative;
    overflow: hidden
}

.home_swiper .img {
    padding-bottom: calc((740 / 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 {
    position: absolute;
    top: 999999px
}

.bigtxt {
    font-family: Lato;
    font-weight: 900;
    font-size: 60px;
    color: #e8e8e8;
    position: absolute;
    left: 44%;
    writing-mode: vertical-lr;
    transform: translateY(-50%);
    margin-top: 10%;
    white-space: nowrap;
    z-index: 0;
    height: 35%;
}

.play_video {
    background: var(--color-main);
    width: 130px;
    height: var(--play-h);
    position: absolute;
    right: 0;
    bottom: 0
}

.play_video .pbtn {
    width: 47px;
    height: 47px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: relative;
    cursor: pointer
}

.play_video .pbtn::before {
    content: "";
    display: block;
    width: 11px;
    height: 13px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/color/play2.png) no-repeat center / cover;
    z-index: 9
}

.play_video span {
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    cursor: pointer
}

.home_about {
    padding: calc((70 / 19.2) * 1%) 0 calc((96 / 19.2) * 1%) 0
}

.home_about .about_main {
    --l-w: calc((575 / 14) * 1%);
    --play-h: 182px
}

.home_about .about_main .lll {
    padding-bottom: var(--play-h);
    position: relative
}

.home_about .about_main .rrr {
    position: relative
}

.home_about .about_main .img1 {
    width: 413px;
    height: 541px;
    position: absolute;
    right: 0;
    bottom: 0
}

.home_about .about_main .img1:hover {
    z-index: 9
}

.home_about .about_main .img2 {
    width: 492px;
    height: 270px;
    position: absolute;
    left: 0;
    bottom: 0
}

.home_type {
    position: relative;
    --l-w: calc((340 / 19.2) * 1%);
    --h: 850px
}

.home_type .title_m_tp {
    font-family: Lato;
    font-size: 30px;
    color: #333333
}

.home_type .lll .comcp {
    width: 100%;
    height: 67px;
    background: #d9d9d9;
    cursor: pointer
}

.home_type .lll .comcp.prev::before {
    content: "";
    display: block;
    transform: rotate(90deg);
    width: 32px;
    height: 32px;
    background: url(../images/color/tpl.png) no-repeat center / cover
}

.home_type .lll .comcp.next::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    transform: rotate(90deg);
    background: url(../images/color/tpr.png) no-repeat center / cover
}

.home_type .lll .tp_swiper {
    height: calc(var(--h) - 67px * 2);
    background: #fff;
    width: 100%;
    overflow: hidden
}

.home_type .lll .tp_swiper .swiper-slide {
    cursor: pointer
}

.home_type .lll .tp_swiper .swiper-slide:hover,
.home_type .lll .tp_swiper .swiper-slide.active_ {
    background: var(--color-main);
    padding: 0 50px
}

.home_type .lll .tp_swiper .swiper-slide:hover .txt,
.home_type .lll .tp_swiper .swiper-slide.active_ .txt {
    color: #fff
}

.home_type .lll .tp_swiper .swiper-slide:hover .line,
.home_type .lll .tp_swiper .swiper-slide.active_ .line,
.home_type .lll .tp_swiper .swiper-slide:hover .add,
.home_type .lll .tp_swiper .swiper-slide.active_ .add {
    display: block
}

.home_type .lll .tp_swiper .swiper-slide div {
    flex-shrink: 0
}

.home_type .lll .tp_swiper .swiper-slide .txt {
    font-size: 20px
}

.home_type .lll .tp_swiper .swiper-slide .line {
    height: 1px;
    flex: 1;
    background: rgba(217, 217, 217, 0.3);
    display: none;
    margin: 0 8px
}

.home_type .lll .tp_swiper .swiper-slide .add {
    width: 20px;
    height: 20px;
    background: url(../images/color/add.png) no-repeat center / cover;
    display: none
}

.home_type .rrr .tp_img_swiper {
    overflow: hidden
}

.home_type .rrr .tp_img_swiper img {
    width: 100%;
    height: var(--h);
    object-fit: cover
}

.home_type .rrr2 {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--l-w);
    background: rgba(91, 63, 63, 0.7);
    z-index: 2;
    padding: 30px
}

.home_type .rrr2 .rr2div {
    display: none
}

.home_type .rrr2 .rr2div:first-child {
    display: block
}

.home_type .rrr2 .title {
    font-size: 30px;
    color: #ffffff
}

.home_type .rrr2 .desc {
    margin-top: 10px;
    color: #ffffff
}

.home_type .rrr2 .more {
    color: #ffffff;
    margin-top: 33px;
    display: inline-flex;
    align-items: center
}

.home_type .rrr2 .more .rbtn {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #fff;
    margin-left: 5px
}

.home_type .rrr2 .more .rbtn::before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: url(../images/color/btnr1.png) no-repeat center / cover
}

.propn {
    width: 60px;
    height: 60px;
    border: 1px solid #ffffff;
    cursor: pointer
}

.propn::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px
}

.propn.prev {
    margin-right: 19px
}

.propn.prev::after {
    background: url(../images/color/prol.png) no-repeat center / cover
}

.propn.next::after {
    background: url(../images/color/pror.png) no-repeat center / cover
}

.home_pro {
    padding: calc((65 / 19.2) * 1%) 0 0
}

.home_pro .layout_ .tt1 {
    font-family: Lato;
    font-weight: 900;
    font-size: 60px;
    color: #e8e8e8
}

.home_pro .layout_ .t1 {
    margin-top: -40px
}

.home_pro .pro_main {
    margin-top: 50px;
    background: url(../images/other/pro_bg.png) no-repeat center / cover;
    padding: calc((98 / 19.2) * 1%) calc((103 / 19.2) * 1%) calc((109 / 19.2) * 1%)
}

.home_pro .pro_main .t1 {
    color: #fff
}

.home_pro .pro_main .top {
    --l-w: 50%
}

.home_pro .pro_main .rrr {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.home_pro .pro_main .pro_swiper {
    margin-top: 60px
}

.home_pro .pro_main .pro_swiper .img {
    padding-bottom: calc((274 / 4.13) * 1%);
    padding-bottom: 100%
}

.home_pro .pro_main .pro_swiper .title {
    display: block;
    margin-top: 15px;
    font-size: 18px;
    color: #ffffff;
    display: none
}

.home_pro .pro_main .pro_swiper .swiper-slide {
    opacity: .2
}

.home_pro .pro_main .pro_swiper .swiper-slide.active {
    opacity: 1
}

.home_pro .pro_main .pro_swiper .swiper-slide.active .title {
    display: block
}

.home_working {
    padding: calc((110 / 19.2) * 1%) 0 calc((110 / 19.2) * 1%) 0
}

.home_working .work_swiper {
    margin-top: 35px
}

.home_working .work_swiper .img {
    padding-bottom: 100%
}

.home_working .work_swiper .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 13px
}

.home_working .work_swiper .title::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/color/work_r.png) no-repeat center / cover;
    margin-left: 18px
}

.home_choose {
    padding: calc((80 / 19.2) * 1%) 0 calc((100 / 19.2) * 1%) 0;
    background: var(--color-main)
}

.home_choose .top .t1 {
    color: #fff
}

.home_choose .top .t3fff {
    color: rgba(255, 255, 255, 0.7);
    margin-top: 18px
}

.home_choose .bot {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 39px;
    padding-top: 95px
}

.home_choose .bot .lists {
    --pd: 95px;
    --mt: 50px;
    align-items: flex-start;
}

.home_choose .bot .lists .item .img {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    border: 1px solid #ffffff
}

.home_choose .bot .lists .item .img img {
    width: 54px;
    height: 54px;
    object-fit: cover
}

.home_choose .bot .lists .item .title {
    font-size: 20px;
    color: #ffffff;
    margin-top: 30px
}

.home_choose .bot .lists .item .desc {
    margin-top: 12px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.7)
}

.home_news {
    padding: calc((93 / 19.2) * 1%) 0 calc((107 / 19.2) * 1%)
}

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

.home_news .lists {
    margin-top: 60px;
    --l-w: 50%;
    --pd: 55px
}

.home_news .lists .rrr {
    display: flex;
    flex-direction: column
}

.home_news .lists .rrr .item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.home_news .lists .item {
    background: #d9d9d9;
    padding: 20px 42px 20px 36px
}

.home_news .lists .item:last-child {
    margin-top: 10px
}

.home_news .lists .item.fir {
    padding: 24px 0 0
}

.home_news .lists .item.fir .img {
    padding-bottom: calc((287 / 6.72) * 1%)
}

.home_news .lists .item.fir .info {
    background: #ffffff;
     margin: 20px 20px 0;
    padding: 30px 20px 30px;
    align-items: unset
}

.home_news .lists .item.fir .info .time {
    background: transparent;
    padding: 0;
    margin-right: 36px
}

.home_news .lists .item.fir .info .time span {
    color: #666 !important
}

.home_news .lists .item.fir .info .inr {
    background: unset;
    padding: 0
}

.home_news .lists .item .info {
    display: flex;
    align-items: center
}

.home_news .lists .item .info .time {
    background: var(--color-main);
    width: 120px;
    padding: 24px;
    flex-shrink: 0;
}

.home_news .lists .item .info .time span:first-child {
    font-family: Lato;
    font-weight: 600;
    font-size: 30px;
    color: #ffffff;
    line-height: 30px
}

.home_news .lists .item .info .time span:last-child {
    font-family: Lato;
    font-weight: 600;
    color: #ffffff;
    line-height: 30px
}

.home_news .lists .item .info .inr {
    background: #fff;
    padding: 40px 20px
}

.home_news .lists .item .info .title {
    font-family: Lato;
    font-weight: 600;
    font-size: 20px
}

.home_news .lists .item .info .desc {
    margin-top: 15px;
    font-family: Lato;
    font-weight: 400;
    color: #666666;
    line-height: 22px
}

.video_play_par {
    position: fixed;
    width: 80%;
    height: 70vh;
    z-index: 9999;
    left: 10%;
    top: 10vh;
    display: none
}

.video_play_par lite-youtube {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video_play_par .close_76 {
    position: absolute;
    right: -50px;
    top: 0;
    background: url(../images/mobile_close.png) no-repeat center / cover;
    width: 30px;
    height: 30px;
    z-index: 999
}

@media screen and (max-width:1366px) {
    .home_type {
        --l-w: calc((500 / 19.2) * 1%);
        --h: 550px
    }
   
    .flex_main .rrr{ width: 100%;}
.home_news .lists .item.fir{ width: 100%;}
    .home_about .about_main {
        display: block;
    }

    .home_news .lists {
        --pd: 20px
    }

    .home_about .about_main .rrr {
        width: 75%;
             margin-left: 17%;
    }
.play_video{      right: 0px !important;
    left: 5% !important;}
    .home_about .about_main .lll {
        width: 90%;
        padding-bottom: 53% !important;
    }
}

@media screen and (max-width:950px) {
    .video_play_par {
        top: 30%;
        height: 50vh
    }
    .home_about .about_main .rrr{ margin-left: 0 !important;}
    .play_video{ left: inherit !important;}
.home_about .about_main .lll{          padding-bottom: 4% !important;}
    .video_play_par .close_76 {
        right: -30px;
        width: 20px;
        height: 20px
    }

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

    .home_swiper_h5 {
        position: relative;
        top: unset;
        padding-bottom: calc((312 / 2.1) * 1%)
    }

    .home_about {
        padding: 20px 0 40px
    }

    .home_about .about_main .lll,
    .home_about .about_main .rrr {
        width: 100%
    }

    .home_about .about_main .lll {
        padding: 0
    }

    .home_about .about_main .lll .play_video {
        display: none !important
    }

    .home_about .about_main .lll .bigtxt {
        left: unset;
        right: 0;
                height: 48%;
        color: #000;
    }

    .home_about .about_main .rrr {
        padding-bottom: 50px
    }

    .home_about .about_main .rrr .play_video {
        z-index: 3;
        top: 20px
    }

    .home_about .about_main .rrr .img1 {
        width: calc((302 / 3.83) * 1%);
        height: calc((336 / 4.03) * 1%);
        position: unset;
        padding-bottom: calc(1%)
    }

    .home_about .about_main .rrr .img1 img {
        position: unset
    }

    .home_about .about_main .rrr .img2 {
        right: 0;
        left: unset;
        width: calc((348 / 3.83) * 1%);
        height: calc((180 / 4.03) * 1%)
    }

    .home_about .about_main .rrr .img2 img {
        position: unset
    }

    .home_type .lll {
        display: none !important
    }

    .home_type .rrr {
        width: 100% !important
    }

    .home_type .rrr .tp_img_swiper .swiper-slide {
        height: 0;
        padding-bottom: calc((308 / 4.14) * 1%);
        position: relative
    }

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

    .home_type .rrr2 {
        pointer-events: none;
        padding: 0 0 calc((308 / 4.14) * 1%) 0;
        width: 100%;
        height: 0;
        top: unset;
        bottom: 0
    }

    .home_type .rrr2 .rr2div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .home_tp_m_cell {
        height: 90px;
        background: #fff
    }

    .home_tp_m_cell div {
        width: 40px;
        height: 40px
    }

    .home_tp_m_cell .prev {
        margin-right: 34px;
        background: url(../images/color/prol.png) no-repeat center / 50% var(--color-main)
    }

    .home_tp_m_cell .next {
        background: url(../images/color/pror.png) no-repeat center / 50% var(--color-main)
    }

    .home_pro {
        background: #f1f1f1;
        padding: 30px 0 0
    }

    .home_pro .sub1 {
        margin-top: 27px
    }

    .home_pro .top .lll,
    .home_pro .top .rrr {
        width: 100%
    }

    .home_pro .top .rrr {
        display: none
    }

    .home_pro .pro_main {
        padding: calc((66 / 4.14) * 1%) var(--all-pd) 0
    }

    .home_pro .pro_main .pro_swiper {
        margin-top: 24px
    }

    .home_pro .pro_main .pro_swiper .swiper-slide {
        opacity: 1
    }

    .home_pro .pro_main .pro_swiper .title {
        text-align: center;
        display: block
    }

    .home_pro .pro_m_cell {
        padding: 46px 0 66px
    }

    .home_working {
        padding: 40px 0 50px;
        position: relative
    }

    .home_working .swiper-pagination {
        bottom: 18px
    }

    .home_working .swiper-pagination-bullet-active {
        background: var(--color-main)
    }

    .home_choose {
        padding: 30px 0 0
    }

    .home_choose .bot {
        margin-top: 28px;
        padding: 0
    }

    .home_choose .bot .lists .item {
        margin: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 28px 0 44px
    }

    .home_choose .bot .lists .item:last-child {
        border-bottom: none
    }

    .home_news {
        padding: 28px 0 0
    }

    .home_news>.layout_ {
        padding: 0 !important
    }

    .home_news .top {
        flex-direction: column
    }

    .home_news .top .t1::after {
        left: 50%;
        transform: translateX(-50%)
    }

    .home_news .top .sub1 {
        margin-top: 28px
    }

    .home_news .lists {
        margin-top: 28px
    }

    .home_news .lists .item {
        padding-left: var(--all-pd) !important;
        padding-right: var(--all-pd) !important
    }

    .home_news .lists .item .img {
        padding-bottom: calc((287 / 3.83) * 1%) !important
    }

    .home_news .lists .item .info {
        margin: 11px 0 0 !important
    }

    .home_news .lists .item .info .desc {
        display: none
    }
}