/* usual */
    @font-face {
        font-family: "Siyuanblack";
        src: url("../font/SourceHanSansCN-Normal.otf");
    }

    body {
        font-family: "Siyuanblack", "Microsoft YaHei", "微软雅黑";
        color: #666;
    }

    * {
        margin: 0;
        padding: 0;
    }

    p {
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
    }

    ol,
    ul,
    li {
        list-style: none;
    }

    a,
    a:hover,
    a:link,
    a:active,
    a:visited {
        text-decoration: none;
        cursor: pointer;
        color: inherit;
        font-size: inherit;
    }

    input:focus,
    textarea:focus,
    select:focus {
        outline-offset: 0;
    }

    textarea {
        resize: none;
    }

    :focus {
        outline: none;
    }

    body {
        background-color: #fff;
        overflow-x: hidden;
    }

    .section {
        padding: 0;
        margin: 40px auto;
        position: relative;
    }

    .section1 {
        background-color: #f7f7f7;
        margin: 20px auto 0;
    }

    .section_content {
        width: 100%;
        margin: 0 auto;
    }


    .section_title {
        color: #666;
        text-align: center;
        font-size: 24px;
        line-height: 2em;
        margin-bottom: 40px;
        max-width: 80vw;
        width: 100%;
        margin: 0 auto;
    }

    .section_title .date {
        display: block;
        font-size: 14px;
        line-height: 3em;
        /* text-shadow: 2px 2px 1px #fff; */
        /* font-weight: 600; */
    }

    .section_title .cn>span,
    .section_title .cn a>span {
        border-bottom: 2px solid transparent;
        display: inline-block;
        width: 4.3em;
        padding-bottom: 10px;
        margin: 0 0.8em;
        transition: all 0.2s linear 0s;
        cursor: pointer;
    }

    .section_title .cn>span.on,
    .section_title .cn a>span.on {
        border-bottom: 2px solid #cc030e;
    }

    .section_title .en {
        display: block;
        font-size: 18px;
    }

    .clearfix::after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both;
    }

    .left,
    .fl {
        float: left;
    }

    .right,
    .fr {
        float: right;
    }

    .mobileshow {
        display: none;
    }

    @media screen and (max-width:768px) {
        .mobileshow {
            display: block;
        }
    }

    /* usual end */

    /* header start*/
    .all .top {
        height: 30vh;
        color: #fff;
    }

    .top .leftgroup>ul {
        display: flex;
        align-items: left;
        justify-content: center;
    }

    .top .leftgroup>ul:hover .secondnav {
        display: block;
    }

    .top .secondnav {
        display: none;
    }

    .header {
        width: 100%;
        height: 4.2vw;
min-height:70px;
        position: fixed;
        top: 0;
        z-index: 2000;
        background: #fff;
        /* background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); */
    }

    .header_holder {
        height: 4.2vw;
min-height:70px;
    }

    .header .wapBtn {
        display: none;
    }

    .header .title img {
        width: 26vw;
    }

    .header .bg {
        width: 100%;
        height: 130px;
        position: absolute;
        top: 0%;
        left: 0;
    }

    .bg img {
        width: 1920px;
        height: 130px;
        position: absolute;
        left: 0;
        margin-left: 0;
    }

    .header a {
        color: inherit;
        text-align: inherit;
    }

    .header .masking {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.7;
        z-index: 20;
    }

    .header .logo {
        /* bottom: 0px;
                left: 0;
                position: absolute; */
        width: 5vw;
        padding: .3vw .8vw 0 .8vw;
    }

.header .logo2 {
        /* bottom: 0px;
                left: 0;
                position: absolute; */
        width: 4vw;
        padding: .3vw .8vw 0 .8vw;
    }
    }

    .header .center {
        max-width: 80vw;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        /* font-weight:600; */
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        text-align: center;
        z-index: 30;
    }

    .header .nav {
        padding: 0 10px;
    }

    .header .nav:hover {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .header .linkgroup {
        float: right;
        font-size: 1vw;
        line-height: 1vw;
    }

    .header .linkgroup .flag {
        padding-right: 10px;
    }

    .header .linkgroup li {
        width: 8em;
        margin-top: 1.6em;
        float: left;
        position: relative;
        text-align: center;
    }

    .header .navgroup {
        position: relative;
        font-size: 1vw;
        line-height: 1.3em;
        text-align: left;
        /* overflow: hidden; */
    }

    .header .navgroup li .firstNav,
    .header .linkgroup li .firstNav {
        padding: 0 0 1em;
    }

    .navgroup li .firstNav i {
        margin-left: .2em;
    }

    .header .navgroup li .secondNav,
    .header .linkgroup li .secondNav {
        width: 100%;
        display: none;
        position: absolute;
        left: -1.7em;
        top: 2em;
        font-size: 1vw;
        padding: 0 0.7em;
        width: 8em;
        opacity: 0;
        transition: opacity 0.4s ease 0.4s;
        background-color: rgba(255, 255, 255, 0.8);
        color: #000;
        /* background-color: rgba(255, 255, 255, 0.8); */
    }

    .header .navgroup li:hover .secondNav,
    .header .linkgroup li:hover .secondNav {
        /* margin: 0.5em 0; */
        display: block;
        animation: show 0.5s ease 0.2s;
        animation-fill-mode: forwards;
    }

    .header .navgroup li:nth-child(4):hover .secondNav {
        width: 11em;
    }

    @keyframes show {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 0.6;
        }

        100% {
            opacity: 0.8;
        }
    }

    .header .navgroup li {
        width: 4.5em;
        float: left;
        position: relative;
        margin-top: 1.6em;
    }

    /* .header .navgroup li .firstNav:after {
                position: absolute;
                right: -4px;
                content: "|";
                font-size: 12px;
                line-height: 26px;
            } */

    .header .navgroup li .secondNav a,
    .header .linkgroup li .secondNav a {
        display: block;
        position: relative;
        line-height: 2em;
        z-index: 999;
    }

    /* .header .navgroup li:hover,
            .header .navgroup .active,
            .header .linkgroup li:hover {
                color: #ccccff;
            } */
    /* 
            .header .navgroup li:hover .firstNav:after,
            .header .navgroup .active .firstNav:after {
                color: #000;
            } */

    /* .header .navgroup li .secondNav a:hover,
            .header .linkgroup li .secondNav a:hover {
                background-color: #ccccff;
                color: #fff;
            } */

    .header div.RemainDay {
        margin-top: 2.7vw;
    }

    @media screen and (max-width: 1100px) {
        .page_section .page_content {
            box-sizing: border-box;
            padding: 0 16px;
        }
    }

    .main {
        zoom: 1.35
    }

    @media screen and (max-width: 1280px) {
        .page_section .page_content {
            zoom: 1;
        }
    }

    /* header end */

       /* banner start */

/*   @media screen and (max-width: 1200px){
            .banner{
                display:none;
            }
        } */

.banner .bg {
    width: 100%;
    height: 126px;
    position: absolute;
    bottom: 100%;
    z-index: 10;
}

.show_block {
    width: 100vw;
    height: auto;
}

.bg {
    width: 100%;
    height: 658px;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    overflow: hidden;
}

.bg .show_block {
    position: absolute;
    width: 100vw;
    left: 0;
    margin-left: 0;
}

.banner .bg .show_block {
    overflow: hidden;
}

.banner_list {
    transition: all 1s ease;
}

.banner_list .item {
    float: left
}

.banner_list .item img {
    min-height:30vw;
    width: 100vw;
}

.interbg_mob .banner_list .item img {
    height:40vw;
    width: 100vw;
}


.banner .left_btn {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    position: absolute;
    width: 90px;
    height: 90px;
    top: 240px;
    font-size: 60px;
    line-height: 90px;
    color: #fff;
    font-family: cursive;
    text-align: center;
    right: 50vw;
    margin-right: 640px;
    cursor: pointer;
}

.banner .left_btn span {
    margin-left: -5px;
}

.banner .right_btn {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    position: absolute;
    font-size: 60px;
    font-size: 60px;
    line-height: 90px;
    text-align: center;
    font-family: cursive;
    color: #fff;
    width: 90px;
    height: 90px;
    top: 240px;
    left: 50vw;
    margin-left: 640px;
    cursor: pointer;
}

.banner .right_btn span {
    margin-right: -5px
}

.banner .pagination {
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    height: 20px;
    text-align: center;
}

.banner .pagination .dot {
    border-radius: 50%;
    background-color: #bbb;
    width: 10px;
    height: 10px;
    display: inline-block;
    line-height: 20px;
    margin: 0px 20px;
    cursor: pointer;
}

.banner .pagination .on {
    background: #666;
}
//banner old
    .banner {
        position: relative;
        width: 100vw;
        overflow: hidden;
        background: #003399;
    }

    .banner .title {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .banner .title img {
        width: 26vw;
    }

    @media screen and(min-width:1920px) {
        .banner {
            width: 100vw;
        }
    }

    /* banner end */



    /* router start */
    .router_section {
        padding: 0;
    }

    @media screen and (max-width: 1200px) {
        .router_section {
            box-sizing: border-box;
            padding: 0 20px;
        }
    }

    .router_section .router {
        text-align: left;
        max-width: 860px;
        width: 100%;
        line-height: 3em;
        margin: 0 auto;
    }

    .router_section .router1 {
        max-width: 80vw;
    }

    /* .router_section .lastRouter{
                color:#ccccff;
            }
            .router_section a:nth-child(3){
                color:#ccccff;
            } */
    .router_section a:hover {
        color: #3366cc;
    }

    /* router end */

    /* footer start */
    .end {
        width: 100%;
        box-sizing: border-box;
        padding: 0 60px;
        height: 91px;

        line-height: 40px;
        text-align: center;
        background: #fff;
        color: #3366cc;
        line-height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-items: center;
        flex-wrap: nowrap;
        z-index: 1000;
        position: relative;
    }

    .end_grey {
        background: #eee;
        bottom: -0.3vh;
    }

    .end .right {
        padding: 0 20px;
    }

    /*footer end*/



    /* nav start */
    .mobilenav {
        display: none;
    }

    .pcnav {
        display: block;
    }

    .navgroup li .secondNav a.grey,
    .linkgroup li .secondNav a.grey {
        color: rgba(233, 233, 233, 0.8);
    }

    .header .navgroup li .secondNav a.grey,
    .header .linkgroup li .secondNav a.grey {
        color: rgba(33, 33, 33, 0.8);
    }

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {

        vertical-align: middle;
    }

    * {

        box-sizing: initial;
    }

    .table {
        box-sizing: border-box;
    }

    @media screen and (max-width: 768px) {
        .page_section .page_content {
            padding: 0;
            font-size: 16px;
        }

        .page_section .page_content #qzone,
        .page_section .page_content #weibo,
        .page_section .page_content #wechatmoment {
            width: 2em;
        }

        .end {
            flex-wrap: wrap;
            height: 8em;
            line-height: 2em;
            padding: 0;
            font-size: 14px;
            justify-content: center;
        }

        .banner {
            height: 80px;
        }

        .section_title .cn {
            font-size: 24px;
        }

        .mobilenav .remainDay {
            color: #000;
            right: 145px;
            position: absolute;
            line-height: 60px;
            font-size: 18px;
        }

        .mobilenav .remainDay i {
            display: inline-block;
            width: 1.8em;
            margin: -1.2em 0.2em;
            height: 1.4em;
            line-height: 1.6em;
            font-size: 2.2vw;
            font-style: normal;
            color: #fff;
            background-color: #7db657;
            border-radius: 10px;
            margin-top: -1.2em;
        }

        .banner .title img {
            width: 180px;
        }

        .all {
            overflow-x: hidden;
        }

        .all>.main_content {
            width: 100vw;
            height: auto;
            font-size: 20px;
            color: #fff;

            position: absolute;
            left: 0;
            top: 0;
        }

        .all>.main_content .middle {
            position: absolute;
            top: 100px;
            height: auto;
            width: 100%;
        }

        .all>.main_content .remainDay i {
            font-style: normal;
            display: inline-block;
            line-height: 20px;
            font-size: 45px;
            width: 80px;
        }

        .main_content .title>img {
            width: 80vw;
        }

        .all>.flex_area title {
            width: 100vw;
            height: auto;
            font-size: 20px;
            line-height: 2em;
            position: relative;
            right: auto;
            top: auto;
            color: #fff;
        }

        .flex_area .section img {
            height: 40px;
            width: auto;
        }

        .flex_area .section .text {
            font-size: 12px;
        }

        .all>.flex_area {
            width: 100vw;
            height: auto;
            font-size: 12px;
            line-height: 2.5em;
            position: absolute;
            left: 0;
            bottom: 0;
            top: auto;
            color: #fff;
        }

        .flex_area>a {
            display: block;
            width: 33.3%;
            height: auto;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: none;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }

        .flex_area>a:nth-child(1) {
            border-left: none;
        }

        .mobilenav {
            display: block;
            position: fixed;
            top: 0;
            background: #fff;
            height: 60px;
            width: 100vw;
            z-index: 1000;
            color: #fff;
            font-size: 20px;
            text-align: center;
        }

        .header_holder {
            height: 60px;
        }

        .mobilenav .logo {
            position: absolute;
            left: 28px;
            height: 34px;
            top: 10px;
        }
        .mobilenav .logo2 {
            position: absolute;
            left: 120px;
            height: 38px;
            top: 10px;
        }

        .mobilenav .wapBtn {
            position: absolute;
            right: 20px;
            height: 21px;
            top: 21px;
        }

        .mobilenav .linkgroup li {
            height: 60px;
            line-height: 60px;
            right: 70px;
            position: absolute;
            color: #000;
        }

        .mobilenav .middle {
            position: absolute;
            right: 20px;
            height: 21px;
            top: 21px;
        }

        .all>.main_content .remainDay {
            position: relative;
            top: 20px;
            bottom: auto;
        }

        .pcnav {
            display: none;
        }

        .all .top {
            height: 70px;
        }

        .mobilenav .nav {
            display: none;
            background: rgba(0, 0, 0, 0.8);
            position: absolute;
            width: 100%;
            top: 60px;
            height: 100vh;
        }

        .mobilenav .secondNav {
            background: rgba(255, 255, 255, 0.3);
        }

        .mobilenav .nav li {
            display: block;
            line-height: 2em;
        }

        .mobilenav .secondNav {
            display: none;
            font-size: 16px;
        }

        .mobilenav .secondNav a {
            display: block;
        }
    }

    /* nav end */

    /* partner&&media start*/
    .partner_section {
        max-width: 1400px;
        margin: 0 auto;
    }

    .partner_block {
        position: relative;
        max-width: 1600px;
        width: calc(100% - 200px);
        margin: 0 auto;
    }

    .partner_list {
        width: 100%;
        height: 80px;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;

        justify-content: center;
        align-items: center;
        background: #fff;
    }

    .partner_block .show {
        overflow: inherit;
        height: inherit;
    }

    .partner_block .show .partner_item {
        margin-bottom: 40px;
    }

    .partner_item {
        width: 200px;
        height: 80px;
        /* box-shadow: 0 0 2px 2px #fff; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .partner_block .toLeft,
    .partner_block .toLeft {
        transition: all 1s linear 0s;
        transform: translate(-200px, 0);
    }

    .partner_block .toRight,
    .partner_block .toRight {

        transition: all 1s linear 0s;
        transform: translate(200px, 0);
    }

    .partner_item a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .partner_item img {
        max-height: 100%;
        height: 100%;
        max-width: 160px;
    }

    .partner_block .left_btn {
        position: absolute;
        top: 0;
        right: 100%;
        margin-right: 40px;
        font-size: 40px;
        font-family: cursive;
        line-height: 80px;
        color: #000;
        cursor: pointer;
    }

    .partner_block .right_btn {
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 40px;
        font-size: 40px;
        font-family: cursive;
        line-height: 80px;
        color: #000;
        cursor: pointer;
    }

    .partner_section .bottom_btn {
        margin: 20px auto;
        font-size: 30px;
        text-align: center;
        cursor: pointer;

    }

    .partner_section .bottom_btn:hover,
    .partner_block .right_btn:hover,
    .partner_block .left_btn:hover,
    .media_section .bottom_btn:hover,
    .media_block .right_btn:hover,
    .media_block .left_btn:hover {
        color: #cf000d;
    }

    .partner_section {
        margin: 120px auto;
    }

    .partner_section .section_title .cn {
        margin-bottom: 65px;
    }

    .partner_section .section_title .on {
        color: #3366cc;
        font-weight: 500;
        font-size: 24px;
        transition: all 1s ease;
    }

    .partner_section .section_title .cn {
        display: inline-block;
        padding: 0 20px;
    }

    .partner_section .partner_block {
        display: none;
    }

    .partner_section .active {
        display: block;
    }





    .partner_section .partner_block {
        display: none;
    }

    .partner_section .active {
        display: block;
    }

    /* partner end */
    ​

    /* channel start */
    .channel_section {
        max-width: 1730px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        max-height: 575px;
    }


    .section .channel_interbg {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }

    .section .channel_interbg img {
        height: 575px;
        min-width: 100%;
    }

    @media screen and (min-width : 1921px) {
        .section .channel_interbg img {
            width: 100%;
        }


        .banner {
            background: #005bb6;
        }

        .banner_2 {
            background: #0066cc;
        }

        .banner_2 .interbg>img {
            width: 1920px;
            min-width: auto;
        }

        .section .channel_interbg {
            width: 100%;
        }

        .partner_block {
            max-width: auto;
        }

        .partner_section {
            max-width: auto;
        }
    }

    .channel_list {
        width: 100%;
        height: 570px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }



    .channel_item {
        margin: 0 20px;
        width: 390px;
        height: 290px;
        position: relative;
        overflow: hidden;
    }

    @media screen and (max-width:1650px) {
        .channel_list {
            width: 100%;
            height: 650px;
            flex-wrap: wrap;
        }

        .channel_item {
            margin: 0 60px;
            width: 390px;
            height: 290px;
            position: relative;
            overflow: hidden;
            flex-basis: 300px;
        }
    }

    @media screen and (max-width:768px) {
        .channel_list {
            width: 100%;
            height: 1280px;
            flex-wrap: wrap;
        }

    }

    .channel_item img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 300;
        transition: 2s all ease;
        transform-origin: center;
        transform: translate(1.5, 1.5)
    }

    .channel_item:hover .mask {
        text-align: center;
    }

    .channel_item .mask {
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 20px;
        color: #fff;
        text-align: left;
        line-height: 60px;
        z-index: 400;
        background: rgba(0, 0, 0, .5)
    }

    .channel_item .mask a {
        display: inline-block;
        margin-left: 2em;
    }

    .channel_item:hover .mask a {
        margin-left: 0;
    }

    .channel_item .mask1 {
        border-bottom: 3px solid pink;
    }

    .channel_item .mask2 {
        border-bottom: 3px solid yellow;
    }

    .channel_item .mask3 {
        border-bottom: 3px solid darkblue;
    }

    .channel_item .mask4 {
        border-bottom: 3px solid darkorange;
    }

    /* channel end */

    /* header&btn_list  start*/
    .header {
        max-width: inherit;
    }
.header .center {
max-width: 90vw;
margin:0 auto;
    }

    .header .logo {
        width: 8vw;
    }
    .header .logo2 {
        width: 10vw;
    }

    .header .navgroup li {
        width: 8em;
        font-size: 18px;
        text-align: center;
    }

    .header .navgroup li .secondNav,
    .header .linkgroup li .secondNav {
        font-size: 18px;
        text-align: center;
        left: -0.7em;
        padding: 0 0.7em;
    }

    .header .navgroup li {
    }

    .header .navgroup li:nth-child(4):hover .secondNav {
        width: 10em;left:-1.7em;
    }

    .header .navgroup li:nth-child(3):hover .secondNav {
        width: 10em;left:-1.7em;
    }

    .header .navgroup li:nth-child(6):hover .secondNav {
        width: 10em;left:-1.7em;
    }

    .header .navgroup {
        position: relative;
        font-size: 1vw;
        line-height: 1.3em;
        text-align: left;
        /* overflow: hidden; */
    }

    .btn_section {
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: 450px;
        overflow: hidden;
    }


    .btn_section .interbg {
        min-width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;

    }

    .btn_section .interbg img {
        width: 100%;
        left: 50vw;
        margin-left: -980px;
        position: relative;
    }

    .btn_list {
        width: 100%;
        min-width: 768px;
        height: 80px;
        position: absolute;
        bottom:0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        flex-wrap: nowrap;
        overflow: hidden;

    }

    @media screen and (max-width:768px) {
        .btn_list {
            width: 90vw;
            min-width: 90vw;
            left: 5vw;
        }

        .btn_item {
            width: 20vw;
            box-sizing: border-box;
            padding: 0 1vw;
            height: 6vw;
        }

        .btn_item:hover {
            width: 20vw;
            height: 6vw;
        }
    }



    .btn_item {
        width: 220px;
        height: 60px;
        position: relative;
        overflow: hidden;
        transition: all .6s ease;
    }

    .btn_item img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 300;
    }

    .btn_item:hover {
        width: 250px;
        height: 80px;
        transform-origin: center;
    }

    .btn_item:hover .mask {
        background: rgba(88, 3, 74, 0.8);
        height: 80px;
        line-height: 80px;
        font-size: 20px;
    }

    .btn_item .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 60px;
        z-index: 400;
        background: rgba(0, 0, 0, .7);
        transition: all .6s ease;

    }

    .btn_item .mask:nth-of-type(1) {
        border-bottom: 3px solid pink;
    }

    .btn_item .mask:nth-of-type(2) {
        border-bottom: 3px solid yellow;
    }

    .btn_item .mask:nth-of-type(3) {
        border-bottom: 3px solid darkblue;
    }

    .btn_item .mask:nth-of-type(4) {
        border-bottom: 3px solid darkorange;
    }


    /* header&btn_list end */

    /* connect start */
    .connect_section {
        position: relative;
        width: 100%;
        height: 643px;
        margin: 40px 0 0;
        background-image: url(/printing/upload/images/2019/8/c21a269849a249ff.jpg);
    }


    .connect_section .list {
        width: 100%;
        min-width: 1600px;
        height: 100%;
        display: flex;
        padding-top: 180px;
        position: relative;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: nowrap;
        box-sizing: border-box;
    }

    .connect_section .interbg {
        position: absolute;
        top: 0;
        left: 50vw;
        margin-left: -980px;
        height: 643px;
    }

    .connect_section .interbg img {
        height: 643px;
    }

    .connect_section .box {
        border-left: 2px solid#0098e3;
        height: 280px;
        line-height: 2em;
        color: #7da9c2;
        font-size: 12px;
    }


    .connect_section .box span {
        border-bottom: 2px solid #0096e2;
    }

    .connect_section .box a {
        text-decoration: none;
        color: #7da9c2;
    }


    .wrap a {
        text-decoration: none;
        color: #7da9c2;
    }

    .connect_section .box_title {
        font-size: 30px;
        font-weight: 500;
        color: #ccc;
    }



    .connect_section .box1 {
        font-size: 12px;
        padding: 0 40px 0 80px;
        width: 4em;
        font-size: 30px;

    }

    .connect_section .box2 {
        width: 18em;
        padding: 0 35px;
    }

    .connect_section .box3 {
        width: 16em;
        padding: 0 35px;

    }

    .connect_section .box4 {
        width: 15em;
        padding: 0 35px;

    }

    .connect_section .box5 {
        width: 20em;
        padding: 0 35px;

    }

    .connect_section .box .content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
        padding-bottom: 26px;
    }

    .connect_section .box .content1 img {
        width: 120px;
    }

    .connect_section .box .content2 img {
        width: 80px;
        padding: 8px;
    }

    .connect_section .box .content2 {
        flex-wrap: wrap;
    }

    .connect_section .box .title {
        font-size: 25px;
        padding-bottom: 26px;
        color: #0094de;
    }
    @media screen and (max-width:1200px) {
     .header .center{
max-width: 90vw
}
}
    @media screen and (max-width:1500px) {
        .connect_section .interbg {
            left: 0;
            margin-left: 0;
            overflow: hidden;
            width: 100vw;

        }

        .channel_interbg {
            overflow: hidden;
            width: 100vw;

        }

        .connect_section .interbg {}

        .connect_section .list {
            min-width: auto;
            justify-content: space-around;
            padding-top: 155px;
        }

        .connect_section .box_title {
            font-size: 30px;
            font-weight: 500;

            /* color: #ccc; */
        }

        .connect_section .box {
            padding: 0 20px;
            box-sizing: border-box;

        }

        .connect_section .box1 {
            padding: 0 50px 0 70px;
        }

        .connect_section .box2 {
            border-left: none;
        }


        .connect_section .box .title {
            font-size: 22px;
            padding-bottom: 26px;
            color: #0094de;
        }

        .banner {
            height: 30vw;
        }

        .banner .interbg {
            width: 100%;
            height: auto;
            margin-left: 0;
            left: 0;
        }

        .banner .interbg img {
            width: 100vw;
            height: auto;
            min-height: auto;
            min-width: auto;

        }

        .btn_list {
            
        }

        .header .navgroup li,
        .header .navgroup li .secondNav,
        .header .linkgroup li .secondNav {
            width: 6em;
        }

        .header .navgroup li:nth-child(3):hover .secondNav,
        .header .navgroup li:nth-child(4):hover .secondNav,
        .header .navgroup li:nth-child(6):hover .secondNav {
            left: -2.9em
        }

        .main {
            zoom: 1;
        }

        .news_section1,
        .channel_section {
            zoom: 0.6;
        }


    }

    /* @media screen and (max-width:768px) {} */


    /* connect end */

    @media screen and (max-width:768px) {
        .banner {
            height: 40vw;
        }

        .page_section,
        .news_area {
            min-height: auto;
        }

        .contain .leftnav .qrcode img {
            display: none;
        }

        .contain .news_area,
        .page_section {
            padding: 20px;
        }

        .contain .rightside {
            display: none;
        }

        .contain .leftnav .navleft1,
        .contain .leftnav .navbg {
            display: none;
        }

        .contain.leftnav img {
            display: none;
        }

        .router-section span {
            display: none;
        }

        .router-section {
            margin-top: 20px;
        }

        .contain .leftnav .content {
            width: 100vw;
            min-height: 4em;
        }



        .page_content .router_section {
            margin-top: 20px;
        }

        .contain .leftnav .navleft2 {
            background: #015daa;
            height: 4em;
            width: 100vw;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-around;
            align-items: center;
        }

        .contain .leftnav .link1,
        .contain .leftnav .link2,
        .contain .leftnav .link3 {
            width: 25vw;
            margin: 10px;
        }

        .connect_section .box,
        .connect_section .box1 {
            width: 80vw;
            border: 0;
            padding: 3vw 10vw;
            height: auto;
        }

        div.connect_section {
            overflow: auto;
            height:auto;
            background: #015daa;

        }

        .connect_section .list {
            flex-wrap: wrap;
            height: auto;
            padding-top: 30px;
        }

        .connect_section .interbg {
            display: none;
        }

        .news_section1 {
            zoom: 1;
        }

        .channel_item {
            flex-basis: auto;
        }

        .section .channel_interbg img {
            min-height: 800px;

        }

        div.banner {
            height: 55vw;
        }

     div.banner_2{
height: 40vw;
}

        .banner .interbg {
            display: none;
        }

        .banner div.interbg_mob {
            display: block;

            height: 40vw;
        }

        .banner .btn_list {
            height: 15vw;
            top: 40vw;

        }


        .btn_list {
            width: 100vw;
            min-width: 90vw;
            left: 0vw;
        }

        div.btn_item {
            width: 33vw;
            height: 15vw;
            box-sizing: border-box;
            padding: 0 1vw;
        }
div.btn_item:hover{
 width: 33vw;
            height: 15vw;
}

div.btn_item:hover .mask{
height: 15vw;
line-height: 15vw;
    }