.about-container{
    background: #fff;
    padding: 2rem 0;
}
.about-container .title{ font-size: 1.25rem;text-align: center; }
.about-container .title span{ color: #B52D2F; }
.about-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }
.about-container .about-text-box{ margin-top: 1rem;padding: 1rem;  }
.about-container .about-text{ font-size: 1rem;line-height: 2; }
.about-container .about-text p{ text-indent: 2rem; }
.about-container .about-image{ width: 100%;margin-top: 1rem; }
.about-container .about-image img{ width: 100%; }
.about-container .about-text .more{ display: none; }
.about-container .m-more{ display: block;background: #B52D2F;color: #fff;font-size: 1rem;width: 15rem;
    text-align: center;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem; margin: 0 auto;margin-top: 2rem; }

.service-container{ padding: 2rem 0;background: #f0f0f0; }
.service-container .title{ font-size: 1.25rem;text-align: center; }
.service-container .title span{ color: #B52D2F; }
.service-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }

.core-container{ background: #fff; }
.core-container .core-bg{ display: none;width: 100%; }
.core-container .core-box{ padding: 2rem 0;position: initial; }
.core-container .title{ font-size: 1.25rem;text-align: center; }
.core-container .title span{ color: #B52D2F; }
.core-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }
.core-container .core-text-box{ margin-top: 1rem;padding: 1rem; }
.core-container .rows{ display: inline-block;width: 100%; margin-top: 1rem; }
.core-container .rows img{ float: left;width: 30%; }
.core-container .rows .rows-text{ float: left;width: calc(70% - 1rem);padding-left: 1rem; }
.core-container .rows .name{ font-size: 1rem;margin-top: 0rem; }
.core-container .rows .name span{ font-size: .9rem;margin-left: 1rem; }
.core-container .rows .desc{ font-size: .9rem;line-height: 1.5;margin-top: .5rem; white-space: pre-line; }
.core-container .more{ background: #B52D2F;color: #fff;font-size: 1rem;width: 15rem;
    text-align: center;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem;margin: 0 auto;margin-top: 1rem; }

.other-container{ background: #fafafa; }
.other-container .other-box{ padding: 3rem 0; }
.other-container .rows{ position: relative;width: calc(33.333333333%);float: left; }
.other-container .rows img{ width: 100%; }
.other-container .rows-text{ position: absolute;top: 10%;left: 30%; }
.other-container .rows .name{ font-size: 1rem;position: relative; }
.other-container .rows .name:after{ content: "";width: 2rem;bottom: -0.5rem;left: 0;
    position: absolute;border: 2px #B52D2F solid; }
.other-container .rows .desc{ font-size: .75rem;line-height: 1.5;margin-top: 1rem; }

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -0.1rem; }
.swiper-container-cell.swiper-container {
    width: 100%;
    padding: 1rem 0;
}
.swiper-container.swiper-container-pc{ display: none;  }
.swiper-container.swiper-container-cell{ display: block; }
.swiper-container-cell .swiper-slide{ background: #fff;transition: 300ms; }
.swiper-container-cell .swiper-slide .box{ padding: 1rem;border-radius: 2px; }
.swiper-container-cell .swiper-slide .image{ width: 100%; }
.swiper-container-cell .swiper-slide .image img{ width: 100%; }
.swiper-container-cell .swiper-slide .rows-text{ width: 100%;position: relative; }
.swiper-container-cell .swiper-slide .rows-text .name{ font-size: 1.25rem;margin: .5rem 0;line-height: 2;height: auto; }
.swiper-container-cell .swiper-slide .rows-text span{ font-size: .8rem;margin-left: 1rem; }
.swiper-container-cell .swiper-slide .rows-text .desc{ font-size: .8rem;margin: .5rem 0;line-height: 1.5;white-space: pre-line; }
.swiper-container-cell .swiper-slide .more{ background: #B52D2F;color: #fff;font-size: .75rem;width: 8rem;margin: 1rem auto;
    text-align: center;height: 2rem;line-height: 2rem;border-radius: 2rem; }

.swiper-container-cell .swiper-slide .more{ background: #B52D2F;color: #fff;font-size: 1rem;width: 15rem;
    text-align: center;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem; margin: 0 auto;margin-top: 1rem; }

@media (min-width: 960px) {
    .about-container{ margin: 0 10rem;padding: 2rem 0;overflow: hidden; }
    .about-container .title{ font-size: 2rem;text-align: center; }
    .about-container .title span{ color: #B52D2F; }
    .about-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }
    .about-container .about-text-box{ margin-top: 2rem; }
    .about-container .about-text{ float:left;width: calc(50% - 2rem);font-size: 1rem;line-height: 2;padding-right: 2rem;margin-top: 0; }
    .about-container .about-image{ float:right;width: 50%;margin-top: 0; }
    .about-container .about-text p{ text-indent: 2rem; }
    .about-container .about-image img{ width: 100%; }
    .about-container .about-text .more{ display: block;margin-top: 2rem;background: #B52D2F;color: #fff;font-size: 1rem;width: 10rem;
        text-align: center;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem; }
    .about-container .m-more{ display: none; }

    .service-container{ padding: 3rem 0;background: #f0f0f0; }
    .service-container .title{ font-size: 2rem;text-align: center; }
    .service-container .title span{ color: #B52D2F; }
    .service-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }
    .swiper-container.swiper-container-pc {
        display: block;
        width: 100%;
        padding: 2rem 0;
    }
    .swiper-container.swiper-container-cell{ display: none; }
    .swiper-container-pc .swiper-slide{ background: #fff;transition: 300ms;transform: scale(.9); }
    .swiper-container-pc .swiper-slide .box{ padding: 1rem;border-radius: 2px; }
    .swiper-container-pc .swiper-slide .image{ width: 100%;height: 100%; }
    .swiper-container-pc .swiper-slide .image img{ width: 100%;height: 100%; }
    .swiper-container-pc .swiper-slide .rows-text{ width: 100%; }
    .swiper-container-pc .swiper-slide .rows-text .name{ font-size: 1.25rem;margin: .5rem 0;line-height: 2;height: auto; }
    .swiper-container-pc .swiper-slide .rows-text span{ font-size: .8rem;margin-left: 1rem; }
    .swiper-container-pc .swiper-slide .rows-text .desc{ font-size: .8rem;margin: .5rem 0;line-height: 1.5;white-space: pre-line; }
    .swiper-container-pc .swiper-slide .more{ background: #B52D2F;color: #fff;font-size: .75rem;width: 8rem;margin: 1rem auto;
        text-align: center;height: 2rem;line-height: 2rem;border-radius: 2rem; }

    .swiper-container-pc .swiper-slide-active,.swiper-slide-duplicate-active{
        transform: scale(1);
    }

    .core-container{ position: relative;overflow: hidden; }
    .core-container .core-bg{ display: block;width: 100%; }
    .core-container .core-box{ padding: 2rem 0;position: absolute;top: 0;width: calc(100% - 20rem);left: 10rem; }
    .core-container .title{ font-size: 2rem;text-align: center; }
    .core-container .title span{ color: #B52D2F; }
    .core-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }
    .core-container .core-text-box{ margin-top: 2rem; }
    .core-container .rows{ float: left;width: calc(25% - 2rem);margin: 0 1rem; }
    .core-container .rows img{ width: 100%; }
    .core-container .rows .rows-text{ width: 100%;padding-left: 0rem; }
    .core-container .rows .name{ font-size: 1rem;margin-top: 1rem; }
    .core-container .rows .name span{ font-size: .8rem;margin-left: 1rem; }
    .core-container .rows .desc{ font-size: .8rem;line-height: 1.5;margin-top: 1rem;
        white-space: pre-line;
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 8;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .core-container .more{ background: #B52D2F;color: #fff;font-size: 1rem;width: 15rem;
        text-align: center;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem;margin: 0 auto;margin-top: 2rem; }

    .other-container{ background: #fafafa; }
    .other-container .other-box{ margin: 0 10rem;padding: 2rem 0;overflow: hidden; }
    .other-container .rows{ float: left;width: calc(33.333% - 6rem);position: relative;padding: 0 3rem; }
    .other-container .rows img{ width: 100%; }
    .other-container .rows-text{ position: absolute;top: 20%;left: 35%; }
    .other-container .rows .name{ font-size: 1.5rem;position: relative; }
    .other-container .rows .name:after{ content: "";width: 3rem;bottom: -0.5rem;left: 0;
        position: absolute;border: 2px #B52D2F solid; }
    .other-container .rows .desc{ font-size: 1rem;line-height: 1.5;margin-top: 2rem; }


}