.page-about { overflow-x: hidden }
    .page-about .slider { height: 400px }
        .page-about .slider .item .text .title { margin-top: 150px }
        .page-about .slider .item .text .line, .page-about .slider .item .text .title { line-height: 36px; font-size: 30px; letter-spacing: -1.2px; font-weight: 100; font-family: 微软雅黑; color: #fff; text-align: center }
    .page-about .sm-py { padding-top: 10px !important; padding-bottom: 10px !important; text-align: center; justify-content: center }
        .page-about .sm-py .moving-container {
            padding: 10px 10px 10px 10px
        }
            .page-about .sm-py .moving-container .moving { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out }
        .page-about .sm-py .page-title { line-height: 56px; color: #242a37 !important; font-size: 40px; letter-spacing: -2.2px; font-weight: 400 }
        .page-about .sm-py .moving-container .inner { box-shadow: 2px 25px 65px 5px rgba(0,0,0,.2) !important }
            .page-about .sm-py .moving-container .inner .left-img { width: 41.666667%; height: 350px; float: left }
            .page-about .sm-py .moving-container .inner .right-details { float: left; width: 58.333333% }
                .page-about .sm-py .moving-container .inner .right-details p {
                    color: #a4a4a4;
                    font-size: 14px;
                    padding: 25px 25px 0px;
                    font-weight: 400;
                    line-height: 30px;
                    text-align: left;
                }
.bg-cover { background-size: cover !important }
.page-about .worth {
    padding-top: 90px;
    padding-bottom: 60px;
    background: url(../../../img/floor8_bg.png) no-repeat;
    background-size: cover
}
    .page-about .worth .inner { text-align: center }
        .page-about .worth .inner .page-title-white { font-size: 40px; letter-spacing: -2.2px; font-weight: 100; font-family: 微软雅黑; color: #fff; line-height: 56px }
        .page-about .worth .inner .about-title { color: #F8F8F8; margin-top: 10px; }
        .page-about .worth .inner .about-desc-white { color: #F8F8F8; font-size: 18px; font-weight: 400; line-height: 28px; padding-top: 15px }
        .page-about .worth .inner .box-inner5 { height: 313px; text-align: center; margin: -50px 50px 0 50px; padding: 50px }
            .page-about .worth .inner .box-inner5:hover { background: #202346; cursor: pointer }
        .page-about .worth .inner .box .about-title-un { color: #D6DBF0; width: 53px; font-size: 26px; border-bottom: 3px solid #FFFDFE; padding-bottom: 15px; margin: 0 auto }
    .page-about .worth .diy-qdr-col-3 > * { float: left; width: 33.333%; margin-top: 50px }
.page-about .environment { padding-top: 90px !important }
    .page-about .environment.qdr-col-4 > * { float: left; width: 23%; margin: 1% }
    .page-about .environment .box-inner4 { width: 100%; border-radius: 10px; position: relative }
    .page-about .environment .box-image { overflow: hidden }
    .page-about .environment .about-desc { bottom: 0; background: #4C5E6A; z-index: 999; opacity: .7; height: 40px; width: 100%; position: absolute }
    .page-about .environment .about-p { text-align: center; font-size: 18px; line-height: 40px; color: #fff }
.page-about .certificate { padding-top: 60px !important; padding-bottom: 60px !important; height: 307px }
    .page-about .certificate .swiper-container .swiper-slide { width: 220px }
        .page-about .certificate .swiper-container .swiper-slide img { width: 200px; padding: 10px !important; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; opacity: .8 }
    .page-about .certificate .swiper-container .swiper-slide-active img { width: 220px; padding: 0 !important; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    .page-about .certificate .swiper-container .swiper-button { width: 32px; height: 60px; font-size: 0; border: none; background-color: #151515; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; top: 50%; margin-top: -20px; opacity: 0; -webkit-transition: opacity .4s ease-in-out 0s; -moz-transition: opacity .4s ease-in-out 0s; transition: opacity .4s ease-in-out 0s; background-size: 9px 17px }
    .page-about .certificate .swiper-container .swiper-button-prev {
        left: 10px;
        background-image: url(../../../img/white-left.png)
    }
    .page-about .certificate .swiper-container .swiper-button-next {
        right: 10px;
        background-image: url(../../../img/white-right.png)
    }
    .page-about .certificate .swiper-container:hover .swiper-button { opacity: .8 }
.page-about .contact {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 300px;
    background-image: url(../../../img/lxwm.png)
}
    .page-about .contact li { line-height: 30px; font-size: 13px }
    .page-about .contact .left { float: left }
        .page-about .contact .left img { margin-top: 98px; width: 115px; }
    .page-about .contact .right { float: left; margin-top: 85px; color: #fff }
    .page-about .contact .white { margin: 110px 52px 0 52px; width: 1px; height: 100px; background-color: rgba(255,255,255,.3); border-radius: 1px }
.text-xl { font-size: 32px }