.ms_about{background-color: #f3f4f8;}
.ma_banner>img{width: 100%;}

.ma_item{padding: 0 0 100px;}

.ma_prof>h1{color: #666;font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.ma_prof>p{color: #666;font-size: 16px;text-indent: 2em;line-height: 2;}
.ma_prof_vd{background: url('/images/30.jpg') no-repeat center;background-size: cover;height: 550px;margin: 0 auto;margin-top: 45px;position: relative;border-radius: 20px;overflow: hidden;}
.ma_prof_vd>div{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.2 );opacity: .1;display: flex;justify-content: center;align-items: center;transition: .3s;cursor: pointer;}
.ma_prof_vd:hover >div{opacity: 1;}
.ma_video{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;display: none;background-color: rgba(0,0,0,.5)}
.ma_video>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80vw;}
.ma_video>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}

.ma_txt_i{display: flex;justify-content: space-between;margin-top: 60px;align-items: center;}
.ma_txt_img{width: 50%;height: 400px;overflow: hidden;border-radius: 20px;}
.ma_txt_img>img{width: 100%;height: 100%;transition: .3s;object-fit: cover;}
.ma_txt_img:hover img{transform: scale(1.1);}
.ma_txt_t{width: 40%;}
.ma_txt_t>h1{font-size: 24px;color: #515151;}
.ma_txt_t>p{font-size: 16px;color: #555;line-height: 2;margin-top: 20px;}

.ma_cult_i{display: flex;justify-content: space-between;margin-top: 50px;}
.ma_cult_img{width: 560px;height: 400px;overflow: hidden;border-radius: 20px;}
.ma_cult_img>img{width: 100%;height: 100%;transition: .3s;object-fit: cover;}
.ma_cult_img:hover img{transform: scale(1.1);}
.ma_cult_l{width: 560px;}
.ma_cult_l>h1{font-size: 28px;color: #4a4a4a;}
.ma_cult_l>i{width: 70px;height: 2px;display: inline-block;background-color: var(--base);margin: 20px 0;}
.ma_cult_l>p{color: #4a4a4a;font-size: 14px;line-height: 3;}
.ma_cult_l>p>span{color: #000;font-weight: bold;}
.ma_cult_l>b{font-weight: lighter;font-size: 14px;display: block;line-height: 3;color: #333;}

.ma_proc{text-align: center;}
.ma_proc>h1{font-size: 28px;font-weight: bold;color: #7d7d7d;margin: 50px 0 20px;}
.ma_proc>span{width: 40px;height: 4px;background-color: var(--base);display: inline-block;}
.ma_proc_l{width: 1000px;margin-top: 50px;position: relative;}
.ma_proc_l>p{position: absolute;left: 50%;transform: translateX(-50%);height: 100%;width: 2px;background-color: #999;z-index: 0;}
.ma_proc_l>img{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.ma_proc_i{display: flex;justify-content: space-between;margin-bottom: 40px;position: relative;z-index: 1;}
.ma_proc_i>span{border-radius: 50%;width: 33px;height: 33px;border: 9px solid var(--base);background-color: #fff;}
.ma_proc_img{width: 398px;overflow: hidden;height: 153px;border-radius: 20px;}
.ma_proc_img>img{width: 100%;height: 100%;object-fit: cover;transition: .3s;border-radius: 20px;}
.ma_proc_img:hover >img{transform: scale(1.1);}
.ma_proc_r{width: 398px;}
.ma_proc_r>h1{font-size: 34px;font-weight: bold;color: #666;margin-bottom: 10px;}
.ma_proc_r>p{font-size: 16px;line-height: 2;}
.ma_proc_i:nth-child(2n){flex-direction: row-reverse;}
.ma_proc_i:nth-child(2n) .ma_proc_r{text-align: right;}
.ma_proc_i:nth-child(2n-1) .ma_proc_r>p::before{content: '·';margin: 0 10px;color: var(--base);font-weight: bold;}
.ma_proc_i:nth-child(2n) .ma_proc_r>p::after{content: '·';margin: 0 10px;color: var(--base);font-weight: bold;}

.ma_photo{display: flex;flex-wrap: wrap;}
.ma_photo_i{width: 31%;margin-right: 3.5%;margin-bottom: 30px;}
.ma_photo_i:nth-child(3n){margin-right: 0;}
.ma_photo_img{width: 100%;height: 300px;overflow: hidden;}
.ma_photo_img>img{width: 100%;height: 100%;transition: .3s;object-fit: cover;}
.ma_photo_img:hover img{transform: scale(1.1);}
.ma_photo_i>h1{text-align: center;font-size: 20px;font-weight: bold;color: #666;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ma_popup{display: none;align-items: center;justify-content: center;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 100;}
.ma_popup>i{position: absolute;right: 20px;top: 20px;color: #fff;font-size: 60px;font-style: normal;cursor: pointer;}

.ma_page{padding: 50px 0;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #efefef;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #efefef;}


.ma_news{display: flex;flex-wrap: wrap;}
.ma_news_i{width: 31%;margin-right: 3.5%;margin-bottom: 30px;}
.ma_news_i:nth-child(3n){margin-right: 0;}
.ma_news_i>h1{color: #434343;font-size: 20px;line-height: 2;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 10px;}
.ma_news_i>span{font-size: 14px;color: #666;}
.ma_news_i>p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;line-height: 2;margin-top: 10px;}


@media screen and (max-width: 766px) {
    .ma_banner>img{height: 20rem;object-fit: cover;}
    
    .ma_item{padding: 0 0 6rem;}

    .ma_prof>h1{font-size: 2.4rem;}
    .ma_prof>p{font-size: 1.6rem;}
    .ma_prof_vd{height: 30rem;margin-top: 3rem;}

    .ma_txt_i{flex-direction: column;margin-top: 2rem;}
    .ma_txt_img{width: 100%;height: 30rem;}
    .ma_txt_t{padding-top: 2rem;width: 100%;}
    .ma_txt_t>p{font-size: 1.6rem;}
    .ma_txt_i:last-of-type{flex-direction: column-reverse;}
    .ma_txt_t>h1{font-size: 2.4rem;}

    .ma_cult_i{flex-direction: column;}
    .ma_cult_l{width: 100%;margin-bottom: 2rem;}
    .ma_cult_l>h1{font-size: 2.6rem;}
    .ma_cult_l>p{line-height: 2;}
    .ma_cult_l>b{line-height: 2;}
    .ma_cult_img{width: 100%;height: 20rem;}

    .ma_proc>h1{font-size: 2.6rem;}
    .ma_proc_img{width: 42%;}
    .ma_proc_img>img{height: 20rem;}
    .ma_proc_i>span{width: 2rem;height: 2rem;border-width: .8rem;}
    .ma_proc_r{width: 42%;}
    .ma_proc_r>h1{font-size: 2.4rem;}
    .ma_proc_r>p{font-size: 1.4rem;}
    .ma_proc_i:nth-child(2n-1) .ma_proc_r>p::before{margin: 0 .5rem;}
    .ma_proc_i:nth-child(2n) .ma_proc_r>p::after{margin: 0 .5rem;}

    .ma_photo_i{width: 100%;margin-right: 0;}
    .ma_photo_img{height: 20rem;}
    .ma_photo_i>h1{font-size: 1.8rem;}

    .ma_news_i{width: 100%;margin-right: 0;}
    .ma_news_i>h1{font-size: 1.8rem;}
    .ma_news_i>span{font-size: 1.2rem;}
    .ma_news_i>p{font-size: 1.4rem;margin-top: 0;}
}