﻿.banner {
    width: 100%;
    background: url("../images/industryBanner.jpg") no-repeat;
    background-size: 19.20rem 7.98rem;
    width: 19.20rem;
    height: 7.98rem;
}
.zonghe-header-center {
    width: 12rem;
    position: absolute;
    left: 3.57rem;
    min-width: 8rem;
    margin: 0 auto;
    display: flex;
}
.zh-header-left {
    padding-top: 2.88rem;
    box-sizing: border-box;
    color: #FFFEFE;
    width: 6rem;
}
    .zh-header-left .zh-header-left-title {
        font-weight: 500;
        font-size: 0.48rem;
        -webkit-animation: fadeInLeft 1s .2s ease both;
        -moz-animation: fadeInLeft 1s .2s ease both;
    }
    .zh-header-left .zh-header-left-con {
        font-weight: 400;
        font-size: 0.18rem;
        width: 6.6rem;
        line-height: 0.28rem;
        margin-top: 0.06rem;
        -webkit-animation: fadeInLeft 1s .5s ease both;
        -moz-animation: fadeInLeft 1s .5s ease both;
    }
    .zh-header-left .zh-header-left-btn {
        width: 2.4rem;
        height: 0.72rem;
        border-radius: 0.08rem;
        line-height: 0.72rem;
        text-align: center;
        font-size: 0.28rem;
        margin-top: 0.36rem;
        cursor: pointer;
        -webkit-animation: fadeInLeft 1s .7s ease both;
        -moz-animation: fadeInLeft 1s .7s ease both;
        background: #65d5bb;
        left: calc(50% - 6.11rem);
        font-size: .28rem;
        color: #fff;
    }
.zh-header-rigth {
    background: url("../images/zongHeRig.png") no-repeat;
    background-size: 8.73rem 6.03rem;
    height: 6.03rem;
    width: 8.73rem;
    margin-top: 0.9rem;
    position: absolute;
    top: 0;
    right: 1.4rem;
}
.zonoghe-rgt-icon {
    background: url(../images/zongHeRig.png) no-repeat;
    background-size: 8.73rem 6.03rem;
    width: 8.73rem;
    height: 6.03rem;
    margin-top: 1.56rem;
    margin-left: -0.84rem;
}
.jingji-title {
    width: 100%;
    margin: 0 auto;
    font-size: 0.46rem;
    text-align: center;
    margin-top: 1.38rem;
    margin-bottom: 0.8rem;
    color: #1f2026;
}
.jingji-con {
    width: 12.95rem;
    margin: 0 auto;
    height: 7.6rem;
    background: url(../images/economyBg2.png);
    background-position: center center;
    background-size: 7.93rem 6.41rem;
    background-repeat: no-repeat;
    position: relative;
}
.jingji-txt {
    margin-left: .16rem;
    margin-top: .16rem;
    margin-right: .16rem;
}
.jingji-li {
    position: absolute;
    display: flex;
}
    .jingji-li:nth-child(1) {
        left: 1.4rem;
        top: 1.11rem;
    }
    .jingji-li:nth-child(2) {
        right: 1.4rem;
        top: 1.11rem;
    }
    .jingji-li:nth-child(3) {
        left: 1.4rem;
        top: 4.28rem;
    }
    .jingji-li:nth-child(4) {
        right: 1.4rem;
        top: 4.28rem;
    }
.mart-top25 {
    margin-top: 0;
}
.j-title {
    font-size: .28rem;
    color: #356fff;
    margin-bottom: 5px;
    padding-left: .1rem;
}
.j-con ul li {
    font-size: .18rem;
    color: #525a68;
    line-height: .28rem;
    margin-left: .15rem;
    list-style-type: disc;
    font-family: "FZLTZHUNHJW";
}
.jingji-img img {
    width: 1.12rem;
    height: 1.26rem;
}
.sousou {
    position: absolute;
    top: 3.10rem;
    left: 6.1rem;
    width: .8rem;
    height: 0.768rem;
    animation: moveInCircle 3s linear infinite;
}
.multi-angle {
    width: 100%;
    padding-bottom: 1.38rem;
    background: url(../images/fangkong.jpg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}
.fengkong-bj {
    width: 100%;
    min-width: 12.56rem;
    background: url(../images/fengkongbj.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    padding-bottom: 0.3rem;
}
.fengkong-title {
    margin: 0 auto;
    font-size: .46rem;
    line-height: .6rem;
    text-align: center;
    padding-top: 1.38rem;
    margin-bottom: 0.8rem;
    position: relative;
    color: #1f2026;
}
.fengkong-con {
    width: 14.15rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.fengkong-left {
    width: 2.84rem;
    height: 2.44rem;
    margin-right: 15px;
    margin-top: .5rem;
}
.fengkong-con-txt {
    float: left;
    width: 7.44rem;
    height: 2.84rem;
    display: flex;
    margin-top: .2rem;
    justify-content: center;
}
.fengkong-right {
    width: 2.84rem;
    height: 2.44rem;
    margin-left: .3rem;
    margin-top: .5rem;
}
.fk-con-li {
    border-radius: 8px;
    background-image: -moz-linear-gradient( 180deg, rgb(55,132,245) 0%, rgb(0,150,253) 97%);
    background-image: -webkit-linear-gradient( 180deg, rgb(55,132,245) 0%, rgb(0,150,253) 97%);
    background-image: -ms-linear-gradient( 180deg, rgb(55,132,245) 0%, rgb(0,150,253) 97%);
    width: 3rem;
    height: .49rem;
    margin-bottom: .1rem;
    font-size: .2rem;
    color: #fff;
    line-height: .49rem;
    text-align: left;
    padding-left: .4rem;
}
    .fk-con-li span, .fk-con-li-r span {
        font-family: "DIN";
        margin-right: 0.2rem;
    }
.fk-con-li-r {
    border-radius: 8px;
    background-image: -moz-linear-gradient( 180deg, rgb(59,199,114) 0%, rgb(80,207,133) 96%);
    background-image: -webkit-linear-gradient( 180deg, rgb(59,199,114) 0%, rgb(80,207,133) 96%);
    background-image: -ms-linear-gradient( 180deg, rgb(59,199,114) 0%, rgb(80,207,133) 96%);
    width: 3rem;
    height: .49rem;
    margin-bottom: .1rem;
    font-size: .2rem;
    color: #fff;
    line-height: .49rem;
    text-align: left;
    padding-left: .4rem;
}
.add {
    margin: 1.44rem .30rem;
}
.liucheng-title {
    width: 12.56rem;
    margin: 0 auto;
    font-size: .44rem;
    text-align: center;
    margin-top: 1.38rem;
    color: #1f2026;
}
.liucheng-summy {
    width: 12.56rem;
    margin: 0 auto;
    font-size: 0.2rem;
    color: #007fff;
    line-height: 0.3rem;
    text-align: center;
}
.liucheng-con {
    width: 12.56rem;
    height:5.7rem;
    margin: 0 auto;
    background: url(../images/quan.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 0.8rem;
    margin-bottom:1.38rem;
    position: relative;
}
.liucheng-txt {
    width: 10.2rem;
    height: 1.75rem;
    margin: 0 auto;
    background-color: #f6fbff;
    border-radius: 2rem;
    top: 1.375rem;
    left: 1.18rem;
    position: absolute;
}
.liucheng-tip1 {
    font-size: .16rem;
    font-family: "FZLTZHUNHJWB";
    color: #fff;
    position: absolute;
    top: .19rem;
    left: 2.80rem;
}
.liucheng-tip2 {
    font-size: .16rem;
    font-family: "FZLTZHUNHJWB";
    color: #fff;
    position: absolute;
    top: 4.04rem;
    right: 2.42rem;
}
.jiantou1 {
    position: absolute;
    top: .2rem;
    left: 4.62rem;
    display: flex;
}
.jiantou2 {
    position: absolute;
    top: .2rem;
    left: 6.30rem;
    display: flex;
}
.jiantou3 {
    position: absolute;
    top: 4rem;
    left: 5.7rem;
    transform: scaleX(-1);
    display: flex;
}
.jiantou4 {
    position: absolute;
    top: 4rem;
    left: 7.4rem;
    transform: scaleX(-1);
    display: flex;
}
    .jiantou1 img, .jiantou2 img, .jiantou3 img, .jiantou4 img {
        width: .18rem;
        height: .28rem;
    }
.liucheng-txt-sub {
    border:dashed 1.613px rgb(53,111,255);
    height: 1.59rem;
    border-radius: 1.20rem;
    padding: .132rem .15rem 0;
}
.liucheng-txt-sub-li {
    border: solid 1.613px rgb(53,111,255);
    border-radius: 50%;
    width: 1.27rem;
    height: 1.27rem;
    float: left;
    color: #1886ff;
    text-align: center;
}
.sub-num {
    font-family: "DIN";
    font-size: .50rem;
    margin-top: .12rem;
    color: #356fff;
}
.sub-txt {
    font-family: "FZLTZHUNHJWB";
    font-size: .18rem;
    color: #4278ff;
    margin-top: -.1rem;
}
.sub-txt1 {
    font-size: .12rem;
    color: #4278ff;
}
.sub-jian {
    width: .28rem;
    text-align: center;
    margin-top: .58rem;
    margin-left: 0.08rem;
    margin-right: 0.08rem;
    float: left;
}
    .sub-jian img {
        width: 100%;
    }
.sub-jian1 {
    position: absolute;
    left: 1.65rem;
    top: -0.1rem;
    width: .08rem;
    height: .12rem;
    z-index: 62;
}
.sub-jian2 {
    position: absolute;
    left: 8.6rem;
    top: 1.45rem;
    width: .08rem;
    height: .12rem;
    z-index: 63;
    transform: scaleX(-1);
}
.liucheng-btn {
    background-color: #356fff;
    box-shadow: 0 1px 9px 0 rgba(150,150,150,0.16);
    width: 3.62rem;
    height: 0.72rem;
    font-size: 0.28rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.72rem;
    margin: 0 auto;
    position: absolute;
    top: 5rem;
    left: 4.47rem;
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
    z-index: 1;
}
.liangdian-div {
    width: 100%;
    background: url(../images/highlightsBg.jpg); 
    background-repeat: no-repeat;
    background-position: top center;
    background-size:100%;
    margin-bottom: 1.38rem;
    padding-top: 1.38rem;
    padding-bottom: 1.38rem;
}
.liangdian-title {
    width: 12.56rem;
    font-size: .44rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .8rem;
    color: #1f2026;
}
.liangdian-blue {
    color: #356fff;
    font-weight: bold;
}
.liangdian-con {
    width: 11.48rem;
    min-height: 5.85rem;
    margin: 0 auto;
    margin-top: 2.0rem;
    padding-bottom: .6rem;
    background: url(../images/highlightsConBj.png);
    background-repeat: no-repeat;
    background-position: center 0.45rem;
    background-size: 5.98rem 3.13rem;
    position: relative;
}
.liangdian-top-li {
    width: 4.23rem;
    height: 1.38rem;
    position: absolute;
}

    .liangdian-top-li:nth-child(1) {
        left: 3.7rem;
        top: -1.20rem;
        background: url(../images/highlightsLiBg1.png);
        background-size: 100%;
    }
    .liangdian-top-li:nth-child(2) {
        left: -1rem;
        top: .6rem;
        background: url(../images/highlightsLiBg2.png);
        background-size: 100%;
    }
    .liangdian-top-li:nth-child(3) {
        right: -1rem;
        top: 1.0rem;
        background: url(../images/highlightsLiBg3.png);
        background-size: 100%;
    }
.ld-li-title {
    font-size: .28rem;
    height: .45rem;
    color: #fff;
    text-align: left;
    margin-top: .25rem;
    margin-left: .50rem;
}
.ld-li-txtI {
    font-size: .2rem;
    color: #fff;
    text-align: left;
    margin-left: .50rem;
}
.ld-li-txt {
    font-size: .2rem;
    color: #fff;
    text-align: center;
    padding-left:1.8rem;
}
.liang-li-div {
    width: 14.48rem;
    margin: 0 auto;
    display: flex;
    position: absolute;
    top: 4.05rem;
    left: -1.5rem;
}
.liangdian-li {
    border: solid 1px rgb(152,202,253);
    width: 4.73rem;
    height: 1.76rem;
    border-radius: .12rem;
    margin-right: 0.1rem;
    display: flex;
}
.ld-li-img-bg1 {
    background: url(../images/ldImgBg1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.ld-li-img-bg2 {
    background: url(../images/ldImgBg2.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.ld-li-img-bg3 {
    background: url(../images/ldImgBg3.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.liangdian-li:nth-child(3) {
    margin-right: 0;
}
.liangdian-li .img1 {
    margin-top: .18rem;
    margin-left: .10rem;
    width: 1.33rem;
}
.ld-li-title0 {
    font-family: "FZLTZHUNHJWB";
    font-size: .28rem;
    color: #356fff;
    margin-top: .40rem;
    text-align: left;
    display: flex;
}
    .ld-li-title0 span {
        display: flex;
        align-items:center;
        justify-content: center;
    }
.ld-icon {
    width: 0.46rem;
    height: 0.36rem;
    margin-right: .1rem;
}
.ld-li-txt1 {
    font-family: "FZLTZHUNHJW";
    font-size: .18rem;
    color: #5b4f4f;
    text-align: left;
    margin-left: 0.55rem;
}
.qr-div {
    width: 100%;
    height: 3.84rem;
    margin: 0 auto;
    margin-top: 0.6rem;
    background: url(../images/inqrdivbj.jpg);
    background-size: 100%;
}
.qr-con {
    width: 10rem;
    margin: 0 auto;
}
.qr-left {
    width: 4.21rem;
    float: left;
    margin-top: .6rem;
}
    .qr-left img {
        width: 100%;
    }
.qr-right {
    width: 5.23rem;
    float: left;
    margin-left: .5rem;
    margin-top: .6rem;
}
.qr-title {
    font-size: .4rem;
    color: #fff;
    font-weight: 500;
}
    .qr-title span {
        font-family: "FZLTZHUNHJW";
    }
.qr-right-con {
    width: 5.23rem;
    height: 1.85rem;
    float: left;
    background: url(../images/qrbj.png);
    background-size: 100%;
    margin-top: .20rem;
    margin-left: -.20rem;
}
.qr-right-txt {
    font-size: .18rem;
    line-height: .30rem;
    color: #000;
    float: left;
    width: 2rem;
    padding-left: .75rem;
    padding-top: .25rem;
}
    .qr-right-txt .txt {
        font-size: .16rem;
    }
.qr-right-btn {
    background-image: -moz-linear-gradient( -3deg, rgba(250,177,86,0.99608) 0%, rgb(247,129,80) 100%);
    background-image: -webkit-linear-gradient( -3deg, rgba(250,177,86,0.99608) 0%, rgb(247,129,80) 100%);
    background-image: -ms-linear-gradient( -3deg, rgba(250,177,86,0.99608) 0%, rgb(247,129,80) 100%);
    width: 1.69rem;
    height: .60rem;
    line-height: .60rem;
    font-size: .18rem;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    margin-top: .10rem;
    cursor: pointer;
}
.qr-img {
    width: 1.47rem;
    float: left;
    margin-left: .60rem;
    margin-top: .20rem;
}
    .qr-img img {
        width: 100%;
    }
.danmu-title {
    width: 12.56rem;
    margin: 0 auto;
    margin-bottom: 0.8rem;
    font-size: .46rem;
    line-height: .42rem;
    text-align: center;
    color: #1f2026;
}
.ma-bottom {
    margin-bottom: 1.38rem;
}
.container {
    width: 14.15rem;
    font-size: .16rem;
    margin: 0 auto;
    margin-bottom: 0;
    display: flex;
    overflow: hidden;
}
.danmu-div {
    position: relative;
    display: flex;
}
.dm-txt {
    line-height: .22rem;
    color: #fff;
    font-size: .16rem;
    width: 100%;
}
.dm-cmp {
    line-height: .34rem;
    color: #fff;
    width: 100%;
    text-align: right;
}
.jiantou1 img:nth-child(1), .jiantou2 img:nth-child(1), .jiantou3 img:nth-child(1), .jiantou4 img:nth-child(1) {
    animation: arrow-animation 1s linear infinite;
}
.jiantou1 img:nth-child(2), .jiantou2 img:nth-child(2), .jiantou3 img:nth-child(2), .jiantou4 img:nth-child(2) {
    animation: arrow-animation 1s linear infinite 1.3s;
}
.jiantou1 img:nth-child(3), .jiantou2 img:nth-child(3), .jiantou3 img:nth-child(3), .jiantou4 img:nth-child(3) {
    animation: arrow-animation 1s linear infinite 2.5s;
}
.jiantou1 img:nth-child(4), .jiantou2 img:nth-child(4), .jiantou3 img:nth-child(4), .jiantou4 img:nth-child(4) {
    animation: arrow-animation 1s linear infinite 3.6s;
}

@keyframes moveInCircle {
    0% {
        transform: rotate(0deg) translateX(.45rem) rotate(0deg);
    }

    100% {
        transform: rotate(360deg) translateX(.45rem) rotate(-360deg);
    }
}
@keyframes arrow-animation {
    0% {
        fill: #d9dadb;
        opacity: 0.5;
    }

    33.33% {
        fill: #d9dadb;
        opacity: 0.75;
    }

    66.66% {
        fill: #d9dadb;
        opacity: 1;
    }

    100% {
        fill: #d9dadb;
        opacity: 0.75;
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.animation-money {
    animation-name: fadeInUp, jump;
    animation-duration: .5s, 1.8s;
    animation-delay: 0s, 1s;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
@keyframes jump {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.4rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(0.4rem);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.1);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
        opacity: 1;
    }

    50% {
        -moz-transform: scale(1.1);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@keyframes scrolRight {
    0% {
        transform: translateX(-1.69rem);
    }

    100% {
        transform: translateX(1.69rem);
    }
}
@keyframes scrollLeft {
    0% {
        transform: translateX(1.69rem);
    }

    100% {
        transform: translateX(-1.69rem);
    }
}
