/*- scrollbar -*/
.hidden{
    display: none;
}
li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.image{
    width: 100%;
    margin: 20px 0;
}

.image>img{
    width: 100%;
}

.text-left{
    text-align: left !important;
}

.text-center{
    text-align: center !important;
}

@media screen and (max-width: 750px) {
    .text-text{
        min-height: 28px;
    }
    .it-text{
        line-height: 1.1rem !important;
        color: #667279!important;
        text-align: justify !important;
        letter-spacing: 2px !important;
        font-size: .6rem !important;
        white-space: pre-wrap;
    }
    /*.it-title{*/
    /*    font-size: .7rem !important;*/
    /*    color: #000 !important;*/
    /*}*/
    .text {
        font-size: 0.6rem;
    }

    .bj-1{
        margin: 0.8rem 0;
    }

    .bj-1 > span {
        display: block;
        text-align: center !important;
        font-size: .9rem;
        color: #000;
        font-weight: bold;
    }

    .bj-1 > .plug-icon > .it-icon {
        color: var(--bg-color, #000);
        font-size: 1.3rem;
    }

    .bj-1 > i {
        display: block;
        text-align: center !important;
        margin: 10px 0
    }

    .bj-1 > i:before {
        content: "";
        display: inline-block;
        width: 25%;
        height: 1px;
        background:  var(--bg-color, #eee);
        margin-bottom: 10px;
        margin-right: 10px
    }

    .bj-1 > i:after {
        content: "";
        display: inline-block;
        width: 25%;
        height: 1px;
        background: var(--bg-color, #eee);
        margin-bottom: 10px;
        margin-left: 10px
    }

    .bj-1 > p {
        text-align: center !important;
        color: #666;
        font-size: .4rem
    }

    .bj-3 {
        text-align: center !important;
        margin: 0.8rem 0;
    }

    .bj-3 > .con {
        display: inline-flex;
        height: 1.5rem;
        overflow: hidden;
        align-items: center;
        margin: 0 auto;
        border: .02rem solid var(--bg-color, #130073);
        padding: 0 .6rem;
        white-space: nowrap;
        max-width: 100%;
    }

    .bj-3 > .con > .left_num {
        min-width: 1.5rem;
        height: 100%;
        background: var(--bg-color, #130073);
        display: inline-block;
        line-height: 1.5rem;
        transform: skew(-12deg)
    }

    .bj-3 > .con > .left_num > b {
        transform: skew(12deg);
        display: block;
        color: #fff;
        font-size: .8rem;
        text-align: center
    }

    .bj-3 > .con > .right_text {
        margin-left: 12px;
        color: var(--bg-color, #130073);
        font-size: .9rem;
        font-weight: 700;
        overflow: hidden;
    }

    .bj-4 {
        text-align: center !important;
        margin: 0.8rem 0;
        height: 2rem;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;

    }

    .bj-4 > .tit {
        font-size: .9rem;
        color: #000;
        font-weight: 700;
        position: relative;
        display: inline-flex;
        align-items: center;
    }

    .bj-4 > .tit > span {
        display: inline-block;
        margin-right: .24rem;
        border-radius: 4px;
        background-color: var(--bg-color, #f67733);
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem !important;
        font-size: .8rem;
        color: #fff;
        font-weight: 700;
        box-shadow: 4px 4px 0 var(--bg-color, 246, 119, 51, 0.302);
    }

    .bj-4 > .tit::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 2px;
        background: linear-gradient(to right, var(--bg-color, #f67733) 70%, #f9fcfe);
        opacity: .2;
        width: 100%;
        height: .25rem
    }

    .bj-4 > .tit::after {
        content: "";
        position: absolute;
        bottom: -.1rem;
        right: 0;
        width: 2.53rem;
        height: 1px;
        opacity: .502
    }

    .bj-5 {
        width: 100%;
        margin: 0.8rem 0;
        overflow: hidden;
        padding-top: .5rem;
    }
    .bj-5>.tit {
        display: block;
        width: 100%;
        text-align: center;
    }
    .bj-5>.tit>span {
        font-size: 0.9rem;
        font-weight: 700;
        display: block;
        color: #000 !important;
    }
    .bj-5>.tit>.bj-5-label {
        display: block;
        font-size: .8rem;
        color: #777;
        padding-bottom:0.5rem;
    }
    .bj-5>.tit>i {
        display: block;
        width: 50px;
        height: 3px;
        background-color: var(--bg-color, #1c7afa);
        margin: 7px auto
    }
    .bj-6 {
        margin: 0.8rem 0;
        width: 100%;
    }

    .bj-6>.tit {
        display: block;
        text-align: center;
    }

    .bj-6>.tit>span {
        font-size: .9rem;
        font-weight: bold;
        color: #000;
    }

    .bj-6>.bj-6-bottom{
        text-align: center;
        padding-bottom: 0.5rem;
    }
    .bj-6>.bj-6-bottom>span{
        font-size: 0.8rem;
        color: #777;
    }
    .bj-6>.tit>span::after {
        content: "";
        display: inline-block;
        width: 10%;
        height: 1px;
        background-color: var(--bg-color, #000);
        margin-left: 20px;
        margin-bottom: 5px
    }

    .bj-6>.tit>span::before {
        content: "";
        display: inline-block;
        width: 10%;
        height: 1px;
        background-color: var(--bg-color, #000);
        margin-right: 20px;
        margin-bottom: 5px
    }

    .bj-7 {
        margin: 0.8rem 0;
        text-align: center!important
    }

    .bj-7>.top {
        color: var(--bg-color,#ace1e2);
        font-size: 1.2rem;
        font-weight: 700;
        transform: skew(-12deg);
        display: block;
        text-shadow: 0.15rem 0.16rem 0.1rem #150B6B;
        line-height: 1;
    }

    .bj-7>.bj-7-line {
        width: 1.1rem;
        height: 0.15rem;
        margin: 0 auto;
        background-color: var(--bg-color, #ace1e2);
    }

    .bj-7>p {
        font-size: .9rem;
        color: #000;
        font-weight: bold;
    }

    .bj-8{
        margin: 0.8rem 0;
        padding-top: 0.5rem;
        padding-bottom:0.5rem;
    }

    .bj-8>p {
        text-align: center!important;
        font-size: .9rem;
        font-weight: 700;
        line-height: .9rem;
        color: #000;
    }


    .bj-8>i {
        display: block;
        width: 30%;
        height: 1px;
        background-color: #b9b9b9;
        margin: .5rem auto;
        position: relative
    }

    .bj-8>i:before {
        content: "";
        background-color: var(--bg-color, #ff6537);
        height: 5px;
        position: absolute;
        width: 50%;
        left: 25%;
        top: -2px
    }

    .bj-9 {
        margin: 0.8rem 0 !important;
        padding-top: .8rem;
        padding-bottom: .8rem;

    }

    .bj-9>span {
        display: block;
        font-size: .9rem !important;
        font-weight: 700;
        text-align: center!important;
        color: #000;
    }
    .bj-9>.bj-9_bottom {
        width: 30%;
        height: 1px;
        background-color: var(--bg-color, #bfbab6);
        display: block;
        margin: .2rem auto;
        position: relative
    }

    .bj-9>.bj-9_bottom:before {
        content: "";
        width: 12px;
        height: 12px;
        border-right: 1px solid var(--bg-color, #bfbab6);
        border-bottom: 1px solid var(--bg-color, #bfbab6);
        position: absolute;
        left: 43%;
        top: -6px;
        transform: rotate(45deg);
        background-color: #fff
    }
    .bj-10 {
        margin: 1.2rem 0 !important;
        text-align: center!important;
        position: relative
    }

    .bj-10>i {
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 700;
        color: #eaeaea
    }

    .bj-10>.bj-10-text{
        font-size: .9rem;
        color: #000;
        font-weight: 700;
        position: relative;
        width: 100%;
        left: 0;
        margin-top: -1rem;
    }
    .text-1{
        margin: 1.2rem 0;
    }

    .text-1 > ul > li {
        width: 100%;
        box-shadow: 0 0 .7rem var(--bg-color, #2976ea);
        background: #fff;
        margin-bottom: 3%;
    }

    .text-1 > ul > li:nth-child(2n) {
        margin-right: 0
    }

    .text-1 > ul > li > .item_title {
        width: 100%;
        background: var(--bg-color, #2976ea);
        color: #fff;
        margin: 0 auto;
        border-radius: .2rem .2rem 0 0;
        text-align: center !important;
        padding: .26rem 0;
        line-height: 1rem;
        font-size: .8rem;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-1 > ul > li > .item_title> .item_number{
        min-width: 1rem;
        height: 1rem;
        background: #fff;
        color: var(--bg-color, #2976ea);
        font-style: normal;
        display: inline-block;
        border-radius: 50%;
        line-height: 1rem;
        font-size: .8rem;
        font-weight: 700;
        vertical-align: text-bottom;
        margin-right: 0.1rem;
    }

    .text-1 > ul > li > .item_text{
       padding:0.3rem;
    }

    .text-1 > ul > li > .item_title > .item-content {
        color:#FFFFFF !important;
    }

    .text-2 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0.8rem 0;
    }

    .text-2 > .item {
        width: 100%;
        box-shadow: 0 3px 5px 0 rgba(38, 39, 40, .4);
        padding: .3rem
    }

    .text-2 > .item > .tit {
        font-size: .8rem;
        color: #000000;
        font-weight: 700;
        text-align: center;
        padding-bottom: .4rem;
        border-bottom: 1px solid var(--bg-color, #f16350);
        position: relative
    }

    .text-2 > .item > .tit::after {
        content: "";
        display: block;
        width: 30%;
        height: 5px;
        background-color: var(--bg-color, #f16350);
        position: absolute;
        left: 35%;
        bottom: -3px
    }

    .text-2 > .item > .show {
        margin-top: .3rem;
        font-size: .8rem;
        color: #000000;
        text-align: justify;
        line-height: .9rem
    }

    .text-3 {
        width: 100%;
        text-align: center;
        position: relative;
        margin: 0.8rem 0;
    }

    .text-3 > ul {
        display: flex;
        flex-flow: row wrap;
        padding:0.1rem;
    }

    .text-3 > ul > li {
        width: 100%;
        height: auto !important;
        float: left;
        padding: 0 1%
    }

    .text-3 > ul > li > .plug-icon > .it-icon {
        color: var(--bg-color, #000);
        font-size: 1.5rem;
    }

    .text-3 > ul > li > p {
        margin: 15px 0;
        text-align: center !important;
        font-size: .8rem;
        line-height: .9rem;
        color: #424242;
        padding: 0 3px
    }

    .text-3 > ul > span {
        display: none
    }

    .text-4 {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        position: relative;
        width: 100%;
        margin: 30px auto
    }

    .text-4 > .left-con, .text-4 > .right-con {
        width: 44%
    }

    .text-4 .item-con {
        text-align: left;
        margin-bottom: .3rem;
        height: 50%
    }

    .text-4 > .left-con > .item-con {
        width: 100%;
        text-align: right
    }

    .text-4 .item-con > .item-tit {
        display: inline-block;
        background: var(--bg-color, #00006c);
        color: #fff;
        padding: 0 .4rem;
        font-size: .46rem;
        font-weight: 700;
        border-radius: 18px 5px 0 0;
        height: 44px;
        line-height: 44px
    }

    .text-4 .item-con > .item-text {
        position: relative;
        box-shadow: 0 0 .1rem var(--bg-color, #00006c);
        text-align: left;
        height: calc(100% - 44px);
        padding-bottom: 15px
    }

    .text-4 .item-con > .item-text > .p {
        position: relative;
        width: 100%;
        z-index: 2;
        background: #fff;
        padding: .3rem;
        height: 100%
    }

    .text-4 .item-con > .item-text > .p > span {
        font-size: .45rem;
        color: #484646;
        font-weight: 700
    }

    .text-4 .item-con > .item-text > .p > p {
        margin-top: .2rem;
        font-size: .32rem;
        color: #484646
    }

    .text-4 > .right-con > .item-con > .item-text > .dec {
        position: absolute;
        bottom: .65rem;
        left: -.2rem;
        width: .6rem;
        height: .3rem;
        box-shadow: 0 0 .1rem var(--bg-color, #00006c);
        background: #fff;
        transform: skew(-34deg) rotate(31deg)
    }

    .text-4 > .right-con > .item-con > .item-text::after {
        content: "";
        position: absolute;
        bottom: .65rem;
        left: -16.5%;
        width: .25rem;
        height: .25rem;
        border-radius: 50%;
        background: var(--bg-color, #00006c);
    }

    .text-4 > .left-con > .item-con > .item-text::after {
        content: "";
        position: absolute;
        top: .5rem;
        right: -16.5%;
        width: .25rem;
        height: .25rem;
        border-radius: 50%;
        background: var(--bg-color, #00006c);
    }

    .text-4 > .left-con > .item-con > .item-text > .dec {
        position: absolute;
        top: .27rem;
        right: -.4rem;
        width: 1.25rem;
        height: .25rem;
        box-shadow: 0 0 .1rem var(--bg-color, #00006c);
        background: #fff;
        transform: skew(-32deg) rotate(28deg)
    }

    .text-4 > .line {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background: var(--bg-color, #00006c);
        margin: 0 auto
    }

    .text-4 .item-con > .item-tit {
        border-radius: .1rem .5rem 0 0
    }

    .text-4 .right-con > .item-con > .item-tit {
        border-radius: .5rem .1rem 0 0
    }

    .table-1 {
        font-size: 16px;
        color: #333;
        border-width: 1px;
        border-color: #ccc;
        border-collapse: collapse;
        margin: 0.8rem 0;
        width: 100%;
    }

    .table-1 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: #ccc;
        background-color: var(--bg-color, #000) !important;
    }

    .table-1 tr:first-child td {
        text-align: center;
        background-color: var(--bg-color, #FFCC99) !important;
        border-color: var(--bg-color, #FFCC99) !important;
        color: #ffffff;
        font-size: .8rem;
        font-weight: bold;
        height: 4rem;
    }

    .table-1 td {
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        border-color: var(--bg-color, #000) !important;
        background-color: #fff;
    }

    .table-1 td span {
        white-space: initial !important
    }

    .table-1 td span {
        white-space: initial !important
    }

    .table-2 {
        font-size: 16px;
        color: #333;
        border-width: 1px;
        border-color: var(--bg--color, #CC9966) !important;
        border-collapse: collapse;
        margin: 0.8rem 0;
        width: 100%;
    }

    .table-2 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: #ccc;
        background-color: #dedede
    }

    .table-2 td {
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        background-color: #fff;
        width: 40%;
        border-color: var(--bg-color, #CC9966) !important;
        text-align: center;
        white-space: pre-wrap;
    }

    .table-2 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: #ccc;
        background-color: #dedede
    }


    .table-2>tbody>tr>td:first-child:nth-last-child(2), .table-2>tbody>tr>td:first-child:nth-last-child(2) ~ td  {
        width: 50%;
    }

    .table-2>tbody>tr>td:first-child:nth-last-child(3), .table-2>tbody>tr>td:first-child:nth-last-child(3) ~ td  {
        width: 30%;
    }


    .table-2>tbody>tr>td:first-child:nth-last-child(4), .table-2>tbody>tr>td:first-child:nth-last-child(4) ~ td  {
        width: 15%;
    }

    .table-2>tbody>tr>td:first-child:nth-last-child(+n+4), .table-2>tbody>tr>td:first-child:nth-last-child(+n+4) ~ td  {
        width: 15%;
    }

    .table-3 {
        width: 100%;
    }

    .table-3 tr td:first-child {
        width: 30%;
        background-color: var(--bg-color, #2BA2EC) !important;
        color: #FFFFFF;
        white-space: pre-wrap;
        border-color: #ccc !important;
    }

    .table-3 td {
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        border-color: var(--bg-color, #2BA2EC) !important;
        background-color: #fff;
        text-align: left;
        color: #696969;
        white-space: pre-wrap;
        font-size: 0.6rem;
    }

    .table-3>tbody>tr>td:first-child:nth-last-child(2), .table-3>tbody>tr>td:first-child:nth-last-child(2) ~ td  {
        width: 50%;
    }

    .table-3>tbody>tr>td:first-child:nth-last-child(3), .table-3>tbody>tr>td:first-child:nth-last-child(3) ~ td  {
        width: 30%;
    }


    .table-3>tbody>tr>td:first-child:nth-last-child(4), .table-3>tbody>tr>td:first-child:nth-last-child(4) ~ td  {
        width: 15%;
    }

    .table-3>tbody>tr>td:first-child:nth-last-child(+n+4), .table-3>tbody>tr>td:first-child:nth-last-child(+n+4) ~ td  {
        width: 15%;
    }

    .table-4 {
        font-size: 0.6rem;
        color: #333;
        border-width: 1px;
        border-color: #ccc;
        border-collapse: collapse;
        width: 100%;
        margin: 0.8rem 0;
    }

    .table-4 tr:first-child td {
        border-width: 1px;
        border-style: solid;
        background-color: var(--bg-color, #ED7D99) !important;
        width: 15%;
        color: #FFFFFF;
        height: 100px;
        font-weight: bold;
        font-size: 0.8rem;
        white-space: pre-wrap;
        border-color: #ccc !important;
    }

    .table-4 tr:first-child td>div {
        color: #FFFFFF;
    }

    .table-4 td {
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        border-color: var(--bg-color, #ED7D99) !important;
        font-size: 0.6rem;
        /*white-space: initial !important;*/
        white-space: pre-wrap;
    }

    .content-1{
        margin: 0.8rem 0;
    }

    .content-1 > ul {
    }

    .content-1 > ul > li {
        width: 100%;
        text-align: center;
        background: #f2f2f4;
        position: relative;
        transition: all .3s
    }

    .content-1 > ul > li > .plug-icon > .it-icon {
        color: var(--bg-color, #000);;
        font-size: 1.5rem;
    }

    .content-1 > ul > li:nth-child(2n) {
        background: #e8e8e8
    }

    .content-1 > ul > li > img {
        width: 60px;
        height: 60px;
        margin-top: 6px
    }

    .content-1 > ul > li > span {
        font-weight: 600;
        color: #000000;
        margin: 10px 0;
        display: block;
        font-size: 0.8rem
    }

    .content-1 > ul > li > div {
        width: 50px;
        height: 1px;
        background: var(--bg-color, red);
        margin: 10px auto
    }

    .content-1 > ul > li > p {
        font-size: 0.6rem;
        text-align: center !important;
    }

    .content-2{
        margin: 0.8rem 0;
    }

    .content-2 > div:after, .content-2 > div:before {
        content: "";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0
    }

    .content-2 > div {
        margin-bottom: 20px;
        border-bottom: 1px dashed #dedede;
        padding-bottom: 20px
    }

    .content-2 > div > .img {
        width: 30%;
        margin-right: 2%;
        float: left
    }

    .content-2 > div > .img>img {
        width: 100%;
    }

    .content-2 > .i_l > .text {
        font-size: 0.6rem;
        line-height: 1rem;
        padding-right: 10px
    }

    .content-2 > div.i_l > .text >.text-title{
        text-align: left;
        font-weight: bold;
        font-size: 0.8rem;
    }

    .content-2 > div.i_r > .text >.text-title{
        text-align: right;
        font-weight: bold;
        font-size: 0.8rem;
    }


    .content-2 > div > .text>span:first-child {
        font-size: 0.7rem;
        font-weight: 600;
        color: #000000;
    }

    .content-2 > div.i_r > .img {
        float: right;
        margin-right: 0;
        margin-left: 2%
    }

    .content-3{
        margin: 0.8rem 0;
    }

    .content-3 > ul{
        display: flex;
        flex-flow: row wrap;
    }

    .content-3 > ul > li {
        width: 100%;
        float: left;
        padding: 5px;
        cursor: pointer;
    }

    .content-3 > ul > li > div {
        background-color: #d8dee9;
        padding: 12px 5px;
        text-align: left;
        border: 1px solid var(--bg-color, #134a9d);
        font-size: 16px
    }

    .content-3.long > ul > li > div {
        padding: 12px;
        text-align: left
    }

    .content-3 > ul > li > div > span {
        font-weight: 700;
        font-weight: 700;
        font-size: 18px;
        margin-right: 5px
    }

    .content-3 > ul > li:hover > div {
        background-color: #134a9d;
        color: #fff
    }

    .content-3 > ul > li:hover > div > span {
        color: #fff
    }




    .content-4{
        margin: 0.8rem 0 !important;
    }
    .content-4>.list {
        margin-left: .6rem;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        padding: .3rem;
        position: relative;
        margin-right: 10px;
        margin-bottom: 1.2rem;
        background: #fff;
    }

    .content-4>.list>span {
        display: block;
        width: 3.5rem;
        height: 1.5rem;
        border-right: 2px solid var(--bg-color,#408ed6);
        position: absolute;
        left: -0.7rem;
        line-height: 1.5rem !important;
        background-color: #ffffff;
        color: #3d3d3d;
        font-size: .7rem;
        padding-left: 1.5rem;
        top: -0.5rem;
        font-weight: bold;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
    }

    .content-4>.list>span>b {
        font-size: 1rem;
        color: var(--bg-color,#408ed6);
        position: absolute;
        left: 0.3rem;
        font-weight: 600;
    }

    .content-4>.list>.it-text {
        font-size: .6rem;
        color: #6b6b6b;
        line-height: 1.2rem !important;
        text-align: justify;
        text-indent: 4.8rem;
        margin-top: 0.2rem;
    }


    .content-5{
        margin: 0.8rem 0 !important;
        background: #d5d2d2;
    }
    .content-5>ul{
        /*display: inline-block;*/
        padding: 0.2rem;
        /*display: flex;*/
        /*flex-flow: row wrap;*/
        /*justify-content: space-between;*/
    }


    .content-5>ul>li {
        position: relative;
        width: 100%;
        display: flex;
        padding-bottom: 0.2rem;
    }

    .content-5>ul>li:last-child {
        padding-bottom: 0;
    }

    .content-5>ul>li>.content-5-box{
        width: 100%;
        background: #fff;
        position: relative;
    }
    .content-5>ul>li>.content-5-box>.tit{
        height: 3rem;
    }
    .content-5>ul>li>.content-5-box>.tit>.plug-icon{
        float: left;
    }
    .content-5>ul>li>.content-5-box>.tit>.plug-icon>.it-icon{
        font-size: 1.3rem;
        color: var(--bg-color,#408ed6);
        line-height: 2.5rem;
        margin-right: 0.2rem;
    }

    .content-5>ul>li>.content-5-box>.tit>.it-title{
        margin-left: 0.1rem;
        font-size: .8rem;
        font-weight: 700;
        width: 79%;
        height: 1rem;
        position: relative;
        top: 0.8rem;
        overflow: hidden;
    }
    .content-5>ul>li>.content-5-box>.number {
        font-size: 4rem!important;
        right: 0.2rem;
        color: var(--bg-color,#408ed6)!important;
        top: 0rem!important;
        font-weight: 700;
        z-index: 0;
        position: absolute;
        opacity: .3;
        line-height: 1.5;
    }

    .content-5>ul>li>.content-5-box>p {
        margin: 0;
        padding: 0 0.4rem 0.5rem 0.4rem;
        z-index: 2;

    }
    .content-6 {
        margin: 0.8rem 0 !important;
    }

    .content-6>ul {

    }

    .content-6>ul>li {
        width: 100%;
        margin-top: 0.4rem;
    }

    .content-6>ul>li>.border {
        border: 1px solid #ccc;
        height: 100%;
        position: relative;
        padding-bottom: 10px;
        border-radius: 5px
    }

    .content-6>ul>li>.border>.content-head {
        width: 90%;
        height: 2.3rem;
        margin-top: 0.8rem;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        background: -webkit-linear-gradient(to right,#0196fe 0,#01d1fe 100%);
        background: linear-gradient(to right,#0196fe 0,#01d1fe 100%);
        line-height: 2.3rem;
        color: #fff;
        padding-left: 8px;
        background: var(--bg-color, #D7AD3A);
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .content-6>ul>li>div>.content-6-title {
        position: relative
    }

    .content-6>ul>li>.border>.content-head>.content-6-title {
        max-width: 80%;
        font-size: .8rem;
        height: 2.3rem;
        line-height: 2.3rem;
        overflow: hidden;
        color: #fff!important;
        font-weight: 700;
    }

    .content-6>ul>li>.border>.content-head>.plug-icon {
        width: 1.8rem;
        height: 1.8rem;
        display: block;
        background-color: #fff;
        border-radius: 50%;
        margin-right: 0.2rem;
        padding: 0.16rem;
    }

    .content-6>ul>li>.border>.content-head>.plug-icon>.it-icon {
        width: 100%;
        display: block;
        font-size: 1.5rem;
        color: var(--bg-color,#d7ad3a);
    }

    .content-6>ul>li>.border>p {
        padding-left: 0.5rem;
        padding-right: 1.2rem;
    }

    .content-7 {
        margin: 0.8rem 0 !important;
        width: 100%;

    }

    .content-7>ul {
        display: inline-block;
        background: #d5d2d2;
        padding: 0.2rem
    }

    .content-7>ul>li {
        width: 100%;
        float: left;
        display: flex;
        padding-bottom: 0.2rem
    }

    .content-7>ul>li:last-child {
        padding-bottom: 0rem;
    }


    .content-7>ul>li>.con {
        display: block;
        width: 100%;
        background: #fff;
    }

    .content-7>ul>li>.con>.tit {
        float: left;
        width: 5rem;
        height: 5rem;
        margin: 0.5rem;
    }
    .content-7>ul>li>.con>.tit>img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .content-7>ul>li>.con>.tit>.plug-icon {
        width: 100%!important;
        max-height: 100%!important
    }
    .content-7>ul>li>.con>.tit>.plug-icon>.it-icon{
        font-size:2.5rem;
        color:  var(--bg-color, #fd5766);;
    }
    .content-7>ul>li>.con>.it-title {
        margin-top: 0.5rem;
        font-size: .8rem;
        line-height: 1rem;
        overflow: hidden;
        font-weight: 700;
        /*display: inline-block;*/
    }

    .content-7>ul>li>.con>.it-text {
        color: #666;
        line-height: .8rem;
        padding: 0.5rem;
        padding-top: 0;
        margin: 0;
    }
    .image-text-1 {
        width: 98%;
        margin: 0.5rem auto
    }

    .image-text-1 > .image-text-head {
        position: relative;
        border-radius: 5px;
        box-shadow: 0 0 15px rgba(104, 104, 104, .3);
        background-color: #fff;
        width: 100%;
        margin-top: .5rem
    }

    .image-text-1 > .image-text-head > .image-text-title > .image-text-title-1 {
        position: absolute;
        top: -10px;
        left: -5px;
        background-color: var(--bg-color, #fd5766);
        border-radius: 0 0 .8rem 0;
        box-shadow: 0 0 .3rem rgba(104, 104, 104, .3);
        font-size: .8rem;
        color: #fff;
        font-weight: 700;
        line-height: 1rem;
        text-align: center;
        padding: 0.5rem;
        z-index: 1;
        overflow: hidden;
        width: 6rem;
    }

    .image-text-1 > .image-text-head > .image-text-title > .image-text-title-2 {
        background-color: var(--bg-color, #fd5766);
        border-radius: 0 .1rem .4rem .1rem;
        box-shadow: 0 0 15px rgba(104, 104, 104, .3);
        width: 100%;
        height: 2rem;
        font-size: .8rem;
        color: #fff;
        font-weight: 700;
        line-height: 2rem;
        text-align: left;
        padding-right: .4rem;
        opacity: 0.6;
        overflow: hidden;
        padding-left:6rem;
    }

    .image-text-1 > .image-text-head > .text {
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap
    }

    .image-text-1 > .image-text-head > .text > .picture {
        width: 95%;
        margin: .4rem auto
    }

    .image-text-1 > .image-text-head > .text > .picture > img {
        width: 100%
    }

    .image-text-1 > .image-text-head > .text > p {
        width: 95%;
        font-size: .6rem;
        margin: .2rem auto;
        color: #646464;
        line-height: 1rem;
        text-indent: 2em
    }

    .image-text-2{
        margin: 0.5rem auto
    }

    .image-text-2 > .swiper-container {
        padding-bottom: 30px
    }

    .image-text-2 > .swiper-container > .swiper-wrapper > .swiper-slide {
        width: 100%;
        margin-right: 2%
    }

    .image-text-2 > .swiper-container > .swiper-wrapper > .swiper-slide:nth-child(2n) {
        margin-right: 0
    }

    .image-text-2 > .swiper-container > .swiper-pagination {
        bottom: auto
    }

    .image-text-2 .list {
        padding: 10px;
        position: relative
    }

    .image-text-2 .list > .tl {
        width: 70%;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        padding: 15px;
        border-radius: 15px;
        min-height: 11rem;
    }

    .image-text-2 .list > .tl > span {
        height: 36px;
        line-height: 36px;
        text-align: center;
        width: 70%;
        display: block;
        position: relative;
        font-weight: 700;
        margin-bottom: 10px;
        border-width: 36px 16px 0 0;
        border-style: solid;
        border-color: var(--bg-color, #d4e3f6) transparent transparent
    }

    .image-text-2 .list > .tl > span > span {
        font-size: .7rem;
        color: #fff;
        z-index: 5;
        position: absolute;
        left: 39%;
        top: -36px
    }

    .image-text-2 .list > .tl > span:after {
        content: "";
        border-width: 36px 16px 0 0;
        border-style: solid;
        border-color: #fff transparent transparent;
        width: 96%;
        position: absolute;
        left: 0;
        top: -36px;
        z-index: 2;
        opacity: 0.3;
    }

    .image-text-2 .list > .tl > span:before {
        content: "";
        border-width: 36px 16px 0 0;
        border-style: solid;
        border-color: var(--bg-color, #2a75d1) transparent transparent;
        width: 91%;
        position: absolute;
        left: 0;
        top: -36px;
        z-index: 3
    }

    .image-text-2 .list > .tl > span > p {
        position: absolute;
        left: 0;
        top: 0;
        height: 36px;
        width: 100%;
        z-index: 4;
        font-weight: 700;
        color: #fff;
        opacity: .2;
        top: -36px;
        font-size: .6rem
    }

    .image-text-2 .list > .tl > div {
        padding-right: 20%;
        line-height: 1rem;
        font-size: .6rem
    }

    .image-text-2 .list > .tr {
        width: 40%;
        height: 70%;
        position: absolute;
        right: 10px;
        top: 25px;
        border-radius: 15px;
        overflow: hidden;
        border-bottom-left-radius: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .image-text-2 .list > .tr > img {
        width: 100% !important;
        height:100%;
        object-fit: contain;
    }

    .image-text-3{
        margin: 0.5rem auto
    }

    .image-text-3 > .swiper-wrapper {
    }

    .image-text-3 > .item-icon > div:after, .image-text-3 > .item-icon > div:before {
        clear: both;
        display: block;
        content: "";
        height: 0;
        visibility: hidden;
        font-size: 0
    }

    .image-text-3 > .item-icon {
        margin-bottom: 10px;
        padding: .2rem
    }

    .image-text-3 > .item-icon > div > .img {
        width: 100%
    }

    .image-text-3 > .item-icon > div > .img > img {
        width: 100%
    }

    .image-text-3 > .item-icon > div > .txt {
        margin-top: .4rem;
        margin-bottom: 1rem;
    }

    .image-text-3 > .item-icon > div > .txt > div:nth-child(1) {
        position: relative;
        padding-left: 1.5rem;
        text-align:left;
    }

    .image-text-3 > .item-icon > div > .txt > div > span {
        display: block;
        font-size: .8rem;
        font-weight: 700;
        color: #000000;
    }

    .image-text-3 > .item-icon > div > .txt > div > img {
        width: 10%;
        position: absolute;
        left: 0;
        top: 0
    }

    .image-text-3 > .item-icon > div > .txt > div > i {
        position: absolute;
        left: 0rem;
        top: 0rem;
        width: 1rem;
        height: 1rem;
        font-size: 1rem;
        line-height: 1rem;
        color:var(--bg-color, #2a75d1);
    }

    .image-text-3 > .item-icon > div > .txt > div > p {
        font-size: .8rem;
        color: #000;
        line-height: 1rem
    }

    .image-text-3 > .item-icon > div > .txt > p {
        font-size: .6rem;
        line-height: 1rem;
        margin-top: .2rem
    }

    .image-text-3.slider {
        padding-bottom: .6rem
    }

    .image-text-3.slider > .swiper-wrapper {
    }

    .image-text-3.slider > .item-icon > div > .txt > div > i {

    }

    .image-text-3.slider > .item-icon > div > .txt > div {
        position: relative;
        padding-left: 15%
    }

    .image-text-4{
        margin: 0.8rem 0;
    }

    .image-text-4 > ul {
        display: flex;
        flex-flow: row wrap
    }

    .image-text-4 > ul > li {
        width: 50%;
        float: left;
        background-color: var(--bg-color, #2196f3);
        position: relative;
        line-height:1px;
    }

    .image-text-4 > ul > li > img {
        width: 100%
    }

    .image-text-4 > ul > li.txt {
        padding: 0.5rem 1%;
        width: 48%;
        padding-left: 1% !important;
    }

    .image-text-4 > ul > li.txt > .i_l {
        font-size: 0.9rem;
        color: #fff;
        margin-right: 5%;
        position: absolute;
        top: 1rem;
        left: .2rem;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1rem;
    }

    .image-text-4 > ul > li.txt > .i_r > .i_title {
        font-size: 0.8rem;
        color: #fff;
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        padding-left: 1.5rem;
        text-align: left;
        line-height: 1.5rem;
        min-height: 1.5rem;
    }

    .image-text-4 > ul > li.txt > .i_r > .i_content {
        color: #fff;
        font-size: 0.6rem;
        line-height: 1rem;
        text-align: left;
    }


    .image-text-4 > ul > li:nth-child(1) {
        order: -9
    }

    .image-text-4 > ul > li:nth-child(2) {
        order: -8
    }

    .image-text-4 > ul > li:nth-child(3) {
        order: -6
    }

    .image-text-4 > ul > li:nth-child(4) {
        order: -7
    }

    .image-text-4 > ul > li:nth-child(5) {
        order: -5
    }

    .image-text-4 > ul > li:nth-child(6) {
        order: -4
    }

    .image-text-5 {
        width: 100%;
        overflow: hidden;
        margin: 0.8rem 0;
    }

    .image-text-5 > ul {

    }
    .image-text-5 > ul > li {
        width: 100%;
        padding: 5px;
        margin-bottom: .2rem;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
    }

    .image-text-5 > ul > li > .it-title {
        display: block;
        font-size: .8rem;
        margin-bottom: 0.5rem;
        font-weight: bold;
        color: #000000;
        text-align: center;
    }

    .image-text-5 > ul > li > .img{
        width: 100%
    }

    .image-text-5 > ul > li > .img>img{
        width: 100%
    }

    .image-text-5 > ul > li > .it-text {
        display: block;
        font-size: .7rem;
        line-height: 1rem;
        color: #888;
        width: 100%;
        text-align: left;
        margin: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .image-text-6>.bottomCon>.item,.image-text-6>.topCon>.item {
        flex-flow: row wrap;
        width: 100%;
        display: flex;
        box-shadow: 0 0 28px -2px #ccc;
        margin-bottom: .4rem;
    }

    .image-text-6>.bottomCon>.item>.item_left,.image-text-6>.topCon>.item>.item_left {
        width: 50%;
        line-height: 1px;
        margin-right: 0
    }

    .image-text-6>.bottomCon>.item>.item_left>img,.image-text-6>.topCon>.item>.item_left>img {
        width: 100% !important;
    }

    .image-text-6>.bottomCon>.item>.item_right,.image-text-6>.topCon>.item>.item_right {
        width: 47%;
        padding: .1rem .2rem;
        position: relative
    }

    .image-text-6>.bottomCon>.item>.item_right>.tit,.image-text-6>.topCon>.item>.item_right>.tit {
        font-size: .8rem;
        font-weight: 700;
        color: #000;
    }

    .image-text-6>.bottomCon>.item>.item_right>.tit::after, .image-text-6>.topCon>.item>.item_right>.tit::after {
        content: "";
        display: block;
        width: 1.3rem;
        height: 0.2rem;
        background-color:var(--bg-color, #068bf2);
        margin-top: 0.2rem;
    }

    .image-text-6>.bottomCon>.item>.item_right>p,.image-text-6>.topCon>.item>.item_right>p {
        font-size: .6rem;
        margin-top: .2rem;
        color: #666;
        line-height: .7rem
    }

    .image-text-10>.topCon>.inline-block>.left-item,.image-text-10>.topCon>.inline-block>.right-item {
        flex-flow: row wrap;
        width: 100%;
        display: flex;
        box-shadow: 0 0 28px -2px #ccc;
        margin-bottom: .4rem;
    }

    .image-text-10>.topCon>.inline-block>.left-item>.item_left,.image-text-10>.topCon>.inline-block>.right-item>.item_left {
        width: 50%;
        line-height: 1px;
        margin-right: 0
    }

    .image-text-10>.topCon>.inline-block>.left-item>.item_left>img,.image-text-10>.topCon>.inline-block>.right-item>.item_left>img {
        width: 100% !important;
    }

    .image-text-10>.topCon>.inline-block>.left-item>.item_right,.image-text-10>.topCon>.inline-block>.right-item>.item_right {
        width: 47%;
        padding: .1rem .2rem;
        position: relative
    }

    .image-text-10>.topCon>.inline-block>.left-item>.item_right>.tit,.image-text-10>.topCon>.inline-block>.right-item>.item_right>.tit {
        font-size: .8rem;
        font-weight: 700;
        color: #000;
    }

    .image-text-10>.topCon>.inline-block>.left-item>.item_right>.tit::after, .image-text-10>.topCon>.inline-block>.right-item>.item_right>.tit::after {
        content: "";
        display: block;
        width: 1.3rem;
        height: 0.2rem;
        background-color:var(--bg-color, #068bf2);
        margin-top: 0.2rem;
    }

    .image-text-10>.topCon>.inline-block>.left-item>.item_right>p,.image-text-10>.topCon>.inline-block>.right-item>.item_right>p {
        font-size: .6rem;
        margin-top: .2rem;
        color: #666;
        line-height: .7rem
    }

    .image-text-7>.item {
        width: 96%;
        margin: 0 auto auto;
        flex-direction: column-reverse;
        background: #fff;
    }

    .image-text-7>.item>.item-left {
        width: 100%;
        padding-top: 0.3rem;
    }
    .image-text-7>.item>.item-left>.top-item {
        background-color: var(--bg-color, #408ed6);
        line-height: 2.3rem;
        height: 2.3rem;
        text-align: center;
        font-size: 0.8rem;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
    }
    .image-text-7>.item>.item-left>p {
        display: inline-block;
        font-size: .6rem;
        color: #8c8b8c;
        vertical-align: top
    }

    .image-text-7>.item>.item-right {
        position: relative;
        width: 100%;
        margin-top: .2rem;
        height: 100%;
    }

    .image-text-7>.item>.item-right>img {
        width: 100%
    }
    .image-text-8>.item {
        width: 96%;
        margin: 0 auto auto;
        flex-direction: column-reverse;
        background: #fff;
    }

    .image-text-8>.item>.item-left {
        width: 100%;
    }
    .image-text-8>.item>.item-left>.top-item {
        background-color: var(--bg-color, #408ed6);
        line-height: 2.3rem;
        height: 2.3rem;
        text-align: center;
        font-size: 0.8rem;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
    }
    .image-text-8>.item>.item-left>p {
        display: inline-block;
        margin-left: 5px;
        font-size: .6rem;
        color: #8c8b8c;
        vertical-align: top
    }

    .image-text-8>.item>.item-right {
        position: relative;
        width: 100%;
        margin-top: .2rem;
        height: 100%;
    }

    .image-text-8>.item>.item-right>img {
        width: 100%
    }
    .image-text-9 {
        width: 100%;
        overflow: hidden;
        margin: 0.8rem 0;
    }

    .image-text-9 > ul {

    }
    .image-text-9 > ul > li {
        width: 100%;
        padding: 5px;
        margin-bottom: .2rem;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
    }

    .image-text-9 > ul > li > .it-title {
        display: block;
        font-size: .8rem;
        margin-bottom: 0.5rem;
        font-weight: bold;
        color: #000000;
        text-align: center;
    }

    .image-text-9 > ul > li > .img{
        width: 100%
    }

    .image-text-9 > ul > li > .img>img{
        width: 100%
    }

    .image-text-9 > ul > li > .it-text {
        display: block;
        font-size: .7rem;
        line-height: 1rem;
        color: #888;
        width: 100%;
        text-align: left;
        margin: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .base-1{
        margin: 10px 0;
    }
    .base-1 > ul > li {
        width: 100%;
        padding: .3rem;
        box-shadow: 0 0 .7rem var(--bg-color, #2976ea);
        background: #fff;
        margin-bottom: 2%;
        margin-right: 2%
    }

    .base-1 > ul > li:nth-child(2n) {
        margin-right: 0
    }

    .base-1 > ul > li > .item_title {
        width: 100%;
        background: var(--bg-color, #2976ea);
        color: #fff;
        margin: 0 auto;
        border-radius: .2rem .2rem 0 0;
        text-align: center !important;
        padding: .26rem 0;
        font-size: .7rem;
        line-height: .8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
    }

    .base-1 > ul > li > .item_title > .item_number {
        min-width: 1rem;
        height: 1rem;
        background: #fff;
        color: var(--bg-color, #2976ea);
        font-style: normal;
        display: inline-block;
        border-radius: 50%;
        line-height: 1rem !important;
        font-size: .8rem;
        font-weight: 700;
        vertical-align: text-bottom;
        margin-right: 0.1rem;
    }

    .base-1 > ul > li > .item_title > .item-content {
        color:#FFFFFF !important;
        font-size: 0.8rem !important;
    }

    .base-1 > ul > li > .item_text {
        padding: .2rem;
        color: #696464;
        font-size: .6rem;
    }

    .base-2 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0.8rem 0;
    }

    .base-2 > .item {
        width: 100%;
        box-shadow: 0 3px 5px 0 rgba(38, 39, 40, .4);
        padding: .3rem
    }

    .base-2 > .item > .tit {
        font-size: .7rem;
        color: #000000;
        font-weight: 700;
        text-align: center;
        padding-bottom: .4rem;
        border-bottom: 1px solid var(--bg-color, #f16350);
        position: relative
    }

    .base-2 > .item > .tit::after {
        content: "";
        display: block;
        width: 30%;
        height: 5px;
        background-color: var(--bg-color, #f16350);
        position: absolute;
        left: 35%;
        bottom: -3px
    }

    .base-2 > .item > .show {
        margin-top: .3rem;
        font-size: .8rem;
        color: #000000;
        text-align: justify;
        line-height: .9rem
    }
    .base-3{
        margin: 0.8rem 0;
    }

    .base-3 > ul {
        display: flex;
        flex-flow: row wrap;
    }

    .base-3 > ul > li {
        width: 100%;
        text-align: center;
        background: #f2f2f4;
        padding: 10px 20px 10px 20px;
        position: relative;
        transition: all .3s
    }

    .base-3 > ul > li > .plug-icon > .it-icon {
        color: var(--bg-color, #000);;
        font-size: 1.5rem;
    }

    .base-3 > ul > li:nth-child(2n) {
        background: #e8e8e8
    }

    .base-3 > ul > li > img {
        width: 60px;
        height: 60px;
        margin-top: 6px
    }

    .base-3 > ul > li > span {
        font-weight: 600;
        color: #000000;
        margin: 10px 0;
        display: block;
        font-size: 0.7rem
    }

    .base-3 > ul > li > div {
        width: 50px;
        height: 1px;
        background: var(--bg-color, red);
        margin: 10px auto
    }

    .base-3 > ul > li > p {
        font-size: 0.6rem;
        text-align: center !important;
    }

    .base-4 {
        width: 100%;
        overflow: hidden;
        margin: 0.8rem 0;
    }

    .base-4 > ul {

    }
    .base-4 > ul > li {
        width: 100%;
        padding: 5px;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
    }

    .base-4 > ul > li > .it-title {
        display: block;
        font-size: .7rem;
        margin-bottom: 0.5rem;
        font-weight: bold;
        color: #000000;
        text-align: center;
    }

    .base-4 > ul > li > .img{
        width: 100%
    }

    .base-4 > ul > li > .img>img{
        width: 100%
    }

    .base-4 > ul > li > .it-text {
        display: block;
        font-size: .7rem;
        line-height: 1rem;
        margin-top: 15px;
        color: #888;
        width: 100%;
        text-align: left
    }

    .image-text-11>.item {
        width: 100%;
        margin: 0 auto auto;
        flex-direction: column-reverse;
        background: #fff;
    }

    .image-text-11>.item>.item-left {
        width: 100%;
        padding-top: 0.3rem;
    }
    .image-text-11>.item>.top-item {
        background-color: var(--bg-color, #408ed6);
        line-height: 2.3rem;
        height: 2.3rem;
        text-align: center;
        font-size: 0.8rem;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
    }
    .image-text-11>.item>.item-left>p {
        display: inline-block;
        font-size: .6rem;
        color: #8c8b8c;
        vertical-align: top
    }

    .image-text-11>.item>.item-left>.item-right {
        position: relative;
        width: 100%;
        margin-top: .2rem;
        height: 100%;
    }

    .image-text-11>.item>.item-left>.item-right>img {
        width: 100%
    }

    .image-text-12>.item {
        width: 100%;
        margin: 0 auto auto;
        flex-direction: column-reverse;
        background: #fff;
    }

    .image-text-12>.item>.item-left {
        width: 100%;
        padding-top: 0.3rem;
    }
    .image-text-12>.item>.top-item {
        background-color: var(--bg-color, #408ed6);
        line-height: 2.3rem;
        height: 2.3rem;
        text-align: center;
        font-size: 0.8rem;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
    }
    .image-text-12>.item>.item-left>p {
        display: inline-block;
        font-size: .6rem;
        color: #8c8b8c;
        vertical-align: top
    }

    .image-text-12>.item>.item-left>.item-right {
        position: relative;
        width: 100%;
        margin-top: .2rem;
        height: 100%;
    }

    .image-text-12>.item>.item-left>.item-right>img {
        width: 100%
    }
}

@media screen and (min-width: 750px) {
    .text-text{
        min-height: 28px;
    }
    .it-text{
        line-height: 28px !important;
        color: #667279!important;
        text-align: justify !important;
        letter-spacing: 1px !important;
        font-size: 16px !important;
        white-space: pre-wrap;
        word-break: break-all;
    }
    .it-title{
        font-size: 20px !important;
        color: #000 !important;
    }
    .text {
        font-size: 16px;
    }

    .pre-line {
        white-space: pre-wrap;
    }

    .plug-icon > i {
        font-size: 45px;
    }

    .el-popover {
        width: 20% !important;
    }

    /*标题*/
    .bj-1{
        margin: 20px 0;
    }

    .bj-1 > span {
        display: block;
        text-align: center;
        font-size: 24px;
        color: #000;
        font-weight: bold;
    }

    .bj-1 > .plug-icon > .it-icon {
        color: var(--bg-color, #000);;
    }

    .bj-1 > i {
        display: block;
        text-align: center;
        margin: 10px 0
    }

    .bj-1 > i:before {
        content: "";
        display: inline-block;
        width: 25%;
        height: 1px;
        background: var(--bg-color, #eee);
        margin-bottom: 20px;
        margin-right: 10px
    }

    .bj-1 > i > img {
        width: auto;
        vertical-align: middle;
    }

    .bj-1 > i:after {
        content: "";
        display: inline-block;
        width: 25%;
        height: 1px;
        background: var(--bg-color, #eee);
        margin-bottom: 20px;
        margin-left: 10px
    }

    .bj-1 > p {
        text-align: center;
        /*color:  var(--bg-color,  #666 );*/
        color: #666;
    }

    .bj-3 {
        text-align: center;
        margin: 20px 0;
    }

    .bj-3 > .con {
        border: 1px solid var(--bg-color, #130073);
        padding: 0 30px;
        display: inline-flex;
        height: 53px;
        overflow: hidden;
        align-items: center;
        margin: 0 auto;
        white-space: nowrap;
        max-width: 750px;
    }

    .bj-3 > .con > .left_num {
        min-width: 50px;
        height: 100%;
        background: var(--bg-color, #130073);
        display: inline-block;
        line-height: 53px !important;
        transform: skew(-12deg)
    }

    .bj-3 > .con > .left_num > b {
        transform: skew(12deg);
        display: block;
        color: #fff;
        font-size: 24px
    }

    .bj-3 > .con > .right_text {
        margin-left: 12px;
        color: var(--bg-color, #000000);
        font-size: 24px;
        display: inline-block;
        overflow: hidden;
        font-weight: bold;
    }

    .bj-4 {
        text-align: center;
        margin: 20px 0;
    }

    .bj-4 > .tit {
        font-size: 24px;
        color: #000;
        font-weight: 700;
        position: relative;
        display: inline-flex;
        height:50px;
        overflow: hidden;
        white-space: nowrap;
        max-width: 750px;
        align-items: center;
    }

    .bj-4 > .tit > span {
        display: inline-block;
        margin-right: 15px;
        border-radius: 4px;
        background-color: var(--bg-color, #f67733);
        width: 41px;
        height: 41px;
        line-height: 35px !important;
        font-size: 24px;
        color: #fff;
        font-weight: 700;
        box-shadow: 4px 4px 0 var(--bg-color, 246, 119, 51, 0.302);
        padding: 5px 0;
    }

    .bj-4 > .tit::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 2px;
        background: linear-gradient(to right, var(--bg-color, #f67733) 70%, #f9fcfe);
        opacity: .2;
        width: 100%;
        height: 11px
    }

    .bj-4 > .tit::after {
        content: "";
        position: absolute;
        bottom: -5px;
        right: 0;
        width: 115px;
        height: 1px;
        background-color: var(--bg-color, #f67733);
        opacity: .502
    }
    .bj-5{
        margin: 20px 0;
    }
    .bj-5 {
        width: 100%;
        overflow: hidden;
        padding-top: 20px;
    }

    .bj-5>.tit {
        display: block;
        width: 100%;
        text-align: center;
    }

    .bj-5>.tit>span {
        font-size: 24px;
        font-weight: 700;
        display: block;
        color: #000;
    }
    .bj-5>.tit>.bj-5-label {
        display: block;
        font-size: 20px;
        color: #777;
        padding-bottom: 8px;
    }
    .bj-5>.tit>i {
        display: block;
        width: 50px;
        height: 3px;
        background-color: var(--bg-color, #1c7afa);
        margin: 7px auto
    }
    .bj-6 {
        margin: 20px 0;
        width: 100%;
    }

    .bj-6>.tit {
        display: block;
        text-align: center;
        padding: 10px;
    }


    .bj-6>.bj-6-bottom{
        text-align: center;
        padding-bottom: 8px;
    }
    .bj-6>.bj-6-bottom>span{
        font-size: 20px;
        color: #777;
    }
    .bj-6>.tit>span {
        font-size: 24px;
        font-weight: bold;
        color: #000;
    }

    .bj-6>.tit>span::after {
        content: "";
        display: inline-block;
        width: 100px;
        height: 1px;
        background-color: var(--bg-color, #000);
        margin-left: 20px;
        margin-bottom: 5px
    }

    .bj-6>.tit>span::before {
        content: "";
        display: inline-block;
        width: 100px;
        height: 1px;
        background-color: var(--bg-color, #000);
        margin-right: 20px;
        margin-bottom: 5px
    }
    .bj-7 {
        margin: 20px 0;
        text-align: center
    }

    .bj-7>.top {
        color: var(--bg-color,#ace1e2);
        font-size: 44px;
        font-weight: bold;
        transform: skew(-12deg);
        display: block;
        text-shadow: 5px 5px 2px  #150B6B;
        line-height: 1;
    }

    .bj-7>.bj-7-line {
        width: 50px;
        height: 5px;
        margin: -1px auto;
        background-color: var(--bg-color, #ace1e2);
        margin-bottom: 10px;
    }

    .bj-7>p {
        font-size: 24px;
        color: #000;
        font-weight: bold;
        padding-bottom: 8px;
    }

    .bj-8{
        margin: 20px 0;
        padding-top: 10px;
        padding-bottom: 1px;
    }
    .bj-8>p {
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        color: #000;
    }
    .bj-8>i {
        display: block;
        width: 20%;
        height: 1px;
        background-color: #b9b9b9;
        margin: 15px auto;
        position: relative
    }

    .bj-8>i:before {
        content: "";
        background-color: var(--bg-color, #ff6537);
        height: 7px;
        position: absolute;
        width: 50%;
        left: 25%;
        top: -3px
    }
    .bj-9{
        margin: 20px 0!important;
        padding-top: 10px;
        padding-bottom: 1px;
    }
    .bj-9>span {
        display: block;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        color: #000;
    }
    .bj-9>.bj-9_bottom {
        width: 20%;
        height: 1px;
        background-color: var(--bg-color, #bfbab6);
        display: block;
        margin: 15px auto;
        position: relative
    }

    .bj-9>.bj-9_bottom:before {
        content: "";
        width: 12px;
        height: 12px;
        border-right: 1px solid var(--bg-color, #bfbab6);
        border-bottom: 1px solid var(--bg-color, #bfbab6);
        position: absolute;
        left: 47%;
        top: -6px;
        transform: rotate(45deg);
        background-color: #fff
    }
    .bj-10{
        margin: 20px 0 !important;
    }
    .bj-10 {
        text-align: center;
        position: relative
    }

    .bj-10>i {
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        color: #eaeaea;
        line-height: 1;
    }

    .bj-10>.bj-10-text{
        font-size: 24px;
        color: #000;
        font-weight: 700;
        position: relative;
        width: 100%;
        left: 0;
        margin-top: -30px;
    }
    /*标题结束*/
    /*文本*/
    .text-1{
        margin: 40px 0;
    }

    .text-1 > ul::after, .text-1 > ul::before {
        content: unset
    }

    .text-1 > ul {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-flow: row wrap;
        /*margin-left: 10px;*/
        /*margin-right: 10px;*/
    }

    .text-1 > ul > li {
        width: 32%;
        padding: 9px;
        box-shadow: 0 0 10px var(--bg-color, #2976ea);
        background: #fff;
        margin-bottom: 10px
    }

    .text-1 > ul > li > .item_title {
        width: 100%;
        background: var(--bg-color, #2976ea);
        border-radius: 6px 6px 0 0;
        text-align: center;
        color: #fff;
        font-size: 20px;
        margin-left: 3px;
        font-weight: 700;
        line-height: 100%;
        display: flex;
        justify-content: center;
        align-items: baseline;
        padding:10px;
    }

    .text-1 > ul > li > .item_title > .item_number {
        min-width: 30px;
        height: 30px;
        background: #fff;
        color: var(--bg-color, #2976ea);
        font-style: normal;
        display: inline-block;
        border-radius: 50%;
        line-height: 30px;
        font-size: 20px;
        font-weight: 700;
        margin-right: 5px;
    }
    .text-1 > ul > li > .item_title > .item-content {
        color:#FFFFFF !important;
        line-height: 30px !important;
    }


    .text-1 > ul > li > .item_text {
        padding: 15px;
        border-radius: 6px;
        color: #696464;
        white-space: pre-line;
    }

    .text-2 {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-flow: row wrap;
        margin: 40px 0;
    }

    .text-2 > .item {
        width: 32%;
        box-shadow: 0 3px 5px 0 rgba(38, 39, 40, .85);
        padding: 15px;
        margin-top: 7px;
        /*margin-left: 5px;*/
        /*margin-right: 5px;*/
    }

    .text-2 > .item > .tit {
        font-size: 20px;
        color: #000000;
        font-weight: 700;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--bg-color, #f16350);
        position: relative
    }
    .text-2 > .item > .tit>span{
        font-weight: 700 !important;
    }
    .text-2 > .item > .tit::after {
        content: "";
        display: block;
        width: 30%;
        height: 5px;
        background-color: var(--bg-color, #f16350);
        position: absolute;
        left: 35%;
        bottom: -3px
    }

    .text-2 > .item > .show {
        margin-top: 15px;
        font-size: 16px;
        color: #555454;
        text-align: justify;
        line-height: 30px
    }

    .text-3 {
        width: 100%;
        padding: 0;
        text-align: center;
        position: relative;
        margin: 20px 0;
    }

    .text-3 > ul {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-flow: row wrap;
        padding: 20px 0;
        background-color: #f7f7f7;
        position: relative;
        margin-top: 25px
    }

    .text-3 > ul > li {
        width: 32%;
        padding: 9px;
        margin-bottom: 10px;
    }

    .text-3 > ul > li > .plug-icon > .it-icon {
        color: var(--bg-color, #000);
        font-size: 60px;
    }

    .text-3 > ul > li > img {
        width: 35%;
        display: block;
        margin: 0 auto;
    }

    .text-3 > ul > li > span {
        font-size: 18px;
    }

    .text-3 > ul > li > p {
        margin: 15px 0;
        text-align: center;
        color: #424242;
        white-space: pre-line;
    }

    .text-4 {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-flow: row wrap;
        display: -webkit-flex;
        position: relative;
        width: 100%;
        margin: 30px auto
    }

    .text-4 .item-con {
        text-align: left;
        margin-bottom: 15px
    }

    .text-4 .item-con {
        width: 563px;
        height: 50%
    }

    .text-4 > .left-con > .item-con {
        text-align: right;
        height: 50%;
        margin-left: 7px;
    }

    .text-4 > .right-con > .item-con {
        margin-right: 7px;
    }

    .text-4 .item-con > .item-tit {
        display: inline-block;
        background: var(--bg-color, #00006c);
        color: #fff;
        padding: 0 20px;
        font-size: 18px;
        font-weight: 700;
        border-radius: 18px 5px 0 0;
        height: 50px;
        line-height: 50px
    }

    .text-4 .item-con > .item-text {
        position: relative;
        box-shadow: 0 0 7px var(--bg-color, #00006c);
        text-align: left;
        min-height: 150px;
    }

    .text-4 .item-con > .item-text > .p {
        height: 100%;
        position: relative;
        width: 100%;
        z-index: 2;
        background: #fff;
        padding: 15px
    }

    .text-4 .item-con > .item-text > .p > span {
        font-size: 22px;
        color: #484646;
        font-weight: 700
    }

    .text-4 .item-con > .item-text > .p > p {
        margin-top: 10px;
        font-size: 15px;
        color: #484646;
    }

    .text-4 > .right-con > .item-con > .item-text > .dec {
        position: absolute;
        bottom: 20px;
        left: -15px;
        width: 50px;
        height: 15px;
        box-shadow: 0 0 7px var(--bg-color, #00006c);
        background: var(--bg-color, #fff);
        transform: skew(-32deg) rotate(28deg)
    }

    .text-4 > .right-con > .item-con > .item-text::after {
        content: "";
        position: absolute;
        bottom: 26px;
        left: -30px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--bg-color, #00006c);
    }

    .text-4 > .left-con > .item-con > .item-text::after {
        content: "";
        position: absolute;
        top: 24px;
        right: -30px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--bg-color, #00006c);
    }

    .text-4 > .left-con > .item-con > .item-text > .dec {
        position: absolute;
        top: 15px;
        right: -15px;
        width: 50px;
        height: 15px;
        box-shadow: 0 0 7px var(--bg-color, #00006c);
        background: var(--bg-color, #fff);
        transform: skew(-32deg) rotate(28deg)
    }

    .text-4 > .line {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background: var(--bg-color, #00006c);
        margin: 0 auto
    }

    .text-4 > .left-con > .item-con > .item-tit {
        border-radius: 5px 18px 0 0
    }

    /*文本结束*/
    /*内容*/
    .content-1{
        margin: 20px 0;
    }

    .content-1 > ul {
        display: flex;
        flex-flow: row wrap;
    }

    .content-1 > ul > li {
        width: 33.3%;
        text-align: center;
        background: #f2f2f4;
        padding: 10px 20px 10px 20px;
        position: relative;
        transition: all .3s
    }

    .content-1 > ul > li > .plug-icon > .it-icon {
        color: var(--bg-color, #000);;
    }

    .content-1 > ul > li:nth-child(2n) {
        background: #e8e8e8
    }

    .content-1 > ul > li > img {
        width: 60px;
        height: 60px;
        margin-top: 6px
    }

    .content-1 > ul > li > span {
        font-weight: 600;
        color: #000;
        margin: 10px 0;
        display: block;
        font-size: 20px
    }

    .content-1 > ul > li > div {
        width: 50px;
        height: 1px;
        background: var(--bg-color, red);
        margin: 10px auto
    }

    .content-1 > ul > li > p {
        font-size: 15px
    }

    .content-1 > ul > li:hover {
        transform: translateY(-10px)
    }

    /*
    内容2
     */
    .content-2{
        margin: 20px 0;
    }

    .content-2 > div:after, .content-2 > div:before {
        content: "";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0
    }

    .content-2 > div {
        margin-bottom: 20px;
        border-bottom: 1px dashed #dedede;
        padding-bottom: 20px
    }

    .content-2 > div > .img {
        width: 18%;
        margin-right: 2%;
        float: left
    }

    .content-2 > div > .img>img {
        width: 100%;
    }

    .content-2 > div.i_l > .text >.text-title{
        text-align: left;
        font-weight: bold;
    }

    .content-2 > div.i_r > .text >.text-title{
        text-align: right;
        font-weight: bold;
    }

    .content-2 > div > .text {
        font-size: 20px;
        color: #000000;
        line-height: 25px;
        padding-right: 10px
    }

    .content-2 > div.i_r > .img {
        float: right;
        margin-right: 0;
        margin-left: 2%
    }

    .content-3{
        margin: 20px 0;
    }

    .content-3 > ul {
        display: flex;
        flex-flow: row wrap;
    }
    .content-3 > ul > li {
        width: 25%;
        padding: 5px;
        border: 1px solid var(--bg-color, #134a9d);
        background-color: #d8dee9;
    }
    .content-3 > ul > li > div {
        text-align: left;
        font-size: 16px;
    }

    .content-3.long > ul > li > div {
        padding: 12px;
        text-align: left
    }

    .content-3 > ul > li > div > span {
        font-weight: 700;
        font-size: 18px;
        margin-right: 5px
    }

    .content-3 > ul > li:hover > div {
        background-color: #134a9d;
        color: #fff
    }

    .content-3 > ul > li:hover > div > span {
        color: #fff
    }

    .content-4>{
        margin: 20px 0 !important;
    }
    .content-4>.list {
        background: #fff;
        margin-left: 64px;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        padding: 15px;
        margin-bottom: 15px;
        position: relative;
        min-height: 90px;
        padding-left: 130px;
    }

    .content-4>.list>span {
        display: block;
        width: 170px;
        height: 70px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        border-right: 2px solid var(--bg-color, #408ed6);
        position: absolute;
        left: -64px;
        line-height: 70px;
        background-color: #fff;
        padding: 0 3px;
        color: #3d3d3d;
        font-size: 20px;
        padding-left: 43px;
        top: calc((100% - 70px)/ 2);
        font-weight: bold;
        line-height: 70px !important;
    }

    .content-4>.list>span>b {
        font-size: 56px;
        color: var(--bg-color, #408ed6);
        position: absolute;
        left: 2px;
        top: 0;
        font-weight: 700;
    }

    .content-4>.list>.it-text {
        font-size: 16px !important;
        color: #6b6b6b;
        line-height: 30px !important;
        text-align: justify !important;
    }

    .content-5{
        margin: 20px 0 !important;
        width: 100%;
        background: #ececec;
    }
    .content-5>ul{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 5px;
    }


    .content-5>ul>li {
        width: 50%;
        padding: 5px;
        height: auto;
        display: flex;
        float: left;
    }
    .content-5>ul>li>.content-5-box{
        width: 100%;
        background: #fff;
        position: relative;
    }

    .content-5>ul>li>.content-5-box>.tit{
        height: 72px;
        padding-top: 12px;
        padding-left: 15px;
    }
    .content-5>ul>li>.content-5-box>.tit>.plug-icon{
        float: left;
    }
    .content-5>ul>li>.content-5-box>.tit>.plug-icon>.it-icon{
        font-size: 55px;
        color: var(--bg-color,#408ed6);
    }
    .content-5>ul>li>.content-5-box>.tit>.it-title{
        float: left;
        margin-top: 8px;
        margin-left: 4px;
        font-weight: bold;
        width: 72%;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
    }
    .content-5>ul>li>.content-5-box>.number {
        font-size: 100px!important;
        right: 15px !important;
        color: var(--bg-color,#408ed6)!important;
        top: 24px !important;
        font-weight: 700;
        z-index: 1;
        position: absolute;
        opacity: 0.3;
        line-height: 1;
    }

    .content-5>ul>li>.content-5-box>p {
        position: relative;
        font-size: 16px;
        color: #666;
        margin: 0;
        padding: 0 30px 16px 18px;
        z-index: 2
    }

    .content-6{
        margin: 20px 0 !important;
    }
    .content-6>ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .content-6>ul>li {
        width: 24.5%;
        float: left;
        padding-top: 5px;
        min-height: 210px;
    }

    .content-6>ul>li>.border {
        border: 1px solid #ccc;
        height: 100%;
        position: relative;
        padding-bottom: 10px;
        border-radius: 5px
    }

    .content-6>ul>li>.border>.content-head {
        width: 90%;
        height: 50px;
        margin-top: 20px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        background: -webkit-linear-gradient(to right,#0196fe 0,#01d1fe 100%);
        background: linear-gradient(to right,#0196fe 0,#01d1fe 100%);
        line-height: 50px;
        font-size: 20px;
        color: #fff;
        padding-left: 8px;
        background:var(--bg-color, #D7AD3A);
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .content-6>ul>li>.border>.content-head>.content-6-title{
        max-width: 73%;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
    }

    .content-6>ul>li>.border>.content-head>.plug-icon {
        width: 40px;
        height: 40px;
        display: block;
        background-color: #fff;
        border-radius: 50%;
        margin-right: 5px;
    }
    .content-6>ul>li>.border>.content-head>.plug-icon>.it-icon {
        width: 100%;
        line-height: 41px;
        text-align: center;
        color: var(--bg-color, #2976ea);
        font-size: 35px;
    }
    .content-6>ul>li>.border>p {
        margin: 0;
        padding: 8px;
    }
    .content-7 {
        margin: 20px 0 !important;
        width: 100%;
        background: #ececec
    }

    .content-7>ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 5px;
    }

    .content-7>ul>li {
        width: 50%;
        padding: 5px;
        height: auto;
        display: flex;
        float: left;
    }

    .content-7>ul>li>.con {
        display: block;
        width: 100%;
        background: #fff;
        padding-bottom: 0;
    }
    .content-7>ul>li>.con>.tit{
        width: 100px;
        height: 100px;
        float: left;
        margin: 17px 17px 15px;
    }
    .content-7>ul>li>.con>.tit>img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .content-7>ul>li>.con>.tit>.plug-icon {
        margin-top: 26px;
        margin-left: 26px;
        margin-right: 20px;
        float: left;
        width: auto;
    }
    .content-7>ul>li>.con>.tit>.plug-icon>.it-icon{
        font-size:90px;
        color:  var(--bg-color, #fd5766);;
    }
    .content-7>ul>li>.con>.it-title {
        margin-top: 17px;
        font-size: 20px;
        font-weight: bold;
    }

    .content-7>ul>li>.con>.it-text {
        font-size: 16px;
        color: #666;
        line-height: 25px;
        padding: 5px;
        margin: 0;
    }
    /*内容分结束*/
    /*表格开始*/
    table {
        border-collapse: collapse
    }

    table, td, th, tr {
        border-color: #ccc
    }

    table td {
        padding: 5px
    }

    .table-1 {
        font-size: 16px;
        color: #333;
        border-width: 1px;
        border-color: #ccc;
        border-collapse: collapse;
        width: 100%;
        margin: 20px 0 !important;
    }

    .table-1 tr:first-child td {
        text-align: center !important;
        background-color: var(--bg-color, #FFCC99);
        border-color: var(--bg-color, #FFCC99);
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        padding: 30px 10px;
    }

    .table-1 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: #ccc;
        background-color: #dedede
    }

    .table-1 td {
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        background-color: #fff;
        border-color: var(--bg-color, #FFCC99) !important;
        width: 15%;
        text-align: center;
        font-size: 16px;
        white-space: pre-wrap;
    }

    /**
    表格--2
     */
    .table-2 {
        font-size: 16px;
        color: #333;
        border-width: 1px;
        border-color: var(--bg--color, #CC9966) !important;
        border-collapse: collapse;
        margin: 20px 0 !important;
        width: 100%;
    }

    .table-2 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: #ccc;
        background-color: #dedede
    }

    .table-2 td {
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        background-color: #fff;
        width: 40%;
        border-color: var(--bg-color, #CC9966)!important;
        text-align: center !important;
        white-space: pre-wrap;
    }

    .table-2>tbody>tr:first-child{
        font-weight: normal !important;
    }

    .table-2>tbody>tr>td:first-child:nth-last-child(2), .table-2>tbody>tr>td:first-child:nth-last-child(2) ~ td  {
        width: 50%;
    }

    .table-2>tbody>tr>td:first-child:nth-last-child(3), .table-2>tbody>tr>td:first-child:nth-last-child(3) ~ td  {
        width: 30%;
    }


    .table-2>tbody>tr>td:first-child:nth-last-child(4), .table-2>tbody>tr>td:first-child:nth-last-child(4) ~ td  {
        width: 15%;
    }

    .table-2>tbody>tr>td:first-child:nth-last-child(+n+4), .table-2>tbody>tr>td:first-child:nth-last-child(+n+4) ~ td  {
        width: 15%;
    }

    .table-3{
        margin: 20px 0 !important;
        width: 100%;
    }

    .table-3 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: #ccc;
        background-color: #dedede
    }

    /**
    表格3
     */


    .table-3>tbody>tr:first-child{
        font-weight: normal !important;
    }


    .table-3 tr>td:first-child {
        background-color: var(--bg-color, #2BA2EC)!important;
        padding: 10px;
        color: #FFFFFF;
        border-color: #ccc !important;
        white-space: pre-wrap;
        width: 30%;
        font-size: 20px;
        font-weight: 500;
    }

    .table-3 tr>td{
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        border-color: var(--bg-color, #2BA2EC) !important;
        background-color: #fff;
        /*text-align: left;*/
        /*color: #696969;*/
        line-height: 28px;
        color: #667279;
        text-align: justify ;
        letter-spacing: 1px ;
        font-size: 16px ;
        white-space: pre-wrap;
    }

    .table-3>tbody>tr>td:first-child:nth-last-child(2), .table-3>tbody>tr>td:first-child:nth-last-child(2) ~ td  {
        width: 50%;
    }

    .table-3>tbody>tr>td:first-child:nth-last-child(3), .table-3>tbody>tr>td:first-child:nth-last-child(3) ~ td  {
        width: 30%;
    }


    .table-3>tbody>tr>td:first-child:nth-last-child(4), .table-3>tbody>tr>td:first-child:nth-last-child(4) ~ td  {
        width: 15%;
    }

    .table-3>tbody>tr>td:first-child:nth-last-child(+n+4), .table-3>tbody>tr>td:first-child:nth-last-child(+n+4) ~ td  {
        width: 15%;
    }

    /**
    表格--4
     */
    .table-4 {
        font-size: 16px;
        color: #333;
        border-width: 1px;
        border-color: #ccc;
        border-collapse: collapse;
        margin: 20px 0 !important;
        width: 100%;
    }

    .table-4 tr:first-child td {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        background-color: var(--bg-color, #ED7D99) !important;
        width: 15%;
        color: #FFFFFF;
        height: 100px;
        font-weight: bold;
        font-size: 20px;
        white-space: pre-wrap;
        border-color: #ccc !important;
        text-align: center !important;
    }

    .table-4 tr:first-child td>div {
        color: #FFFFFF;
    }

    .table-4 td {
        border-width: 1px;
        padding: 10px;
        border-style: solid;
        border-color: var(--bg-color, #ED7D99) !important;
        font-size: 16px;
        /*white-space: initial !important;*/
        white-space: pre-wrap;
    }

    .image-text-1 {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap;
        justify-content: space-around;
        margin: 40px 0;
    }

    .image-text-1 > .image-text-head {
        position: relative;
        border-radius: 5px;
        box-shadow: 0 0 15px rgba(104, 104, 104, .3);
        background-color: #fff;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .image-text-1 > .image-text-head > .image-text-title > .image-text-title-1 {
        position: absolute;
        top: -10px;
        left: -5px;
        background-color: var(--bg-color, #fd5766);
        border-radius: 0 0 40px 0;
        box-shadow: 0 0 15px rgba(104, 104, 104);
        width: 280px;
        height: 56px;
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        line-height: 56px;
        text-align: center;
        z-index: 1;
        overflow: hidden;
    }

    .image-text-1 > .image-text-head > .image-text-title > .image-text-title-2 {
        background-color: var(--bg-color, #fd5766);
        border-radius: 0 5px 20px 5px;
        box-shadow: 0 0 15px rgba(104, 104, 104, .3);
        width: 100%;
        height: 56px;
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        line-height: 56px;
        text-align: center;
        opacity: 0.6;
        overflow: hidden;
    }

    .image-text-1 > .image-text-head > .text {
    }

    .image-text-1 > .image-text-head > .text > .picture {
        width: 50%;
        margin: 30px 30px 0;
        float:left;
    }

    .image-text-1 > .image-text-head > .text > .picture > img {
        width: 100%
    }

    .image-text-1 > .image-text-head > .text > p {
        font-size: 16px;
        color: #646464;
        line-height: 1.778;
        text-indent: 2em;
        padding:30px;
    }

    .image-text-2{
        margin: 10px 0;
    }

    .image-text-2 > .swiper-container {
        overflow: initial
    }

    .image-text-2 > .swiper-container > .swiper-wrapper {
        display: flex;
        flex-flow: wrap row
    }

    .image-text-2 > .swiper-container > .swiper-wrapper > .swiper-slide {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px
    }

    .image-text-2 > .swiper-container > .swiper-wrapper > .swiper-slide:nth-child(2n) {
        margin-right: 0
    }

    .image-text-2>.swiper-container>.swiper-wrapper>.swiper-slide>.list{
        position: relative;
    }

    .image-text-2 .list > .tl {
        width: 75%;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        padding: 25px 20px;
        border-radius: 15px;
        min-height:200px;
    }

    .image-text-2 .list > .tl > span {
        height: 36px;
        line-height: 36px;
        text-align: center;
        width: 70%;
        display: block;
        position: relative;
        font-weight: 700;
        margin-bottom: 20px;
        border-width: 36px 16px 0 0;
        border-style: solid;
        border-color:var(--bg-color, #d4e3f6)  transparent transparent;
    }

    .image-text-2 .list > .tl > span > span {
        font-size: 20px;
        color: #fff;
        z-index: 5;
        position: absolute;
        left: 39%;
        top: -34px
    }

    .image-text-2 .list > .tl > span:after {
        content: "";
        border-width: 36px 16px 0 0;
        border-style: solid;
        border-color:#fff  transparent transparent;
        width: 96%;
        position: absolute;
        left: 0;
        top: -36px;
        z-index: 2;
        opacity: 0.3;

    }

    .image-text-2 .list > .tl > span:before {
        content: "";
        border-width: 36px 16px 0 0;
        border-style: solid;
        border-color: var(--bg-color, #2a75d1) transparent transparent;
        width: 91%;
        position: absolute;
        left: 0;
        top: -36px;
        z-index: 3;
    }

    .image-text-2 .list > .tl > span > p {
        position: absolute;
        left: 0;
        top: 0;
        height: 36px;
        width: 100%;
        z-index: 4;
        font-weight: 700;
        color: #fff;
        opacity: .2;
        top: -36px
    }

    .image-text-2 .list > .tl > div {
        padding-right: 30%;
        line-height: 30px
    }

    .image-text-2 .list > .tr {
        width: 40%;
        height: 70%;
        position: absolute;
        right: 0;
        top: 7px;
        border-radius: 15px;
        overflow: hidden;
        border-bottom-left-radius: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .image-text-2 .list > .tr > img {
        width: 100% !important;
        height:100%;
        object-fit: contain;
    }

    .image-text-3{
        margin: 20px 0;
    }



    .image-text-3 > .item-icon > div:after, .image-text-3 > .item-icon > div:before {
        clear: both;
        display: block;
        content: "";
        height: 0;
        visibility: hidden;
        font-size: 0
    }

    .image-text-3 > .item-icon {
        margin-bottom: 10px
    }

    .image-text-3 > .item-icon > div > .img {
        float: right;
        width: 50%;
        position: relative
    }

    .image-text-3 > .item-icon > div.img_r > .img:before {
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-left: 8px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 45%;
        left: 0;
        content: ""
    }

    .image-text-3 > .item-icon > div > .img > img {
        width: 100%
    }

    .image-text-3 > .item-icon > div > .txt {
        float: left;
        width: 50%;
        padding: 20px
    }

    .image-text-3 > .item-icon > div > .txt > div {
        position: relative
    }

    .image-text-3 > .item-icon > div > .txt > div {
        padding-left: 60px;
        padding-top: 1px;
        text-align: left;
    }

    .image-text-3 > .item-icon > div > .txt > div > i {
        position: absolute;
        left: 0;
        top: -2px;
        width: 45px;
        height: 45px;
        font-size: 45px;
        line-height: 45px;
        color:var(--bg-color, #2a75d1);
    }

    .image-text-3 > .item-icon > div > .txt > div > span {
        font-size: 20px;
        color: #000;
        font-weight: 700;
        display: block;
        margin-top: 0
    }

    .image-text-3 > .item-icon > div > .txt > div > p {
        font-size: 12px;
        color: 000
    }

    .image-text-3 > .item-icon > div > .txt > p {
        font-size: 14px;
        margin-top: 10px;
        line-height: 20px
    }

    .image-text-3 > .item-icon > div.img_l > .img {
        float: left
    }

    .image-text-3 > .item-icon > div.img_l > .img:before {
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 45%;
        right: 0;
        content: ""
    }

    .image-text-3 > .item-icon > div.img_l > .txt > div {
        padding-right: 60px;
        text-align: right;
        padding-left: 0
    }

    .image-text-3 > .item-icon > div.img_l > .txt > div > i {
        position: absolute;
        left: initial;
        top: -2px;
        width: 45px;
        height: 45px;
        right: 0;
        font-size: 45px;
        line-height: 45px;
        color: var(--bg-color, #2196f3) ;
    }

    .image-text-4{
        margin: 20px 0;
    }

    .image-text-4 > ul {
        display: flex;
        flex-flow: row wrap
    }

    .image-text-4 > ul > li {
        width: 33.33%;
        float: left;
        background-color: var(--bg-color, #2196f3);
        line-height:1px;
    }

    .image-text-4 > ul > li > img {
        width: 100% !important;
    }

    .image-text-4 > ul > li.txt {
        padding: 20px;
    }

    .image-text-4 > ul > li.txt > .i_l {
        width: 30%;
        float: left;
        font-size: 60px;
        color: #fff;
        margin-right: 5%;
        height: 60px;
        line-height: 60px;
        text-align: center;
    }

    .image-text-4 > ul > li.txt > .i_r {

    }

    .image-text-4 > ul > li.txt > .i_r > .i_title {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        padding:15px 0;
        line-height: 25px !important;
        min-height: 25px;
    }

    .image-text-4 > ul > li.txt > .i_r > .i_content {
        font-size: 16px;
        line-height: 28px;
        color:#fff;
        text-align: justify;
        letter-spacing: 1px;
    }

    .image-text-5 {
        width: 100%;
        margin: 20px 0;
    }

    .image-text-5 > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .image-text-5 > ul > li {
        position: relative;
        width: 32%;
        box-shadow: 0 0 20px rgba(0,0,0,.1);

    }


    .image-text-5 > ul > li > .it-title {
        display: block;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        padding-top: 12px;
    }

    .image-text-5 > ul > li > .img {
        width: 100%;
        padding: 8px;
    }

    .image-text-5 > ul > li > .img > img{
        width: 100%;
    }

    .image-text-5 > ul > li > .it-text {
        font-size: 16px;
        line-height: 28px;
        margin: 0;
        padding: 8px;
        color: #888;
        text-align: left;
    }
    .image-text-6{
        margin: 20px 0 !important;
        background: #fff;
    }
    .image-text-6>.bottomCon{
        display: flex;
        margin-top: 10px;
    }
    .image-text-6>.topCon{
        display: flex
    }

    .image-text-6>.bottomCon>.item {
        display: flex;
        width: 49.6%;
        margin-right: 10px;
        box-shadow: 0 0 28px -2px #ccc;
    }
    .image-text-6>.topCon>.item{
        display: flex;
        width: 49.6%;
        margin-right: 10px;
        box-shadow: 0 0 28px -2px #ccc;
    }
    .image-text-6>.bottomCon>.item:nth-child(2n),.image-text-6>.topCon>.item:nth-child(2n) {
        margin-right: 0
    }

    .image-text-6>.bottomCon>.item>.item_left,.image-text-6>.topCon>.item>.item_left {
        width: 50%;
        line-height: 1px;
    }

    .image-text-6>.bottomCon>.item>.item_left>img,.image-text-6>.topCon>.item>.item_left>img {
        width: 100% !important;
    }

    .image-text-6>.bottomCon>.item>.item_right,.image-text-6>.topCon>.item>.item_right {
        width: 50%;
        padding: 8px;
        position: relative
    }

    .image-text-6>.bottomCon>.item>.item_right>.tit::after, .image-text-6>.topCon>.item>.item_right>.tit::after {
        content: "";
        display: block;
        width: 30px;
        height: 3px;
        background-color:var(--bg-color, #068bf2);
        margin-top: 10px;
    }
    .image-text-6>.bottomCon>.item>.item_right>.tit,.image-text-6>.topCon>.item>.item_right>.tit {
        font-size: 20px;
        font-weight: 700;
        padding-top: 8px;
        color: #000;
    }


    .image-text-6>.bottomCon>.item>.item_right>p,.image-text-6>.topCon>.item>.item_right>p {
        color: #999;
        font-size: 16px;
        margin: 0;
        padding-top: 8px;
    }


    .image-text-10{
        margin: 20px 0 !important;
        background: #fff;
    }

    .image-text-10>.topCon{
        display: flex;
        flex-wrap: wrap;
    }

    .image-text-10>.topCon>.inline-block{
        width: 50%;
    }

    .image-text-10>.topCon>.inline-block>.right-item,.image-text-10>.topCon>.inline-block>.left-item {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        box-shadow: 0 0 28px -2px #ccc;
    }

    .image-text-10>.topCon>.inline-block>.right-item>.item_left,.image-text-10>.topCon>.inline-block>.left-item>.item_left {
        width: 50%;
        line-height: 1px;
    }

    .image-text-10>.topCon>.inline-block>.right-item>.item_left>img,.image-text-10>.topCon>.inline-block>.left-item>.item_left>img {
        width: 100% !important;
    }

    .image-text-10>.topCon>.inline-block>.right-item>.item_right,.image-text-10>.topCon>.inline-block>.left-item>.item_right {
        width: 50%;
        padding: 8px;
        position: relative
    }

    .image-text-10>.topCon>.inline-block>.right-item>.item_right>.tit::after, .image-text-10>.topCon>.inline-block>.left-item>.item_right>.tit::after {
        content: "";
        display: block;
        width: 30px;
        height: 3px;
        background-color:var(--bg-color, #068bf2);
        margin-top: 10px;
    }
    .image-text-10>.topCon>.inline-block>.right-item>.item_right>.tit,.image-text-10>.topCon>.inline-block>.left-item>.item_right>.tit {
        font-size: 20px;
        font-weight: 700;
        padding-top: 8px;
        color: #000;
    }

    .ml5{
        margin-left: 10px;
    }

    .mr5{
        margin-right: 5px;
    }


    .image-text-10>.topCon>.inline-block>.right-item>.item_right>p,.image-text-10>.topCon>.inline-block>.left-item>.item_right>p {
        color: #999;
        font-size: 16px;
        margin: 0;
        padding-top: 8px;
    }


    .image-text-7{
        margin: 20px 0;
    }
    .image-text-7>.item {
        width: 100%;
        margin: 20px 0;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        background: #fff;
    }

    .image-text-7>.item>.item-left {
        width: 50%;
        padding-right: 12px;
    }

    .image-text-7>.item>.item-left>.top-item {
        height: 50px;
        background-color: var(--bg-color, #408ed6);
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
    }
    .image-text-7>.item>.item-left>.it-text {
        padding: 8px;
        margin: 0;
    }

    .image-text-7>.item>.item-right {
        position: relative;
        width:50%;
        line-height: 1px;
        padding-left: 12px;
    }

    .image-text-7>.item>.item-right>img {
        width: 100%;
    }
    .image-text-8{
        margin: 20px 0;
    }
    .image-text-8>.item {
        width: 100%;
        margin: 20px 0;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        background: #fff;
    }

    .image-text-8>.item>.item-left {
        width: 50%;
        padding-left: 12px;
    }

    .image-text-8>.item>.item-left>.top-item {
        height: 50px;
        background-color: var(--bg-color, #408ed6);
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
    }
    .image-text-8>.item>.item-left>.it-text {
        padding: 8px;
        margin: 0;
    }

    .image-text-8>.item>.item-right {
        position: relative;
        width:50%;
        line-height: 1px;
        padding-right: 12px;
    }

    .image-text-8>.item>.item-right>img {
        width: 100%;
    }

    .image-text-9 {
        width: 100%;
        margin: 20px 0;
    }

    .image-text-9 > ul {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .image-text-9 > ul > li {
        position: relative;
        width: 32%;
        box-shadow: 0 0 20px rgba(0,0,0,.1);

    }


    .image-text-9 > ul > li > .it-title {
        display: block;
        text-align: center;
        padding-top: 12px;
        font-size: 20px;
        font-weight: 700;
    }

    .image-text-9 > ul > li > .img {
        width: 100%;
    }

    .image-text-9 > ul > li > .img > img{
        width: 100%;
        padding: 8px;
    }

    .image-text-9 > ul > li > .it-text {
        font-size: 16px;
        line-height: 28px;
        color: #888;
        text-align: left;
        margin: 0;
        padding: 8px;
    }

    .base-1{
        margin: 40px 0;
    }

    .base-1 > ul::after, .base-1 > ul::before {
        content: unset
    }

    .base-1 > ul {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-flow: row wrap;
    }

    .base-1 > ul>li {
        width: 100%;
    }

    .base-1>ul>li:first-child:nth-last-child(2), .base-1>ul>li:first-child:nth-last-child(2) ~ li {
        width: 49%;
    }

    .base-1>ul>li:first-child:nth-last-child(3), .base-1>ul>li:first-child:nth-last-child(3) ~ li {
        width: 32%;
    }

    .base-1>ul>li:first-child:nth-last-child(4), .base-1>ul>li:first-child:nth-last-child(4) ~ li {
        width: 24%;
    }

    .base-1>ul>li:first-child:nth-last-child(5), .base-1>ul>li:first-child:nth-last-child(5) ~ li {
        width: 19%;
    }

    .base-1>ul>li:first-child:nth-last-child(6), .base-1>ul>li:first-child:nth-last-child(6) ~ li {
        width: 15%;
    }

    .base-1> ul>li:first-child:nth-last-child(+n+6), .base-1>ul>li:first-child:nth-last-child(+n+6) ~ li {
        width: 15%;
    }

    .base-1 > ul > li {
        padding: 9px;
        box-shadow: 0 0 10px var(--bg-color, #2976ea);
        background: #fff;
        margin-bottom: 10px
    }

    .base-1 > ul > li > .item_title {
        width: 100%;
        background: var(--bg-color, #2976ea);
        color: #ffffff;
        margin: 0 auto;
        border-radius: 6px 6px 0 0;
        text-align: center;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: baseline;
        font-weight: 700;
        font-size: 20px;
    }

    .base-1 > ul > li > .item_title > .item_number {
        min-width: 30px;
        height: 30px;
        background: #fff;
        color: var(--bg-color, #2976ea);
        font-style: normal;
        display: inline-block;
        border-radius: 50%;
        line-height: 30px;
        font-size: 20px;
        font-weight: 700;
        margin-right: 5px;
    }
    .base-1 > ul > li > .item_title > .item-content {
        color: #FFFFFF !important;
    }

    .base-1 > ul > li > .item_text {
        padding: 15px;
        border-radius: 6px;
        color: #696464;
        white-space: pre-line;
    }


    .base-2 {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-flow: row wrap;
        margin: 20px 0;
    }

    .base-2 > .item {

        width: 100%;
        box-shadow: 0 3px 5px 0 rgba(38, 39, 40, .85);
        padding: 15px;
        margin-top: 7px;
    }
    .base-2 >.item:first-child:nth-last-child(2), .base-2 >.item:first-child:nth-last-child(2) ~ .item {
        width: 49%;
    }

    .base-2 >.item:first-child:nth-last-child(3), .base-2 >.item:first-child:nth-last-child(3) ~ .item {
        width: 32%;
    }

    .base-2 >.item:first-child:nth-last-child(4), .base-2 >.item:first-child:nth-last-child(4) ~ .item {
        width: 24%;
    }

    .base-2 >.item:first-child:nth-last-child(5), .base-2 >.item:first-child:nth-last-child(5) ~ .item {
        width: 19%;
    }

    .base-2 >.item:first-child:nth-last-child(6), .base-2 >.item:first-child:nth-last-child(6) ~ .item {
        width: 15%;
    }

    .base-2 >.item:first-child:nth-last-child(+n+6), .base-2 >.item:first-child:nth-last-child(+n+6) ~ .item {
        width: 15%;
    }
    .base-2 > .item > .tit {
        font-size: 20px;
        color: #000000;
        font-weight: 700;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--bg-color, #f16350);
        position: relative
    }
    .base-2 > .item > .tit>span{
        font-weight: 700 !important;
    }
    .base-2 > .item > .tit::after {
        content: "";
        display: block;
        width: 30%;
        height: 5px;
        background-color: var(--bg-color, #f16350);
        position: absolute;
        left: 35%;
        bottom: -3px
    }

    .base-2 > .item > .show {
        margin-top: 15px;
        font-size: 16px;
        color: #555454;
        text-align: justify;
        line-height: 30px
    }

    .base-3{
        margin: 20px 0;
    }

    .base-3 > ul {
        display: flex;
        flex-flow: row wrap;
    }
    .base-3 > ul > li {
        width: 100%;
        text-align: center;
        background: #f2f2f4;
        padding: 10px 20px 10px 20px;
        position: relative;
        transition: all .3s
    }
    .base-3>ul>li:first-child:nth-last-child(2), .base-3>ul>li:first-child:nth-last-child(2) ~ li {
        width: 50%;
    }

    .base-3>ul>li:first-child:nth-last-child(3), .base-3>ul>li:first-child:nth-last-child(3) ~ li {
        width: 33.33%;
    }

    .base-3>ul>li:first-child:nth-last-child(4), .base-3>ul>li:first-child:nth-last-child(4) ~ li {
        width: 25%;
    }

    .base-3>ul>li:first-child:nth-last-child(5), .base-3>ul>li:first-child:nth-last-child(5) ~ li {
        width: 20%;
    }

    .base-3>ul>li:first-child:nth-last-child(6), .base-3>ul>li:first-child:nth-last-child(6) ~ li {
        width: 16.66%;
    }

    .base-3> ul>li:first-child:nth-last-child(+n+6), .base-3>ul>li:first-child:nth-last-child(+n+6) ~ li {
        width: 16.66%;
    }
    .base-3 > ul > li > .plug-icon > .it-icon {
        color: var(--bg-color, #000);;
    }

    .base-3 > ul > li:nth-child(2n) {
        background: #e8e8e8
    }

    .base-3 > ul > li > img {
        width: 60px;
        height: 60px;
        margin-top: 6px
    }

    .base-3 > ul > li > span {
        font-weight: 600;
        color: #000;
        margin: 10px 0;
        display: block;
        font-size: 20px
    }

    .base-3 > ul > li > div {
        width: 50px;
        height: 1px;
        background: var(--bg-color, red);
        margin: 10px auto
    }

    .base-3 > ul > li > p {
        font-size: 15px
    }

    .base-3 > ul > li:hover {
        transform: translateY(-10px)
    }

    .base-4 {
        width: 100%;
        margin: 20px 0;
    }
    .base-4 > ul {
        display: flex;
        flex-wrap: wrap;
    }

    .base-4 > ul > li {
        width: 33%;
        padding: 9px;
        box-shadow: 0 0 20px #dcdfe6;
        background: #fff;

    }
    .base-4>ul>li:first-child:nth-last-child(2), .base-4>ul>li:first-child:nth-last-child(2) ~ li {
        width: 50%;
    }

    .base-4>ul>li:first-child:nth-last-child(3), .base-4>ul>li:first-child:nth-last-child(3) ~ li {
        width: 33.33%;
    }

    .base-4>ul>li:first-child:nth-last-child(4), .base-4>ul>li:first-child:nth-last-child(4) ~ li {
        width: 25%;
    }

    .base-4>ul>li:first-child:nth-last-child(5), .base-4>ul>li:first-child:nth-last-child(5) ~ li {
        width: 20%;
    }

    .base-4>ul>li:first-child:nth-last-child(6), .base-4>ul>li:first-child:nth-last-child(6) ~ li {
        width: 16.66%;
    }

    .base-4> ul>li:first-child:nth-last-child(+n+6), .base-4>ul>li:first-child:nth-last-child(+n+6) ~ li {
        width: 16.66%;
    }

    .base-4 > ul > li > .it-title {
        display: block;
        font-size: 20px;
        margin: 15px 0;
        font-weight: 700;
        text-align: center;
    }

    .base-4 > ul > li > .img {
        width: 100%;
    }

    .base-4 > ul > li > .img > img{
        width: 100%;
    }

    .base-4 > ul > li > .it-text {
        font-size: 14px;
        line-height: 25px;
        margin-top: 15px;
        color: #888;
        text-align: left
    }

    .image-text-11{
        margin: 20px 0;
    }
    .image-text-11:after{
        clear: both;
        content: "";
        display: block;
    }
    .image-text-11>.item {
        width: 100%;
        margin: 20px 0;
        background: #fff;
    }

    .image-text-11>.item>.item-left {
    }

    .image-text-11>.item>.top-item {
        height: 50px;
        background-color: var(--bg-color, #408ed6);
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
        width: 48%;
    }
    .image-text-11>.item>.item-left>.it-text {
        margin: 0;
    }

    .image-text-11>.item>.item-left>.item-right {
        float:right;
        width:50%;
        margin-left: 2%;
        margin-top:-50px;
    }

    .image-text-11>.item>.item-left>.item-right>img {
        width: 100%;
    }


    .image-text-12{
        margin: 20px 0;
    }
    .image-text-12:after{
        clear: both;
        content: "";
        display: block;
    }
    .image-text-12>.item {
        width: 100%;
        margin: 20px 0;
        background: #fff;
    }

    .image-text-12>.item>.item-left {
    }

    .image-text-12>.item>.top-item {
        height: 50px;
        background-color: var(--bg-color, #408ed6);
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        overflow: hidden;
        width: 49%;
        margin-left: 51%;
    }
    .image-text-12>.item>.item-left>.it-text {
    }

    .image-text-12>.item>.item-left>.item-right {
        float:left;
        width:50%;
        margin-right: 2%;
        margin-top:-50px;

    }

    .image-text-12>.item>.item-left>.item-right>img {
        width: 100%;
    }


}