/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #5a5a5a;
}

.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-item>img {
    width: 100%;
}

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*主体样式*/
.modal-dialog {
    max-width: 920px;
}
.modal-content {
    background-color: inherit;
    border: 0;
}
.modal-header {
    border-bottom: 0;
}
.about-banner {
    width: 100%;
    margin-top: 5rem;
}

.about-box1 {
    background: url(../images/background.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 18rem 0;
}

.about-mp4 {
    width: 100%;
}

.about-min-bt {
    width: 74%;
    color: #000;
}

.about-min-bt h2 {
    font-size: 3rem;
    font-weight: 600 !important;
    margin-bottom: 0;
    color: #0176de;
}

.about-min-bt h2 span {
    font-size: 1.5rem;
    font-weight: 600 !important;
    padding-left: 4px;
}

.about-min-bt p {
    font-size: 14px;
    font-weight: 600 !important;
}

.about-gy {
    font-size: 1.8rem;
    font-weight: bold;
    color: #656565;
}

.about-gy img {
    width: 2.5rem;
    margin-top: -19px;
    margin-left: 8px;
}

.about-name {
    color: #1C1C1C;
    font-weight: bolder !important;
    font-size: 2.5rem;
    letter-spacing: 0.6rem;
    margin-bottom: 1.5rem;
}

.about-jj {
    text-indent: 32px;
    line-height: 37px;
    color: #000;
}

.about-w {
    font-size: 1.2rem !important;
}

.about-infor {
    margin-top: 4rem;
    padding-left: 7rem;
}

.about-box2 {
    background: url(../images/about-fl.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.about-icon-box img {
    width: 42%;
    margin-top: 1.8rem;
}

.about-box2 .row {
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    margin: 0;
}

.about-box2 .row .col-md {
    background: rgb(0 0 0 / 45%);
    padding: 22rem 0;
    border-right: 1px solid rgb(255 255 255 / 38%);
}

.about-icon-box {
    width: 95px;
    height: 95px;
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
}

.about-box2 h3 span {
    display: block;
    font-size: 0.8rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.about-box2 h3 {
    padding-top: 2rem;
}

.icon4 {
    margin-top: 2.1rem !important;
}

.about-box3 {
    background: url(../images/about-kh.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 13rem 0;
}

.about-box3 .row {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.about-box3 .row img {
    width: 60%;
}

.about-box3 .row div {
    background: rgb(255 255 255 / 35%);
    padding: 2rem 0;
    border: 1px solid #fff;
    height: 106px;
}

.about-box3 h1 {
    margin: 0 auto;
    width: 14%;
    text-align: center;
    letter-spacing: 0.6rem;
    border-bottom: 3px solid #2e2d2d;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

.kh-logo5 {
    width: 100% !important;
    margin-top: -15px;
}
.banner-bg{width: 100%;
    height: 36rem;
    background: url(../images/about-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 5rem;}

.swiper-zzry {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-slide img{width: 100%;}

.zzzs{overflow: hidden;background: #ececec;
    padding: 50px 0px 100px 0px;}

.zzzs h1 {
    margin: 0 auto;
    width: 14%;
    text-align: center;
    letter-spacing: 0.6rem;
    border-bottom: 3px solid #2e2d2d;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}
.zzry-pc{display: block;}
.zzry-phone{display:none;}
    .swiper-container {
      width: 100%;
      height: 100%;position: relative;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.modal-body img{width: 100%;}

.modal-xl{
    max-width: 1200px;
}




















/*移动端适配*/
@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1480px;
    }
}


@media (max-width:480px) {
    .zzzs h1 {
    margin: 0 auto;
    width: 43%;
    letter-spacing: 0.3rem;
    margin-bottom: 2rem;
    font-size: 2rem;
} h1 {
    margin: 0 auto;
    width: 43%;
    letter-spacing: 0.3rem;
    margin-bottom: 2rem;
    font-size: 2rem;
} h1 {
    margin: 0 auto;
    width: 43%;
    letter-spacing: 0.3rem;
    margin-bottom: 2rem;
    font-size: 2rem;
}
    .zzry-phone{display: block;}
    .zzry-pc{display:none;}
    video{ width: 100%;
    height: auto; }
    .banner-bg {
    height: 16rem;
    margin-top: 1rem;
}
    .about-box2 .row .col-md {
        padding: 4rem 0;
        border-right: 1px solid rgb(255 255 255 / 38%);
        border-top: 1px solid rgb(255 255 255 / 38%);
    }

    .about-icon-box {
        width: 55px;
        height: 55px;
    }

    .about-box2 h3 {
        padding-top: 2rem;
        font-size: 1rem;
    }

    .last-box {
        width: 100%;
        max-width: 100%;
        flex: 1;
    }

    .about-icon-box img {
        width: 52%;
        margin-top: 0.9rem;
    }

    .icon4 {
        margin-top: 1rem !important;
    }

    .nmp-box span {
        padding: 0.98rem 0;
    }

    .about-box3 h1 {
        margin: 0 auto;
        width: 43%;
        letter-spacing: 0.3rem;
        margin-bottom: 2rem;
        font-size: 2rem;
    }

    .about-box3 {
        padding: 3rem 0;
    }

    .about-banner {
        margin-top: 1.4rem;
    }

    .about-box1 {
        padding: 5rem 0;
    }

    .about-box1 .col-sm-5 {
        text-align: center;
    }

    .about-mp4 {
        width: 60%;
    }

    .about-infor {
        padding-left: 0;
    }

    .about-min-bt {
        width: 100%;
    }

    .about-min-bt h2 {
        font-size: 1.5rem;
        font-weight: 600 !important;
        margin-bottom: 0;
    }

    .about-w {
        font-size: 1rem !important;
    }

    .about-min-bt {
        margin: 0 auto;
    }

    .about-box2 h3 span {
        height: 49px;
    }

    .kh-logo5 {
        margin-top: -5px;
    }

    .about-name {
        letter-spacing: 0.3rem;
        font-size: 2rem;
    }


.about-jj {
    text-align: justify;
}








}