.yz-navbar {
    background-color: #fff;
}

    .yz-navbar .nav-item > a {
        color: #140f1c;
    }

.yz-item-sel .nav-item > a {
    color: #3874fb;
}

.nav-item > a:after {
    background-color: #fff;
}

.yz-navbar a.text-center:hover {
    color: #3874fb;
}

.yz-nav-link-download {
    color: #3874fb;
}

    .yz-nav-link-download:hover {
        color: #5186f9;
    }

.yz-nav-link-trial {
    width: 120px;
    background: #3874fb;
    border-radius: 20px;
}

    .yz-nav-link-trial:hover {
        background: #5186f9;
    }

.yz-nav-link-OpenAPI {
    color: #140f1c;
    border-radius: 20px;
    border: solid 1px #ddd;
    background: #fff;
    margin-right: 15px;
    line-height: 38px;
}

    .yz-nav-link-OpenAPI:hover {
        color: #3874fb;
        border: solid 1px #3874fb;
        background: #fff;
    }
/*以上为头部修改*/
.yz-s-card .yz-s-topic {
    font-size: 40px;
}

.yz-s-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;
}

.yz-s-section-1 {
    background-color: #f5f5f5;
}

.yz-s-section-banner .yz-s-wrap {
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
}

.yz-s-section-banner .carousel-item {
    background-position: center;
    background-repeat: no-repeat;
    height: 660px;
    background-size: cover;

}

.yz-s-section-banner .yz-s-item {
    position: relative;
    top: 0px;
    left: 0px;
}

.yz-s-section-banner .yz-s-topic {
    font-size: 42px;
    line-height: 50px;
    color: #404040;
}

.yz-s-section-banner .yz-s-item-rt .yz-s-topic {
    font-size: 72px;
    line-height: 78px;
    color: #35ADFF;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000,2px 2px 2px #000;
}

.yz-s-section-banner .yz-s-item-rt .yz-s-desc {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}

.yz-s-section-banner .yz-s-subtopic {
    padding-top: 26px;
    color: #6a6868;
    text-align: left;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
}

.yz-s-section-banner .yz-s-btn-wrap {
    padding-top: 42px;
    font-size: 18px;
    text-align: center;
    margin-top:230px;
}

.yz-s-section-banner .yz-s-btn {
    display: inline-block;
    width: 160px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    margin-right: 18px;
    border-radius: 5px;
    text-align: center;
}

.yz-s-section-banner .yz-s-btn-trial {
    background: #225be5;
}

.yz-s-section-banner .yz-s-btn-trial1 {
    background-color: transparent;
    border:solid 1px #fff;
}

.yz-s-section-banner .yz-s-btn:hover {
    text-decoration: none;
    color: #fff;
}

.yz-s-section-banner .yz-s-btn-trial:hover {
    opacity: .8;
}

.yz-s-section-banner .yz-s-btn-trial1:hover {
    opacity: .8;
}



.yz-s-section-video {
    background: #0d2136;
}

    .yz-s-section-video div {
        display: inline-block;
        line-height: 72px;
        font-size: 18px;
        color: #fff;
        padding-left: 65px;
        background: url(../images/play.png) no-repeat left center;
        cursor: pointer;
    }

.yz-s-section-serial {
    padding-top: 6rem;
    padding-bottom: 8rem;
}

    .yz-s-section-serial .yz-s-topic {
        font-size: 1.8rem;
        line-height: 1.1;
        color: #000;
        padding-bottom: 33px;
    }

    .yz-s-section-serial .yz-s-subtopic {
        font-size: 2.5rem;
        color: #2a70b9;
        line-height: 1.1;
        padding-bottom: 112px;
    }

    .yz-s-section-serial .yz-s-item {
        display: block;
        height: 221px;
        font-size: 1.5rem;
        padding-top: 2rem;
        color: #fff;
        font-weight: 300;
        background-color: #256ebd;
        position: relative;
    }

        .yz-s-section-serial .yz-s-item:hover {
            text-decoration: none;
            background-color: #0195f5;
        }

        .yz-s-section-serial .yz-s-item::after {
            content: '';
            position: absolute;
            top: 91px;
            left: 0px;
            right: 0px;
            margin-left: auto;
            margin-right: auto;
            width: 100px;
            height: 100px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 80%;
        }

@media (max-width: 768px) {
    .yz-s-section-serial .yz-s-item {
        height: 190px;
        padding-top: 26px;
    }

        .yz-s-section-serial .yz-s-item::after {
            top: 81px;
        }
}

.yz-s-section-serial .yz-s-item-bpm::after {
    background-image: url(../images/platform_bpm.png);
}

.yz-s-section-serial .yz-s-item-eap::after {
    background-image: url(../images/platform_eap.png);
}

.yz-s-section-serial .yz-s-item-integration::after {
    background-image: url(../images/platform_integration.png);
}

.yz-s-section-serial .yz-s-item-emip::after {
    background-image: url(../images/platform_emip.png);
}

.yz-s-section-serial .yz-s-item-bpa::after {
    background-image: url(../images/platform_bpa.png);
}

.yz-s-section-product .yz-s-text-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.yz-s-section-product .yz-s-name {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.yz-s-section-product .yz-s-value {
    font-size: 36px;
    padding-top: 35px;
    line-height: 50px;
}

.yz-s-section-product .yz-s-desc {
    padding-top: 49px;
    color: #727171;
    font-size: 14px;
    margin: 0;
}

.yz-s-section-product .yz-s-more {
    padding-top: 44px;
}

    .yz-s-section-product .yz-s-more a {
        color: #4bb7e5;
        font-size: 18px;
    }

        .yz-s-section-product .yz-s-more a:hover {
            text-decoration: underline;
        }

.yz-s-section-trial {
    background: url(../images/trial_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
    padding-bottom: 60px;
}

    .yz-s-section-trial .yz-s-topic {
        padding: 80px 0;
        font-size: 30px;
        line-height: 30px;
        color: #fff;
    }

    .yz-s-section-trial .yz-s-item {
        width: 154px;
        display: block;
        -webkit-perspective: 600px;
        -moz-perspective: 600px;
        position: relative;
    }

        .yz-s-section-trial .yz-s-item:hover {
            text-decoration: none;
        }

    .yz-s-section-trial .yz-s-pic1 {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .yz-s-section-trial .yz-s-item:hover .yz-s-pic1 {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }

    .yz-s-section-trial .yz-s-pic2 {
        -webkit-transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-transform: rotateY(-180deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .yz-s-section-trial .yz-s-item:hover .yz-s-pic2 {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotate(0deg);
        z-index: 10;
        position: absolute;
    }

    .yz-s-section-trial .yz-s-role {
        width: 154px;
        text-align: center;
        height: 70px;
        line-height: 70px;
        font-size: 24px;
        margin-top: 0;
        color: #fff;
    }

    .yz-s-section-trial .yz-s-item:hover .yz-s-role {
        color: #f2630d;
    }

.yz-s-section-assist {
    padding: 110px 0px;
}

    .yz-s-section-assist .yz-s-item {
        text-align: left;
        padding-left: 108px;
        background-position: top left;
        background-repeat: no-repeat;
    }

    .yz-s-section-assist .yz-s-item1 {
        background-image: url(../images/help1.png);
    }

    .yz-s-section-assist .yz-s-item2 {
        background-image: url(../images/help2.png);
    }

    .yz-s-section-assist .yz-s-item3 {
        background-image: url(../images/help3.png);
    }

    .yz-s-section-assist .yz-s-topic {
        padding-top: 8px;
        font-size: 18px;
        color: #000;
    }

    .yz-s-section-assist .yz-s-desc {
        width: 185px;
        padding-top: 18px;
        font-size: 14px;
        color: #727171;
    }

.yz-s-case {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    padding: 60px 0px;
}

.yz-s-case-h {
    padding: 30px 0px;
}

.yz-s-case-border {
    box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.1);
    padding: 0px;
}

.yz-s-case-bg {
    background-color: transparent;
}

    .yz-s-case-bg img {
        width: 240px;
    }

.yz-s-card1 .yz-s-case:hover {
    box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.1);
}

.yz-s-case .logo {
    max-height: 140px;
}

.yz-s-case .case {
    font-size: 14px;
    line-height: 20px;
    color: #919191;
}

    .yz-s-case .case .sp {
        padding: 0px 8px;
        color: #eee;
    }

.yz-s-case .name {
    font-size: 20px;
    line-height: 22px;
    color: #414141;
    margin-top: 30px;
    font-weight: bold;
}

.yzbpm .yz-s-case {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 30px 0px;
    /* width: 90%; */
    min-width: 300px;
    box-shadow: 0px 0px 20px 0px #3874fb29;
    border-top: solid 8px #3874fb;
}

.yzbpm .logo {
    margin: 35px auto;
}

.yzbpm .name {
    font-size: 24px;
    line-height: 22px;
    color: #000;
    margin-top: 30px;
    font-weight: bold;
}

.yzbpm .items div {
    font-size: 14px;
    display: inline-block;
    color: #000;
    border: solid 1px #eee;
    padding: 4px 5px;
    margin: 0 3px;
    border-radius: 5px;
}

.yzbpm .yz-s-case .btn {
    margin: 30px auto;
}

    .yzbpm .yz-s-case .btn a, .yzbpm .yz-s-case .btn div {
        font-size: 16px;
        color: #fff;
        display: block;
        margin-top: 10px;
        display: inline-block;
        padding: 6px 15px;
        margin: auto 15px;
        border: solid 1px #3874fb;
        background-color: #3874fb;
        border-radius: 5px;
        cursor:pointer;
    }
        .yzbpm .yz-s-case .btn a:hover{
        text-decoration:none;
        }
        .yzbpm .yz-s-case .btn .a2 {
            color: #3874fb;
            border: solid 1px #3874fb;
            background-color: #fff;
        }
/*以下方案*/
.fa {
    /* margin-top: -130px;*/
}

.fa-title {
    font-size: 24px;
    color: #fff;
    text-align: left
}

.fa-desc {
    text-align: left;
    color: #9db9f1;
    margin: 20px auto;
    font-size: 12px;
}

.fa-content {
    background-color: #eff5fd;
    padding: 30px;
  /*  padding-top: 35px;*/
    border-radius: 15px;
}

.fa-name {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

.fa-name-sub {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

.fa-text {
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
}
/*以上方案*/
/*以下微应用*/
#wyy {
    margin-top: 30px;
    background: rgba(0,0,0,0.4);
    background-blend-mode: multiply;
}

.wyy-title {
    font-size: 24px;
    color: #fff;
    text-align: left
}

.wyy-desc {
    text-align: left;
    color: #9db9f1;
    margin: 20px auto;
    font-size: 14px;
}

.wyy-content {
    /* background-color: #eff5fd; */
    padding: 30px;
    padding-top: 35px;
    border-radius: 15px;
    color: #fff;
}

.wyy-name {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    color: #fff;
    padding-top: 5px;
}

.wyy-name-sub {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

.wyy-text {
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
}
/*以上微应用*/
.yz-s-case .btn a {
    font-size: 18px;
    color: #7b8fac;
    display: block;
    margin-top: 10px;
}

.yz-s-case .title {
    font-size: 20px;
    line-height: 22px;
    color: #140f1c;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

.yz-s-extsubtitle {
    width: 50px;
    height: 6px;
    background: #ffba56;
    margin-top: 30px;
    margin-bottom: -30px;
}

.txt-bg1 {
    background: #fce2e2;
    width: 160px;
    color: #f24c4a;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.txt-bg2 {
    background: #feead3;
    width: 160px;
    color: #fd8824;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.txt-bg3 {
    background: #fdf4d3;
    width: 160px;
    color: #be8c07;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

@media (min-width: 1600px) {
    .yz-s-card .yz-s-topic-l {
        font-size: 18px;
    }
}

.yz-s-case .desc {
    font-size: 16px;
    line-height: 24px;
    color: #48525e;
    margin-top: 10px;
}

.yzbpm .desc {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-top: 0px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px
}

.yz-s-case-bg .desc {
    text-align: center;
}

.yz-s-case .process {
    font-size: 14px;
    line-height: 20px;
    color: #48525e;
    border-top: solid 1px #f0f0f0;
}

.yz-s-card:not(:last-child) {
    margin-bottom: 0px;
}

.yz-s-card-stability .card1 {
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.yz-s-card-stability .card2 {
    background-color: #1A6AF0;
    border-radius: 10px;
    overflow: hidden;
}

.yz-s-card-stability .title {
    font-size: 32px;
    color: #515151;
}

.yz-s-card-stability .desc {
    font-size: 22px;
    font-weight: 100;
    color: rgba(81,81,81,0.8);
}

.yz-s-card-stability .btn {
    font-size: 22px;
    background-color: #1A6AF0;
    padding: 3px 28px;
    border-radius: 20px;
    color: rgba(255,255,255,0.8);
}

.yz-s-card-stability .card2 .title {
    color: #fff;
}

.yz-s-card-stability .card2 .desc {
    color: rgba(255,255,255,0.8);
}

.yz-s-card-stability .card2 .btn {
    background-color: #fff;
    color: rgba(81,81,81,0.8);
}
/*以下为5列等分*/
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
   
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
  
}
/*以下重写方案轮播*/
#carouselsCode .carousel-indicators-border {
    border-left: solid 4px #5082e3;
}

#carouselsCode .yz-s-carousel-indicators {
    position: inherit;
    list-style: none;
    display: inherit;
    margin: 0px;
    padding: 15px 0px;
    margin-left: -7px;
}

    #carouselsCode .yz-s-carousel-indicators li {
        color: #fff;
        position: inherit;
        width: 100%;
        list-style: none;
        display: list-item;
        text-indent: inherit;
        text-align: left;
        line-height: 50px;
        height: 50px;
        cursor: pointer;
        border-left: solid 4px #5082e3;
        font-size: 16px;
        padding-left: 24px;
        background: transparent;
    }

#carouselsCode .carousel-indicators .active {
    /* color: #3874fb; */
    border-left: solid 4px #fff;
    background-color: transparent;
}

#carouselsCode .carousel-inner img {
    /* max-width: 90%; */
}
/*以下重写微应用轮播*/
#wyy .carousel-indicators-border {
    background: #000;
    height: 100%;
    padding-top: 20px;
    padding-left: 2px;
    padding-right: 8px;
    min-width: 180px;
}

#wyy .yz-s-carousel-indicators {
    position: inherit;
    list-style: none;
    display: inherit;
    margin: 0px;
    padding: 15px 0px;
}

    #wyy .yz-s-carousel-indicators li {
        color: #fff;
        position: inherit;
        width: 100%;
        list-style: none;
        display: list-item;
        text-indent: inherit;
        text-align: left;
        line-height: 60px;
        height: 60px;
        cursor: pointer;
        font-size: 16px;
        padding-left: 24px;
        background: transparent;
    }

#wyy .carousel-indicators .active {
    height: 55px;
    line-height: 55px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #3874fb;
}

.yz-s-bpm .carousel-inner img {
    /* max-width: 90%; */
}
/*以下重写轮播图*/
#banner {
}

    #banner .carousel-indicators {
    }

        #banner .carousel-indicators li {
            width: 10px;
            height: 10px;
            border-radius: 5px;
            /* background: #3874fb;*/
            background: #7da7f3;
            margin: 0px 10px;
        }

        #banner .carousel-indicators .active {
            width: 30px;
            box-shadow: 1px 1px 1px 1px #3874fb;
            height: 8px;
            background: #fff;
            border: none;
        }

    #banner .carousel-inner {
        margin-top: 1px;
    }

/*视频播放*/



.video {
    /*background:#fff;
    height: auto;*/
}

    .video .video-container {
        /*width: 100%;
          border-radius: 16px;
        box-shadow: 4px 8px 30px rgba(0,0,0,.1)
        border:solid 1px red;*/
        max-width: 100%;
    }