.text-center {
    text-align: center;
}
.text-white {
    color: white;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-48 {
    font-size: 48px;
}

.banner-content {
    padding-top: 120px;
}
.head-text {
    padding-top: 60px;
    margin-bottom: 18px;
    font-weight: 600;
}
.subhead-text {
    font-weight: 300;
}

.block-service {
    background-image: url('../pictures/images/41.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 80px 0;
}
.block-service-title {
    text-align: center;
    font-size: 32px;
    color: #000000;
    line-height: 32px;
    font-weight: 200;
    margin-bottom: 16px;
}

.block-service-subtitle {
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-bottom: 64px;
}

.block-service-center-block {
    width: 1200px;
    display: flex;
    background: #ffffff;
    box-shadow: 0px 0px 36px 0px rgba(41,167,225,0.10); 
    margin: auto;
    padding: 32px;
}

.block-service .glbModal {
    width: 480px;
    height: 480px;
    margin-right: 38px;
}
.block-service-content {
    flex: 1;
}
.block-service-content--title {
    color: #000000;
    font-size: 34px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 16px;
}
.block-service-content--subtitle {
    font-size: 16px;
    font-weight: 300;
    color: #999999;
    margin-bottom: 32px;
    line-height: 24px;
}
.block-service-content--divider {
    height: 1px;
    background: #d9d9d9;
    width: calc(100%);
    margin-bottom: 32px;
}
.block-service-content--videos {
    display:flex;
    justify-content:space-between;
    width: calc(100%);
    margin-bottom: 50px;
}
.block-service-content--videos-item {
    width: 192px;
}
.block-service-content--videos-item .snapts {
    position: relative;
}
.snapts .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.block-service-content--videos-name {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}
.block-service-content--more {
    font-size: 20px;
    font-weight: 400;
    color: #999999;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #ddd;
    text-decoration-thickness:  1px;
    cursor: pointer;
}

.block-qr {
    padding: 80px 0;
    background-image: linear-gradient(to bottom, white, #e7edf6);
}
.block-qr--title {
    font-size: 32px;
    font-weight: 200;
    color: #000000;
    line-height: 32px;
    text-align: center;
    margin-bottom:64px;
}
.block-qr-lists {
    display: flex;
    justify-content:space-between;
    margin: auto;
    width: 1200px;
}
.block-qr-lists--item {
    width: 378px;
}
.block-qr-lists--item img {
    width: 100%;
    margin-bottom: 24px;
}
.block-qr-lists--item-text1 {
    font-size: 18px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 8px;
}
.block-qr-lists--item-text2 {
    font-size: 16px;
    font-weight: 300;
    color: #999999;
}

.block-navPage {
    /* background-color:yellow; */
    padding:80px 0;
    position: relative;
}
.navSwiper {
    /*width: 1096px;*/
    width: 1400px;
    height:398px;
}
.navSiper-item {
    background-color:white;
    padding: 0 24px;
}
.navSiper-item--title {
    color: #333333;
    font-weight: 600;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    margin: 16px 0;
}
.navSiper-item--divider {
    height: 1px;
    background: #d9d9d9;
    margin-bottom: 24px;
}
.navSiper-item--image {
    width: 100%;
    margin-bottom: 16px;
}
.navSiper-item--des {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #999999;
}
.navSwiper-prev,.navSwiper-next {
    width: 48px !important;
    height: 48px !important;
    background: white;
    border-radius: 50% 50%;
}
.navSwiper-prev {
    left: 15% !important;
}
.navSwiper-next {
    right: 15% !important;
}
.navSwiper-next:after, .navSwiper-prev:after {
    font-size: 15px !important;
}

.block-zb {
    padding:80px 0;
    background-color: #f9fbff;
}
.block-zb-title {
    font-size: 32px;
    font-family: PingFang SC, PingFang SC-Thin;
    font-weight: 200;
    text-align: center;
    color: #000000;
    line-height: 32px;
    margin-bottom: 18px;
}
.block-zb-tab {
    display: flex;
    margin: auto;
    width: 400px;
    margin-bottom: 30px;
}
.block-zb-tab-item {
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #808080;
    cursor: pointer;
}
.block-zb-tab-item.active {
    color: #1569c6;
    font-weight: 600;
}
.block-zb-tab-item--dividier {
    width: 1px;
    background: #cccccc;
}
.zbSwiper {
    width: 1200px;
}
.zb-slide img {
    width: 100%;
}
.zb-slide-text {
    font-size: 16px;
    font-weight: 300;
    color: #999999;
    text-align: center;
    width: 100%;
}

.rySwiper {
    width: 1200px;
}
.yfSwiper {
    width: 1200px;
}
.yfSwiper-item1 {
    position: relative;
}
.yfSwiper-item2 {
}
.yfSwiper-item1-text-area {
    position: absolute;
    left:160px;
    top: 20px;
}
.yfSwiper-item1-text-l1 {
    font-size: 34px;
    font-weight: 600;
    color: #333333;
    line-height: 34px;
    margin-right: 8px;
}
.yfSwiper-item1-text-l2 {
    font-size: 18px;
    font-weight: 600;
    color: #666666;
}
.yfSwiper-item1-text--up {
    margin-top: 30px;
    margin-bottom: 78px;
}
.yfSwiper-item1-text-up {
    margin-bottom: 12px;
}
.yfSwiper-item1-text-l3 {
    font-size: 16px;
    font-weight: 300;
    color: #999999;
    line-height: 24px;
}
.yfSwiper-item1-text-area.left-more {
    left: 175px;
}
.yfSwiper-wrapper {
    position: relative;
}
.yfSwiper-prev,.yfSwiper-next {
    width: 48px !important;
    height: 48px !important;
    background: white;
    border-radius: 50% 50%;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.10); 
}
.yfSwiper-prev {
    left: 15% !important;
}
.yfSwiper-next {
    right: 15% !important;
}
.yfSwiper-next:after, .yfSwiper-prev:after {
    font-size: 15px !important;
    color: #918d8c;
}


@media screen and (max-width:1300px) {
    .head-text {
        padding-top: 30px;
        font-size: 30px;
    }
    .block-service .glbModal {
        display: none;
    }
    .block-service-center-block {
        /*transform: scale(0.8);*/
        width: 767px;
    }
    
    .block-qr--title  {
        font-size: 25px;
    line-height: 25px;
    margin-bottom:25px;
    }
    .block-qr-lists {
        transform: scale(0.8);
        transform-origin: top;
        width: auto;
    }
    .block-qr-lists--item  {
        flex: 1;
        margin: 10px;
    }
    
}

.block-part {
    padding: 80px 0;
}
.block-part-title {
    font-size: 32px;
    font-weight: 200;
    text-align: center;
    color: #000000;
    line-height: 32px;
    margin-bottom: 64px;
}
.block-part-major {
    max-width: 1200px;
    margin: auto;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.10); 
}
.block-part-major-top {
    display:flex;
    margin-bottom: 30px;
}
.block-part-major-image {
    width: 400px;
    height: 400px;
}
.block-part-major-des {
    flex: 1;
    padding: 32px;
}
.block-part-major-des--title {
    line-height: 34px;
    color: #333333;
    font-weight: 600;
    font-size: 34px;
    font-family: PingFang SC, PingFang SC-Semibold;
    text-shadow: 0px 0px 30px 0px rgba(0,0,0,0.10); 
    margin-bottom: 20px;
}
.block-part-major-des--article {
    line-height: 24px;
    color: #999999;
    font-weight: 300;
    font-size: 16px;
}
.block-part-company {
    width: 100%;
    display: flex;
    max-width: 1200px;
    margin: auto
}
.block-part-company-item {
    flex: 1;
    /* padding: 5px; */
}
.block-part-company-item-logo {
    width: 100%;
    height: 100%;
}

@media screen and (max-width:767px) {
    .head-text,.subhead-text {
        display: none
    }
    .block-service-center-block {
        /*transform: scale(0.8);*/
        width: auto;
    }
    .block-service-content--videos {
        flex-direction: column;
        align-items: center;
    }
    .block-service-content--videos-item {
        margin-bottom: 20px;
    }
    .block-qr-lists {
        flex-direction: column;
        align-items: center;
    }
}