a, p, span, li, button{
    font-family: Arial,Microsoft Yahei,sans-serif;
    line-height: 1.4em !important
}
*{
    letter-spacing: 0 !important;
}
.header > .nav li{
    line-height: 80px !important;
}
.vision{background-size:cover !important;}
.vis-text > p{font-size: 36px}
.vis-text > p ,
.vision > .vis-tit > p{line-height: 70px !important}
.tit-les{letter-spacing: 2px !important}
.vis-text > p{letter-spacing: 1px}
.soc-list .cont > p::before{top: 7px;height: 40%}
.soc-list .cont{margin: 20px 0 0px !important}
.post-list > li > a > div{letter-spacing: 1px}
.body > .found > .found_text > .cn_text{
   margin: 0 auto;
    line-height: 30px !important;
}
.plate-list > li > .plate-text{top: 77% !important}
footer .footer-text{gap: 40px !important}
.about .about_text > p,
.conc-list li .text .content,
.building > .content{text-align: justify}
.founding .content-text{width: 49%;text-align: justify}
.content-text .title{line-height: 32px !important;text-align:left;}
.conc-list li .text .cn-text ,
.vis-text > p, .vision > .vis-tit > p{text-transform: uppercase}
.innovate .bg-text{top: 115px}
.innovate .select .content-text > p{text-align: justify}
.info-text .content{letter-spacing: 0px !important;}
.post-list a{padding: 10px 28px}
.content-text .center{margin: 25px 0 20px;line-height: 25px !important}
.reflection img ,.num-img img{display: block;width: 225px;height: auto}
.cont-box p,.bgimg > .text > .cont{text-align: justify}
.box-text > p:nth-child(1){text-transform: uppercase}
.box-text .title{line-height: 45px !important}
.info-text .cn-title{font-size: 38px}
.info .list-text .title{margin: 20px 0}
.info-list li:nth-child(3) .details p {width: 230px}
.content-text .foot{width: 100%}
.content .box{gap: 150px}
.building > .cn-title{margin: 0 0 30px}
.plate-list > li > .plate-text > .cn_text{text-transform: uppercase}
.nav li:nth-child(1) a{text-transform: uppercase}
.content .text{text-align: justify}
.body > .found > .found_text > .cn_text,
.vis-text > p{font-style: italic}
.about .about_text > .about_title{text-transform: uppercase;text-align: left !important;}
.card-list li .card-text .card-title{width: 340px}

.footer-about li:nth-child(2){width:160px;}
.plate > .plate_btn{overflow: auto !important;}
 .vision{height: auto;padding: 0 0 60px}
.building > .content{text-align:justify}
section .card-head{
    gap: 0;
    justify-content: space-around;
}
@media screen and (max-width: 1460px){
    .swiper-slide > .text > .en p {width: 90% !important}
    .body > .found > .found_text > .cn_text{font-size: 46px}
    .segments > .boll {
        background-size: contain !important;}
        .soc-list{
            flex-wrap: wrap;
            width: 95%;
            margin-top: 900px;
        }
        .soc-list li{width: 48%}
       
}



@media screen and (max-width: 960px){
    .vision{height: auto}
    .founding .content-text{width: 37% !important;text-align: left !important}
    .content .box .no{display: none}
    .cont-box p, .bgimg > .text > .cont{text-align: left}
    .innovate .select{flex-direction: column}
    .innovate .select .content-text {width: 100%}
    .header > .nav > li > a, .header > .lang > li > a {font-size: 16px}
    .vis-text > p{font-size: 18px !important;}
    .vis-text > p, .vision > .vis-tit > p{line-height: 26px !important;}
}

@media screen and (max-width: 750px) {
    footer > .public .footer-line{bottom: 39% !important;}
    .vision > .vis-tit > p,
    .vis-text > p {line-height: 30px !important;padding: 0px 20px}
    .vis-text > p{margin-top: 30px}
    .vis-text{margin-top: 60px}
    .content .box{gap: 40px}
    .reflection img, .num-img img {
        width: 130px;
        height: auto;
    }

    .founding .content-text{width: 55% !important}
    .founding > .content{height: 500px}
}
@media screen and (max-width: 670px){
    .boll > .bool-text{
        top: 120px;
    }
    .segments > .boll{
        background: url("/static/images/buju-mb-en.png")  no-repeat !important;
        background-size: contain !important;
        background-position-y: -30px !important;
        height: 470px;
    }
}
@media screen and (max-width: 660px) {
#ky{margin-top: 500px;}
    .manager .title .man-cntit{font-size: 28px}
    .container .swiper-text{width: 95%}
    .soc-list{width: 90%;margin-top: 400px}
    .social{
        height: 600px;
    }
    .swiper-slide > .text > .en p{
        font-size: 22px !important;
    }
    .innovate .select .content-text > p{text-align: left}
     section .card-head{justify-content:space-around}
     .info .info-list{gap:0;flex-direction: column;}
     .info .info-list .details p{width: 100%}

}
@media screen and (max-width: 550px) {
    .plate > .cn_text{font-size: 18px !important}
    .founding .content-text .center,
    .founding .content-text .title{line-height: 1.4em !important}

   
    .about .about_text > p,
    .conc-list li .text .content{text-align: left}
    /*.building > .content{text-align:justify}*/
    .innovate .select{margin-top: 30px}
}

@media screen and (max-width: 480px) {
    .join-list{flex-wrap: wrap;width: 100%;padding: 20px 0}
    .soc-list{width: 96%;}
    .join-list li {width: 50%}
    .body > .found > .found_text{padding-top: 90px !important}
    .body > .found > .found_text > .cn_text{width: 88%}
    .swiper-slide > .text > .en p{
        font-size: 18px !important;
    }
    .sus-banner .banner-title p{margin: 0 auto;width: 50%}
    .founding .content-text{width: 90% !important}
    .founding > .content{height: 298px;margin-top: -90px}
    .info-text .cn-title,.post .title .cn-title{font-size: 26px}
   
    section .card-head a{font-size: 12px}
    .vis-text > p{
        font-size: 18px !important;
        line-height: 26px !important
    }
}
@media screen and (max-width: 470px) {
    .founding{height: 800px}
}
@media screen and (max-width: 390px) {

    .soc-list .cont{padding: 8px 0px 0 10px}
    .soc-list .cont .cn{font-size: 18px}
    .soc-list li {width: 160px}
    .social{height: 400px}
    .soc-title{margin-top: 90px}
    .soc-list{padding-top: 0;margin-top: 250px;gap: 10px ;justify-content: space-around}
}