.subtitle {
    opacity: 0;
    position: relative;
    top:100px;
}
.banner {
    height: 438px;
    width: 100%;
    margin-top: 80px;
    background-color: #F7F6FB;
}

.banner-box {
    height: 100%;
    position: relative;
}

.banner-pic {
    /* background: url(../images/solutionbg1.png) no-repeat 0 -80px;
    background-size: auto 79%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    flex:1; */
    position: absolute;
    left: 550px;
    height: 100%;
}

.banner-pic img {
    height: 100%;
}

.banner h3 {
    font-size: 44px;
    font-weight: 400;
    padding-top: 70px;
    color: #000;
}

.banner p {
    color: #646464;
    font-size: 20px;
    margin-top: 15px;
    line-height: 30px;
}

.banner-con {
    position: absolute;
    left: 0;
    top: 100px;
    opacity: 0;
    width: 562px;
}

.subtitlelist {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-bottom: 1px solid #E4E4EE;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #fff;
    z-index: 10;
    opacity: 0;
    top:0;
}

.subtitlelist li {
    display: inline-block;
    padding: 0 57.5px;
}

.subtitlelist li a {
    font-size: 18px;
    color: #646464;
    font-weight: 400;
}

.subtitlelist li a:hover,
.subtitlelist li.active a {
    color: #3178F2
}

.pd70 {
    padding: 70px;
}

.tong-box {
    display: flex;
    opacity: 0;
    position: relative;
    top:100px;
}

.tong-box li {
    flex: 1;
    margin-right: 40px;
    border: 1px solid #D8D8D8;
    text-align: center;
}

.tong-box li:nth-last-of-type(1) {
    margin-right: 0;
}

.tong-con {
    padding: 29px 31px;
}

.tong-con h3 {
    font-weight: 500;
    font-size: 20px;
    color: #323232;
    margin-bottom: 15px;
}

.tong-con p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #7B88A4;
}

.tong-pic {
    width: 100%;
}

.fanganbg {
    background: #f7f7f7;
    height: 544px;
    width: 100%;
}

.fangan-pic {
    width: 740px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.fangan-con {
    position: absolute;
    top: 0;
    width: 440px;
    padding: 50px 25px;
    background: #f2f2f2;
    height: 100%;
    font-size: 16px;
    color: #323232;
    right:-300px;
    opacity: 0;
}

.fangan-con h3 {
    font-size: 20px;
    font-weight: 500;
    color: #323232;
    margin-bottom: 30px;
}

.fangan-con p {
    margin: 15px 0;
}

.fangan-con li {
    list-style: disc;
    margin: 0 0 15px 20px;
}

.youshi-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    top:100px;
    opacity: 0;
    position: relative;
}

.youshi-content li {
    border: 1px solid rgba(225, 232, 253, 1);
    margin-right: 45px;
    padding: 27px 40px;
    color: #646464;
    font-size: 16px;
    flex-basis: 30%;
    margin-bottom: 40px;
}

.youshi-content li:nth-of-type(3n) {
    margin-right: 0;
}

.youshi-content li h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #323232;

}
.kehu {
    background: #f7f7f7;
    height: 365px;
    margin-bottom: 121px;
}
.kehu-box {
    height: 405px;
    /* background:#f9f9f9; */
    margin-bottom: 121px;
    position: relative;
    top:100px;
    opacity: 0;
}

.kehubg{
    content: '';
    background: #f9f9f9;
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    height: 384px;
}

.kehuleft {
    width: 398px;
    /* position: absolute;
    left: 110px;
    top:0; */
    font-size: 14px;
    color: #646464;
    float: left;
    margin-top:21px;
}

.kehuleft h3 {
    font-size: 24px;
    font-weight: 500;
    color: #323232;
    margin: 28px 0 13px;
}

.kehu-pic {
    /* position: absolute;
    right:0;
    top:-20px; */
    width: 537px;
    float: right;
}

.kehu-pic img {
    width: 100%;
}
.bx-controls.bx-has-pager {
    position: absolute;
    left: 0;
    bottom:40px;
}
.applybtn4 {
    background: #3178F2;
    color: #fff;
    margin: 58px 0 0;
    cursor: pointer;
    padding:14px 48px;
    display: inline-block;
    border-radius: 4px;
}
.yingy-content {
    display: flex;
    top:100px;
    opacity: 0;
    position: relative;;
}
.yingy-content li {
    flex:1;
    text-align: center;
    font-size: 18px;
    color:#000;
    padding:0 40px;
}
.solution5.banner {
    background: url(../images/solutionbg5.png) no-repeat;
    background-size: auto 100%;
    margin-bottom: 70px
}
.solution6.banner {
    background: url(../images/solutionbg6.png) no-repeat;
    background-size: auto 100%;
}
.solution5 .banner-con {
    text-align: center;
    color:#fff;
    width:100%;
    margin-top:80px;
}
.solution5.banner h3,.solution5.banner p {
    color:#fff;
    width:600px;
    margin:0 auto;
}
.solution5.banner p{
    margin-top:15px;
}