.com_aside .aside_item {

    border: 1px solid var(--color-main)

}



.com_aside .aside_item.contact_us .tit {

    padding: 33px 0 19px

}



.list_warp {

    margin-top: calc((138 / 19.2) * 1%)

}



.arc_top {

    --pd: 24px;

    margin-top: 0

}



.arc_top .title {

    font-family: Arial;

    font-weight: bold;

    font-size: 30px;

    color: var(--color-main)

}



.arc_top .desc {

    font-family: Arial;

    font-weight: 400;

    font-size: 16px;

    color: #333333;

    line-height: 35px;

    margin-top: 35px

}



.arc_top .desc p {

    font-family: Arial;

    font-weight: 400;

    font-size: 16px;

    color: #333333;

    line-height: 35px

}



.arc_top .d_swiper {

    margin-top: 40px

}



.arc_top .d_swiper .img {

    padding-bottom: calc((153 / 1.58) * 1%)

}



.arc_top .d_swiper .img img {

    object-fit: contain

}



.arc_top .cells {

    margin-top: 35px

}



.arc_top .cells a,

.arc_top .cells div {

    padding: 16px;

    border: 2px solid var(--color-main);

    font-family: Arial;

    font-weight: bold;

    font-size: 16px;

    color: #000000;

    display: inline-flex

}



.arc_top .cells a:hover,

.arc_top .cells div:hover {

    background: var(--color-main);

    color: #fff

}



.arc_top .cells .email {

    margin-right: 13px

}



.arc_top .cells .download::before {

    content: "";

    display: block;

    width: 20px;

    height: 15px;

    background: url(../images/color/arc_down.png) no-repeat center;

    margin-right: 10px

}



.arc_top .cells .download:hover::before {

    background: url(../images/color/arc_down_.png) no-repeat center

}



.arc_top .rrr .img {

    padding-bottom: calc((472 / 5.22) * 1%);

    border: 2px solid var(--color-main)

}



.arc_top .rrr .img img {

    object-fit: contain

}



.arc_top .rrr .img .full-image {

    display: none;

    height: auto;

    max-width: none;

    transform-origin: 0 0;

    object-fit: cover

}



.arc_top .rrr2 lite-youtube {

    height: 0;

    padding-bottom: calc((472 / 5.22) * 1%);

}



.mark9 {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

}



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

    .arc_top .desc {

        margin-top: 20px

    }



    .arc_top .cells a,

    .arc_top .cells div {

        padding: 12px

    }

}



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

    .mark9 {

        z-index: -1;

    }



    .flex_main .rrr {

        position: relative !important

    }



    .arc_top .title {

        font-size: 24px

    }



    .com_list_right .rrr {

        display: none

    }



    .arc_top .d_swiper .img img {

        object-fit: cover

    }

}

.d_swiper{position: relative;}

.d_swiper .swiper-button-prev {

    background-image: url(../images/color/home_l.png);

    left: 0;

}







.d_swiper .swiper-button-next {

    background-image: url(../images/color/home_r.png);

    right: 0;

}



.d_swiper .swiper-button-prev, .d_swiper .swiper-button-next {

width: 30px;

    height: 36px;

    background-repeat: no-repeat;

    background-size: 25%;

    background-color: rgba(0, 0, 0, 0.5);

    background-position: center;

}