.content {
    /*padding-top: 66px*/
}

.content .top {

    position: relative;
    padding-top: 100px;
    padding-bottom: 80px;
    z-index: 0
}

.content .top img {
    position: absolute;
    width: 834px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 0
}

.content .top .top-content {
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 1;
    text-align: center
}

.content .top .top-content h1 {
    font-size: 48px;
    text-align: left;
    line-height: 76px;
    letter-spacing: 6px
}

.content .top .top-content h1,.content .top .top-content h2 {
    font-family: OPPOSans,OPPOSans-Regular;
    font-weight: 400;
    color: #292c33;
    text-align: center
}

.content .top .top-content h2 {
    font-size: 28px;
    line-height: 48px;
    letter-spacing: 1px;
    margin-top: 20px
}

.content .top .top-content h3 {
    font-size: 24px;
    font-family: OPPOSans,OPPOSans-Thin;
    font-weight: 200;
    text-align: center;
    color: #292c33;
    line-height: 48px;
    letter-spacing: .86px;
    margin-top: 16px
}

.content .top button {
    width: 208px;
    height: 54px;
    background: rgba(36,179,174,.05);
    border: 1px solid #44A1DC;
    border-radius: 4px;
    font-size: 18px;
    font-family: OPPOSans,OPPOSans-Medium;
    font-weight: 500;
    text-align: center;
    color: #44A1DC;
    line-height: 54px;
    letter-spacing: .75px;
    margin-top: 50px
}

.content .mode-box {
    padding-top: 120px;
    padding-bottom: 100px;
    position: relative;
    z-index: 0
}

.content .mode-box h2 {
    font-size: 40px;
    font-family: OPPOSans,OPPOSans-Bold;
    font-weight: 700;
    text-align: center;
    color: #292c33;
    line-height: 64px;
    letter-spacing: 3px
}

.content .mode-box .mode-content {
    max-width: 1200px;
    margin: 60px auto auto
}

.content .mode-box .mode-content .mode-col {
    border: .5px solid #e1e8f5;
    border-radius: 8px;
    box-shadow: 0 16px 48px 0 rgba(0,0,0,.04);
    padding: 20px 30px
}

.content .mode-box .mode-content .mode-col img {
    height:auto;
    width: 40px;
        margin-bottom: 30px;
}

.content .mode-box .mode-content .mode-col .title {
    font-size: 20px;
    font-family: OPPOSans,OPPOSans-Bold;
    font-weight: 700;
    color: #292c33;
    line-height: 31px;
    margin-bottom: 10px
}

.content .mode-box .mode-content .mode-col .text {
    font-size: 15px;
    font-family: OPPOSans,OPPOSans-Regular;
    font-weight: 400;
    color: #8590a6;
    line-height: 28px;
    letter-spacing: .2px;
    min-height: 140px
}

.content .mode_2 {
    text-align: center;
    background: linear-gradient(270deg,#fbfcfd,#f5f7fa)
}

.content .mode_2 h3 {
    font-size: 24px;
    font-family: OPPOSans,OPPOSans-Thin;
    font-weight: 200;
    text-align: center;
    color: #292c33;
    line-height: 36px;
    margin-top: 28px
}

.content .mode_2 .mode-content .mode-col {
    border: 0;
    padding: 0;
    box-shadow: none;
    text-align: center
}

.content .mode_2 .mode-content .mode-col img {
    height: 102px
}

.content .mode_2 .mode-content .mode-col .title span {
    color: #44A1DC
}

.content .mode_2 .mode-content .mode-col .text {
    font-size: 16px;
    font-family: OPPOSans,OPPOSans-Regular;
    font-weight: 400;
    color: #8590a6;
    line-height: 28px;
    letter-spacing: .2px;
    min-height: auto
}

.content .mode_2 button {
    margin: 60px auto auto;
    width: 220px;
    height: 60px;
    background: #f8fffe;
    border: 1px solid #44A1DC;
    border-radius: 4px;
    box-shadow: 0 20px 40px 0 rgba(42,163,150,.1),0 4px 10px 0 rgba(42,163,150,.1),0 1px 0 0 hsla(0,0%,100%,.3);
    font-size: 18px;
    font-family: OPPOSans,OPPOSans-Medium;
    font-weight: 500;
    text-align: center;
    color: #44A1DC;
    line-height: 60px;
    letter-spacing: .75px
}

.content .mode_3 .solution {
    position: relative
}

.content .mode_3 .solution .way {
    margin-bottom: 150px;
    font-size: 18px;
    font-family: OPPOSans,OPPOSans-Medium;
    font-weight: 500;
    text-align: right;
    color: #292c33;
    line-height: 24px;
    letter-spacing: .75px;
    height: 72px;
    padding-top: 10px;
    box-sizing: border-box
}

.content .mode_3 .solution .way span {
    font-size: 16px;
    font-family: OPPOSans,OPPOSans-Regular;
    font-weight: 400;
    text-align: right;
    color: #8590a6;
    line-height: 21px;
    letter-spacing: .67px;
    display: inline-block;
    margin-bottom: 4px
}

.content .mode_3 .solution .icon {
    margin-bottom: 183px;
    position: relative
}

.content .mode_3 .solution .icon .icon-img {
       width: 40px;
    height: 37px;
    display: block;
    margin: auto;
        margin-top: 22px;
}

.content .mode_3 .solution .icon .line {
    width: 11px;
    position: absolute;
    z-index: 0;
    top: 56px;
    left: 48%
}

.content .mode_3 .solution .info-content {
    height: 144px;
    margin-bottom: 78px
}

.content .mode_3 .solution .info-content .title {
    padding-top: 20px;
    font-size: 24px;
    font-family: OPPOSans,OPPOSans-Bold;
    font-weight: 700;
    text-align: left;
    color: #292c33;
    line-height: 38px;
    letter-spacing: 1px;
    margin-bottom: 24px
}

.content .mode_3 .solution .info-content .title span {
    font-size: 14px;
    font-family: PingFang SC,PingFang SC-Semibold;
    font-weight: 600;
    text-align: left;
    color: #44A1DC;
    line-height: 20px;
    letter-spacing: .58px;
    margin-left: 20px
}

.content .mode_3 .solution .info-content .text {
    font-size: 18px;
    font-family: OPPOSans,OPPOSans-Regular;
    font-weight: 400;
    text-align: left;
    color: #666c7c;
    line-height: 32px;
    letter-spacing: .5px
}

.content .mode_3 .solution .lastStyle {
    margin-bottom: 212px
}

.content .mode_3 .solution .lastStyleright {
    margin-bottom: 140px
}

.content .mode_3 .olution-row {
    position: relative;
    z-index: 0
}

.content .mode_3 button {
    width: 90%;
    height: 50px;
    margin: auto;
    background: #44A1DC;
    border: 1px solid #44A1DC;
    border-radius: 6px;
    font-size: 18px;
    font-family: OPPOSans,OPPOSans-Medium;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 50px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 276px;
    z-index: 1;
    left: 5%
}

.content .mode_4 {
    padding-top: 0
}

.content .mode_4 .superiority {
    position: relative
}

.content .mode_4 .superiority img {
	position: absolute;
    z-index: 1;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
}

.content .mode_4 .mode-item {
    position: relative;
    z-index: 0;
    padding: 32px 40px;
    background: linear-gradient(180deg,#faffff,#fff);
    border: 1px solid #e1e8f5;
    border-radius: 8px;
    box-shadow: 0 10px 36px 0 rgba(0,0,0,.04);
    margin-bottom: 100px
}

.content .mode_4 .mode-item .title {
    font-size: 20px;
    font-family: OPPOSans,OPPOSans-Medium;
    font-weight: 500;
    color: #292c33;
    line-height: 26px;
    margin-bottom: 24px
}

.content .mode_4 .mode-item .box {
    min-height: 60px;
    font-size: 16px;
    font-family: OPPOSans,OPPOSans-Regular;
    font-weight: 400;
    color: #666c7c;
    line-height: 26px;
    letter-spacing: .5px
}

.content .mode_4 .mode-item .box div {
    margin-bottom: 20px
}

.content .mode_5 {
    padding-top: 50px
}

.content .dogskin {
    position: fixed;
    z-index: 1999;
    width: 100%;
    visibility: inherit;
    height: 120px;
    bottom: 0;
    left: 0
}

.content .dogskin .form {
    box-sizing: border-box;
    position: relative;
    max-width: 1520px;
    margin: auto;
    height: 120px;

    background-size: 100% 100%;
    padding-left: 155px;
    padding-top: 30px
}

.content .dogskin .form .form-item {
    padding: 0 0 0 20px;
    display: inline-block;
    width: 315px;
    height: 60px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 10px 30px 0 rgba(42,163,150,.1),0 1px 0 0 hsla(0,0%,100%,.3);
    margin-right: 40px;
    overflow: hidden
}

.content .dogskin .form .form-item img {
    height: 24px;
    width: auto;
    vertical-align: middle;
    margin-right: 10px
}

.content .dogskin .form .form-item input {
    height: 100%;
    border: 0;
    outline: none;
    width: 230px;
    font-size: 18px
}

.content .dogskin .form .form-item button {
    width: 200px;
    height: 60px;
    background: #44A1DC;
    border: 1px solid #44A1DC;
    border-radius: 32px;
    font-size: 18px;
    font-family: OPPOSans,OPPOSans-Medium;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 60px;
    letter-spacing: .75px;
    float: right;
    cursor: pointer
}

.content .dogskin .form .call-item {
    display: inline-block;
    font-size: 14px;
    color: #666c7c;
    position: relative;
    top: -8px;
    margin-left: 20px
}

.content .dogskin .form .call-item div {
    font-size: 24px;
    font-family: OPPOSans,OPPOSans-Bold;
    font-weight: 700;
    text-align: left;
    color: #292c33;
    line-height: 38px;
    letter-spacing: 3px
}

.content .dogskin .form .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.content .hiddenstyle {
    visibility: hidden
}

.content .my-dialog .el-dialog {
    background-color: hsla(0,0%,100%,0);
    box-shadow: none;
    width: 608px
}

.content .my-dialog .dialog-bg {
    position: relative;
    width: 608px
}

.content .my-dialog .dialog-bg .bg {
    width: 100%
}

.content .my-dialog .dialog-bg .dialog-content {
    position: absolute;
    top: 240px;
    text-align: center;
    width: 100%;
    left: 0
}

.content .my-dialog .dialog-bg .dialog-content div {
    margin-bottom: 36px;
    font-size: 16px;
    font-weight: 700
}

.content .my-dialog .dialog-bg .dialog-content img {
    width: 24px;
    position: relative;
    margin-right: 10px
}

.content .my-dialog .dialog-bg .dialog-content a {
    display: inline-block;
    width: 120px;
    height: 32px;
    background-color: #44A1DC;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 16px;
    cursor: pointer
}

.logo-list {
    max-width: 1210px;
    margin: auto
}

.case-contnt {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px
}

.case-contnt .box {
    position: relative;
    margin: 0 15px 30px;
    width: 210px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 16px 48px 0 rgba(0,0,0,.04);
    overflow: hidden
}

.case-contnt .box img {
    width: 100%;
    height: 100%
}