@media (min-width: 1001px) {
    .flow {
        height: 10rem;
        width: 100%;
        /*background: url(imgs/bottomBg.jpg) no-repeat;*/
        /*background-size: 100% 6rem;*/
        /*background-position: bottom;*/
    }

    .flow .partHeader {
        font-size: 0.18rem;
        width: 16.2rem;
        margin: 0 auto;
        padding-top: 0.5rem;
    }

    .flow .blue {
        color: #015c92;
        font-weight: bold;
    }

    .flow .partHeader p {
        padding-bottom: 0.25rem;
        color: #333;
    }

    .flow .flow-container {
        /*width:17rem;*/
        height: 100%;
        position: relative;
        margin: 0 auto;
        transform: translateY(-0.2rem);
    }

    .flow .partHeader img {
        width: 3.448rem;
        height: .832rem;

    }

    .flow .flow-line-bg {
        width: 11.26rem;
        height: 2.77rem;
        position: absolute;
        z-index: 1;
        top: 1.2rem;
        left: 1.1rem;
    }

    .flow-container .lsGroup {
        position: absolute;
        width: 3rem;
    }

    .flow-container .lsGroup .item {
        background-color: rgba(31, 88, 153, 0.1);
        width: 3rem;
        height: 0.6rem;
        font-size: 0.18rem;
        margin-bottom: 0.1rem;
        line-height: 0.3rem;
        padding-left: 0.2rem;
        position: relative;
        color: #1a1a1a;
        display: grid;
        place-items: center;
        justify-content: start;
    }

    .flow-container .lsGroup .item .item_sub{
        line-height: 0.3rem;
        position: absolute;
        left:52%;
        top:50%;
        transform:translate(-50%,-50%);
        width: 90%;
    }
    /*.flow-container .lsGroup .item .item_sub::before {*/
    /*    width: 0.06rem;*/
    /*    height: 0.06rem;*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    display: block;*/
    /*    background-color: #4d4d4d;*/
    /*    top: 0.12rem;*/
    /*    left: -0.14rem;*/
    /*    transform: translateY(-50%);*/
    /*    border-radius: 50%;*/
    /*}*/

    .flow-container .nodeType1 {
        font-size: 0.32rem;
        font-weight: bold;
        color: #015c92;
        position: absolute;
        cursor: pointer;
        z-index: 9;

    }

    .flow-container .nodeType1:hover {

        color: rgba(31, 88, 153, 0.8);


    }

    .flow-container .nodeType1:hover::after {
        background-color: rgba(31, 88, 153, 0.8);
    }

    .flow-container .nodeType1::after {
        position: absolute;
        display: block;
        width: 0.36rem;
        height: .36rem;
        border-radius: 50%;
        background-color: #015c92;
        right: -0.56rem;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        background-image: url(imgs/arrowW.png);
        background-repeat: no-repeat;
        background-position: 60%;
        background-size: 0.09rem 0.15rem;
    }

    .flow-container .nodeType2 {
        font-size: 0.3rem;
        font-weight: bold;
        color: #015c92;
        position: absolute;
        z-index: 9;
    }

    .flow-container .nodeType1 a {
        font-size: 0.3rem;
        font-weight: bold;
        color: #015c92;
        text-decoration: none;
    }

    .flow-container .nodeType2 a {
        font-size: 0.3rem;
        font-weight: bold;
        color: #015c92;
        text-decoration: none;
    }

    .flow-container .lable1 {
        width: 3rem;
        height: 0.8rem;
        position: absolute;
        background-color: #015c92;
        font-size: 0.2rem;
        color: #fff;
        text-align: center;
        line-height: 0.3rem;
        padding-top: 0.1rem;
        cursor: pointer;
        z-index: 9;
        transition: background-color 0.3s;
    }

    .flow-container .lable1:hover {
        background-color: rgba(31, 88, 153, 0.8);
    }

    .flow-container .lable2 {
        width: 3rem;
        height: 1rem;
        position: absolute;
        background-color: #2d82b5;
        font-size: 0.2rem;
        color: #fff;
        text-align: center;
        line-height: 0.3rem;
        padding-top: 0.05rem;
        cursor: pointer;
        transition: background-color 0.5s;
    }

    .flow-container .lable2:hover {
        background-color: rgba(20, 118, 204, 0.8);
    }

    .partner2 {
        padding-top: 0;
    }

    .toWeiYuanHui {
        top: 1.34rem;
        right: 3.12rem;
        background: url(imgs/line11.png) no-repeat;
        background-position: bottom;
        background-size: 100% 6px;
        text-align: center;
    }
}


@media (max-width: 1000px) {
    .flow {
        height: 15rem;
        width: 100%;
        /*background: url(imgs/bottomBg.jpg) no-repeat;*/
        /*background-size: 100% 6rem;*/
        /*background-position: bottom;*/
        overflow: hidden;
    }

    .flow .partHeader {
        font-size: 0.6rem;
        width: 16.2rem;
        margin: 0 auto;
        padding-top: 0.5rem;
        margin-bottom: 5rem;
    }

    .flow .blue {
        color: #015c92;
        font-weight: bold;
    }

    .flow .partHeader p {
        padding-bottom: 0.5rem;
        color: #333;
    }

    .flow .flow-container {
        width: 15rem;
        height: 100%;
        position: relative;
        margin: 0 auto;
        transform: translateY(3rem) translateX(1rem) scale(1.5);
    }

    .flow .partHeader img {
        width: 6.896rem;
        height: 1.664rem;

    }

    .flow .flow-line-bg {
        width: 11.26rem;
        height: 2.77rem;
        position: absolute;
        z-index: 1;
        top: 1.2rem;
        left: 1.1rem;
    }

    .flow-container .lsGroup {
        position: absolute;
        width: 3rem;
    }

    .flow-container .lsGroup .item {
        background-color: rgba(31, 88, 153, 0.1);
        width: 3rem;
        height: 0.6rem;
        font-size: 0.33rem;
        margin-bottom: 0.1rem;
        line-height: 0.3rem;
        padding-left: 0.28rem;
        position: relative;
        color: #1a1a1a;
        display: grid;
        place-items: center;
        justify-content: start;
    }

    .flow-container .lsGroup .item .item_sub{
        line-height: 0.4rem;
        position: absolute;
        left:52%;
        top:22%;
        transform:translate(-50%,-50%);
        width: 90%;
    }
    /*.flow-container .lsGroup .item .item_sub::before {*/
    /*    width: 0.06rem;*/
    /*    height: 0.06rem;*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    display: block;*/
    /*    background-color: #4d4d4d;*/
    /*    top: 0.12rem;*/
    /*    left: -0.14rem;*/
    /*    transform: translateY(-50%);*/
    /*    border-radius: 50%;*/
    /*}*/

    .flow-container .nodeType1 {
        font-size: 0.32rem;
        font-weight: bold;
        color: #015c92;
        position: absolute;
        cursor: pointer;
        z-index: 9;

    }

    .flow-container .nodeType1:hover {

        color: rgba(31, 88, 153, 0.8);


    }

    .flow-container .nodeType1:hover::after {
        background-color: rgba(31, 88, 153, 0.8);
    }

    .flow-container .nodeType1::after {
        position: absolute;
        display: block;
        width: 0.36rem;
        height: .36rem;
        border-radius: 50%;
        background-color: #015c92;
        right: -0.56rem;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        background-image: url(imgs/arrowW.png);
        background-repeat: no-repeat;
        background-position: 60%;
        background-size: 0.09rem 0.15rem;
    }

    .flow-container .nodeType2 {
        font-size: 0.3rem;
        font-weight: bold;
        color: #015c92;
        position: absolute;
        z-index: 9;
    }

    .flow-container .lable1 {
        width: 3rem;
        height: 0.8rem;
        position: absolute;
        background-color: #015c92;
        font-size: 0.35rem;
        color: #fff;
        text-align: center;
        line-height: 0.4rem;
        cursor: pointer;
        z-index: 9;
        transition: background-color 0.3s;
    }

    .flow-container .lable1:hover {
        background-color: rgba(31, 88, 153, 0.8);
    }

    .flow-container .lable2 {
        width: 3rem;
        height: 1.2rem;
        position: absolute;
        background-color: #2d82b5;
        font-size:0.33rem;
        color: #fff;
        text-align: center;
        line-height: 0.5rem;
        /*padding-top: 0.05rem;*/
        cursor: pointer;
        transition: background-color 0.5s;
    }

    .flow-container .lable1	.resizeL{
        width: 4.6rem;
        /*height: 200%;*/
        display: inline-block;
        position: relative;
        transform: scale(0.6) translateX(0%) translateY(15%);
    }


    .flow-container .lable2	.resizeL{
        width: 200%;height:200%;display: inline-block;position: relative;
        transform:scale(0.6) translateX(-42%)  translateY(-20%)
    }

    .flow-container .lsGroup .item .resizeL{
        width: 180%;
        /*height: 1.5rem;*/
        line-height: 0.4rem;
        display: inline-block;
        position: relative;
        transform: scale(0.5) translateX(-5%) translateY(-22%);
        text-align: left;
    }

    .flow-container .lable2:hover {
        background-color: rgba(20, 118, 204, 0.8);
    }

    .toWeiYuanHui {
        top: 1.34rem;
        right: 4.12rem !important;
        background: url(imgs/line11.png) no-repeat;
        /*border-bottom: 0.333333px #407dc0 solid;*/
        background-position: bottom;
        background-size: 100% 3px;
        /*width: 2rem;*/
        text-align: center;
    }

}
