html,
        body {
            height: 100%;
            overflow: hidden;
        }
        
        html,
        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        ul,
        li {
            margin: 0px;
            padding: 0px;
            font: 14px "微软雅黑";
        }
        
        a {
            text-decoration: none;
            display: block;
        }
        
        li {
            list-style: none;
        }
        
        img {
            display: block;
        }
        /*css reset 结束*/
        
        body {
            min-width: 1400px;
        }
        /*common css 开始*/
        
        .clearfix {
            *zoom: 1;
        }
        
        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }
        /*common css 结束*/
        /*头部样式 开始*/
        
        #wrap .header-wrapper-outer {
            z-index: 999;
            position: fixed;
            top: 0;
            height: 88px;
            width: 100%;
            background-color: rgba(0, 0, 0, .8);
        }
        
        #wrap .header-wrapper-inner {
            height: 88px;
            min-width: 1200px;
            margin-left: 191px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        #wrap .header-wrapper-inner h1 a {
            display: inline-block;
        }
        
        #wrap .header-wrapper-inner .nav-list {
            display: flex;
            align-items: center;
        }
        
        #wrap .header-wrapper-inner .nav-list li {
            margin: 0 30px;
        }
        
        #wrap .header-wrapper-inner .nav-list li a {
            color: white;
            font-size: 20px;
            font-weight: 400;
            text-decoration: none;
            font-family: MicrosoftYaHei;
        }
        
        #wrap .header-wrapper-inner .nav-list li:last-child {
            display: flex;
            color: white;
            font-size: 24px;
            font-weight: 700;
            font-family: MicrosoftYaHei-Bold;
        }
        /*头部样式 结束*/
        /*内容区样式 开始*/
        
        #content {
            background: gray;
            position: relative;
            overflow: hidden;
            width: 100%;
        }
        
        #content .list {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            transition: 1s top;
        }
        
        #content .list>li {
            position: relative;
            background-position: 50% 50%!important;
        }
        
        #content .list>.servicefiled {
            background: url(../images/serviceFiled/background.png) no-repeat;
        }
        
        #content .list>.for-example {
            background: url(../images/exampleShow/background.png) no-repeat;
        }
        
        #content .list>.news {
            background: url(../images/newInfo/background.png) no-repeat;
        }
        
        #content .list>.cooperate {
            background: url(../images/cooperate/cooperate.png) no-repeat;
        }
        
        #content .list>.aboutus {
            background: url(../images/aboutUs/background.png) no-repeat;
        }
        
        #content .list>.contactus {
            background: url(../images/cooperate/cooperate.png) no-repeat;
        }
        /*内容区样式 结束*/
        /* 右边侧的导航 */
        
        #wrap .aside-nav-wrapper {
            z-index: 99;
            height: 222px;
            position: fixed;
            top: 0;
            bottom: 0;
            right: 30px;
            margin: auto 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
        #wrap .aside-nav-wrapper .aside-nav-background {
            width: 48px;
            height: 48px;
            border-radius: 5px;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }
        
        #wrap .aside-nav-background .bundle-phone,
        #wrap .aside-nav-background .qq-num {
            position: absolute;
            width: 150px;
            left: 88px;
            top: 0;
            transition: .5s;
            color: #fff;
            height: 48px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            text-align: center;
            line-height: 48px;
            font-size: 20px;
        }
        
        #wrap .aside-nav-background .public-num {
            position: absolute;
            width: 170px;
            left: 88px;
            top: 0;
            transition: .5s;
            color: #fff;
            height: 185px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            text-align: center;
            font-size: 20px;
        }
        
        #wrap .aside-nav-background .phone-img,
        #wrap .aside-nav-background .qq-img {
            position: absolute;
            top: 15px;
            opacity: 1;
            transition: .3s;
        }
        
        #wrap .aside-nav-background .erweima {
            position: absolute;
            top: 12px;
            opacity: 1;
            transition: .3s;
        }
        
        #wrap .aside-nav-background .sanjiao {
            position: absolute;
            top: 18px;
            opacity: 1;
            transition: .3s;
        }
        
        #wrap .aside-nav-background .back-top,
        #wrap .aside-nav-background .contact-qq,
        #wrap .aside-nav-background .contact-phone,
        #wrap .aside-nav-background .guanzhu {
            position: absolute;
            width: 48px;
            left: 0;
            top: 28px;
            transition: .5s;
            color: #fff;
            height: 48px;
            border-radius: 5px;
            text-align: center;
            font-size: 15px;
            padding: 5px;
            box-sizing: border-box;
            opacity: 0;
        }
        
        .public-num>div {
            margin: 0 auto;
            margin-top: 10px;
        }
        /*电话号码动画  */
        /* qq号的动画 */
        
        #wrap .aside-nav-background:hover .bundle-phone,
        #wrap .aside-nav-background:hover .qq-num {
            left: -160px;
        }
        /* 公众号动画 */
        
        #wrap .aside-nav-background:hover .public-num {
            left: -180px;
        }
        /* 返回顶部的动画 */
        
        #wrap .aside-nav-background:hover .guanzhu,
        #wrap .aside-nav-background:hover .contact-phone,
        #wrap .aside-nav-background:hover .contact-qq,
        #wrap .aside-nav-background:hover .back-top {
            top: 0;
            opacity: 1;
        }
        
        #wrap .aside-nav-background:hover .phone-img,
        #wrap .aside-nav-background:hover .qq-img,
        #wrap .aside-nav-background:hover .erweima,
        #wrap .aside-nav-background:hover .sanjiao {
            opacity: 0;
        }
        /* 第0屏开始 */
        
        .index-animation .content-wrapper {
            width: 100%;
            height: 100%;
        }
        
        .index-animation .down-arrow {
            position: absolute;
            width: 100px;
            height: 100px;
            left: 0;
            right: 0;
            bottom: 40px;
            margin: 0 auto;
            background-image: url(../images/down-arrow.png);
            animation: down 1.5s linear 0s infinite forwards;
        }
        
        @keyframes down {
            from {
                bottom: 40px;
                opacity: 1;
            }
            to {
                bottom: 15px;
                opacity: 0;
            }
        }
        /* 第一屏开始 */
        /* 蒙版 */
        
        .mengban {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .7);
        }
        
        .mengban .service-title {
            margin-top: 130px;
            font-size: 36px;
            color: #D8D8D8;
            text-align: center;
        }
        
        .mengban .service-small-title {
            margin-top: 20px;
            font-size: 16px;
            color: #D8D8D8;
            text-align: center;
        }
        
        .mengban .service-region {
            width: 1366px;
            min-width: 1366px;
            height: 475px;
            margin: 80px auto 0;
            display: flex;
            justify-content: space-between;
            transform: translateY(-270px)
        }
        
        .service-region .region-item {
            width: 222px;
        }
        
        .region-item .region-img {
            width: 120px;
            height: 120px;
            border-radius: 100%;
            border: 3px solid #fff;
            margin: 0 auto;
            position: relative;
        }
        
        .region-img .tangle1 {
            width: 50px;
            height: 34px;
            border-radius: 5px;
            position: absolute;
            top: 35px;
            left: 32px;
            border: 2px solid #fff;
        }
        
        .region-img .tangle2 {
            width: 50px;
            height: 34px;
            border-radius: 5px;
            position: absolute;
            top: 45px;
            left: 45px;
            border: 2px solid #fff;
        }
        
        .region-img>img {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }
        /* 鼠标动画1 */
        
        .region-img:hover .tangle1 {
            animation: tangle1 .5s linear 0s 1 forwards;
        }
        
        .region-img:hover .tangle2 {
            animation: tangle2 .5s linear 0s 1 forwards;
        }
        
        .region-img:hover .img1 {
            transform: scale(2);
            transition-duration: 1s;
        }
        
        @keyframes tangle1 {
            from {
                top: 35px;
                left: 32px;
                border: 2px solid rgba(255, 255, 255, 1);
            }
            to {
                top: 15px;
                left: 12px;
                border: 2px solid rgba(255, 255, 255, 0);
            }
        }
        
        @keyframes tangle2 {
            from {
                top: 45px;
                left: 45px;
                border: 2px solid rgba(255, 255, 255, 1);
            }
            to {
                top: 65px;
                left: 65px;
                border: 2px solid rgba(255, 255, 255, 0);
            }
        }
        
        .region-img .phone-thumb {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            width: 39px;
            height: 63px;
            border: 2px solid rgba(255, 255, 255, 1);
            border-radius: 5px;
            background-color: rgba(0, 0, 0, 1);
        }
        
        .region-img .phone-thumb img {
            margin: 0 auto;
        }
        /* 鼠标动画2 */
        
        .region-img:hover .phone-thumb {
            animation: change 1s linear 0s 1 forwards;
        }
        
        .region-img:hover .img2 {
            transform: scale(2);
            transition-duration: 1s;
        }
        
        @keyframes change {
            from {
                background-color: rgba(0, 0, 0, 1);
                transform: scale(1);
            }
            to {
                background-color: rgba(255, 255, 255, 1);
                transform: scale(0);
            }
        }
        
        .region-img:hover .card-data {
            animation: card-data .5s linear 0s 1 forwards;
        }
        
        .region-img:hover .card {
            transform-style: preserve-3d;
            animation: rotate 1s linear 0s 1 forwards;
        }
        /* 鼠标动画3 */
        
        @keyframes card-data {
            from {
                left: 0px;
                opacity: 1;
            }
            to {
                left: -95px;
                opacity: 0;
            }
        }
        
        @keyframes rotate {
            0% {
                width: 19px;
                height: 21px;
            }
            50% {
                width: 38px;
                height: 42px;
            }
            51% {
                transform: rotateX(0) rotateY(0);
                width: 38px;
                height: 42px;
            }
            100% {
                transform: rotateX(25deg) rotateY(25deg);
                width: 38px;
                height: 42px;
            }
        }
        
        .region-img .computer {
            position: absolute;
            width: 77px;
            height: 48px;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
        }
        
        .region-img .computer .box1 {
            width: 63px;
            height: 43px;
            border: 2px solid #fff;
            border-top: 4px solid #fff;
            border-bottom: 4px solid #fff;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            margin: 0 auto;
            background-color: rgba(0, 0, 0, 1);
        }
        /* 鼠标动画4 */
        
        .region-img:hover .computer {
            animation: computer 1s linear 0s 1 forwards;
        }
        
        .region-img:hover .img4 {
            animation: yun 2s linear 0s 1 forwards;
        }
        
        @keyframes computer {
            from {
                transform: scale(1);
            }
            to {
                transform: scale(0);
            }
        }
        
        @keyframes yun {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(2);
            }
            55% {
                transform: scale(2);
                top: 0px;
                left: -15px;
            }
            65% {
                transform: scale(2);
                top: 15px;
                left: 0px;
            }
            75% {
                transform: scale(2);
                top: 0px;
                left: 15px;
            }
            85% {
                transform: scale(2);
                top: -15px;
                left: 0px;
            }
            100% {
                transform: scale(2);
                top: 0;
                left: 0;
            }
        }
        
        .region-item .service-title1 {
            margin-top: 50px;
            text-align: center;
            font-size: 20px;
            font-family: MicrosoftYaHei;
            color: #fff;
        }
        
        .region-item .service-title2 {
            margin-top: 20px;
            text-align: center;
            font-size: 20px;
            font-family: MicrosoftYaHei;
            color: #fff;
        }
        
        .region-item .service-desc {
            padding: 30px 30px 0;
            color: #D8D8D8;
            font-size: 16px;
            font-family: MicrosoftYaHei;
            line-height: 30px;
        }
        /* 第一屏结束 */
        /* 第二屏开始 */
        
        @keyframes iconXY {
            0% {
                transform: scale(1);
                opacity: 0;
            }
            25% {
                ransform: scale(1.3);
                opacity: 0.5;
            }
            50% {
                transform: scale(1.5);
                opacity: 0.9;
            }
            75% {
                transform: scale(1.3);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
        /* 案例展示文字 */
        
        .for-example .example-show-textContent {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
        }
        
        .example-show-wrapper>.mengban>#example {
            width: 1580px;
            height: 700px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 170px;
        }
        
        .for-example .txt2 {
            display: inline-block;
            font-family: MicrosoftYaHei;
            font-size: 36px;
            color: #FFFFFF;
            position: relative;
        }
        
        .for-example .txt2 .txt1 {
            font-family: MicrosoftYaHeiLight;
            font-size: 24px;
            font-weight: 290;
            color: #FFFFFF;
            position: absolute;
            left: 0;
            top: -25px;
        }
        
        .for-example .example-show-textContent>.txt2>.txt-c {
            position: absolute;
            left: -93PX;
            top: -100px;
            font-family: MicrosoftYaHei-Bold;
            font-size: 144px;
            font-weight: bold;
            color: #4F89B9;
        }
        
        .for-example .txt3 {
            margin: 0 auto;
            width: 216px;
            line-height: 21px;
            margin-top: 10px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            color: #D8D8D8;
        }
        /* 中心展示的示例图片 */
        
        .for-example .example-img-wrapper {
            position: absolute;
            top: 140px;
            right: 0;
            left: 0;
            margin: auto;
            display: flex;
            justify-content: space-between;
            align-content: space-between;
            flex-wrap: wrap;
            width: 1580px;
            height: 470px;
        }
        
        .for-example .example-img-wrapper .example-img-item:hover {
            animation: iconXY .6s linear 0s 1 forwards;
        }
        
        .for-example .example-img-wrapper .example-img-item img {
            width: 380px;
            height: 230px;
            background: rgba(0, 0, 0, 0.3);
        }
        /* 查看更多案例 */
        
        .for-example .look-more-example {
            width: 242px;
            height: 48px;
            line-height: 48px;
            text-align: center;
            background-color: #4F89B9;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            color: #FFFFFF;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0 auto;
        }
        /* 第二屏结束 */
        /* 第三屏开始 */
        /* 案例展示文字 */
        
        .example-show-wrapper>.mengban>#news {
            width: 1552px;
            height: 700px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 120px;
        }
        
        .new-info-textContent {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
        }
        
        .txt1 {
            display: inline-block;
            text-align: center;
            font-family: MicrosoftYaHeiLight;
            font-size: 24px;
            font-weight: 290;
            color: #FFFFFF;
        }
        
        .txt1 .txt-n {
            display: inline-block;
            color: #4F89B9;
            font-family: MicrosoftYaHei-Bold;
            font-size: 144px;
            font-weight: bold;
        }
        
        .txt3 {
            margin-top: -10px;
            font-family: MicrosoftYaHei;
            font-size: 36px;
            color: #FFFFFF;
        }
        
        .txt4 {
            margin-top: 20px;
            font-family: MicrosoftYaHei;
            font-size: 20px;
            color: #D8D8D8;
        }
        /* 中部文字描述 */
        
        .news .new-info-dec-wrapper {
            position: absolute;
            width: 1552px;
            left: 0;
            right: 0;
            top: 300px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .news .new-info-desc-item {
            width: 380px;
        }
        
        .news .new-info-title {
            font-family: MicrosoftYaHei;
            font-size: 24px;
            font-weight: normal;
            color: #FFFFFF;
        }
        
        .news .new-info-line {
            border-top: 1px #D8D8D8 dashed;
            margin-top: 30px;
        }
        
        .news .new-info-date {
            margin: 30px 0;
            font-family: MicrosoftYaHei;
            font-size: 36px;
            font-weight: normal;
            color: #D8D8D8;
            text-align: left;
        }
        
        .news .new-info-desc {
            font-family: MicrosoftYaHei;
            font-size: 20px;
            line-height: 24px;
            font-weight: normal;
            color: #D8D8D8;
        }
        /* 查看更多案例 */
        
        .news .look-more-example {
            width: 242px;
            height: 48px;
            line-height: 48px;
            text-align: center;
            background-color: #4F89B9;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            color: #FFFFFF;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0px;
            margin: 0 auto;
        }
        /* 第三屏结束 */
        /* 第四屏开始 */
        /* 案例展示文字 */
        
        .cooperate .example-show-textContent {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            top: 170px;
            text-align: center;
        }
        
        .cooperate .txt1 {
            display: inline-block;
            font-family: MicrosoftYaHei;
            font-size: 36px;
            font-weight: normal;
            color: #FFFFFF;
            position: relative;
        }
        
        .cooperate .example-show-textContent>.txt1>.txt-c {
            position: absolute;
            left: -90PX;
            top: -100px;
            font-family: MicrosoftYaHei-Bold;
            font-size: 144px;
            font-weight: bold;
            color: #4F89B9;
        }
        
        .cooperate .txt2 {
            margin-top: 15px;
            font-family: MicrosoftYaHeiLight;
            font-size: 24px;
            font-weight: 290;
            color: #D8D8D8;
        }
        
        .cooperate .txt3 {
            margin: 0 auto;
            width: 529px;
            line-height: 21px;
            margin-top: 10px;
            font-family: MicrosoftYaHei;
            font-size: 24px;
            line-height: 26px;
            font-weight: normal;
            color: #FFF;
        }
        /* 中心展示的示例图片 */
        
        .cooperate .example-img-wrapper {
            position: absolute;
            top: 350px;
            right: 0;
            left: 0;
            margin: auto;
            display: flex;
            justify-content: space-between;
            align-content: space-between;
            flex-wrap: wrap;
            width: 1580px;
            height: 470px;
        }
        
        .cooperate .example-img-wrapper .example-img-item img {
            width: 380px;
            height: 230px;
            background: rgba(0, 0, 0, 0.3);
        }
        /* 第四屏结束 */
        /* 第五屏开始 */
        
        .aboutus .center-desc-wrapper {
            width: 1482px;
            position: absolute;
            left: 0;
            right: 0;
            top: 250px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .aboutus .center-desc-wrapper .desc-img-wrapper {
            display: flex;
        }
        
        .aboutus .center-desc-wrapper .desc-img-wrapper p {
            display: block;
            width: 48px;
            height: 165px;
            font-size: 36px;
            font-weight: bold;
            background-color: #4F89B9;
            writing-mode: vertical-lr;
            text-align: center;
            color: #FFF;
        }
        
        .aboutus .center-desc-wrapper .desc-img-wrapper .img {
            width: 500px;
            height: 507px;
            background-image: url(../images/aboutUs/pexels-pixabay-273209.png);
            background-size: 100% 100%;
        }
        
        .aboutus .center-desc-wrapper .show-desc {
            width: 466px;
            font-family: MicrosoftYaHei;
            font-size: 24px;
            color: #D8D8D8;
        }
        
        .aboutus .center-desc-wrapper .right-desc-wrapper {
            width: 252px;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: flex-start;
            height: 593px;
        }
        
        .aboutus .center-desc-wrapper .right-desc-wrapper .right-desc-item {
            width: 180px;
            margin-top: 30px;
        }
        
        .aboutus .center-desc-wrapper .right-desc-wrapper .right-desc-item span {
            font-family: MicrosoftYaHei;
            font-size: 36px;
            color: #fff;
        }
        
        .aboutus .center-desc-wrapper .right-desc-wrapper .right-desc-item .detail-desc {
            font-family: MicrosoftYaHei;
            font-size: 16px;
            color: #fff;
            padding: 10px;
        }
        /* 第五屏结束 */
        /* 第六屏开始 */
        /* 案例展示文字  */
        
        .contact-us-textContent {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            top: 120px;
        }
        
        .contact-us-textContent span {
            font-family: MicrosoftYaHei-Bold;
            font-size: 48px;
            font-weight: bold;
            color: #FFFFFF;
        }
        
        .contact-us-textContent .txt {
            margin-top: 30px;
            font-family: MicrosoftYaHei-Bold;
            font-size: 24px;
            font-weight: bold;
            color: #D8D8D8;
        }
        
        .contact-us-textContent .line-us {
            margin-top: 20px;
            display: flex;
            justify-content: center;
        }
        
        .contact-us-textContent .line-us .line {
            border-top: 1px solid #D8D8D8;
            position: relative;
            width: 126px;
        }
        
        .contact-us-textContent .line-us .line .txt-contact {
            font-size: 24px;
            color: #D8D8D8;
            position: absolute;
            left: 0;
            top: 14px;
            font-weight: normal;
        }
        
        .contact-us-textContent .line-us .txt-us {
            font-family: MicrosoftYaHei-Bold;
            font-size: 48px;
            font-weight: bold;
            color: #4F89B9;
            margin-top: -5px;
        }
        /* 主体内容 */
        
        .desc-form-wrapper {
            position: absolute;
            top: 330px;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 1194px;
            height: 444px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #D8D8D8;
        }
        
        .desc-form-wrapper .left-desc {
            display: flex;
            flex-direction: column;
        }
        
        .desc-form-wrapper .left-desc .dingzhi-phone {
            display: flex;
            align-items: center;
            margin: 30px 0;
        }
        
        .desc-form-wrapper .left-desc .dingzhi-phone .dingzhi {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
        }
        
        .desc-form-wrapper .left-desc .dingzhi-phone .phone {
            width: 190px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            background-color: #4F89B9;
            font-family: MicrosoftYaHei-Bold;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            margin-left: 5px;
        }
        
        .right-form {
            width: 360px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
        .right-form .right-form-title {
            text-align: center;
            font-family: MicrosoftYaHei-Bold;
            font-size: 18px;
            font-weight: bold;
            color: #FFFFFF;
        }
        
        .right-form .sameInput {
            border: #4F89B9 1px solid;
            width: 360px;
            height: 45px;
            padding: 5px 15px;
            background-color: transparent;
            box-sizing: border-box;
            color: white;
            font-size: 16px;
        }
        
        .right-form .liuyan {
            font-size: 16px;
            border: #4F89B9 1px solid;
            width: 360px;
            height: 90px;
            padding: 5px 15px;
            background-color: transparent;
            box-sizing: border-box;
            color: white;
        }
        
        .right-form .btn {
            width: 360px;
            height: 45px;
            background-color: #4F89B9;
            line-height: 45px;
            text-align: center;
        }
        /* 底部容器 */
        
        .footer-wrapper {
            color: #fff;
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            margin: 0;
            height: 104px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #000;
            padding: 0 80px;
            z-index: 88;
        }
        
        .footer-wrapper .left-txt {
            height: 104px;
            line-height: 104px;
            font-family: zcool-gdh;
            font-size: 42px;
        }
        
        .footer-wrapper .center-txt {
            display: flex;
            align-items: center;
        }
        
        .footer-wrapper .center-txt .center-left {
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 61px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            line-height: 17px;
            justify-content: space-between;
        }
        
        .footer-wrapper .center-txt .center-right-img {
            width: 75px;
            height: 75px;
            background-color: red;
        }
        
        .footer-wrapper .right-txt {
            width: 334px;
            font-family: MicrosoftYaHei;
            font-size: 12px;
            line-height: 17px;
        }
        /* 第六屏结束 */