<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>江西省盐业集团股份有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="util/css/swiper.css" type="text/css">
    <link rel="stylesheet" href="util/css/public.css" type="text/css">
    <link rel="stylesheet" href="util/css/heard.css" type="text/css">
    <link rel="stylesheet" href="util/css/active.css" type="text/css">
    <link rel="stylesheet" href="util/css/fullpage.css" type="text/css">
    <script src="util/js/jquery.js"></script>
    <script src="util/js/public.js"></script>
    <script src="util/js/fullpage.js"></script>
    <script src="util/js/echarts.min.js"></script>
    <script src="util/js/dateConvert.js"></script>
    <script src="util/js/swiper.js"></script>
    <script src="util/js/countUp.js"></script>
    <script src="util/js/jquery.bay-window.js"></script>
    <script src="util/js/axios.js"></script>
    <style>
        .index{
            width: 100%;
        }
        .box1_item_left_box1_right{
            cursor: pointer;
        }
        .box2_item1_right_top_title_active{
            color: #4487BB!important;
        }
        .box2_item1_right_top_title1{
            position: absolute;
            height: 2px ;
            background: #4295C9;
            top: 35px;
            transition: all 0.8s;
        }
        .box2_item1_left_swiper_box_item{
            width: 100%!important;
        }
        @keyframes myfirst_animate {
            0%{
                opacity: 0;

            }
            10%{
                opacity: 0;
                transform: scale(1.09);
            }
            10%{
                opacity: 0.1;
                transform: scale(1.08);
            }
            20%{
                opacity: 0.2;
                transform: scale(1.07);
            }
            30%{
                opacity: 0.4;
                transform: scale(1.06);
            }
            50%{
                opacity: 0.5;
                transform: scale(1.05);
            }
            60%{
                opacity: 0.6;
                transform: scale(1.04);
            }
            70%{
                opacity: 0.7;
                transform: scale(1.03);
            }
            80%{
                opacity: 0.8;
                transform: scale(1.02);
            }
            90%{
                opacity: 0.9;
                transform: scale(1.01);
            }

            100%{
                transform: scale(1);
                opacity: 1;
            }
        }
        .swiper_active{
            animation:myfirst_animate 4s linear ;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .box1_item_left_box1_right_wap{
            display: none
        }
        .dialog-top{
            justify-content: flex-end;
        }
        /*.swiper-pagination1-customs-active{*/
        /*    background: #008DD5!important;*/
        /*}*/
        /*.swiper-pagination1-customs{*/
        /*    width: 10px;*/
        /*    height: 10px;*/
        /*    background: #FFFFFF;*/
        /*    opacity: 1;*/
        /*    border-radius: 50%;*/
        /*    margin: 4px 0;*/
        /*}*/
        .box2_pagination1{
            height: 100%;
        }
        .box1_pagination1{
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

        .pagination1{
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .pagination1 .swiper-pagination-bullet{
            width: 10px;
            height: 10px;
            background: rgba(255,255,255,0.5);
            opacity: 0.4;
            margin: 10px 0;
            border-radius: 50%;
        }
        .pagination1 .swiper-pagination-bullet-active{
            background:#FFFFFF;
        }
        .pagination2{
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
        .pagination2 .swiper-pagination-bullet{
            width: 13px;
            height: 13px;
            background: #DC1026;
            opacity: 0.4;
            margin-right: 33px;
            border-radius: 50%;
        }
        .pagination2 .swiper-pagination-bullet-active{
            background: #DC1026;
            opacity: 1;
        }
        .more{
            cursor: pointer;
            transition:  all 0.5s;
        }
        .box5_item1_left_top_box1{
            width: 100%;
            display: flex;
            box-sizing: border-box;
            justify-content: space-between;
            align-items: center;
        }
        /**
            弹框样式
        **/
        .dia{
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background-color:rgba(0, 0, 0, .7);
            opacity: 0;
            visibility: hidden;
            transition: .5s;
        }
        .dialog-title{
            flex: 1;
            text-align: center;
            font-weight: 400;
            font-size: 20px;
            color: #000000;
        }
        .dialog-close{
            width: 16px;
            height: 16px;
            background: url("img/index/cha.png") no-repeat;
            background-size: 100% 100%;
            cursor: pointer;
        }
        .dialog-content video{
            width: 100%;
            height: 100%;
            object-fit: cover; /* 或 object-fit: fill; */
            position: absolute;
            top: 0;
            left: 0;
        }
        .dialogShow{
            z-index: 100!important;
            opacity: 1!important;
            visibility: visible!important;
        }
        .streamer{
            width: 100%;
            position: absolute;
            background: #DF0024;
            top:120px;
            z-index: 2;
            opacity: 0;
        }
        .streamer_box{
            width:80%;
            margin: 0 auto;
            min-height: 70px;
            height: 100%;
            padding:25px 0;
            font-weight: 300;
            color: #FFF000;
            box-sizing: border-box;
        }
        .float_img{
            cursor: pointer;
            z-index: 999;
            display: block;
        }
        .couplet{
            cursor: pointer;
        }
        .couplet_left{
            position: fixed;
            z-index: 999;
            left: 40px;
            top:120px;
        }
        .couplet_right{
            position: fixed;
            z-index: 999;
            right: 40px;
            top:120px;
        }
        @media only screen and (max-width: 500px) {
            .streamer{
                display: none;
            }
            .float_img{
                display: none;
            }
            .couplet_left{
                display: none;
            }
            .couplet_right{
                display: none;
            }
            .index_section{
                display: none;
            }
            .index{
                min-width: 375px;
            }
            .box1{
                width: 100%;
                height: 100%;
                padding-bottom: 30px;
                background: url("img/index/1.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_bottom{
                width: 300px;
                position: absolute;
                bottom: 20px;
                z-index: 3;
                left: 50%;
                transform: translateX(-50%);
            }
            /*.box1_pagination1 .swiper-pagination-bullet{*/
            /*    width: 10px;*/
            /*    height: 10px;*/
            /*    background: rgba(255,255,255,0.5);*/
            /*    opacity: 0.4;*/
            /*    margin-right: 33px;*/
            /*    border-radius: 50%;*/
            /*}*/
            /*.box1_pagination1 .swiper-pagination-bullet-active{*/
            /*    background:#FFFFFF;*/
            /*}*/
            .top_img{
                width: 100%;
                height: 100%;

            }
            .box1_item1{
                width: 100%;
            }
            .box1_item_left{
                width: 100%;
            }
            .box1_item_left_title{
                font-weight: bold;
                font-size: 24px;
                color: #333333;
                padding-top: 30px;
                width: 100%;
                text-align: center;
            }
            .box1_item_left_box1{
                width: 100%;
                margin-top: 16px;
            }
            .box1_item_left_box1_left{
                width: 30px;
                height: 5px;
                background: #005BA2;
                margin: 0 auto;
            }
            .box1_item_left_box1_right{
                display: none
            }
            .box1_item_left_box1_right_wap{
                width: 68px;
                margin: 16px 0 0 25px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box1_right_text{
                font-weight: 500;
                font-size: 12px;
                color: #8D8D8D;
            }
            .box1_item_left_box1_right_img{
                width: 100%;
                height: 17px;
                background: url("img/index/more.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box2{
                width: 90%;
                margin: 28px auto 22px auto;
                font-weight: 400;
                font-size: 12px;
                color: #353535;
                line-height: 25px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .box1_item_left_box3{
                width: 90%;
                margin: 0 auto;
                height: 46px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-sizing: border-box;
            }
            .box1_item_left_box3_item1{
                width: 91px;
                height: 100%;
                background: url("img/index/jxjt.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box3_item2{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box3_item2_text{
                font-weight: 800;
                font-size: 18px;
                color: #196F98;
            }
            .box1_item_left_box3_item2_text1{
                font-weight: 400;
                color: #000000;
                font-size: 12px;
                box-sizing: border-box;
                padding-top: 5px;
            }
            .box1_item_right{
                width: 90%;
                height: 195px;
                margin: 16px auto 0 auto;
                position: relative;
            }
            .box1_item_right_img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background: url("img/index/img1.png") no-repeat;
                background-size: 100% 100%;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box1_item_right_yuan{
                width: 74px;
                height: 74px;
                background: url("img/ImgaeVideo/yuan.png") no-repeat;
                background-size: 100%;
                animation: spin 2s linear infinite;
            }
            .box1_item_right_start{
                border-style: solid;
                border-width: 13px 0 13px 22px;
                border-color: transparent transparent transparent #fff;
                cursor: pointer;
                position: absolute;
                margin-left: 6px;
            }
            .box1_item_right_img_video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
            }
            .box1_item2{
                width: 90%;
                margin:23px auto 0 auto;
            }
            .box1_item2_box{
                width: 100%;
                height: 207px;
                margin-top: 20px;
                background: rgba(95, 166, 210, .8);
                border-radius: 0px 40px 0px 0px;
                box-sizing: border-box;
                padding: 0 22px;
                position: relative;
                transition:  all 0.5s;
            }
            .box1_item2_box_active{
                background: #0769B2!important;
                border-radius:0!important;
            }
            .box1_item2_box_active .box1_item2_box_img{
                display: none;
            }
            .box1_item2_box_bottom_title{
                width: 100%;
                font-weight: 500;
                font-size: 14px;
                color: #FFFFFF;
                margin-bottom: 21px;
                box-sizing: border-box;
                padding-top: 36px;
            }
            .box1_item2_box_bottom_text{
                width: 100%;
                font-weight: 300;
                font-size: 12px;
                color: #FFFFFF;
                line-height: 20px;
            }
            .box1_item2_box_img{
                width: 40px;
                height: 38px;
                background: url("img/index/box1Img.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 22px;
                bottom: 21px;
                transition:  all .5s;
            }

            .box2{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/2.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 43px 0 45px 0;
            }
            .box2_item1{
                width: 90%;
                height: 100%;
                margin: 0 auto;
            }
            .box2_item1_top{
                width: 100%;
            }
            .box2_item1_left{
                width: 100%;
            }
            .box2_item1_left_title{
                width: 100%;
                font-weight: bold;
                font-size: 24px;
                color: #353535;
            }
            .box2_item1_left_box1{
                margin:10px 0 0 0;
                width: 27px;
                height: 3px;
                background: #005BA2;
            }
            .box2_item1_right_top{
                width: 90%;
                margin: 0 auto;
                height: 100%;
                box-sizing: border-box;
                padding-top: 28px;
                display: flex;
                justify-content: space-between;
            }
            .box2_item1_right_top_title{
                font-weight: 500;
                font-size: 15px;
                color: #353535;
            }
            .box2_item1_right_top_title_active{
                color: #4487BB;
            }
            .box2_item1_bottom{
                width: 100%;
                margin-top: 29px;
            }
            .box2_item1_left_swiper{
                width: 100%!important;
                height: 201px;
                overflow: hidden;
                position: relative;
            }
            .box2_pagination1{
                position: absolute;
                right: 22px;
                top: 36%;
            }
            .box2_item1_left_swiper_box_item{
                display: flex;
                height: 100%;
                transition: transform .5s;
                cursor: pointer;
            }
            .box2_item1_left_swiper_box{
                width: 100%;
                height: 100%;
            }
            .box2_item1_left_swiper_top{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .box2_item1_left_swiper_img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box2_item1_left_top_date{
                position: absolute;
                top: 9px;
                right: 4px;
                width: 58px;
                height: 57px;
                background: #0769B2;
                box-sizing: border-box;
                padding: 0 4px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_left_top_date_text1{
                width: 100%;
                text-align: center;
                position: relative;
                font-weight: 400;
                font-size: 25px;
                color: #FFFFFF;
            }
            .box2_item1_left_top_date_text1::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_left_top_date_text2{
                padding-top: 4px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 14px;
                color: #FFFFFF;
            }
            .box2_item1_left_swiper_bottom{
                display: none;
            }
            .box2_item1_right{
                width: 100%;
                margin-top: 22px;
            }
            .box2_item1_right_bottom_item{
                width: 100%;
                height: 72px;
                display: flex;
            }
            .box2_item1_right_bottom_item:nth-child(n+2){
                margin-top: 14px;
            }
            .box2_item1_right_bottom_item_left{
                width: 145px;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all .5s;
                cursor: pointer;
            }
            .box2_item1_right_bottom_item_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all .5s;
            }
            .box2_item1_right_bottom_item_left_date{
                position: absolute;
                top: 4px;
                right: 4px;
                width: 58px;
                height: 57px;
                background: #0769B2;
                padding: 0 4px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box2_item1_right_bottom_item_left_date_text{
                width: 100%;
                position: relative;
                font-weight: 400;
                font-size: 25px;
                color: #FFFFFF;
                text-align: center;
            }
            .box2_item1_right_bottom_item_left_date_text::after{
                position: absolute;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_right_bottom_item_left_date_text1{
                box-sizing: border-box;
                padding-top: 1px;
                font-weight: 400;
                font-size: 14px;
                color: #FFFFFF;
            }
            .box2_item1_right_bottom_item_right{
                flex: 1;
                height: 100%;
                margin-left: 9px;
            }
            .box2_item1_right_bottom_item_right_title{
                width: 100%;
                font-weight: 400;
                font-size: 15px;
                color: #353535;
                box-sizing: border-box;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box2_item1_right_bottom_item_right_text{
                width: 100%;
                font-weight: 400;
                padding-top: 2px;
                font-size: 12px;
                color: #888787;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .more{
                width: 167px;
                height: 33px;
                background: linear-gradient(-90deg, #4EA0DC 0%, #64BDEE 100%);
                border-radius: 17px;
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                text-align: center;
                line-height: 33px;
                margin:39px auto 0 auto;
            }
            .box3{
                width: 100%;
                height: 100%;
                background: url("img/index/3.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 53px 0 64px 0;
            }
            .box3_item1{
                width: 100%;
            }
            .box3_item1_title{
                font-weight: bold;
                font-size: 24px;
                color: #000000;
                text-align: center;
                width: 100%;
            }
            .box3_item1_xian{
                width: 54px;
                height: 5px;
                background: #0769B2;
                margin:13px auto 0 auto;
            }
            .box3_item2{
                box-sizing: border-box;
                padding-top: 37px;
                height:300px;
                width: 90%;
                margin: 0 auto;
                overflow: hidden;
            }
            .box3_swiper{
                flex-direction: column;
                flex-wrap: wrap;
            }
            .box3_item2_swiper{
                display: flex;
                height: 100%;
                transition: transform .5s;
                /*flex-direction: column;*/
                /*flex-wrap: wrap;*/
            }
            .box3_item2_box{
                overflow: hidden;
                height:100%;
            }
            .box3_item2_box_item{
                flex: 1;
                display: flex;
                flex-direction: column;
            }
            .box3_item2_box_item_top{
                width: 100%;
                height: 222px;
            }
            .box3_item2_box_item_top img{
                width: 100%;
                height: 100%;
            }
            .box3_item2_box_item_bottom{
                width:100%;
                height: 61px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 16px;
                color: #000000;
                line-height: 61px;
                text-align: center;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box3_bottom{
                width: 92%;
                margin:30px auto 40px auto;
                display: flex;
                height: 6px;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }
            .box3_bottom_left{
                width: 46px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                left: 0;
                top: 0;
            }
            .box3_bottom_right{
                width: 46px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                right: 0;
                top: 0;
            }
            .pagination2{
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                box-sizing: border-box;
                padding: 0 14px;
            }
            .box4{
                width: 100%;
                height: 100%;
                background: url("img/index/4.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 25px 0 39px 0;
            }
            .box4_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 24px;
                color: #353535;
            }
            .box4_xian{
                margin:26px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box4_item1{
                display: none;
            }
            .box4_item2{
                display: none;
            }
            .box4_item3{
                width: 90%;
                margin:36px auto 0 auto;
            }
            .box4_item3_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
            }
            .box4_item3_top_box1{
                width: 72px;
                height: 31px;
                border-radius: 15px;
                border: 1px solid #4FA1DD;
                box-sizing: border-box;
                text-align: center;
                line-height: 28px;
                font-weight: 500;
                font-size: 15px;
                color: #4FA1DD;
            }
            .box4_item3_top_active{
                background: rgba(79, 161, 221, .3);
            }
            .box4_item3_top_box2{
                width: 101px;
                height: 31px;
                border-radius: 15px;
                box-sizing: border-box;
                border: 1px solid #4FA1DD;
                font-weight: 500;
                font-size: 15px;
                color: #4FA1DD;
                text-align: center;
                line-height: 28px;
            }
            .box4_item3_top_box3{
                width: 143px;
                height: 31px;
                border-radius: 15px;
                box-sizing: border-box;
                border: 1px solid #4FA1DD;
                font-weight: 500;
                font-size: 15px;
                color: #4FA1DD;
                text-align: center;
                line-height: 28px;
            }
            .box4_item3_bottom{
                width: 100%;
                margin: 22px 0 18px 0;
                height: 193px;
            }
            .box4_item3_bottom img{
                width: 100%;
                height: 100%;
            }
            .box4_item4{
                width: 90%;
                margin: 0 auto;
                box-sizing: border-box;
                padding: 0 18px 0 21px;
            }
            .box4_item4_box1{
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 18px;
            }
            .box4_item4_box1_item{
                width: 138px;
                height: 123px;
                position: relative;
            }
            .box4_item4_box1_item img{
                width: 100%;
                height: 100%;
            }
            .box4_item4_box1_item1{
                width: 140px;
                height: 124px;
                position: relative;
            }
            .box4_item4_box1_item1 img{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .box4_item4_box1_item_text{
                width: 100%;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0, -50%);
                font-weight: 300;
                font-size: 15px;
                color: #FFFFFF;
                letter-spacing: 4px;
            }
            .box5{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/5.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 20px 0 45px 0;
            }
            .box5_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 24px;
                color: #353535;
            }
            .box5_xian{
                margin:27px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box5_item1{
                width: 90%;
                margin:28px auto 40px auto;
                height: 100%;
            }
            .box5_item1_left{
                height: 100%;
                width: 100%;
            }
            .box5_item1_left_top{
                width: 100%;
                height: 54px;
                background: #F4F4F4;
                box-sizing: border-box;
                padding: 11px 10px 0 13px;
            }
            .box5_item1_left_top_text{
                font-weight: 400;
                font-size: 12px;
                color: #333333;
            }
            .box5_item1_left_top_box{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box5_item1_left_top_icon{
                width: 8px;
                height: 10px;
            }
            .box5_item1_left_top_text1{
                font-weight: 400;
                font-size: 14px;
                color: #333333;
            }
            .box5_item1_left_top_text2{
                font-weight: 400;
                font-size: 16px;
                color: #FF0000;
            }
            .box5_item1_left_top_text3{
                font-weight: 400;
                font-size: 12px;
                color: #FF0000;
            }
            .box5_item1_left_bottom{
                width: 100%;
                height: 439px;
                margin-top: 11px;
                box-sizing: border-box;
            }
            .box5_item1_left_bottom_text{
                font-weight: 400;
                font-size: 12px;
                color: #747474;
            }
            .box5_item1_left_bottom_img{
                width: 100%;
                height:393px;
                margin:15px auto 0 auto;
            }
            .box5_item1_right{
                height: 250px;
                width:100%;
                background: url("img/index/box5Img1.png") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 40px 0 0 31px;
                cursor: pointer;
            }
            .box5_item1_right_text{
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
                margin-bottom: 27px;
            }
            .box5_item1_right_box{
                width: 100%;
                margin-bottom: 15px;
            }
            .box5_item1_right_text1{
                font-weight: 400;
                font-size: 12px;
                color: #FFFFFF;
            }
            .box5_item1_right_text2{
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                box-sizing: border-box;
                padding-top: 12px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }

            .box6{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 39px 0 52px 0;
                background: url("img/index/6.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box6_item{
                width:90%;
                height: 100%;
                margin:32px auto 30px auto;
            }
            .box6_item_box{
                width: 100%;
                margin-bottom: 18px;
            }
            .box6_item_box_item{
                width: 100%;
                height: 111px;
                background: rgba(255, 255, 255, 0.85);
                box-shadow: -1px 3px 6px 1px rgba(78,78,78,0.24);
                border-radius: 3px;
                padding: 14px 26px 22px 94px ;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
                margin-bottom: 18px;
            }
            .box6_item_box_item_left{
                width: 105px;
                height: 20px;
                background: #0074C5;
                box-shadow: 0px 3px 7px 0px rgba(0,21,38,0.22);
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: -7px;
                top: 50%;
                transform: translateY(-50%);
            }
            .box6_item_text{
                font-weight: bold;
                font-size: 12px;
                color: #FFFFFF;
            }
            .box6_item_yuan{
                width: 13px;
                height: 13px;
                margin-left: 8px;
            }
            .box6_item_box_item_right{
                width: 100%;
                height: 100%;
            }
            .box6_item_box_item_right_box{
                width: 100%;
                display: flex;
                align-items: center;
            }
            .box6_icon{
                width: 10px;
                height: 11px;
            }
            .box6_item_box_item_right_title{
                flex: 1;
                box-sizing: border-box;
                padding-left: 4px;
                font-weight: 400;
                font-size: 15px;
                color: #333333;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6_item_box_item_right_text{
                width: 100%;
                box-sizing: border-box;
                padding: 6px 0 0 13px;
                font-weight: 400;
                font-size: 13px;
                color: #666666;
                line-height: 20px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box7{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/7.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px 0 21px 0;
            }
            .box7_title{
                width: 100%;
                text-align: center;
                font-weight: 800;
                font-size: 24px;
                color: #FFFFFF;
            }
            .box7_xian{
                margin:13px auto 0 auto;
                width: 44px;
                height: 4px;
                background: #FFFFFF;
            }
            .box7_item1{
                width: 90%;
                margin:35px auto 27px auto;
            }
            .box7_item1_box{
                width: 100%;
                height: 100%;
            }
            .box7_item1_box1{
                display: none;
            }
            .box7_item1_box_item{
                width: 100%;
                height: 239px;
                margin-bottom: 30px;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                overflow: hidden;
            }
            .box7_item1_box_top{
                width: 100%;
                height: 152px;
                min-height:152px;
            }
            .box7_item1_box_bottom{
                width: 100%;
                flex: 1;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 22px 9px 0 9px;
            }
            .box7_item1_box_bottom_text{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 300;
                font-size: 15px;
                color: #000000;
                line-height: 25px;
            }
            .box7_item1_box_bottom_text1{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 400;
                font-size: 16px;
                color: #A7A7A7;
                line-height: 21px;
                padding-top: 18px;
                display: none;
            }
            .box8{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/8.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px 0 37px 0;
            }
            .box8_item{
                width: 90%;
                height: 100%;
                margin:37px auto 54px auto;
            }
            .box8_item_left{
                width: 100%;
                height: 305px;
                background: rgba(255, 255, 255, .8);
                position: relative;
            }
            .box8_item_left_img{
                width: 130px;
                height: 37px;
                background: url("img/index/box8Img1.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 15px;
                left: -6px;
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
                text-align: center;
                line-height: 30px;
            }
            .box8_item_left_top{
                width: 85%;
                margin: 0 auto;
                position: absolute;
                top: 59px;
                left: 31px;
            }
            .box8_item_left_top_box{
                width: 100%;
                margin-top: 23px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
            }
            .box8_img1{
                width: 31px;
                height: 36px;
                background: url("img/index/box8Img3.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img2{
                width: 36px;
                height: 36px;
                background: url("img/index/box8Img4.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img3{
                width: 30px;
                height: 36px;
                background: url("img/index/box8Img5.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img4{
                width: 33px;
                height: 36px;
                background: url("img/index/box8Img6.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img5{
                width: 34px;
                height: 36px;
                background: url("img/index/box8Img7.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_item_left_top_text{
                font-weight: 400;
                font-size: 15px;
                color: #313131;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:4; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right{
                width:100%;
                box-sizing: border-box;
                padding-top: 31px;
                height: 100%;
            }
            .box8_item_right_top{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box8_item_right_top_box{
                width: 44px;
                height: 1px;
                background: #FFFFFF;
            }
            .box8_item_right_top_title{
                box-sizing: border-box;
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
                padding: 0 20px 0 22px;
            }
            .box8_item_right_bottom{
                width: 100%;
                margin-top: 24px;
            }
            .box8_item_right_bottom_item{
                width: 100%;
                margin-bottom: 20px;
            }
            .box8_item_right_bottom_item_img{
                width: 100%;
                height: 31px;
                background: url("img/index/box8Img2.png") no-repeat;
                background-size: 100% 100%;
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                line-height: 31px;
                box-sizing: border-box;
                padding: 0 21px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right_bottom_item_box{
                margin-top: 4px;
                width: 100%;
                height: 82px;
                background: #FFFFFF;
                box-shadow: 0px 7px 10px 0px rgba(69,69,69,0.15);
                border-radius: 11px;
                padding: 16px  19px 0 20px;
                box-sizing: border-box;
            }

            .box8_item_right_bottom_item_box_text{
                width: 100%;
                font-weight: 400;
                font-size: 12px;
                color: #333333;
                line-height: 20px;
            }
            .box8_item_right_bottom_item_box_text1{
                width: 100%;
                text-align: end;
                font-weight: 400;
                font-size: 12px;
                color: #1859A8;
                line-height: 20px;
            }
            .box8_more{
                width: 81px;
                height: 71px;
                margin: 0 auto;
                background: url("img/index/box8Img8wap.png") no-repeat;
                background-size: 100% 100%;
                position: relative;
                cursor: pointer;
            }
            .box8_more_text{
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
                font-weight: bold;
                font-size: 15px;
                color: #FFFFFF;
                letter-spacing: 3px;
                writing-mode:tb-rl;
            }
        }
        @media only screen and (min-width: 501px) and (max-width: 860px) {
            .streamer{
                display: none;
            }
            .float_img{
                display: none;
            }
            .couplet_left{
                display: none;
            }
            .couplet_right{
                display: none;
            }
            .index_section{
                display: none;
            }
            .box1{
                width: 100%;
                height: 100%;
                padding-bottom: 71px;
                background: url("img/index/1.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_bottom{
                width: 300px;
                position: absolute;
                bottom: 20px;
                z-index: 3;
                left: 50%;
                transform: translateX(-50%);
            }
            .box1_pagination1 .swiper-pagination-bullet{
                width: 10px;
                height: 10px;
                background: rgba(255,255,255,0.5);
                opacity: 0.4;
                margin-right: 33px;
                border-radius: 50%;
            }
            .box1_pagination1 .swiper-pagination-bullet-active{
                background:red;
            }
            .top_img{
                width: 100%;
                height: 100%;
            }
            .box1_item1{
                width: 100%;
            }
            .box1_item_left{
                width: 100%;
            }
            .box1_item_left_title{
                font-weight: bold;
                font-size: 48px;
                color: #333333;
                padding-top: 60px;
                width: 100%;
                text-align: center;
            }
            .box1_item_left_box1{
                width: 100%;
                margin-top: 32px;
            }
            .box1_item_left_box1_left{
                width: 57px;
                height: 5px;
                background: #005BA2;
                margin: 0 auto;
            }
            .box1_item_left_box1_right{
                display: none
            }
            .box1_item_left_box1_right_wap{
                width: 124px;
                margin: 32px 0 0 51px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box1_right_text{
                font-weight: 500;
                font-size: 16px;
                color: #8D8D8D;
            }
            .box1_item_left_box1_right_img{
                width: 100%;
                height: 17px;
                background: url("img/index/more.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box2{
                width: 90%;
                margin: 57px auto 45px auto;
                font-weight: 400;
                font-size: 16px;
                color: #353535;
                line-height: 30px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;

            }
            .box1_item_left_box3{
                width: 90%;
                margin: 0 auto;
                height: 92px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-sizing: border-box;
            }
            .box1_item_left_box3_item1{
                width: 182px;
                height: 100%;
                background: url("img/index/jxjt.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box3_item2{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box3_item2_text{
                font-weight: 800;
                font-size: 36px;
                color: #196F98;
            }
            .box1_item_left_box3_item2_text1{
                font-weight: 400;
                color: #000000;
                font-size: 18px;
                box-sizing: border-box;
                padding-top: 10px;
            }
            .box1_item_right{
                width: 90%;
                height: 391px;
                margin: 32px auto 0 auto;
                position: relative;
            }
            .box1_item_right_img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background: url("img/index/img1.png") no-repeat;
                background-size: 100% 100%;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box1_item_right_yuan{
                width: 148px;
                height: 148px;
                background: url("img/ImgaeVideo/yuan.png") no-repeat;
                background-size: 100%;
                animation: spin 2s linear infinite;
            }
            .box1_item_right_start{
                border-style: solid;
                border-width: 26px 0 26px 45px;
                border-color: transparent transparent transparent #fff;
                cursor: pointer;
                position: absolute;
                margin-left: 12px;
            }
            .box1_item_right_img_video{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                display: none;
            }
            .box1_item2{
                width: 90%;
                margin:46px auto 0 auto;
            }
            .box1_item2_box{
                width: 100%;
                height: 456px;
                margin-top: 43px;
                background: rgba(95, 166, 210, .8);
                border-radius: 0px 40px 0px 0px;
                box-sizing: border-box;
                padding: 0 44px;
                position: relative;
                transition:  all 0.5s;
            }
            .box1_item2_box_active{
                background: #0769B2!important;
                border-radius:0!important;
            }
            .box1_item2_box_active .box1_item2_box_img{
                display: none;
            }
            .box1_item2_box_bottom_title{
                width: 100%;
                font-weight: 500;
                font-size: 28px;
                color: #FFFFFF;
                margin-bottom: 43px;
                box-sizing: border-box;
                padding-top: 72px;
            }
            .box1_item2_box_bottom_text{
                width: 100%;
                font-weight: 300;
                font-size: 24px;
                color: #FFFFFF;
                line-height: 40px;
            }
            .box1_item2_box_img{
                width: 81px;
                height: 77px;
                background: url("img/index/box1Img.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 44px;
                bottom: 42px;
                transition:  all .5s;
            }
            .box2{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/2.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px  0;
            }
            .box2_item1{
                width: 90%;
                height: 100%;
                margin: 0 auto;
            }
            .box2_item1_top{
                width: 100%;
            }
            .box2_item1_left{
                width: 100%;
            }
            .box2_item1_left_title{
                width: 100%;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box2_item1_left_box1{
                margin:10px 0 0 0;
                width: 54px;
                height: 6px;
                background: #005BA2;
            }
            .box2_item1_right_top{
                width: 90%;
                margin: 0 auto;
                height: 100%;
                box-sizing: border-box;
                padding-top:56px;
                display: flex;
                justify-content: space-between;
            }
            .box2_item1_right_top_title{
                font-weight: 500;
                font-size: 30px;
                color: #353535;
            }
            .box2_item1_right_top_title_active{
                color: #4487BB;
            }
            .box2_item1_bottom{
                width: 100%;
                margin-top: 48px;
            }
            .box2_item1_left_swiper{
                width: 100%!important;
                height: 403px;
                overflow: hidden;
                position: relative;
            }

            .box2_item1_left_swiper_box_item{
                display: flex;
                height: 100%;
                transition: transform .5s;
                cursor: pointer;
            }
            .box2_item1_left_swiper_box{
                width: 100%;
                height: 100%;
            }
            .box2_item1_left_swiper_top{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .box2_item1_left_swiper_img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box2_item1_left_top_date{
                position: absolute;
                top: 19px;
                right: 8px;
                width: 117px;
                height: 114px;
                background: #0769B2;
                box-sizing: border-box;
                padding: 0 8px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_left_top_date_text1{
                width: 100%;
                text-align: center;
                position: relative;
                font-weight: 400;
                font-size: 50px;
                color: #FFFFFF;
            }
            .box2_item1_left_top_date_text1::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_left_top_date_text2{
                padding-top: 4px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 28px;
                color: #FFFFFF;
            }
            .box2_item1_left_swiper_bottom{
                display: none;
            }
            .box2_pagination1{
                position: absolute;
                right: 15px;
                top: 40%;
            }
            .box2_item1_right{
                width: 100%;
                margin-top: 22px;
            }
            .box2_item1_right_bottom_item{
                width: 100%;
                height: 184px;
                display: flex;
            }
            .box2_item1_right_bottom_item:nth-child(n+2){
                margin-top: 28px;
            }
            .box2_item1_right_bottom_item_left{
                width: 290px;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all .5s;
                cursor: pointer;
            }
            .box2_item1_right_bottom_item_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all .5s;
            }
            .box2_item1_right_bottom_item_left_date{
                position: absolute;
                top: 9px;
                right: 9px;
                width: 117px;
                height: 114px;
                background: #0769B2;
                padding: 0 8px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box2_item1_right_bottom_item_left_date_text{
                width: 100%;
                position: relative;
                font-weight: 400;
                font-size: 50px;
                color: #FFFFFF;
                text-align: center;
            }
            .box2_item1_right_bottom_item_left_date_text::after{
                position: absolute;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_right_bottom_item_left_date_text1{
                box-sizing: border-box;
                padding-top: 1px;
                font-weight: 400;
                font-size: 28px;
                color: #FFFFFF;
            }
            .box2_item1_right_bottom_item_right{
                flex: 1;
                height: 100%;
                margin-left: 18px;
            }
            .box2_item1_right_bottom_item_right_title{
                width: 100%;
                font-weight: 400;
                padding-top: 10px;
                font-size: 30px;
                color: #353535;
                box-sizing: border-box;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box2_item1_right_bottom_item_right_text{
                width: 100%;
                font-weight: 400;
                padding-top: 24px;
                font-size: 24px;
                color: #888787;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .more{
                width: 335px;
                height: 67px;
                background: linear-gradient(-90deg, #4EA0DC 0%, #64BDEE 100%);
                border-radius: 34px;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                text-align: center;
                line-height: 67px;
                margin:78px auto 0 auto;
            }
            .box3{
                width: 100%;
                height: 100%;
                background: url("img/index/3.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 107px 0 129px 0;
            }
            .box3_item1{
                width: 100%;
            }
            .box3_item1_title{
                font-weight: bold;
                font-size: 48px;
                color: #000000;
                text-align: center;
                width: 100%;
            }
            .box3_item1_xian{
                width: 54px;
                height: 5px;
                background: #0769B2;
                margin:26px auto 0 auto;
            }
            .box3_item2{
                box-sizing: border-box;
                padding-top: 74px;
                height:600px;
                width: 90%;
                margin: 0 auto;
                overflow: hidden;
            }
            .box3_item2_swiper{
                display: flex;
                height: 100%;
                transition: transform .5s;
            }
            .box3_item2_box{
                overflow: hidden;
                height: 100%;

            }
            .box3_item2_box_item{
                flex: 1;
                display: flex;
                flex-direction: column;
            }
            .box3_item2_box_item_top{
                width: 100%;
                height: 444px;
            }
            .box3_item2_box_item_top img{
                width: 100%;
                height: 100%;
            }
            .box3_item2_box_item_bottom{
                width:100%;
                height: 123px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 32px;
                color: #000000;
                line-height: 123px;
                text-align: center;
            }
            .box3_bottom{
                width: 92%;
                margin:60px auto 81px auto;
                display: flex;
                height: 13px;
                justify-content: space-between;
                align-items: center;
            }
            .box3_bottom_left{
                width: 92px;
                height: 100%;
                cursor: pointer;
            }
            .box3_bottom_right{
                width: 92px;
                height: 100%;
                cursor: pointer;
            }
            .box4{
                width: 100%;
                height: 100%;
                background: url("img/index/4.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 51px 0 79px 0;
            }
            .box4_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box4_xian{
                margin:26px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box4_item1{
                display: none;
            }
            .box4_item2{
                display: none;
            }
            .box4_item3{
                width: 90%;
                margin:73px auto 0 auto;
            }
            .box4_item3_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
            }
            .box4_item3_top_box1{
                width: 145px;
                height: 62px;
                border-radius: 31px;
                border: 3px solid #4FA1DD;
                box-sizing: border-box;
                text-align: center;
                line-height: 56px;
                font-weight: 500;
                font-size: 30px;
                color: #4FA1DD;
            }
            .box4_item3_top_active{
                background: rgba(79, 161, 221, .3);
            }
            .box4_item3_top_box2{
                width: 203px;
                height: 62px;
                border-radius: 31px;
                box-sizing: border-box;
                border: 3px solid #4FA1DD;
                font-weight: 500;
                font-size: 30px;
                color: #4FA1DD;
                text-align: center;
                line-height: 56px;
            }
            .box4_item3_top_box3{
                width: 286px;
                height: 62px;
                border-radius: 31px;
                box-sizing: border-box;
                border: 3px solid #4FA1DD;
                font-weight: 500;
                font-size: 30px;
                color: #4FA1DD;
                text-align: center;
                line-height: 56px;
            }
            .box4_item3_bottom{
                width: 100%;
                margin: 44px 0 37px 0;
                height: 387px;
            }
            .box4_item3_bottom img{
                width: 100%;
                height: 100%;
            }
            .box4_item4{
                width: 90%;
                margin: 0 auto;
                box-sizing: border-box;
                padding: 0 36px 0 42px;
            }
            .box4_item4_box1{
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 36px;
            }
            .box4_item4_box1_item{
                width: 277px;
                height: 246px;
                position: relative;
            }
            .box4_item4_box1_item img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }
            .box4_item4_box1_item1{
                width: 280px;
                height: 249px;
                position: relative;
            }
            .box4_item4_box1_item1 img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }
            .box4_item4_box1_item_text{
                width: 100%;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0, -50%);
                font-weight: 300;
                font-size: 30px;
                color: #FFFFFF;
                letter-spacing: 4px;
            }

            .box5{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/5.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 40px 0 90px 0;
            }
            .box5_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box5_xian{
                margin:27px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box5_item1{
                width: 90%;
                margin:57px auto 81px auto;
                height: 100%;
            }
            .box5_item1_left{
                height: 100%;
                width: 100%;
            }
            .box5_item1_left_top{
                width: 100%;
                height: 109px;
                background: #F4F4F4;
                box-sizing: border-box;
                padding: 23px 20px 0 26px;
            }
            .box5_item1_left_top_text{
                font-weight: 400;
                font-size: 24px;
                color: #333333;
            }
            .box5_item1_left_top_box{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box5_item1_left_top_icon{
                width: 17px;
                height: 20px;
            }
            .box5_item1_left_top_text1{
                font-weight: 400;
                font-size: 28px;
                color: #333333;
            }
            .box5_item1_left_top_text2{
                font-weight: 400;
                font-size: 32px;
                color: #FF0000;
            }
            .box5_item1_left_top_text3{
                font-weight: 400;
                font-size: 24px;
                color: #FF0000;
            }
            .box5_item1_left_bottom{
                width: 100%;
                height: 439px;
                margin-top: 22px;
                box-sizing: border-box;
            }
            .box5_item1_left_bottom_text{
                font-weight: 400;
                font-size: 24px;
                color: #747474;
            }
            .box5_item1_left_bottom_img{
                width: 100%;
                height:393px;
                margin:31px auto 0 auto;
            }
            .box5_item1_right{
                height: 450px;
                width:100%;
                background: url("img/index/box5Img1.png") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 80px 0 0 63px;
                cursor: pointer;
            }
            .box5_item1_right_text{
                font-weight: 400;
                font-size: 48px;
                color: #FFFFFF;
                margin-bottom: 55px;
            }
            .box5_item1_right_box{
                width: 100%;
                margin-bottom: 30px;
            }
            .box5_item1_right_text1{
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
            }
            .box5_item1_right_text2{
                font-weight: 400;
                font-size: 26px;
                color: #FFFFFF;
                box-sizing: border-box;
                padding-top: 12px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 79px 0 105px 0;
                background: url("img/index/6.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box6_item{
                width:90%;
                height: 100%;
                margin:65px auto 61px auto;
            }
            .box6_item_box{
                width: 100%;
                margin-bottom: 37px;
            }
            .box6_item_box_item{
                width: 100%;
                height: 223px;
                background: rgba(255, 255, 255, 0.85);
                box-shadow: -1px 3px 6px 1px rgba(78,78,78,0.24);
                border-radius: 6px;
                padding: 29px 52px 44px 188px ;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
                margin-bottom: 37px;
            }
            .box6_item_box_item_left{
                width: 211px;
                height: 40px;
                background: #0074C5;
                box-shadow: 0px 3px 7px 0px rgba(0,21,38,0.22);
                border-radius: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: -15px;
                top: 50%;
                transform: translateY(-50%);
            }
            .box6_item_text{
                font-weight: bold;
                font-size: 24px;
                color: #FFFFFF;
            }
            .box6_item_yuan{
                width: 26px;
                height: 26px;
                margin-left: 18px;
            }
            .box6_item_box_item_right{
                width: 100%;
                height: 100%;
            }
            .box6_item_box_item_right_box{
                width: 100%;
                display: flex;
                align-items: center;
            }
            .box6_icon{
                width: 20px;
                height: 22px;
            }
            .box6_item_box_item_right_title{
                flex: 1;
                box-sizing: border-box;
                padding-left: 9px;
                font-weight: 400;
                font-size: 30px;
                color: #333333;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6_item_box_item_right_text{
                width: 100%;
                box-sizing: border-box;
                padding: 13px 0 0 27px;
                font-weight: 400;
                font-size: 27px;
                color: #666666;
                line-height: 36px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }

            .box7{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/7.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 133px 0 141px 0;
            }
            .box7_title{
                width: 100%;
                text-align: center;
                font-weight: 800;
                font-size: 48px;
                color: #FFFFFF;
            }
            .box7_xian{
                margin:27px auto 0 auto;
                width: 44px;
                height: 4px;
                background: #FFFFFF;
            }
            .box7_item1{
                width: 90%;
                margin:51px auto 82px auto;
            }
            .box7_item1_box{
                width: 100%;
            }
            .box7_item1_box1{
                display: none;
            }
            .box7_item1_box_item{
                width: 100%;
                height: 479px;
                margin-bottom: 61px;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                overflow: hidden;
            }

            .box7_item1_box_top{
                width: 100%;
                min-height:305px;
                max-height: 305px;
            }
            .box7_item1_box_bottom{
                width: 100%;
                flex: 1;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 45px  19px 0 18px;
            }
            .box7_item1_box_bottom_text{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 300;
                font-size: 30px;
                color: #000000;
                line-height: 51px;
            }
            .box7_item1_box_bottom_text1{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 400;
                font-size: 16px;
                color: #A7A7A7;
                line-height: 21px;
                padding-top: 18px;
                display: none;
            }
            .box8{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/8.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px  0;
            }
            .box8_item{
                width: 90%;
                height: 100%;
                margin:75px auto 108px auto;
            }
            .box8_item_left{
                width: 100%;
                height: 610px;
                background: rgba(255, 255, 255, .8);
                position: relative;
            }
            .box8_item_left_img{
                width: 261px;
                height: 70px;
                background: url("img/index/box8Img1.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 31px;
                left: -13px;
                font-weight: 400;
                font-size: 36px;
                color: #FFFFFF;
                text-align: center;
                line-height: 55px;
            }
            .box8_item_left_top{
                width: 85%;
                margin: 0 auto;
                position: absolute;
                top: 119px;
                left: 62px;
            }
            .box8_item_left_top_box{
                width: 100%;
                margin-top: 46px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
            }
            .box8_img1{
                width: 63px;
                height: 73px;
                background: url("img/index/box8Img3.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img2{
                width: 72px;
                height: 73px;
                background: url("img/index/box8Img4.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img3{
                width: 61px;
                height: 73px;
                background: url("img/index/box8Img5.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img4{
                width: 66px;
                height: 73px;
                background: url("img/index/box8Img6.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img5{
                width: 68px;
                height: 73px;
                background: url("img/index/box8Img7.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_item_left_top_text{
                font-weight: 400;
                font-size: 30px;
                color: #313131;
                line-height: 48px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:4; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right{
                width:100%;
                box-sizing: border-box;
                padding-top: 63px;
                height: 100%;
            }
            .box8_item_right_top{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box8_item_right_top_box{
                width: 89px;
                height: 1px;
                background: #FFFFFF;
            }
            .box8_item_right_top_title{
                box-sizing: border-box;
                font-weight: 400;
                font-size: 36px;
                color: #FFFFFF;
                padding: 0 41px 0 44px;
            }
            .box8_item_right_bottom{
                width: 100%;
                margin-top: 49px;
            }
            .box8_item_right_bottom_item{
                width: 100%;
                margin-bottom: 40px;
            }
            .box8_item_right_bottom_item_img{
                width: 100%;
                height: 63px;
                background: url("img/index/box8Img2.png") no-repeat;
                background-size: 100% 100%;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                line-height: 63px;
                box-sizing: border-box;
                padding: 0 43px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right_bottom_item_box{
                margin-top: 8px;
                width: 100%;
                height: 164px;
                background: #FFFFFF;
                box-shadow: 0px 7px 10px 0px rgba(69,69,69,0.15);
                border-radius: 11px;
                padding: 32px  39px 0 40px;
                box-sizing: border-box;
            }
            .box8_item_right_bottom_item_box_text{
                width: 100%;

                font-weight: 400;
                font-size: 24px;
                color: #333333;
                line-height: 38px;
            }
            .box8_item_right_bottom_item_box_text1{
                width: 100%;
                text-align: end;
                font-weight: 400;
                font-size: 24px;
                color: #1859A8;
                line-height: 28px;
                padding-top: 15px;
            }
            .box8_more{
                width: 163px;
                height: 143px;
                margin: 0 auto;
                background: url("img/index/box8Img8wap.png") no-repeat;
                background-size: 100% 100%;
                position: relative;
                cursor: pointer;
            }
            .box8_more_text{
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
                font-weight: bold;
                font-size: 30px;
                color: #FFFFFF;
                letter-spacing: 3px;
                writing-mode:tb-rl;
            }
        }
        @media only screen and (min-width: 861px) and (max-width: 1023px) {
            .streamer{
                display: none;
            }
            .float_img{
                display: none;
            }
            .couplet_left{
                display: none;
            }
            .couplet_right{
                display: none;
            }
            .index_section{
                display: none;
            }
            .box1_item{
                width: 100%;
                height: 100%;
            }
            .top_img{
                width: 100%;
                height: 362px;
            }
            .box1{
                width: 100%;
                height: 100%;
                padding-bottom: 48px;
                box-sizing: border-box;
                background: url("img/index/box1.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item1{
                width: 90%;
                margin: 27px auto 0 auto;
                height: 254px;
                display: flex;
                box-sizing: border-box;
            }
            .box1_item_left{
                flex: 1;
            }
            .box1_item_left_title{
                font-weight: bold;
                font-size: 24px;
                color: #353535;
                padding-top: 11px;
                box-sizing: border-box;
            }
            .box1_item_left_box1{
                width: 100%;
                margin-top: 4px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box1_item_left_box1_left{
                width: 54px;
                height: 6px;
                background: #005BA2;
            }
            .box1_item_left_box1_right{
                width: 124px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box1_right_text{
                font-weight: 500;
                font-size: 14px;
                color: #8D8D8D;
            }
            .box1_item_left_box1_right_img{
                width: 100%;
                height: 17px;
                background: url("img/index/more.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box2{
                width: 90%;
                margin: 12px auto 15px auto;
                font-weight: 400;
                font-size: 16px;
                color: #353535;
                line-height: 30px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .box1_item_left_box3{
                width: 90%;
                margin: 0 auto;
                height: 61px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-sizing: border-box;
            }
            .box1_item_left_box3_item1{
                width: 118px;
                height: 100%;
                background: url("img/index/jxjt.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box3_item2{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box3_item2_text{
                font-weight: 800;
                font-size: 20px;
                color: #196F98;
            }
            .box1_item_left_box3_item2_text1{
                font-weight: 400;
                color: #000000;
                font-size: 14px;
                box-sizing: border-box;
                padding-top: 4px;
            }
            .box1_item_right{
                width: 389px;
                height: 100%;
                position: relative;
                margin-left: 33px;
            }
            .box1_item_right_img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background: url("img/index/img1.png") no-repeat;
                background-size: 100% 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box1_item_right_yuan{
                width: 50px;
                height: 50px;
                background: url("img/ImgaeVideo/yuan.png") no-repeat;
                background-size: 100%;
                animation: spin 2s linear infinite;
            }
            .box1_item_right_start{
                border-style: solid;
                border-width: 10px 0 10px 15px;
                border-color: transparent transparent transparent #fff;
                cursor: pointer;
                position: absolute;
                margin-left: 5px;
            }
            .box1_item_right_img_video{
                width: 100%;
                height: 100%;
                margin-left: 33px;
                display: none;
            }
            .box1_item2{
                width: 90%;
                margin:46px auto 0 auto;
            }
            .box1_item2_box{
                width: 100%;
                height: 200px;
                background: rgba(95, 166, 210, .8);
                border-radius: 0px 80px 0px 0px;
                box-sizing: border-box;
                padding:44px 28px  0 28px;
                position: relative;
                cursor:pointer;
                transition:  all 0.5s;
                margin-bottom: 40px;
                overflow: hidden;
            }
            .box1_item2_box_bottom_title{
                width: 100%;
                font-weight: 500;
                font-size: 20px;
                color: #FFFFFF;
                margin-bottom: 20px;
                transition:  all 0.5s;
            }
            .box1_item2_box_bottom_text{
                width: 100%;
                font-weight: 300;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 30px;
            }
            .box1_item2_box_img{
                width: 60px;
                height: 59px;
                background: url("img/index/box1Img.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 56px;
                bottom: 19px;
                transition:  all .5s;
            }
            .box1_item2_box:hover{
                border-radius: 0;
                background: rgba(0, 153, 224, .8);
            }
            .box1_item2_box:hover> .box1_item2_box_bottom_title{
                transform: translateX(25%);
            }
            .box1_item2_box:hover> .box1_item2_box_img{
                width: 0;
                height: 0;
            }
            .box2{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box2.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 107px 0 70px 0;
            }
            .box2_item1{
                width: 90%;
                height: 100%;
                margin: 0 auto;
            }
            .box2_item1_top{
                width: 100%;
            }
            .box2_item1_left{
                width: 100%;
            }
            .box2_item1_left_title{
                width: 100%;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box2_item1_left_box1{
                margin:10px 0 0 0;
                width: 54px;
                height: 6px;
                background: #005BA2;
            }
            .box2_item1_right_top{
                width: 90%;
                margin: 0 auto;
                height: 100%;
                box-sizing: border-box;
                padding-top:56px;
                display: flex;
                justify-content: space-between;
            }
            .box2_item1_right_top_title{
                font-weight: 500;
                font-size: 30px;
                color: #353535;
            }
            .box2_item1_right_top_title_active{
                color: #4487BB;
            }
            .box2_item1_bottom{
                width: 100%;
                margin-top: 48px;
            }
            .box2_item1_left_swiper{
                width: 100%!important;
                height: 403px;
                overflow: hidden;
                position: relative;
            }

            .box2_item1_left_swiper_box_item{
                display: flex;
                height: 100%;
                transition: transform .5s;
                cursor: pointer;
            }
            .box2_item1_left_swiper_box{
                width: 100%;
                height: 100%;
            }
            .box2_item1_left_swiper_top{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .box2_item1_left_swiper_img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box2_item1_left_top_date{
                position: absolute;
                top: 19px;
                right: 8px;
                width: 117px;
                height: 114px;
                background: #0769B2;
                box-sizing: border-box;
                padding: 0 8px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_left_top_date_text1{
                width: 100%;
                text-align: center;
                position: relative;
                font-weight: 400;
                font-size: 50px;
                color: #FFFFFF;
            }
            .box2_item1_left_top_date_text1::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_left_top_date_text2{
                padding-top: 4px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 28px;
                color: #FFFFFF;
            }
            .box2_item1_left_swiper_bottom{
                display: none;
            }
            .box2_pagination1{
                position: absolute;
                right: 15px;
                top: 40%;
            }
            .box2_item1_right{
                width: 100%;
                margin-top: 22px;
            }
            .box2_item1_right_bottom_item{
                width: 100%;
                height: 184px;
                display: flex;
            }
            .box2_item1_right_bottom_item:nth-child(n+2){
                margin-top: 28px;
            }
            .box2_item1_right_bottom_item_left{
                width: 290px;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all .5s;
                cursor: pointer;
            }
            .box2_item1_right_bottom_item_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all .5s;
            }
            .box2_item1_right_bottom_item_left_date{
                position: absolute;
                top: 9px;
                right: 9px;
                width: 117px;
                height: 114px;
                background: #0769B2;
                padding: 0 8px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box2_item1_right_bottom_item_left_date_text{
                width: 100%;
                position: relative;
                font-weight: 400;
                font-size: 50px;
                color: #FFFFFF;
                text-align: center;
            }
            .box2_item1_right_bottom_item_left_date_text::after{
                position: absolute;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_right_bottom_item_left_date_text1{
                box-sizing: border-box;
                padding-top: 1px;
                font-weight: 400;
                font-size: 28px;
                color: #FFFFFF;
            }
            .box2_item1_right_bottom_item_right{
                flex: 1;
                height: 100%;
                margin-left: 18px;
            }
            .box2_item1_right_bottom_item_right_title{
                width: 100%;
                font-weight: 400;
                padding-top: 10px;
                font-size: 30px;
                color: #353535;
                box-sizing: border-box;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box2_item1_right_bottom_item_right_text{
                width: 100%;
                font-weight: 400;
                padding-top: 24px;
                font-size: 24px;
                color: #888787;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .more{
                width: 335px;
                height: 67px;
                background: linear-gradient(-90deg, #4EA0DC 0%, #64BDEE 100%);
                border-radius: 34px;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                text-align: center;
                line-height: 67px;
                margin:78px auto 0 auto;
            }
            .box3{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 107px 0 129px 0;
            }
            .box3_item1{
                width: 100%;
            }
            .box3_item1_title{
                font-weight: bold;
                font-size: 48px;
                color: #000000;
                text-align: center;
                width: 100%;
            }
            .box3_item1_xian{
                width: 54px;
                height: 5px;
                background: #0769B2;
                margin:26px auto 0 auto;
            }
            .box3_item2{
                box-sizing: border-box;
                padding-top: 74px;
                height:600px;
                width: 90%;
                margin: 0 auto;
                overflow: hidden;
            }
            .box3_item2_swiper{
                display: flex;
                height: 100%;
                transition: transform .5s;
            }
            .box3_item2_box{
                overflow: hidden;
                height: 100%;
            }
            .box3_item2_box_item{
                flex: 1;
                display: flex;
                flex-direction: column;
            }
            .box3_item2_box_item_top{
                width: 100%;
                height: 444px;
            }
            .box3_item2_box_item_top img{
                width: 100%;
                height: 100%;
            }
            .box3_item2_box_item_bottom{
                width:100%;
                height: 123px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 32px;
                color: #000000;
                line-height: 123px;
                text-align: center;
            }
            .box3_bottom{
                width: 92%;
                margin:60px auto 81px auto;
                display: flex;
                height: 13px;
                justify-content: space-between;
                align-items: center;
            }
            .box3_bottom_left{
                width: 92px;
                height: 100%;
                cursor: pointer;
            }
            .box3_bottom_right{
                width: 92px;
                height: 100%;
                cursor: pointer;
            }
            .box4{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 51px 0 79px 0;
            }
            .box4_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box4_xian{
                margin:26px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box4_item1{
                display: none;
            }
            .box4_item2{
                display: none;
            }
            .box4_item3{
                width: 80%;
                margin:73px auto 0 auto;
            }
            .box4_item3_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
            }
            .box4_item3_top_box1{
                width: 145px;
                height: 62px;
                border-radius: 31px;
                border: 3px solid #4FA1DD;
                box-sizing: border-box;
                text-align: center;
                line-height: 56px;
                font-weight: 500;
                font-size: 30px;
                color: #4FA1DD;
            }
            .box4_item3_top_active{
                background: rgba(79, 161, 221, .3);
            }
            .box4_item3_top_box2{
                width: 203px;
                height: 62px;
                border-radius: 31px;
                box-sizing: border-box;
                border: 3px solid #4FA1DD;
                font-weight: 500;
                font-size: 30px;
                color: #4FA1DD;
                text-align: center;
                line-height: 56px;
            }
            .box4_item3_top_box3{
                width: 286px;
                height: 62px;
                border-radius: 31px;
                box-sizing: border-box;
                border: 3px solid #4FA1DD;
                font-weight: 500;
                font-size: 30px;
                color: #4FA1DD;
                text-align: center;
                line-height: 56px;
            }
            .box4_item3_bottom{
                width: 100%;
                margin: 44px 0 37px 0;
                height: 387px;
            }
            .box4_item3_bottom img{
                width: 100%;
                height: 100%;
            }
            .box4_item4{
                width: 80%;
                margin: 0 auto;
                box-sizing: border-box;
                padding: 0 36px 0 42px;
            }
            .box4_item4_box1{
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 36px;
            }
            .box4_item4_box1_item{
                width: 277px;
                height: 246px;
                position: relative;
            }
            .box4_item4_box1_item img{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .box4_item4_box1_item1{
                width: 280px;
                height: 249px;
                position: relative;
            }
            .box4_item4_box1_item1 img{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .box4_item4_box1_item_text{
                width: 100%;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0, -50%);
                font-weight: 300;
                font-size: 30px;
                color: #FFFFFF;
                letter-spacing: 4px;
            }
            .box5{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box5Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 40px 0 45px 0;
            }
            .box5_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box5_xian{
                margin:27px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box5_item1{
                width: 90%;
                margin:57px auto 81px auto;
                height: 100%;
            }
            .box5_item1_left{
                height: 100%;
                width: 100%;
            }
            .box5_item1_left_top{
                width: 100%;
                height: 109px;
                background: #F4F4F4;
                box-sizing: border-box;
                padding: 23px 20px 0 26px;
            }
            .box5_item1_left_top_text{
                font-weight: 400;
                font-size: 30px;
                color: #333333;
            }
            .box5_item1_left_top_box{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box5_item1_left_top_icon{
                width: 17px;
                height: 20px;
            }
            .box5_item1_left_top_text1{
                font-weight: 400;
                font-size: 30px;
                color: #333333;
            }
            .box5_item1_left_top_text2{
                font-weight: 400;
                font-size: 36px;
                color: #FF0000;
            }
            .box5_item1_left_top_text3{
                font-weight: 400;
                font-size: 24px;
                color: #FF0000;
            }
            .box5_item1_left_bottom{
                width: 100%;
                height: 439px;
                margin-top: 22px;
                box-sizing: border-box;
            }
            .box5_item1_left_bottom_text{
                font-weight: 400;
                font-size: 24px;
                color: #747474;
            }
            .box5_item1_left_bottom_img{
                width: 100%;
                height:393px;
                margin:31px auto 0 auto;
            }
            .box5_item1_right{
                height: 393px;
                width:100%;
                background: url("img/index/box5Img1.png") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 57px 0 0 63px;
                cursor: pointer;
            }
            .box5_item1_right_text{
                font-weight: 400;
                font-size: 48px;
                color: #FFFFFF;
                margin-bottom: 20px;
            }
            .box5_item1_right_box{
                width: 100%;
                margin-bottom: 30px;
            }
            .box5_item1_right_text1{
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
            }
            .box5_item1_right_text2{
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                box-sizing: border-box;
                padding-top: 12px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            /*.box5_item1_right_box:hover .box5_item1_right_text2{*/
            /*    transform: translate3d(0 ,-10px,0);*/
            /*}*/
            .box6{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 79px 0 105px 0;
                background: url("img/index/box6Img.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box6_item{
                width:90%;
                height: 100%;
                margin:65px auto 61px auto;
            }
            .box6_item_box{
                width: 100%;
                margin-bottom: 37px;
            }
            .box6_item_box_item{
                width: 100%;
                height: 223px;
                background: rgba(255, 255, 255, 0.85);
                box-shadow: -1px 3px 6px 1px rgba(78,78,78,0.24);
                border-radius: 6px;
                padding: 29px 52px 44px 208px;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
                margin-bottom: 37px;
            }
            .box6_item_box_item_left{
                width: 211px;
                height: 40px;
                background: #0074C5;
                box-shadow: 0px 3px 7px 0px rgba(0,21,38,0.22);
                border-radius: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: -15px;
                top: 50%;
                transform: translateY(-50%);
            }
            .box6_item_text{
                font-weight: bold;
                font-size: 24px;
                color: #FFFFFF;
            }
            .box6_item_yuan{
                width: 26px;
                height: 26px;
                margin-left: 18px;
            }
            .box6_item_box_item_right{
                width: 100%;
                height: 100%;
            }
            .box6_item_box_item_right_box{
                width: 100%;
                display: flex;
                align-items: center;
            }
            .box6_icon{
                width: 20px;
                height: 22px;
            }
            .box6_item_box_item_right_title{
                flex: 1;
                box-sizing: border-box;
                padding-left: 9px;
                font-weight: 400;
                font-size: 30px;
                color: #333333;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6_item_box_item_right_text{
                width: 100%;
                box-sizing: border-box;
                padding: 13px 0 0 27px;
                font-weight: 400;
                font-size: 27px;
                color: #666666;
                line-height: 36px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box7{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box7Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 133px 0 141px 0;
            }
            .box7_title{
                width: 100%;
                text-align: center;
                font-weight: 800;
                font-size: 48px;
                color: #FFFFFF;
            }
            .box7_xian{
                margin:27px auto 0 auto;
                width: 44px;
                height: 4px;
                background: #FFFFFF;
            }
            .box7_item1{
                width: 90%;
                margin:51px auto 82px auto;
            }
            .box7_item1_box{
                width: 100%;
            }
            .box7_item1_box1{
                display: none;
            }
            .box7_item1_box_item{
                width: 100%;
                height: 579px;
                margin-bottom: 61px;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                overflow: hidden;
            }

            .box7_item1_box_top{
                width: 100%;
                min-height:405px;
                max-height: 405px;
            }
            .box7_item1_box_bottom{
                width: 100%;
                flex: 1;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 45px  19px 0 18px;
            }
            .box7_item1_box_bottom_text{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 300;
                font-size: 30px;
                color: #000000;
            }
            .box7_item1_box_bottom_text1{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 400;
                font-size: 16px;
                color: #A7A7A7;
                line-height: 21px;
                padding-top: 18px;
                display: none;
            }
            .box8{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box8Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px 0 148px 0;
            }
            .box8_item{
                width: 90%;
                height: 100%;
                margin:75px auto 108px auto;
            }
            .box8_item_left{
                width: 100%;
                height: 610px;
                background: rgba(255, 255, 255, .8);
                position: relative;
            }
            .box8_item_left_img{
                width: 261px;
                height: 70px;
                background: url("img/index/box8Img1.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 31px;
                left: -13px;
                font-weight: 400;
                font-size: 36px;
                color: #FFFFFF;
                text-align: center;
                line-height: 55px;
            }
            .box8_item_left_top{
                width: 85%;
                margin: 0 auto;
                position: absolute;
                top: 119px;
                left: 62px;
            }
            .box8_item_left_top_box{
                width: 100%;
                margin-top: 46px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
            }
            .box8_img1{
                width: 63px;
                height: 73px;
                background: url("img/index/box8Img3.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img2{
                width: 72px;
                height: 73px;
                background: url("img/index/box8Img4.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img3{
                width: 61px;
                height: 73px;
                background: url("img/index/box8Img5.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img4{
                width: 66px;
                height: 73px;
                background: url("img/index/box8Img6.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img5{
                width: 68px;
                height: 73px;
                background: url("img/index/box8Img7.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_item_left_top_text{
                font-weight: 400;
                font-size: 30px;
                color: #313131;
                line-height: 48px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:4; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right{
                width:100%;
                box-sizing: border-box;
                padding-top: 63px;
                height: 100%;
            }
            .box8_item_right_top{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box8_item_right_top_box{
                width: 89px;
                height: 1px;
                background: #FFFFFF;
            }
            .box8_item_right_top_title{
                box-sizing: border-box;
                font-weight: 400;
                font-size: 36px;
                color: #FFFFFF;
                padding: 0 41px 0 44px;
            }
            .box8_item_right_bottom{
                width: 100%;
                margin-top: 49px;
            }
            .box8_item_right_bottom_item{
                width: 100%;
                margin-bottom: 40px;
            }
            .box8_item_right_bottom_item_img{
                width: 100%;
                height: 63px;
                background: url("img/index/box8Img2.png") no-repeat;
                background-size: 100% 100%;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                line-height: 63px;
                box-sizing: border-box;
                padding: 0 43px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right_bottom_item_box{
                margin-top: 8px;
                width: 100%;
                height: 164px;
                background: #FFFFFF;
                box-shadow: 0px 7px 10px 0px rgba(69,69,69,0.15);
                border-radius: 11px;
                padding: 32px  39px 0 40px;
                box-sizing: border-box;
                cursor: pointer;
            }
            .box8_item_right_bottom_item_box_text{
                width: 100%;
                font-weight: 400;
                font-size: 24px;
                color: #333333;
                line-height: 38px;
            }
            .box8_item_right_bottom_item_box_text1{
                width: 100%;
                text-align: end;
                font-weight: 400;
                font-size: 24px;
                color: #1859A8;
                line-height: 28px;
                padding-top: 15px;
            }
            .box8_more{
                width: 163px;
                height: 143px;
                margin: 0 auto;
                background: url("img/index/box8Img8wap.png") no-repeat;
                background-size: 100% 100%;
                position: relative;
                cursor: pointer;
            }
            .box8_more_text{
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
                font-weight: bold;
                font-size: 30px;
                color: #FFFFFF;
                letter-spacing: 3px;
                writing-mode:tb-rl;
            }
        }
        @media only screen and (min-width: 1024px)and (max-width: 1280px) {
            .more:hover{
                box-shadow: 0px 8px 0px 0px rgba(200,200,200,0.66);
            }
            .box1_item{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .box1_item_bottom{
                width: 300px;
                position: absolute;
                bottom: 20px;
                z-index: 3;
                left: 50%;
                transform: translateX(-50%);
            }
            .box1_pagination1{
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: center;
            }
            .top_img{
                width: 100vw!important;
                height: 100%;

            }
            .box1{
                width: 100%;
                height: 100%;
                padding: 30px  0;
                background: url("img/index/box1.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
            }
            .box1_item1{
                width: 975px;
                height: 254px;
                display: flex;
                box-sizing: border-box;
                margin: 27px auto 0 auto
            }
            .box1_item_left{
                flex: 1;
            }
            .box1_item_left_title{
                font-weight: bold;
                font-size: 24px;
                color: #353535;
                padding-top: 11px;
                box-sizing: border-box;
            }
            .box1_item_left_box1{
                width: 100%;
                margin-top: 4px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box1_item_left_box1_left{
                width: 54px;
                height: 6px;
                background: #005BA2;
            }
            .box1_item_left_box1_right{
                width: 124px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box1_right_text{
                font-weight: 500;
                font-size: 14px;
                color: #8D8D8D;
            }
            .box1_item_left_box1_right_img{
                width: 100%;
                height: 17px;
                background: url("img/index/more.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box2{
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #353535;
                line-height: 30px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding: 0 10px 0 12px;
                margin: 12px 0 15px 0;
            }
            .box1_item_left_box3{
                width: 100%;
                height: 61px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-sizing: border-box;
            }
            .box1_item_left_box3_item1{
                width: 118px;
                height: 100%;
                background: url("img/index/jxjt.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box3_item2{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box3_item2_text{
                font-weight: 800;
                font-size: 26px;
                color: #196F98;
            }
            .box1_item_left_box3_item2_text1{
                font-weight: 400;
                color: #000000;
                font-size: 15px;
                box-sizing: border-box;
                padding-top: 4px;
            }
            .box1_item_right{
                width: 489px;
                height: 100%;
                position: relative;
                margin-left: 33px;
            }
            .box1_item_right_img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background: url("img/index/img1.png") no-repeat;
                background-size: 100% 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box1_item_right_yuan{
                width: 40px;
                height: 40px;
                background: url("img/ImgaeVideo/yuan.png") no-repeat;
                background-size: 100%;
                animation: spin 2s linear infinite;
            }
            .box1_item_right_start{
                border-style: solid;
                border-width: 10px 0 10px 14px;
                border-color: transparent transparent transparent #fff;
                cursor: pointer;
                position: absolute;
                margin-left: 5px;
            }
            .box1_item_right_img_video{
                width: 100%;
                height: 100%;
                margin-left: 33px;
                display: none;
            }
            .box1_item2{
                width: 975px;
                margin:77px auto 0 auto;
                display: flex;
                justify-content: space-between;
            }
            .box1_item2_box{
                width: 313px;
                height: 284px;
                background: rgba(95, 166, 210, .8);
                border-radius: 0px 80px 0px 0px;
                box-sizing: border-box;
                padding:44px 28px  0 28px;
                position: relative;
                cursor:pointer;
                transition:  all 1s;
            }
            .box1_item2_box_bottom_title{
                width: 100%;
                font-weight: 500;
                font-size: 20px;
                color: #FFFFFF;
                margin-bottom: 20px;
                transition:  all 0.5s;
            }
            .box1_item2_box_bottom_text{
                width: 100%;
                font-weight: 300;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 30px;
            }
            .box1_item2_box_img{
                width: 60px;
                height: 59px;
                background: url("img/index/box1Img.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 56px;
                bottom: 29px;
                transition:  all .5s;
            }
            .box1_item2_box:hover{
                border-radius: 0;
                background: rgba(0, 153, 224, .8);
            }
            .box1_item2_box:hover> .box1_item2_box_bottom_title{
                transform: translateX(25%);
            }
            .box1_item2_box:hover> .box1_item2_box_img{
                width: 0;
                height: 0;
            }
            .box2{
                width: 100%;
                height:100%;
                box-sizing: border-box;
                background: url("img/index/box2.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px  0;
            }
            .box2_item1{
                width: 90%;
                height: 568px;
                margin:40px auto 60px auto;
            }
            .box2_item1_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .box2_item1_bottom{
                width: 100%;
                display: flex;
                margin-top: 52px;
            }
            .box2_item1_left{
                width: 555px;
                height: 100%;
            }
            .box2_item1_left1{
                display: none;
            }
            .box2_item1_left_title{
                font-weight: bold;
                font-size: 24px;
                color: #353535;
            }
            .box2_item1_left_box1{
                width: 54px;
                height: 6px;
                background: #005BA2;
                margin-top: 20px;
            }
            .box2_item1_left_swiper{
                width: 555px;
                height: 460px;
                overflow: hidden;
                position: relative;
            }
            .box2_pagination1{
                position: absolute;
                right: 22px;
                top: 30%;
            }
            .box2_item1_left_swiper_box_item{
                height: 100%;
                transition: transform .5s;
                display: flex;
                cursor: pointer;
            }
            .box2_item1_left_swiper_box{
                width: 100%;
                height: 100%;
            }
            .box2_item1_left_swiper_top{
                width: 100%;
                height: 352px;
                position: relative;
            }
            .box2_item1_left_swiper_img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box2_item1_left_swiper_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_left_top_date{
                position: absolute;
                top: 34px;
                right: 30px;
                width: 66px;
                height: 64px;
                background: #0769B2;
                box-sizing: border-box;
                padding: 0 7px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_left_top_date_text1{
                width: 100%;
                text-align: center;
                position: relative;
                font-weight: 400;
                font-size: 20px;
                color: #FFFFFF;
            }
            .box2_item1_left_top_date_text1::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_left_top_date_text2{
                padding-top: 4px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
            }
            .box2_item1_left_swiper_bottom{
                width: 100%;
                height: 98px;
            }
            .box2_item1_left_swiper_bottom_title{
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #000000;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding-top: 23px;
            }
            .box2_item1_left_swiper_bottom_text{
                padding-top: 14px;
                width: 100%;
                font-weight: 400;
                font-size: 12px;
                color: #717171;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .box2_item1_right{
                flex: 1;
                margin-left: 29px;
                height: 100%;
                box-sizing: border-box;
            }
            .box2_item1_right_top{
                flex:1;
                box-sizing: border-box;
                padding-left: 18px;
                display: flex;
                position: relative;
            }
            .box2_item1_right_top_title{
                width: 20%;
                font-weight: 500;
                font-size: 18px;
                color: #353535;
                cursor: pointer;
            }
            .box2_item1_right_bottom{
                width: 100%;
            }
            .box2_item1_right_bottom_item{
                width: 100%;
                display: flex;
                height: 115px;
            }
            .box2_item1_right_bottom_item:nth-child(n+2){
                margin-top: 55px;
            }
            .box2_item1_right_bottom_item_left{
                width: 231px;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all .5s;
                cursor: pointer;
            }
            .box2_item1_right_bottom_item_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_right_bottom_item_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all .5s;
            }
            .box2_item1_right_bottom_item_left_date{
                position: absolute;
                top: 8px;
                right: 7px;
                width: 50px;
                height: 50px;
                background: #0769B2;
                padding: 1px 2px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_right_bottom_item_left_date_text{
                width: 100%;
                position: relative;
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                text-align: center;
            }
            .box2_item1_right_bottom_item_left_date_text::after{
                position: absolute;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_right_bottom_item_left_date_text1{
                box-sizing: border-box;
                padding-top: 1px;
                font-weight: 400;
                font-size: 11px;
                color: #FFFFFF;
            }
            .box2_item1_right_bottom_item_right{
                flex: 1;
                height: 100%;
                margin-left: 13px;
            }
            .box2_item1_right_bottom_item_right_title{
                width: 100%;
                font-weight: 400;
                font-size: 14px;
                color: #353535;
                padding-top: 10px;
                box-sizing: border-box;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box2_item1_right_bottom_item_right_text{
                width: 100%;
                padding-top: 19px;
                font-weight: 400;
                font-size: 12px;
                color: #888787;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .more{
                width: 195px;
                height: 39px;
                background: linear-gradient(-90deg, #4EA0DC 0%, #64BDEE 100%);
                border-radius: 20px;
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
                text-align: center;
                line-height: 39px;
                margin: 0 auto;
            }
            .box3{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 30px  0;
            }
            .box3_item1{
                width: 100%;
            }
            .box3_item1_title{
                font-weight: bold;
                font-size: 48px;
                color: #000000;
                width: 100%;
                text-align: center;
            }
            .box3_item1_xian{
                width: 54px;
                height: 5px;
                background: #0769B2;
                margin:26px auto 0 auto;
            }
            .box3_item2{
                box-sizing: border-box;
                padding-top: 68px;
                height:340px;
                width: 963px;
                margin: 0 auto;
                overflow: hidden;
            }
            .box3_item2_swiper{
                display: flex;
                height: 100%;
                transition: transform .5s;
            }
            .box3_item2_box{
                width:100%!important;
                overflow: hidden;
                height: 100%;
                display: flex;
                column-gap: 10px;
            }
            .box3_item2_box_item{
                flex: 1;
                display: flex;
                flex-direction: column;
            }
            .box3_item2_box_item:nth-child(n+2){
                margin-left: 20px;
            }
            .box3_item2_box_item_top{
                width: 100%;
                height: 204px;
                cursor: pointer;
            }

            .box3_item2_box_item_top_img{
                width:100%;
                height: 204px;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box3_item2_box_item_top_img:hover{
                transform: scale(1.05);
            }
            .box3_item2_box_item_bottom{
                width:100%;
                height: 68px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 16px;
                color: #000000;
                padding-top: 38px;
                text-align: center;
            }
            .box3_bottom{
                width: 963px;
                margin:91px auto 94px auto;
                display: flex;
                height: 13px;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }
            .box3_bottom_left{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                left: 0;
                top: 0;
            }
            .box3_bottom_right{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                right: 0;
                top: 0;
            }
            .box4{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 30px  0;
            }
            .box4_item3{
                display: none;
            }
            .box4_item4{
                display: none;
            }
            .box4_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box4_xian{
                margin:26px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box4_item1{
                width: 968px;
                margin:53px auto 50px auto;
                display: flex;
                overflow: hidden;
            }
            .box4_item1_box{
                width: 100%;
                height: 500px;
                display: flex;
            }
            .box4_item1_box_left{
                width: 100px;
                height: 100%;
                background: url("img/index/box4_top.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                writing-mode:tb-rl;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding-top: 52px;
            }
            .box4_item1_box_left_img{
                width: 58px;
                height: 61px;
            }
            .box4_item1_box_left_text{
                font-weight: 500;
                font-size: 24px;
                color: #FFFFFF;
                padding-top: 32px;
                letter-spacing:5px;
            }
            .box4_item1_box_right{
                width: 0;
                height: 100%;
                position: relative;
                transition: all 0.5s
            }
            .box4_item1_box_active{
                width: 0;
            }
            .box4_item1_box_right img{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .box4_item2{
                width: 968px;
                margin:32px auto 60px auto;
                display: flex;
                justify-content: space-between;
            }
            .box4_item2_box{
                width: 229px;
                height: 202px;
                position: relative;
                cursor: pointer;

            }
            .box4_item2_box:hover .box4_item2_box_img{
                transform: scale(1.05);
            }
            .box4_item2_box_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box4_item2_box_text{
                position: absolute;
                left:0;
                top: 50%;
                transform: translate(0,-50%);
                width: 100%;
                text-align: center;
                font-weight: 300;
                font-size: 24px;
                color: #FFFFFF;
                letter-spacing: 4px;
            }
            .box5{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box5Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px  0;
            }
            .box5_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box5_xian{
                margin:27px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box5_item1{
                width: 966px;
                margin:60px auto 54px auto;
                height: 500px;
                display: flex;
            }
            .box5_item1_left{
                height: 100%;
                width: 544px;
            }
            .box5_item1_left_top{
                width: 100%;
                height: 119px;
                background: #F4F4F4;
                box-sizing: border-box;
                padding: 18px 15px 0 28px;
            }
            .box5_item1_left_top_text{
                font-weight: 400;
                font-size: 24px;
                color: #333333;
            }
            .box5_item1_left_top_box{
                width: 100%;
                margin-top: 12px;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box5_item1_left_top_icon{
                width: 17px;
                height: 20px;
            }
            .box5_item1_left_top_text1{
                font-weight: 400;
                font-size: 24px;
                color: #333333;
            }
            .box5_item1_left_top_text2{
                font-weight: 400;
                font-size: 30px;
                color: #FF0000;
            }
            .box5_item1_left_top_text3{
                font-weight: 400;
                font-size: 18px;
                color: #FF0000;
            }
            .box5_item1_left_bottom{
                width: 100%;
                height:402px;
                margin-top: 24px;
                box-sizing: border-box;
            }
            .box5_item1_left_bottom_text{
                font-weight: 400;
                font-size: 15px;
                color: #747474;
            }
            .box5_item1_left_bottom_img{
                width: 100%;
                height: 382px;
                margin:6px auto 0 auto;
            }
            .box5_item1_right{
                margin-left: 31px;
                height: 100%;
                min-width: 391px;
                flex: 1;
                background: url("img/index/box5Img1.png") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 66px 0 0 50px;
                cursor: pointer;
            }
            .box5_item1_right_text{
                font-weight: 400;
                font-size: 31px;
                color: #FFFFFF;
                margin-bottom: 40px;
            }
            .box5_item1_right_box{
                width: 100%;
                margin-bottom: 66px;
            }
            .box5_item1_right_text1{
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
            }
            .box5_item1_right_text2{
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
                box-sizing: border-box;
                padding-top: 25px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box5_item1_right_box:hover .box5_item1_right_text2{
                transform: translate3d(0 ,-10px,0);
            }
            .box6{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 30px  0;
                background: url("img/index/box6Img.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box6_item{
                width:939px;
                margin:62px auto 84px auto;
            }
            .box6_item_box{
                width: 100%;
                height: 136px;
                display: flex;
                justify-content: space-between;
                margin-bottom: 64px;
            }
            .box6_item_box_item{
                width: 443px;
                height: 100%;
                background: rgba(255, 255, 255, 0.85);
                border-radius: 6px;
                padding: 27px 25px 26px 143px ;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
                /*overflow: hidden;*/
                transition: all 0.5s
            }
            .box6_item_box_item:hover{
                transform: scale(1.05);
            }
            .box6_item_box_item:hover .box6_item_box_item_left{
                top: 50%;
                transform: translate(0, -50%);
            }
            .box6_item_box_item_left{
                width: 144px;
                height: 27px;
                background: #0074C5;
                box-shadow: 0px 3px 7px 0px rgba(0,21,38,0.22);
                border-radius: 13px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: -15px;
                top: 20%;
                transition: all 0.5s;
            }
            .box6_item_text{
                font-weight: bold;
                font-size: 16px;
                color: #FFFFFF;
            }
            .box6_item_yuan{
                width: 18px;
                height: 18px;
                margin-left: 11px;
            }
            .box6_item_box_item_right{
                width: 100%;
                height: 100%;
            }
            .box6_item_box_item_right_box{
                width: 100%;
                display: flex;
                align-items: center;
            }
            .box6_icon{
                width: 20px;
                height: 22px;
            }
            .box6_item_box_item_right_title{
                flex: 1;
                box-sizing: border-box;
                padding-left: 9px;
                font-weight: 400;
                font-size: 18px;
                color: #333333;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6_item_box_item_right_text{
                width: 100%;
                box-sizing: border-box;
                padding: 4px 0 0 27px;
                font-weight: 400;
                font-size: 15px;
                color: #666666;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }

            .box7{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box7Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px  0;
            }
            .box7_title{
                width: 100%;
                text-align: center;
                font-weight: 800;
                font-size: 48px;
                color: #FFFFFF;
            }
            .box7_xian{
                margin:27px auto 0 auto;
                width: 44px;
                height: 4px;
                background: #FFFFFF;
            }
            .box7_item1{
                width: 967px;
                margin:63px auto 81px auto;
            }
            .box7_item1_box{
                width: 100%;
                margin-bottom: 37px;
                display: flex;
                justify-content: space-between;
            }
            .box7_item1_box1{
                display: none;
            }
            .box7_item1_box_item{
                width: 304px;
                height: 270px;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                overflow: hidden;
            }
            .box7_item1_box_item:hover .box7_item1_box_top{
                min-height: 156px;
            }
            .box7_item1_box_top{
                width: 100%;
                height: 100%;
                min-height:183px;
                max-height: 183px;
                transition: all 0.5s;
                object-fit: cover;
            }
            .box7_item1_box_bottom{
                width: 100%;
                flex: 1;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 19px 12px;

            }
            .box7_item1_box_bottom_text{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 300;
                font-size: 20px;
                color: #000000;
            }
            .box7_item1_box_bottom_text1{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 400;
                font-size: 15px;
                color: #A7A7A7;
                line-height: 21px;
                padding-top: 13px;
            }

            .box8{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box8Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 30px  0;
            }
            .box8_item{
                width: 955px;
                height: 400px;
                margin:58px auto 80px auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box8_item_left{
                width: 542px;
                height: 100%;
                background: rgba(255, 255, 255, .8);
                position: relative;
            }
            .box8_item_left_img{
                width: 228px;
                height: 52px;
                background: url("img/index/box8Img1.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 29px;
                left: -10px;
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
                text-align: center;
                line-height: 60px;
            }
            .box8_item_left_top{
                width: 450px;
                margin: 0 auto;
                position: absolute;
                top: 100px;
                left: 47px;
            }
            .box8_item_left_top_box{
                width: 100%;
                margin-top: 33px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
            }
            .box8_img1{
                width: 51px;
                height: 59px;
                background: url("img/index/box8Img3.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img2{
                width: 60px;
                height: 59px;
                background: url("img/index/box8Img4.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img3{
                width: 50px;
                height: 59px;
                background: url("img/index/box8Img5.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img4{
                width: 54px;
                height: 59px;
                background: url("img/index/box8Img6.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img5{
                width: 56px;
                height: 59px;
                background: url("img/index/box8Img7.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_item_left_top_text{
                font-weight: 400;
                font-size: 18px;
                color: #313131;
                line-height: 36px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:4; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right{
                width: 365px;
            }
            .box8_item_right_top{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box8_item_right_top_box{
                width: 89px;
                height: 1px;
                background: #FFFFFF;
            }
            .box8_item_right_top_title{
                box-sizing: border-box;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                padding: 0 30px 0 33px;
            }
            .box8_item_right_bottom{
                width: 100%;
                margin-top: 12px;
            }
            .box8_item_right_bottom_item{
                width: 100%;
                margin-bottom: 10px;
            }
            .box8_item_right_bottom_item_img{
                width: 100%;
                height: 50px;
                background: url("img/index/box8Img2.png") no-repeat;
                background-size: 100% 100%;
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
                line-height: 50px;
                box-sizing: border-box;
                padding: 0 22px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right_bottom_item_box{
                margin-top: 5px;
                width: 100%;
                height: 111px;
                background: #FFFFFF;
                box-shadow: 0px 7px 10px 0px rgba(69,69,69,0.15);
                border-radius: 2px;
                box-sizing: border-box;
                padding: 22px  19px 0 24px;
                cursor: pointer;
            }
            .box8_item_right_bottom_item_box:hover .box8_item_right_bottom_item_box_text{
                color: #1859A8;
            }
            .box8_item_right_bottom_item_box_text{
                width: 100%;
                font-weight: 400;
                font-size: 15px;
                color: #333333;
                line-height: 21px;
            }
            .box8_item_right_bottom_item_box_text1{
                width: 100%;
                text-align: end;
                font-weight: 400;
                font-size: 12px;
                color: #1859A8;
                line-height: 21px;
            }
            .box8_more{
                width: 84px;
                height: 87px;
                margin: 0 auto;
                background: url("img/index/box8Img8.png") no-repeat;
                background-size: 100% 100%;
                position: relative;
                cursor: pointer;
            }
            .box8_more_text{
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
                font-weight: bold;
                font-size: 18px;
                color: #FFFFFF;
                letter-spacing: 3px;
                writing-mode:tb-rl;
            }
        }
        @media only screen and (min-width: 1281px) and (max-width: 1500px){
            .more:hover{
                box-shadow: 0px 8px 0px 0px rgba(200,200,200,0.66);
            }
            .box1_item{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .box1_item_bottom{
                width: 300px;
                position: absolute;
                bottom: 20px;
                z-index: 3;
                left: 50%;
                transform: translateX(-50%);
            }
            .top_img{
                width: 100vw!important;
                height: 100%;

            }
            .box1{
                width: 100%;
                height: 100%;
                padding: 140px 0 0 0;
                box-sizing: border-box;
                background: url("img/index/box1.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item1{
                width: 100%;
                height: 254px;
                display: flex;
                box-sizing: border-box;
                padding: 0 18px 0 35px;
                margin-top: 27px;
            }
            .box1_item_left{
                flex: 1;
            }
            .box1_item_left_title{
                font-weight: bold;
                font-size: 24px;
                color: #353535;
                padding-top: 11px;
                box-sizing: border-box;
            }
            .box1_item_left_box1{
                width: 100%;
                margin-top: 4px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box1_item_left_box1_left{
                width: 54px;
                height: 6px;
                background: #005BA2;
            }
            .box1_item_left_box1_right{
                width: 124px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box1_right_text{
                font-weight: 500;
                font-size: 14px;
                color: #8D8D8D;
            }
            .box1_item_left_box1_right_img{
                width: 100%;
                height: 17px;
                background: url("img/index/more.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box2{
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #353535;
                line-height: 30px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding: 0 10px 0 12px;
                margin: 12px 0 15px 0;
            }
            .box1_item_left_box3{
                width: 100%;
                height: 56px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-sizing: border-box;
            }
            .box1_item_left_box3_item1{
                width: 180px;
                height: 100%;
                background: url("img/index/jxjt.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box3_item2{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box3_item2_text{
                font-weight: 800;
                font-size: 30px;
                color: #196F98;
            }
            .box1_item_left_box3_item2_text1{
                font-weight: 400;
                color: #000000;
                font-size: 18px;
                box-sizing: border-box;
                padding-top: 4px;
            }
            .box1_item_right{
                width: 593px;
                height: 100%;
                position: relative;
                margin-left: 50px;
            }
            .box1_item_right_img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background: url("img/index/img1.png") no-repeat;
                background-size: 100% 100%;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box1_item_right_yuan{
                width: 60px;
                height: 60px;
                background: url("img/ImgaeVideo/yuan.png") no-repeat;
                background-size: 100%;
                animation: spin 2s linear infinite;
            }
            .box1_item_right_start{
                border-style: solid;
                border-width: 12px 0 12px 18px;
                border-color: transparent transparent transparent #fff;
                cursor: pointer;
                position: absolute;
                margin-left: 5px;
            }
            .box1_item2{
                width: 94%;
                margin:77px auto 0 auto;
                display: flex;
                justify-content: space-between;
            }
            .box1_item2_box{
                width: 380px;
                height: 284px;
                background: rgba(95, 166, 210, .8);
                border-radius: 0px 80px 0px 0px;
                box-sizing: border-box;
                padding:44px 28px  0 28px;
                position: relative;
                cursor:pointer;
                transition:  all 1s;
            }
            .box1_item2_box_bottom_title{
                width: 100%;
                font-weight: 500;
                font-size: 20px;
                color: #FFFFFF;
                margin-bottom: 20px;
                transition:  all 0.5s;
            }
            .box1_item2_box_bottom_text{
                width: 100%;
                font-weight: 300;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 30px;
            }
            .box1_item2_box_img{
                width: 60px;
                height: 59px;
                background: url("img/index/box1Img.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 56px;
                bottom: 29px;
                transition:  all .5s;
            }
            .box1_item2_box:hover{
                border-radius: 0;
                background: rgba(0, 153, 224, .8);
            }
            .box1_item2_box:hover> .box1_item2_box_bottom_title{
                transform: translateX(25%);
            }
            .box1_item2_box:hover> .box1_item2_box_img{
                width: 0;
                height: 0;
            }
            .box2{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box2.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 130px 0 0 0;
            }
            .box2_item1{
                width: 90%;
                height: 650px;
                margin: 0 auto 50px auto;
            }
            .box2_item1_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .box2_item1_bottom{
                width: 100%;
                display: flex;
                margin-top: 52px;
            }
            .box2_item1_left{
                width: 548px;
                height: 100%;
            }
            .box2_item1_left1{
                display: none;
            }
            .box2_item1_left_title{
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box2_item1_left_box1{
                width: 54px;
                height: 6px;
                background: #005BA2;
                margin-top: 20px;
            }
            .box2_item1_left_swiper{
                width: 548px;
                height: 560px;
                overflow: hidden;
                position: relative;
            }
            .box2_pagination1{
                position: absolute;
                right: 22px;
                top: 30%;
            }
            .box2_item1_left_swiper_box_item{
                height: 100%;
                transition: transform .5s;
                display: flex;
                cursor: pointer;
            }
            .box2_item1_left_swiper_box{
                width: 100%;
                height:100%;
            }
            .box2_item1_left_swiper_top{
                width: 100%;
                height: 352px;
                position: relative;
            }
            .box2_item1_left_swiper_img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box2_item1_left_swiper_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_left_top_date{
                position: absolute;
                top: 34px;
                right: 30px;
                width: 86px;
                height: 84px;
                background: #0769B2;
                box-sizing: border-box;
                padding: 0 7px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_left_top_date_text1{
                width: 100%;
                text-align: center;
                position: relative;
                font-weight: 400;
                font-size: 36px;
                color: #FFFFFF;
            }
            .box2_item1_left_top_date_text1::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_left_top_date_text2{
                padding-top: 4px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 20px;
                color: #FFFFFF;
            }
            .box2_item1_left_swiper_bottom{
                width: 100%;
                height: 98px;
            }
            .box2_item1_left_swiper_bottom_title{
                width: 100%;
                font-weight: 400;
                font-size: 20px;
                color: #000000;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding-top: 23px;
            }
            .box2_item1_left_swiper_bottom_text{
                padding-top: 14px;
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #717171;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .box2_item1_right{
                flex: 1;
                margin-left: 29px;
                height: 100%;
                box-sizing: border-box;
            }
            .box2_item1_right_top{
                flex:1;
                box-sizing: border-box;
                padding-left: 38px;
                display: flex;
                position: relative;
            }
            .box2_item1_right_top_title{
                width: 20%;
                font-weight: 500;
                font-size: 24px;
                color: #353535;
                cursor: pointer;
                text-align: center;
            }
            .box2_item1_right_bottom{
                width: 100%;
            }
            .box2_item1_right_bottom_item{
                width: 100%;
                display: flex;
                height: 115px;
            }
            .box2_item1_right_bottom_item:nth-child(n+2){
                margin-top: 56px;
            }
            .box2_item1_right_bottom_item_left{
                width: 231px;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all .5s;
                cursor: pointer;
            }
            .box2_item1_right_bottom_item_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_right_bottom_item_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all .5s;
            }
            .box2_item1_right_bottom_item_left_date{
                position: absolute;
                top: 8px;
                right: 7px;
                width: 50px;
                height: 50px;
                background: #0769B2;
                padding: 1px 2px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_right_bottom_item_left_date_text{
                width: 100%;
                position: relative;
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                text-align: center;
            }
            .box2_item1_right_bottom_item_left_date_text::after{
                position: absolute;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_right_bottom_item_left_date_text1{
                box-sizing: border-box;
                padding-top: 1px;
                font-weight: 400;
                font-size: 11px;
                color: #FFFFFF;
            }
            .box2_item1_right_bottom_item_right{
                flex: 1;
                height: 100%;
                margin-left: 13px;
            }
            .box2_item1_right_bottom_item_right_title{
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #353535;
                padding-top: 10px;
                box-sizing: border-box;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box2_item1_right_bottom_item_right_text{
                width: 100%;
                padding-top: 19px;
                font-weight: 400;
                font-size: 14px;
                color: #888787;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .more{
                width: 195px;
                height: 39px;
                background: linear-gradient(-90deg, #4EA0DC 0%, #64BDEE 100%);
                border-radius: 20px;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                text-align: center;
                line-height: 39px;
                margin: 0 auto;
            }
            .box3{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 200px 0 0 0;
            }
            .box3_item1{
                width: 100%;
            }
            .box3_item1_title{
                font-weight: bold;
                font-size: 48px;
                color: #000000;
                text-align: center;
                width: 100%;
            }
            .box3_item1_xian{
                width: 54px;
                height: 5px;
                background: #0769B2;
                margin:26px auto 0 auto;
            }
            .box3_item2{
                box-sizing: border-box;
                padding-top: 68px;
                height:411px;
                width: 90%;
                margin: 0 auto;
                overflow: hidden;
            }
            .box3_item2_swiper{
                display: flex;
                height: 100%;
                transition: transform .5s;
            }
            .box3_item2_box{
                width:100%;
                overflow: hidden;
                height: 100%;
                display: flex;
                column-gap: 10px;
            }
            .box3_item2_box_item{
                flex: 1;
                display: flex;
                flex-direction: column;
            }
            .box3_item2_box_item:nth-child(n+2){
                margin-left: 27px;
            }
            .box3_item2_box_item_top{
                width: 100%;
                height: 275px;
                cursor: pointer;
            }
            .box3_item2_box_item_top_img:hover{
                transform: scale(1.05);
            }
            .box3_item2_box_item_top_img{
                width: 100%;
                height: 275px;
                overflow: hidden;
                transition:  all 0.5s;
            }
            .box3_item2_box_item_bottom{
                width:100%;
                height: 68px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 16px;
                color: #000000;
                padding-top: 38px;
                text-align: center;
            }
            .box3_bottom{
                width: 990px;
                margin:76px auto 85px auto;
                display: flex;
                height: 13px;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }
            .box3_bottom_left{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                left: 0;
                top: 0;
            }
            .box3_bottom_right{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                right: 0;
                top: 0;
            }
            .box4{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 150px 0 0 0;
            }
            .box4_item3{
                display: none;
            }
            .box4_item4{
                display: none;
            }
            .box4_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box4_xian{
                margin:26px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box4_item1{
                width: 90%;;
                margin:53px auto 50px auto;
                display: flex;
                overflow: hidden;
            }
            .box4_item1_box{
                width: 100%;
                height: 500px;
                display: flex;
            }
            .box4_item1_box_left{
                width: 130px;
                height: 100%;
                background: url("img/index/box4_top.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                writing-mode:tb-rl;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding-top: 52px;
            }
            .box4_item1_box_left_img{
                width: 58px;
                height: 61px;
            }
            .box4_item1_box_left_text{
                font-weight: 500;
                font-size: 24px;
                color: #FFFFFF;
                padding-top: 32px;
                letter-spacing:5px;
            }
            .box4_item1_box_right{
                width: 0;
                height: 100%;
                position: relative;
                transition: all 0.5s
            }
            .box4_item1_box_active{
                width: 0;
            }
            .box4_item1_box_right img{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .box4_item2{
                width: 90%;
                margin:32px auto 60px auto;
                display: flex;
                justify-content: space-between;
            }
            .box4_item2_box{
                width: 312px;
                height: 212px;
                position: relative;
                cursor: pointer;

            }
            .box4_item2_box:hover .box4_item2_box_img{
                transform: scale(1.05);
            }
            .box4_item2_box_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: all 0.5s;
                overflow: hidden;
            }
            .box4_item2_box_text{
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                font-weight: 300;
                font-size: 26px;
                color: #FFFFFF;
                letter-spacing: 4px;
            }
            .box5{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box5Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 150px 0 0 0;
            }
            .box5_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box5_xian{
                margin:27px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box5_item1{
                width: 90%;
                margin:60px auto 54px auto;
                height: 500px;
                display: flex;
            }
            .box5_item1_left{
                height: 100%;
                width: 733px;
            }
            .box5_item1_left_top{
                width: 100%;
                height: 119px;
                background: #F4F4F4;
                box-sizing: border-box;
                padding: 18px 20px 0 28px;
            }
            .box5_item1_left_top_text{
                font-weight: 400;
                font-size: 30px;
                color: #333333;
            }
            .box5_item1_left_top_box{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box5_item1_left_top_icon{
                width: 17px;
                height: 20px;
            }
            .box5_item1_left_top_text1{
                font-weight: 400;
                font-size: 30px;
                color: #333333;
            }
            .box5_item1_left_top_text2{
                font-weight: 400;
                font-size: 36px;
                color: #FF0000;
            }
            .box5_item1_left_top_text3{
                font-weight: 400;
                font-size: 24px;
                color: #FF0000;
            }
            .box5_item1_left_bottom{
                width: 100%;
                height:402px;
                margin-top: 24px;
                box-sizing: border-box;
            }
            .box5_item1_left_bottom_text{
                font-weight: 400;
                font-size: 16px;
                color: #747474;
            }
            .box5_item1_left_bottom_img{
                width: 717px;
                height: 382px;
                margin:6px auto 0 auto;
            }
            .box5_item1_right{
                margin-left: 42px;
                height: 100%;
                flex: 1;
                background: url("img/index/box5Img1.png") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 89px 0 0 48px;
                cursor: pointer;
            }
            .box5_item1_right_text{
                font-weight: 400;
                font-size: 42px;
                color: #FFFFFF;
                margin-bottom: 40px;
            }
            .box5_item1_right_box{
                width: 100%;
                margin-bottom: 70px;
            }
            .box5_item1_right_text1{
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
            }
            .box5_item1_right_text2{
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
                box-sizing: border-box;
                padding-top: 27px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box5_item1_right_box:hover .box5_item1_right_text2{
                transform: translate3d(0 ,-10px,0);
            }
            .box6{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 180px 0 0 0;
                background: url("img/index/box6Img.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box6_item{
                width:90%;
                margin:107px auto 84px auto;
            }
            .box6_item_box{
                width: 100%;
                height: 153px;
                display: flex;
                justify-content: space-between;
                margin-bottom: 72px;
            }
            .box6_item_box_item{
                width: 550px;
                height: 100%;
                background: rgba(255, 255, 255, 0.85);
                border-radius: 6px;
                padding: 27px 25px 26px 143px ;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
                /*overflow: hidden;*/
                transition: all 0.5s
            }
            .box6_item_box_item:hover{
                transform: scale(1.05)
            }
            .box6_item_box_item:hover .box6_item_box_item_left{
                top: 50%;
                transform: translate(0, -50%);
            }
            .box6_item_box_item_left{
                width: 144px;
                height: 27px;
                background: #0074C5;
                box-shadow: 0px 3px 7px 0px rgba(0,21,38,0.22);
                border-radius: 13px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: -15px;
                top: 20%;
                transition: all 0.5s;
            }
            .box6_item_text{
                font-weight: bold;
                font-size: 16px;
                color: #FFFFFF;
            }
            .box6_item_yuan{
                width: 18px;
                height: 18px;
                margin-left: 11px;
            }
            .box6_item_box_item_right{
                width: 100%;
                height: 100%;
            }
            .box6_item_box_item_right_box{
                width: 100%;
                display: flex;
                align-items: center;
            }
            .box6_icon{
                width: 20px;
                height: 22px;
            }
            .box6_item_box_item_right_title{
                flex: 1;
                box-sizing: border-box;
                padding-left: 9px;
                font-weight: 400;
                font-size: 20px;
                color: #333333;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6_item_box_item_right_text{
                width: 100%;
                box-sizing: border-box;
                padding-left: 27px;
                font-weight: 400;
                font-size: 16px;
                color: #666666;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box7{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box7Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 200px 0 0 0;
            }
            .box7_title{
                width: 100%;
                text-align: center;
                font-weight: 800;
                font-size: 48px;
                color: #FFFFFF;
            }
            .box7_xian{
                margin:27px auto 0 auto;
                width: 44px;
                height: 4px;
                background: #FFFFFF;
            }
            .box7_item1{
                width: 90%;
                margin:71px auto 100px auto;
            }
            .box7_item1_box{
                width: 100%;
                margin-bottom: 37px;
                display: flex;
                justify-content: space-between;
            }
            .box7_item1_box1{
                width: 100%;
                margin-bottom: 37px;
                display: flex;
                justify-content: space-between;
            }
            .box7_item1_box_item{
                width: 362px;
                height: 337px;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                overflow: hidden;
            }
            .box7_item1_box_item:hover .box7_item1_box_top{
                min-height: 201px;
            }
            .box7_item1_box_top{
                width: 100%;
                min-height:235px;
                height: 100%;
                max-height: 235px;
                transition: all 0.5s;
                object-fit: cover;
            }
            .box7_item1_box_bottom{
                width: 100%;
                flex: 1;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 29px 17px;

            }
            .box7_item1_box_bottom_text{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 300;
                font-size: 20px;
                color: #000000;
            }
            .box7_item1_box_bottom_text1{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 400;
                font-size: 16px;
                color: #A7A7A7;
                line-height: 21px;
                padding-top: 18px;
            }

            .box8{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box8Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 140px 0 0 0;
            }
            .box8_item{
                width: 90%;
                height: 400px;
                margin:58px auto 80px auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box8_item_left{
                width: 642px;
                height: 100%;
                background: rgba(255, 255, 255, .8);
                position: relative;
            }
            .box8_item_left_img{
                width: 228px;
                height: 52px;
                background: url("img/index/box8Img1.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 29px;
                left: -10px;
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
                text-align: center;
                line-height: 60px;
            }
            .box8_item_left_top{
                width: 85%;
                margin: 0 auto;
                position: absolute;
                top: 100px;
                left: 47px;
            }
            .box8_item_left_top_box{
                width: 100%;
                margin-top: 33px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
            }
            .box8_img1{
                width: 51px;
                height: 59px;
                background: url("img/index/box8Img3.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img2{
                width: 60px;
                height: 59px;
                background: url("img/index/box8Img4.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img3{
                width: 50px;
                height: 59px;
                background: url("img/index/box8Img5.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img4{
                width: 54px;
                height: 59px;
                background: url("img/index/box8Img6.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img5{
                width: 56px;
                height: 59px;
                background: url("img/index/box8Img7.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_item_left_top_text{
                font-weight: 400;
                font-size: 18px;
                color: #313131;
                line-height: 36px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:4; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right{
                width: 465px;
            }
            .box8_item_right_top{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box8_item_right_top_box{
                width: 89px;
                height: 1px;
                background: #FFFFFF;
            }
            .box8_item_right_top_title{
                box-sizing: border-box;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                padding: 0 30px 0 33px;
            }
            .box8_item_right_bottom{
                width: 100%;
                margin-top: 12px;
            }
            .box8_item_right_bottom_item{
                width: 100%;
                margin-bottom: 10px;
            }
            .box8_item_right_bottom_item_img{
                width: 100%;
                height: 50px;
                background: url("img/index/box8Img2.png") no-repeat;
                background-size: 100% 100%;
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
                line-height: 50px;
                box-sizing: border-box;
                padding: 0 22px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right_bottom_item_box{
                margin-top: 5px;
                width: 100%;
                height: 111px;
                background: #FFFFFF;
                box-shadow: 0px 7px 10px 0px rgba(69,69,69,0.15);
                border-radius: 2px;
                box-sizing: border-box;
                padding: 22px  19px 0 24px;
                cursor: pointer;
            }
            .box8_item_right_bottom_item_box:hover .box8_item_right_bottom_item_box_text{
                color: #1859A8;
            }
            .box8_item_right_bottom_item_box_text{
                width: 100%;
                font-weight: 400;
                font-size: 15px;
                color: #333333;
                line-height: 21px;
            }
            .box8_item_right_bottom_item_box_text1{
                width: 100%;
                text-align: end;
                font-weight: 400;
                font-size: 12px;
                color: #1859A8;
                line-height: 21px;
            }
            .box8_more{
                width: 84px;
                height: 87px;
                margin: 0 auto;
                background: url("img/index/box8Img8.png") no-repeat;
                background-size: 100% 100%;
                position: relative;
                cursor: pointer;
            }
            .box8_more_text{
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
                font-weight: bold;
                font-size: 18px;
                color: #FFFFFF;
                letter-spacing: 3px;
                writing-mode:tb-rl;
            }


        }
        @media only screen and (min-width: 1501px) and (max-width: 1700px){
            .more:hover{
                box-shadow: 0px 8px 0px 0px rgba(200,200,200,0.66);
            }
            .box1{
                width: 100%;
                height: 100%;
                padding:100px 0 0 0;
                box-sizing: border-box;
                background: url("img/index/box1.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .box1_item_bottom{
                width: 300px;
                position: absolute;
                bottom: 20px;
                z-index: 3;
                left: 50%;
                transform: translateX(-50%);
            }
            .top_img{
                width: 100vw!important;
                height: 100%;
            }
            .box1_item1{
                width: 1300px;
                height: 300px;
                display: flex;
                position: relative;
                box-sizing: border-box;
                margin: 27px auto 0 auto;
            }
            .box1_item_left{
                flex: 1;
            }
            .box1_item_left_title{
                font-weight: bold;
                font-size: 48px;
                color: #353535;
                padding-top: 21px;
                box-sizing: border-box;
            }
            .box1_item_left_box1{
                width: 100%;
                margin-top: 4px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box1_item_left_box1_left{
                width: 54px;
                height: 6px;
                background: #005BA2;
            }
            .box1_item_left_box1_right{
                width: 124px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box1_right_text{
                font-weight: 500;
                font-size: 16px;
                color: #8D8D8D;
            }
            .box1_item_left_box1_right_img{
                width: 100%;
                height: 17px;
                background: url("img/index/more.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box2{
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #353535;
                line-height: 30px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding: 0 10px 0 12px;
                margin: 12px 0 15px 0;
            }
            .box1_item_left_box3{
                width: 100%;
                height: 92px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-sizing: border-box;
            }
            .box1_item_left_box3_item1{
                width: 180px;
                height: 100%;
                background: url("img/index/jxjt.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box3_item2{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box3_item2_text{
                font-weight: 800;
                font-size: 28px;
                color: #196F98;
            }
            .box1_item_left_box3_item2_text1{
                font-weight: 400;
                color: #000000;
                font-size: 16px;
                box-sizing: border-box;
                padding-top: 10px;
            }
            .box1_item_right{
                width: 600px;
                height: 100%;
                position: relative;
                margin-left: 60px;
            }
            .box1_item_right_img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background: url("img/index/img1.png") no-repeat;
                background-size: 100% 100%;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box1_item_right_yuan{
                width: 86px;
                height: 86px;
                background: url("img/ImgaeVideo/yuan.png") no-repeat;
                background-size: 100%;
                animation: spin 2s linear infinite;
            }
            .box1_item_right_start{
                border-style: solid;
                border-width: 12px 0 12px 18px;
                border-color: transparent transparent transparent #fff;
                cursor: pointer;
                position: absolute;
                margin-left: 5px;
            }
            .box1_item2{
                width: 1300px;
                margin:50px auto 0 auto;
                display: flex;
                justify-content: space-between;
            }
            .box1_item2_box{
                width: 419px;
                height: 184px;
                background: rgba(95, 166, 210, .8);
                border-radius: 0px 40px 0px 0px;
                box-sizing: border-box;
                padding:20px 28px  0 28px;
                position: relative;
                cursor:pointer;
                transition:  all 1s;
            }
            .box1_item2_box_bottom_title{
                width: 100%;
                font-weight: 500;
                font-size: 16px;
                color: #FFFFFF;
                margin-bottom: 10px;
                transition:  all 0.5s;
            }
            .box1_item2_box_bottom_text{
                width: 100%;
                font-weight: 300;
                font-size: 14px;
                color: #FFFFFF;
                line-height: 25px;
            }
            .box1_item2_box_img{
                width: 50px;
                height: 45px;
                background: url("img/index/box1Img.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 56px;
                bottom: 9px;
                transition:  all .5s;
            }
            .box1_item2_box:hover{
                border-radius: 0;
                background: rgba(0, 153, 224, .8);
            }
            .box1_item2_box:hover> .box1_item2_box_bottom_title{
                transform: translateX(25%);
            }
            .box1_item2_box:hover> .box1_item2_box_img{
                width: 0;
                height: 0;
            }
            .box2{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box2.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 120px 0 0 0;
            }
            .box2_item1{
                width: 1300px;
                height: 520px;
                margin: 0 auto 10px auto;
            }
            .box2_item1_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .box2_item1_bottom{
                width: 100%;
                display: flex;
                margin-top: 52px;
            }
            .box2_item1_left{
                width: 648px;
                height: 100%;
            }
            .box2_item1_left1{
                display: none;
            }
            .box2_item1_left_title{
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box2_item1_left_box1{
                width: 54px;
                height: 6px;
                background: #005BA2;
                margin-top: 20px;
            }
            .box2_item1_left_swiper{
                width: 648px;
                height: 380px;
                overflow: hidden;
                position: relative;
            }
            .box2_pagination1{
                position: absolute;
                right: 22px;
                top: 30%;
            }
            .box2_item1_left_swiper_box_item{
                height: 100%;
                transition: transform .5s;
                display: flex;
                cursor: pointer;
            }
            .box2_item1_left_swiper_box{
                width: 100%;
                height:100%;
            }
            .box2_item1_left_swiper_top{
                width: 100%;
                height: 280px;
                position: relative;
            }
            .box2_item1_left_swiper_img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box2_item1_left_swiper_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_left_top_date{
                position: absolute;
                top: 34px;
                right: 30px;
                width: 86px;
                height: 84px;
                background: #0769B2;
                box-sizing: border-box;
                padding: 0 7px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_left_top_date_text1{
                width: 100%;
                text-align: center;
                position: relative;
                font-weight: 400;
                font-size: 36px;
                color: #FFFFFF;
            }
            .box2_item1_left_top_date_text1::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_left_top_date_text2{
                padding-top: 4px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 20px;
                color: #FFFFFF;
            }
            .box2_item1_left_swiper_bottom{
                width: 100%;
                height: 98px;
            }
            .box2_item1_left_swiper_bottom_title{
                width: 100%;
                font-weight: 400;
                font-size: 20px;
                color: #000000;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding-top: 13px;
            }
            .box2_item1_left_swiper_bottom_text{
                padding-top: 10px;
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #717171;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .box2_item1_right{
                flex: 1;
                margin-left: 29px;
                height: 100%;
                box-sizing: border-box;
            }
            .box2_item1_right_top{
                flex: 1;
                box-sizing: border-box;
                padding-left: 38px;
                display: flex;
                position: relative;
            }
            .box2_item1_right_top_title{
                width: 20%;
                font-weight: 500;
                font-size: 20px;
                color: #353535;
                cursor: pointer;
                text-align: center;
            }
            .box2_item1_right_bottom{
                width: 100%;
            }
            .box2_item1_right_bottom_item{
                width: 100%;
                display: flex;
                height: 105px;
            }
            .box2_item1_right_bottom_item:nth-child(n+2){
                margin-top: 30px;
            }
            .box2_item1_right_bottom_item_left{
                width: 231px;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all .5s;
                cursor: pointer;
            }
            .box2_item1_right_bottom_item_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_right_bottom_item_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all .5s;
            }
            .box2_item1_right_bottom_item_left_date{
                position: absolute;
                top: 8px;
                right: 7px;
                width: 50px;
                height: 50px;
                background: #0769B2;
                padding: 1px 2px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_right_bottom_item_left_date_text{
                width: 100%;
                position: relative;
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                text-align: center;
            }
            .box2_item1_right_bottom_item_left_date_text::after{
                position: absolute;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_right_bottom_item_left_date_text1{
                box-sizing: border-box;
                padding-top: 1px;
                font-weight: 400;
                font-size: 11px;
                color: #FFFFFF;
            }
            .box2_item1_right_bottom_item_right{
                flex: 1;
                height: 100%;
                margin-left: 13px;
            }
            .box2_item1_right_bottom_item_right_title{
                width: 100%;
                font-weight: 400;
                font-size: 18px;
                color: #353535;
                padding-top: 4px;
                box-sizing: border-box;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box2_item1_right_bottom_item_right_text{
                width: 100%;
                padding-top: 9px;
                font-weight: 400;
                font-size: 16px;
                color: #888787;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .more{
                width: 195px;
                height: 39px;
                background: linear-gradient(-90deg, #4EA0DC 0%, #64BDEE 100%);
                border-radius: 20px;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                text-align: center;
                line-height: 39px;
                margin: 0 auto;
            }
            .box3{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 120px 0 0 0;
            }
            .box3_item1{
                width: 100%;
            }
            .box3_item1_title{
                font-weight: bold;
                font-size: 48px;
                color: #000000;
                text-align: center;
                width: 100%;
            }
            .box3_item1_xian{
                width: 54px;
                height: 5px;
                background: #0769B2;
                margin:26px auto 0 auto;
            }
            .box3_item2{
                box-sizing: border-box;
                padding-top: 28px;
                height:350px;
                width: 1300px;
                margin: 0 auto;
                overflow: hidden;
            }
            .box3_item2_swiper{
                display: flex;
                height: 100%;
                transition: transform .5s;
            }
            .box3_item2_box{
                width: 1298px;
                height: 100%;
                display: flex;
                column-gap: 15px;
            }
            .box3_item2_box_item{
                width: 415px;
                display: flex;
                flex-direction: column;
            }
            .box3_item2_box_item_top{
                width: 415px;
                height: 275px;
                cursor: pointer;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box3_item2_box_item_top_img:hover{
                transform: scale(1.05);
            }
            .box3_item2_box_item_top_img{
                width: 415px;
                height: 275px;
                overflow: hidden;
                transition:  all 0.5s;
            }
            .box3_item2_box_item_bottom{
                width:100%;
                height: 68px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 20px;
                color: #000000;
                padding-top: 38px;
                text-align: center;
            }
            .box3_bottom{
                width: 600px;
                margin:38px auto 40px auto;
                display: flex;
                height: 13px;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }
            .box3_bottom_left{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                left: 0;
                top: 0;
            }
            .box3_bottom_right{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                right: 0;
                top: 0;
            }
            .box4{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 130px 0 0 0;
            }
            .box4_item3{
                display: none;
            }
            .box4_item4{
                display: none;
            }
            .box4_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box4_xian{
                margin:26px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box4_item1{
                width: 1300px;
                margin:33px auto 30px auto;
                display: flex;
                overflow: hidden;
            }
            .box4_item1_box{
                width: 100%;
                height: 350px;
                display: flex;
            }
            .box4_item1_box_left{
                width: 130px;
                height: 100%;
                background: url("img/index/box4_top.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                writing-mode:tb-rl;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding-top: 52px;
            }
            .box4_item1_box_left_img{
                width: 58px;
                height: 61px;
            }
            .box4_item1_box_left_text{
                font-weight: 500;
                font-size: 24px;
                color: #FFFFFF;
                padding-top: 32px;
                letter-spacing:5px;
            }
            .box4_item1_box_right{
                width: 0;
                height: 100%;
                position: relative;
                transition: all 0.5s
            }
            .box4_item1_box_active{
                width: 0;
            }
            .box4_item1_box_right img{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .box4_item2{
                width: 1299px;
                margin:32px auto 60px auto;
                display: flex;
                justify-content: space-between;
            }
            .box4_item2_box{
                width: 312px;
                height: 212px;
                position: relative;
                cursor: pointer;

            }
            .box4_item2_box:hover .box4_item2_box_img{
                transform: scale(1.05);
            }
            .box4_item2_box_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: all 0.5s;
                overflow: hidden;
            }
            .box4_item2_box_text{
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                font-weight: 300;
                font-size: 26px;
                color: #FFFFFF;
                letter-spacing: 4px;
            }
            .box5{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box5Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 130px 0 0 0;
            }
            .box5_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box5_xian{
                margin:27px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box5_item1{
                width: 1300px;
                margin:30px auto 40px auto;
                height: 350px;
                display: flex;
            }
            .box5_item1_left{
                height: 100%;
                width: 733px;
            }
            .box5_item1_left_top{
                width: 100%;
                height: 89px;
                background: #F4F4F4;
                box-sizing: border-box;
                padding: 15px  30px 0 28px;
            }
            .box5_item1_left_top_text{
                font-weight: 400;
                font-size: 24px;
                color: #333333;
            }
            .box5_item1_left_top_box{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box5_item1_left_top_icon{
                width: 17px;
                height: 20px;
            }
            .box5_item1_left_top_text1{
                font-weight: 400;
                font-size: 24px;
                color: #333333;
            }
            .box5_item1_left_top_text2{
                font-weight: 400;
                font-size: 22px;
                color: #FF0000;
            }
            .box5_item1_left_top_text3{
                font-weight: 400;
                font-size: 20px;
                color: #FF0000;
            }
            .box5_item1_left_bottom{
                width: 100%;
                height:261px;
                box-sizing: border-box;
            }
            .box5_item1_left_bottom_text{
                font-weight: 400;
                font-size: 16px;
                color: #747474;
            }
            .box5_item1_left_bottom_img{
                width: 717px;
                height: 261px;
                margin:6px auto 0 auto;
            }
            .box5_item1_right{
                margin-left: 42px;
                height: 100%;
                width: 526px;
                background: url("img/index/box5Img1.png") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 25px 0 0 38px;
                cursor: pointer;
            }
            .box5_item1_right_text{
                font-weight: 400;
                font-size: 42px;
                color: #FFFFFF;
                margin-bottom: 20px;
            }
            .box5_item1_right_box{
                width: 100%;
                margin-bottom: 35px;
            }
            .box5_item1_right_text1{
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
            }
            .box5_item1_right_text2{
                font-weight: 400;
                font-size: 20px;
                color: #FFFFFF;
                box-sizing: border-box;
                padding-top: 27px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box5_item1_right_box:hover .box5_item1_right_text2{
                transform: translate3d(0 ,-10px,0);
            }
            .box6{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 130px 0 0 0;
                background: url("img/index/box6Img.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box6_item{
                width: 1300px;
                margin:37px auto 40px auto;
            }
            .box6_item_box{
                width: 100%;
                height: 153px;
                display: flex;
                justify-content: space-between;
                margin-bottom: 36px;
            }
            .box6_item_box_item{
                width: 600px;
                height: 100%;
                background: rgba(255, 255, 255, 0.85);
                border-radius: 6px;
                padding: 27px 25px 26px 143px ;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
                /*overflow: hidden;*/
                transition: all 0.5s
            }
            .box6_item_box_item:hover{
                transform: scale(1.05)
            }
            .box6_item_box_item:hover .box6_item_box_item_left{
                top: 50%;
                transform: translate(0, -50%);
            }
            .box6_item_box_item_left{
                width: 144px;
                height: 27px;
                background: #0074C5;
                box-shadow: 0px 3px 7px 0px rgba(0,21,38,0.22);
                border-radius: 13px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: -15px;
                top: 20%;
                transition: all 0.5s;
            }
            .box6_item_text{
                font-weight: bold;
                font-size: 16px;
                color: #FFFFFF;
            }
            .box6_item_yuan{
                width: 18px;
                height: 18px;
                margin-left: 11px;
            }
            .box6_item_box_item_right{
                width: 100%;
                height: 100%;
            }
            .box6_item_box_item_right_box{
                width: 100%;
                display: flex;
                align-items: center;
            }
            .box6_icon{
                width: 20px;
                height: 22px;
            }
            .box6_item_box_item_right_title{
                flex: 1;
                box-sizing: border-box;
                padding-left: 9px;
                font-weight: 400;
                font-size: 20px;
                color: #333333;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6_item_box_item_right_text{
                width: 100%;
                box-sizing: border-box;
                padding-left: 27px;
                font-weight: 400;
                font-size: 16px;
                color: #666666;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box7{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box7Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 130px 0 0 0;
            }
            .box7_title{
                width: 100%;
                text-align: center;
                font-weight: 800;
                font-size: 48px;
                color: #FFFFFF;
            }
            .box7_xian{
                margin:27px auto 0 auto;
                width: 44px;
                height: 4px;
                background: #FFFFFF;
            }
            .box7_item1{
                width: 1300px;
                margin:51px auto 40px auto;
            }
            .box7_item1_box{
                width: 100%;
                margin-bottom: 37px;
                display: flex;
                justify-content: space-between;
            }
            .box7_item1_box1{
                width: 100%;
                margin-bottom: 37px;
                display: flex;
                justify-content: space-between;
            }
            .box7_item1_box_item{
                width: 392px;
                height: 337px;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                overflow: hidden;
            }
            .box7_item1_box_item:hover .box7_item1_box_top{
                min-height: 201px;
            }
            .box7_item1_box_top{
                width: 100%;
                height: 100%;
                min-height:235px;
                max-height: 235px;
                transition: all 0.5s;
                object-fit: cover;
            }
            .box7_item1_box_bottom{
                width: 100%;
                flex: 1;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 29px 17px;

            }
            .box7_item1_box_bottom_text{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 300;
                font-size: 20px;
                color: #000000;
            }
            .box7_item1_box_bottom_text1{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 400;
                font-size: 16px;
                color: #A7A7A7;
                line-height: 21px;
                padding-top: 18px;
            }
            .box8{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box8Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 130px 0 0 0;
            }
            .box8_item{
                width: 1300px;
                height: 340px;
                margin:31px auto 32px auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box8_item_left{
                width: 726px;
                height: 100%;
                background: rgba(255, 255, 255, .8);
                position: relative;
                cursor: pointer;
            }
            .box8_item_left_img{
                width: 261px;
                height: 70px;
                background: url("img/index/box8Img1.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 30px;
                left: -13px;
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
                text-align: center;
                line-height: 60px;
            }
            .box8_item_left_top{
                width: 603px;
                margin: 0 auto;
                position: absolute;
                top: 119px;
                left: 62px;
            }
            .box8_item_left_top_box{
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: space-between;
            }
            .box8_img1{
                width: 69px;
                height: 80px;
                background: url("img/index/box8Img3.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img2{
                width: 80px;
                height: 80px;
                background: url("img/index/box8Img4.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img3{
                width: 67px;
                height: 80px;
                background: url("img/index/box8Img5.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img4{
                width: 73px;
                height: 80px;
                background: url("img/index/box8Img6.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img5{
                width: 75px;
                height: 80px;
                background: url("img/index/box8Img7.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_item_left_top_text{
                font-weight: 400;
                font-size: 16px;
                color: #313131;
                line-height: 30px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:4; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right{
                width: 489px;
            }
            .box8_item_right_top{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box8_item_right_top_box{
                width: 89px;
                height: 1px;
                background: #FFFFFF;
            }
            .box8_item_right_top_title{
                box-sizing: border-box;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                padding: 0 21px 0 26px;
            }
            .box8_item_right_bottom{
                width: 100%;
                margin-top: 12px;
            }
            .box8_item_right_bottom_item{
                width: 100%;
                margin-bottom: 10px;
            }
            .box8_item_right_bottom_item_img{
                width: 100%;
                height: 43px;
                background: url("img/index/box8Img2.png") no-repeat;
                background-size: 100% 100%;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 43px;
                box-sizing: border-box;
                padding: 0 31px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right_bottom_item_box{
                margin-top: 6px;
                width: 100%;
                height: 85px;
                background: #FFFFFF;
                box-shadow: 0px 7px 10px 0px rgba(69,69,69,0.15);
                border-radius: 11px;
                box-sizing: border-box;
                padding: 15px  26px 0 32px;
                cursor: pointer;
            }
            .box8_item_right_bottom_item_box:hover .box8_item_right_bottom_item_box_text{
                color: #1859A8;
            }
            .box8_item_right_bottom_item_box_text{
                width: 100%;
                font-weight: 400;
                font-size: 14px;
                color: #333333;
                line-height: 25px;
            }
            .box8_item_right_bottom_item_box_text1{
                width: 100%;
                text-align: end;
                font-weight: 400;
                font-size: 12px;
                color: #1859A8;
                line-height: 20px;
                box-sizing: border-box;
            }
            .box8_more{
                width: 84px;
                height: 87px;
                margin: 0 auto;
                background: url("img/index/box8Img8.png") no-repeat;
                background-size: 100% 100%;
                position: relative;
                cursor: pointer;
            }
            .box8_more_text{
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
                font-weight: bold;
                font-size: 18px;
                color: #FFFFFF;
                letter-spacing: 3px;
                writing-mode:tb-rl;
            }
        }
        @media only screen and (min-width: 1701px){
            .more:hover{
                box-shadow: 0px 8px 0px 0px rgba(200,200,200,0.66);
            }
            .box1_item{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .box1_item_bottom{
                width: 300px;
                position: absolute;
                bottom: 20px;
                z-index: 3;
                left: 50%;
                transform: translateX(-50%);
            }
            .top_img{
                width: 100vw!important;
                height: 100%;
            }
            .top_img_left{
                width: 42px;
                height: 54px;
                background: url("img/index/topImgLeft.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 30px;
                z-index: 3;
            }
            .top_img_right{
                width: 42px;
                height: 54px;
                background: url("img/index/topImgRight.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 30px;
                z-index: 3;
            }
            .box1{
                width: 100%;
                height: 100%;
                padding:140px 0 0 0;
                box-sizing: border-box;
                background: url("img/index/box1.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item1{
                width: 1300px;
                margin: 0 auto;
                height: 400px;
                display: flex;
                box-sizing: border-box;
            }
            .box1_item_left{
                flex: 1;
            }
            .box1_item_left_title{
                font-weight: bold;
                font-size: 44px;
                color: #353535;
                /*padding-top: 83px;*/
                box-sizing: border-box;
            }
            .box1_item_left_box1{
                width: 100%;
                margin-top: 4px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box1_item_left_box1_left{
                width: 54px;
                height: 6px;
                background: #005BA2;
            }
            .box1_item_left_box1_right{
                width: 124px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box1_right_text{
                font-weight: 500;
                font-size: 14px;
                color: #8D8D8D;
            }
            .box1_item_left_box1_right_img{
                width: 100%;
                height: 17px;
                background: url("img/index/more.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box2{
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #353535;
                line-height: 30px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding: 0 10px 0 12px;
                margin: 48px 0 39px 0;
            }
            .box1_item_left_box3{
                width: 100%;
                height: 92px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-sizing: border-box;
            }
            .box1_item_left_box3_item1{
                width: 180px;
                height: 100%;
                background: url("img/index/jxjt.png") no-repeat;
                background-size: 100% 100%;
            }
            .box1_item_left_box3_item2{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .box1_item_left_box3_item2_text{
                font-weight: 800;
                font-size: 36px;
                color: #196F98;
            }
            .box1_item_left_box3_item2_text1{
                font-weight: 400;
                color: #000000;
                font-size: 18px;
                box-sizing: border-box;
                padding-top: 10px;
            }
            .box1_item_right{
                width: 680px;
                height: 380px;
                position: relative;
                margin-left: 60px;
            }
            .box1_item_right_img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background: url("img/index/img1.png") no-repeat;
                background-size: 100% 100%;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box1_item_right_yuan{
                width: 106px;
                height: 106px;
                background: url("img/ImgaeVideo/yuan.png") no-repeat;
                background-size: 100%;
                animation: spin 2s linear infinite;
            }
            .box1_item_right_start{
                border-style: solid;
                border-width: 18px 0 18px 33px;
                border-color: transparent transparent transparent #fff;
                cursor: pointer;
                position: absolute;
                margin-left: 5px;
            }
            .box1_item2{
                width: 1300px;
                margin:77px auto 0 auto;
                display: flex;
                justify-content: space-between;
            }
            .box1_item2_box{
                width: 419px;
                height: 284px;
                background: rgba(95, 166, 210, .8);
                border-radius: 0px 80px 0px 0px;
                box-sizing: border-box;
                padding:44px 28px  0 28px;
                position: relative;
                cursor:pointer;
                transition:  all 1s;
            }
            .box1_item2_box_bottom_title{
                width: 100%;
                font-weight: 500;
                font-size: 20px;
                color: #FFFFFF;
                margin-bottom: 20px;
                transition:  all 0.5s;
            }
            .box1_item2_box_bottom_text{
                width: 100%;
                font-weight: 300;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 30px;
            }
            .box1_item2_box_img{
                width: 60px;
                height: 59px;
                background: url("img/index/box1Img.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 56px;
                bottom: 29px;
                transition:  all .5s;
            }
            .box1_item2_box:hover{
                border-radius: 0;
                background: rgba(0, 153, 224, .8);
            }
            .box1_item2_box:hover> .box1_item2_box_bottom_title{
                transform: translateX(25%);
            }
            .box1_item2_box:hover> .box1_item2_box_img{
                width: 0;
                height: 0;
            }
            .box2{
                width: 100%;
                height:100%;
                box-sizing: border-box;
                background: url("img/index/box2.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 130px 0 0 0;
            }
            .box2_item1{
                width: 1300px;
                height: 700px;
                margin: 0 auto 20px  auto;
            }
            .box2_item1_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .box2_item1_bottom{
                width: 100%;
                display: flex;
                margin-top: 52px;
            }
            .box2_item1_left{
                width: 748px;
                height: 100%;
                display: block;
            }
            .box2_item1_left1{
                display: none;
            }
            .box2_item1_left_title{
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box2_item1_left_box1{
                width: 54px;
                height: 6px;
                background: #005BA2;
                margin-top: 20px;
            }
            .box2_item1_left_swiper{
                width: 748px;
                height: 560px;
                overflow: hidden;
                position: relative;
            }
            .box2_pagination1{
                position: absolute;
                right: 22px;
                top: 30%;
            }
            .box2_item1_left_swiper_box_item{
                height: 100%;
                transition: transform .5s;
                display: flex;
                cursor: pointer;
            }
            .box2_item1_left_swiper_box{
                width: 100%;
                height: 100%;
            }
            .box2_item1_left_swiper_top{
                width: 100%;
                height: 452px;
                position: relative;
            }
            .box2_item1_left_swiper_img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box2_item1_left_swiper_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_left_top_date{
                position: absolute;
                top: 34px;
                right: 30px;
                width: 86px;
                height: 84px;
                background: #0769B2;
                box-sizing: border-box;
                padding: 0 7px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_left_top_date_text1{
                width: 100%;
                text-align: center;
                position: relative;
                font-weight: 400;
                font-size: 36px;
                color: #FFFFFF;
            }
            .box2_item1_left_top_date_text1::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_left_top_date_text2{
                padding-top: 4px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 20px;
                color: #FFFFFF;
            }
            .box2_item1_left_swiper_bottom{
                width: 100%;
                height: 98px;
            }
            .box2_item1_left_swiper_bottom_title{
                width: 100%;
                font-weight: 400;
                font-size: 20px;
                color: #000000;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
                padding-top: 23px;
            }
            .box2_item1_left_swiper_bottom_text{
                padding-top: 14px;
                width: 100%;
                font-weight: 400;
                font-size: 15px;
                color: #717171;
                line-height: 20px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .box2_item1_right{
                flex: 1;
                margin-left: 29px;
                height: 100%;
                box-sizing: border-box;
            }
            .box2_item1_right_top{
                flex:1;
                box-sizing: border-box;
                padding-left: 38px;
                display: flex;
                position: relative;
            }
            .box2_item1_right_top_title{
                width: 20%;
                font-weight: 500;
                font-size: 20px;
                color: #353535;
                cursor: pointer;
                text-align: center;
            }
            .box2_item1_right_bottom{
                width: 100%;
            }
            .box2_item1_right_bottom_item{
                width: 100%;
                display: flex;
                height: 135px;
            }
            .box2_item1_right_bottom_item:nth-child(n+2){
                margin-top: 75px;
            }
            .box2_item1_right_bottom_item_left{
                width: 231px;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all .5s;
                cursor: pointer;
            }
            .box2_item1_right_bottom_item_img:hover{
                transform: scale(1.05);
            }
            .box2_item1_right_bottom_item_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                transition: all .5s;
            }
            .box2_item1_right_bottom_item_left_date{
                position: absolute;
                top: 8px;
                right: 7px;
                width: 50px;
                height: 50px;
                background: #0769B2;
                padding: 1px 2px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .box2_item1_right_bottom_item_left_date_text{
                width: 100%;
                position: relative;
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                text-align: center;
            }
            .box2_item1_right_bottom_item_left_date_text::after{
                position: absolute;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #FFFFFF;
            }
            .box2_item1_right_bottom_item_left_date_text1{
                box-sizing: border-box;
                padding-top: 1px;
                font-weight: 400;
                font-size: 11px;
                color: #FFFFFF;
            }
            .box2_item1_right_bottom_item_right{
                flex: 1;
                height: 100%;
                margin-left: 13px;
            }
            .box2_item1_right_bottom_item_right_title{
                width: 100%;
                font-weight: 400;
                font-size: 18px;
                color: #353535;
                padding-top: 10px;
                box-sizing: border-box;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box2_item1_right_bottom_item_right_text{
                width: 100%;
                padding-top: 19px;
                font-weight: 400;
                font-size: 16px;
                color: #888787;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                box-sizing: border-box;
            }
            .more{
                width: 195px;
                height: 39px;
                background: linear-gradient(-90deg, #4EA0DC 0%, #64BDEE 100%);
                border-radius: 20px;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                text-align: center;
                line-height: 39px;
                margin: 0 auto;
            }
            .box3{
                width: 100%;
                height: 100%;
                background: url("img/index/box3Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 200px 0 0 0;
            }
            .box3_item1{
                width: 100%;
            }
            .box3_item1_title{
                font-weight: bold;
                font-size: 48px;
                color: #000000;
                text-align: center;
                width: 100%;
            }
            .box3_item1_xian{
                width: 54px;
                height: 5px;
                background: #0769B2;
                margin:26px auto 0 auto;
            }
            .box3_item2{
                box-sizing: border-box;
                padding-top: 68px;
                height:411px;
                width: 1298px;
                overflow: hidden;
                margin: 0 auto;
            }
            .box3_item2_swiper{
                display: flex;
                height: 100%;
                transition: transform .5s;
            }
            .box3_item2_box{
                width: 1298px;
                margin: 0 auto;
                overflow: hidden;
                height: 100%;
                display: flex;
                column-gap: 15px;
            }
            .box3_item2_box_item{
                width: 415px;
                display: flex;
                flex-direction: column;
            }
            .box3_item2_box_item_top{
                width: 415px;
                height: 275px;
                cursor: pointer;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box3_item2_box_item_top_img:hover{
                transform: scale(1.05);
            }
            .box3_item2_box_item_top_img{
                width: 415px;
                height: 275px;
                overflow: hidden;
                transition: all 0.5s;
            }
            .box3_item2_box_item_bottom{
                width:100%;
                height: 68px;
                box-sizing: border-box;
                font-weight: 400;
                font-size: 20px;
                color: #000000;
                padding-top: 38px;
                text-align: center;
            }
            .box3_bottom{
                width: 990px;
                margin:76px auto 55px auto;
                display: flex;
                height: 13px;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }
            .box3_bottom_left{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                left: 0;
                top: 0;
            }
            .box3_bottom_right{
                width: 92px;
                height: 100%;
                cursor: pointer;
                position: absolute;
                z-index: 11;
                right: 0;
                top: 0;
            }
            .box4{
                width: 100%;
                height: 100%;
                background: url("img/index/box4Img.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 150px 0 0 0;
            }
            .box4_item3{
                display: none;
            }
            .box4_item4{
                display: none;
            }
            .box4_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box4_xian{
                margin:26px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box4_item1{
                width: 1299px;
                margin:53px auto 50px auto;
                display: flex;
                overflow: hidden;
            }
            .box4_item1_box{
                width: 100%;
                height:500px;
                display: flex;
            }
            .box4_item1_box_left{
                width: 130px;
                height: 100%;
                background: url("img/index/box4_top.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                writing-mode:tb-rl;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding-top: 52px;
            }
            .box4_item1_box_left_img{
                width: 58px;
                height: 61px;
            }
            .box4_item1_box_left_text{
                font-weight: 500;
                font-size: 24px;
                color: #FFFFFF;
                padding-top: 32px;
                letter-spacing:5px;
            }
            .box4_item1_box_right{
                width: 0;
                height: 100%;
                position: relative;
                transition: all 0.5s
            }
            .box4_item1_box_active{
                width: 0;
            }
            .box4_item1_box_right img{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .box4_item2{
                width: 1299px;
                margin:32px auto 60px auto;
                display: flex;
                justify-content: space-between;
            }
            .box4_item2_box{
                width: 312px;
                height: 212px;
                position: relative;
                cursor: pointer;

            }
            .box4_item2_box:hover .box4_item2_box_img{
                transform: scale(1.05);
            }
            .box4_item2_box_img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: all 0.5s;
                overflow: hidden;
            }
            .box4_item2_box_text{
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                font-weight: 300;
                font-size: 26px;
                color: #FFFFFF;
                letter-spacing: 4px;
            }
            .box5{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box5Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 150px 0 0 0;
            }
            .box5_title{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 48px;
                color: #353535;
            }
            .box5_xian{
                margin:27px auto 0 auto;
                width: 55px;
                height: 5px;
                background: #005BA2;
            }
            .box5_item1{
                width: 1300px;
                margin:60px auto 54px auto;
                height: 500px;
                display: flex;
            }
            .box5_item1_left{
                height: 100%;
                width: 733px;
            }
            .box5_item1_left_top{
                width: 100%;
                height: 119px;
                background: #F4F4F4;
                box-sizing: border-box;
                padding: 18px 30px 0 28px ;
            }
            .box5_item1_left_top_text{
                font-weight: 400;
                font-size: 30px;
                color: #333333;
            }
            .box5_item1_left_bottom_text{
                font-weight: 400;
                font-size: 16px;
                color: #747474;
            }
            .box5_item1_left_top_box{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box5_item1_left_top_icon{
                width: 17px;
                height: 20px;
            }
            .box5_item1_left_top_text1{
                font-weight: 400;
                font-size: 30px;
                color: #333333;
            }
            .box5_item1_left_top_text2{
                font-weight: 400;
                font-size: 36px;
                color: #FF0000;
            }
            .box5_item1_left_top_text3{
                font-weight: 400;
                font-size: 24px;
                color: #FF0000;
            }
            .box5_item1_left_bottom{
                width: 100%;
                height:402px;
                box-sizing: border-box;
            }
            .box5_item1_left_bottom_img{
                width: 717px;
                height: 382px;
                margin:6px auto 0 auto;
            }
            .box5_item1_right{
                margin-left: 42px;
                height: 100%;
                width: 526px;
                background: url("img/index/box5Img1.png") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding: 89px 0 0 68px;
                cursor: pointer;
            }
            .box5_item1_right_text{
                font-weight: 400;
                font-size: 42px;
                color: #FFFFFF;
                margin-bottom: 40px;
            }
            .box5_item1_right_box{
                width: 100%;
                margin-bottom: 70px;
            }
            .box5_item1_right_text1{
                font-weight: 400;
                font-size: 18px;
                color: #FFFFFF;
            }
            .box5_item1_right_text2{
                font-weight: 400;
                font-size: 20px;
                color: #FFFFFF;
                box-sizing: border-box;
                padding-top: 27px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                transition: all 0.5s;
            }
            .box5_item1_right_box:hover .box5_item1_right_text2{
                transform: translate3d(0 ,-10px,0);
            }
            .box6{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 180px 0 0 0;
                background: url("img/index/box6Img.jpg") no-repeat;
                background-size: 100% 100%;
            }
            .box6_item{
                width: 1300px;
                margin:107px auto 84px auto;
            }
            .box6_item_box{
                width: 100%;
                height: 153px;
                display: flex;
                justify-content: space-between;
                margin-bottom: 72px;
            }
            .box6_item_box_item{
                width: 600px;
                height: 100%;
                background: rgba(255, 255, 255, 0.85);
                border-radius: 6px;
                padding: 27px 25px 26px 143px ;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
                /*overflow: hidden;*/
                transition: all 0.5s
            }
            .box6_item_box_item:hover{
                transform: scale(1.05)
            }
            .box6_item_box_item:hover .box6_item_box_item_left{
                top: 50%;
                transform: translate(0, -50%);
            }
            .box6_item_box_item_left{
                width: 144px;
                height: 27px;
                background: #0074C5;
                box-shadow: 0px 3px 7px 0px rgba(0,21,38,0.22);
                border-radius: 13px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: -15px;
                top: 20%;
                transition: all 0.5s;
            }
            .box6_item_text{
                font-weight: bold;
                font-size: 16px;
                color: #FFFFFF;
            }
            .box6_item_yuan{
                width: 18px;
                height: 18px;
                margin-left: 11px;
            }
            .box6_item_box_item_right{
                width: 100%;
                height: 100%;
            }
            .box6_item_box_item_right_box{
                width: 100%;
                display: flex;
                align-items: center;
            }
            .box6_icon{
                width: 20px;
                height: 22px;
            }
            .box6_item_box_item_right_title{
                flex: 1;
                box-sizing: border-box;
                padding-left: 9px;
                font-weight: 400;
                font-size: 20px;
                color: #333333;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box6_item_box_item_right_text{
                width: 100%;
                box-sizing: border-box;
                padding-left: 27px;
                font-weight: 400;
                font-size: 16px;
                color: #666666;
                line-height: 24px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box7{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box7Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 200px 0 0 0;
            }
            .box7_title{
                width: 100%;
                text-align: center;
                font-weight: 800;
                font-size: 48px;
                color: #FFFFFF;
            }
            .box7_xian{
                margin:27px auto 0 auto;
                width: 44px;
                height: 4px;
                background: #FFFFFF;
            }
            .box7_item1{
                width: 1300px;
                margin:71px auto 80px auto;
            }
            .box7_item1_box{
                width: 100%;
                margin-bottom: 37px;
                display: flex;
                justify-content: space-between;
            }
            .box7_item1_box1{
                width: 100%;
                margin-bottom: 37px;
                display: flex;
                justify-content: space-between;
            }
            .box7_item1_box_item{
                width: 392px;
                height: 337px;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                overflow: hidden;
            }
            .box7_item1_box_item:hover .box7_item1_box_top{
                min-height: 201px;
            }
            .box7_item1_box_top{
                width: 100%;
                height: 100%;
                min-height:235px;
                max-height: 235px;
                transition: all 0.5s;
                object-fit: cover;
            }
            .box7_item1_box_bottom{
                width: 100%;
                flex: 1;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 29px 17px;

            }
            .box7_item1_box_bottom_text{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:2; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 300;
                font-size: 20px;
                color: #000000;
            }
            .box7_item1_box_bottom_text1{
                width: 100%;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
                font-weight: 400;
                font-size: 16px;
                color: #A7A7A7;
                line-height: 21px;
                padding-top: 18px;
            }

            .box8{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background: url("img/index/box8Img.jpg") no-repeat;
                background-size: 100% 100%;
                padding: 140px 0 0 0;
            }
            .box8_item{
                width: 1300px;
                height: 410px;
                margin:81px auto 75px auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .box8_item_left{
                width: 726px;
                height: 100%;
                background: rgba(255, 255, 255, .8);
                position: relative;
            }
            .box8_item_left_img{
                width: 261px;
                height: 70px;
                background: url("img/index/box8Img1.png") no-repeat;
                background-size: 100% 100%;
                position: absolute;
                top: 30px;
                left: -13px;
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
                text-align: center;
                line-height: 60px;
            }
            .box8_item_left_top{
                width: 603px;
                margin: 0 auto;
                position: absolute;
                top: 119px;
                left: 62px;
            }
            .box8_item_left_top_box{
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
            }
            .box8_img1{
                width: 69px;
                height: 80px;
                background: url("img/index/box8Img3.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img2{
                width: 80px;
                height: 80px;
                background: url("img/index/box8Img4.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img3{
                width: 67px;
                height: 80px;
                background: url("img/index/box8Img5.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img4{
                width: 73px;
                height: 80px;
                background: url("img/index/box8Img6.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_img5{
                width: 75px;
                height: 80px;
                background: url("img/index/box8Img7.png") no-repeat;
                background-size: 100% 100%;
            }
            .box8_item_left_top_text{
                font-weight: 400;
                font-size: 20px;
                color: #313131;
                line-height: 36px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:4; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right{
                width: 489px;
            }
            .box8_item_right_top{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box8_item_right_top_box{
                width: 89px;
                height: 1px;
                background: #FFFFFF;
            }
            .box8_item_right_top_title{
                box-sizing: border-box;
                font-weight: 400;
                font-size: 30px;
                color: #FFFFFF;
                padding: 0 21px 0 26px;
            }
            .box8_item_right_bottom{
                width: 100%;
                margin-top: 12px;
            }
            .box8_item_right_bottom_item{
                width: 100%;
                margin-bottom: 10px;
            }
            .box8_item_right_bottom_item_img{
                width: 100%;
                height: 63px;
                background: url("img/index/box8Img2.png") no-repeat;
                background-size: 100% 100%;
                font-weight: 400;
                font-size: 20px;
                color: #FFFFFF;
                line-height: 63px;
                box-sizing: border-box;
                padding: 0 31px;
                overflow:hidden; /*内容超出后隐藏*/
                text-overflow:ellipsis;/*超出内容显示为省略号*/
                display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
                -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
                -webkit-line-clamp:1; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
            }
            .box8_item_right_bottom_item_box{
                margin-top: 6px;
                width: 100%;
                height: 105px;
                background: #FFFFFF;
                box-shadow: 0px 7px 10px 0px rgba(69,69,69,0.15);
                border-radius: 11px;
                box-sizing: border-box;
                padding: 15px  26px 0 32px;
                cursor: pointer;
            }
            .box8_item_right_bottom_item_box:hover .box8_item_right_bottom_item_box_text{
                color: #1859A8;
            }
            .box8_item_right_bottom_item_box_text{
                width: 100%;
                font-weight: 400;
                font-size: 16px;
                color: #333333;
                line-height: 28px;
            }
            .box8_item_right_bottom_item_box_text1{
                width: 100%;
                text-align: end;
                font-weight: 400;
                font-size: 14px;
                color: #1859A8;
                line-height: 21px;
            }
            .box8_more{
                width: 84px;
                height: 87px;
                margin: 0 auto;
                background: url("img/index/box8Img8.png") no-repeat;
                background-size: 100% 100%;
                position: relative;
                cursor: pointer;
            }
            .box8_more_text{
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
                font-weight: bold;
                font-size: 18px;
                color: #FFFFFF;
                letter-spacing: 3px;
                writing-mode:tb-rl;
            }
        }
    </style>
</head>
<body>
<div id="heard"></div>
<div class="index" id="index">
    <div class="section" id="section0">
        <div class="swiper-container box1_item" >
            <div class="swiper-wrapper box1_swiper">
            </div>
            <!--            <div class="box1_item_bottom">-->
            <!--                <div class="box1_pagination1"></div>-->
            <!--            </div>-->
        </div>
        <div class="streamer">
            <div class="streamer_box"></div>
        </div>
    </div>
    <div class="section" id="section1">
        <div class="box1">
            <div class="box1_item1">
                <div class="box1_item_left">
                    <div class="box1_item_left_title">关于江盐</div>
                    <div class="box1_item_left_box1">
                        <div class="box1_item_left_box1_left"></div>
                        <div class="box1_item_left_box1_right" onclick="more(0)">
                            <div class="box1_item_left_box1_right_text" >查看更多</div>
                            <div class="box1_item_left_box1_right_img"></div>
                        </div>
                    </div>
                    <div class="box1_item_left_box2">
                        江西省盐业集团股份有限公司（公司简称“江盐集团”；股票代码：601065）是江西省属国有企业，江西省内最大的盐资源综合开发利用企业。近十年来，经过持续不断的市场化改革，江盐集团脱胎换骨，成为十八大以来，全国盐行业、江西省属企业混改试点落地的“第一单”。
                    </div>
                    <div class="box1_item_left_box3">
                        <div class="box1_item_left_box3_item1"></div>
                        <div class="box1_item_left_box3_item2">
                            <div class="box1_item_left_box3_item2_text"><span id="num1">6.40</span>亿吨</div>
                            <div class="box1_item_left_box3_item2_text1">优质岩盐资源储量</div>
                        </div>
                        <div class="box1_item_left_box3_item2">
                            <div class="box1_item_left_box3_item2_text">近<span id="num2">2000</span>亩</div>
                            <div class="box1_item_left_box3_item2_text1">核心生产基地</div>
                        </div>
                    </div>
                    <div class="box1_item_left_box1_right_wap">
                        <div class="box1_item_left_box1_right_text">查看更多</div>
                        <div class="box1_item_left_box1_right_img"></div>
                    </div>
                </div>
                <div class="box1_item_right" onclick="showDia()">
                    <div class="box1_item_right_img">
                        <div class="box1_item_right_yuan" ></div>
                        <div class="box1_item_right_start"></div>
                    </div>

                </div>
            </div>
            <div class="box1_item2">
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="box2" >
            <div class="box2_item1">
                <div class="box2_item1_top">
                    <div class="box2_item1_left">
                        <div class="box2_item1_left_title">媒体视野</div>
                        <div class="box2_item1_left_box1"></div>
                    </div>
                    <div class="box2_item1_right_top">
                    </div>
                </div>
                <div class="box2_item1_bottom">
                    <div class="box2_item1_left_swiper swiper-container ">
                        <div class="box2_item1_left_swiper_box_item swiper-wrapper">

                        </div>
                        <div class="box2_pagination1 swiper-pagination">
                            <div class="pagination1"></div>
                        </div>
                    </div>

                    <div class="box2_item1_right">
                        <div class="box2_item1_right_bottom">
                            <!--                            <div class="box2_item1_right_bottom_item">-->
                            <!--                                <div class="box2_item1_right_bottom_item_left">-->
                            <!--                                    <img src="img/index1/box2Img2.png" class="box2_item1_right_bottom_item_img" />-->
                            <!--                                    <div class="box2_item1_right_bottom_item_left_date">-->
                            <!--                                        <div class="box2_item1_right_bottom_item_left_date_text">24</div>-->
                            <!--                                        <div class="box2_item1_right_bottom_item_left_date_text1">2024/09</div>-->
                            <!--                                    </div>-->
                            <!--                                </div>-->
                            <!--                                <div class="box2_item1_right_bottom_item_right">-->
                            <!--                                    <div class="box2_item1_right_bottom_item_right_title">集团纪委举办2024年度专兼职纪检干部纪法素养提升培训班</div>-->
                            <!--                                    <div class="box2_item1_right_bottom_item_right_text">为深入学习贯彻党的二十届三中全会精神和习近平总书记关于党的自我革命的重</div>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <!--                            <div class="box2_item1_right_bottom_item">-->
                            <!--                                <div class="box2_item1_right_bottom_item_left">-->
                            <!--                                    <img src="img/index1/box2Img2.png" class="box2_item1_right_bottom_item_img" />-->
                            <!--                                    <div class="box2_item1_right_bottom_item_left_date">-->
                            <!--                                        <div class="box2_item1_right_bottom_item_left_date_text">24</div>-->
                            <!--                                        <div class="box2_item1_right_bottom_item_left_date_text1">2024/09</div>-->
                            <!--                                    </div>-->
                            <!--                                </div>-->

                            <!--                                <div class="box2_item1_right_bottom_item_right">-->
                            <!--                                    <div class="box2_item1_right_bottom_item_right_title">集团纪委举办2024年度专兼职纪检干部纪法素养提升培训班</div>-->
                            <!--                                    <div class="box2_item1_right_bottom_item_right_text">为深入学习贯彻党的二十届三中全会精神和习近平总书记关于党的自我革命的重</div>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <!--                            <div class="box2_item1_right_bottom_item">-->
                            <!--                                <div class="box2_item1_right_bottom_item_left">-->
                            <!--                                    <img src="img/index1/box2Img2.png" class="box2_item1_right_bottom_item_img" />-->
                            <!--                                    <div class="box2_item1_right_bottom_item_left_date">-->
                            <!--                                        <div class="box2_item1_right_bottom_item_left_date_text">24</div>-->
                            <!--                                        <div class="box2_item1_right_bottom_item_left_date_text1">2024/09</div>-->
                            <!--                                    </div>-->
                            <!--                                </div>-->

                            <!--                                <div class="box2_item1_right_bottom_item_right">-->
                            <!--                                    <div class="box2_item1_right_bottom_item_right_title">集团纪委举办2024年度专兼职纪检干部纪法素养提升培训班</div>-->
                            <!--                                    <div class="box2_item1_right_bottom_item_right_text">为深入学习贯彻党的二十届三中全会精神和习近平总书记关于党的自我革命的重</div>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="more" onclick="more(1)">查看更多</div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="box3">
            <div class="box3_item1">
                <div class="box3_item1_title">党的建设</div>
                <div class="box3_item1_xian"></div>
            </div>
            <div class="box3_item2">
                <div class="box3_item2_swiper swiper-container" >
                    <div class="swiper-wrapper  box3_swiper">

                    </div>
                </div>
            </div>
            <div class="box3_bottom">
                <img src="img/index/box3_bottom_left.png" class="box3_bottom_left">
                <div class="pagination2"></div>
                <img src="img/index/box3_bottom_right.png" class="box3_bottom_right">
            </div>
            <div class="more" onclick="location.href='themeEducation.html?id=2026&num=5'">查看更多</div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="box4">
            <div class="box4_title">业务版图</div>
            <div class="box4_xian">
            </div>
            <div class="box4_item1">
                <div class="box4_item1_box">
                    <div class="box4_item1_box_left" data-v="0">
                        <!--                        <img src="img/index1/box4Img1.png" class="box4_item1_box_left_img">-->
                        <div class="box4_item1_box_left_text">食用盐</div>
                    </div>
                    <div class="box4_item1_box_right">
                        <img src="img/index/box4Img11.png">
                    </div>
                </div>
                <div class="box4_item1_box" >
                    <div class="box4_item1_box_left" data-v="1">
                        <!--                        <img src="img/index1/box4Img1.png" class="box4_item1_box_left_img">-->
                        <div class="box4_item1_box_left_text">工业盐</div>
                    </div>
                    <div class="box4_item1_box_right">
                        <img src="img/index/box4Img11.png">
                    </div>
                </div>
                <div class="box4_item1_box" >
                    <div class="box4_item1_box_left" data-v="2">
                        <!--                        <img src="img/index1/box4Img1.png" class="box4_item1_box_left_img">-->
                        <div class="box4_item1_box_left_text">日化盐</div>
                    </div>
                    <div class="box4_item1_box_right">
                        <img src="img/index/box4Img11.png">
                    </div>
                </div>
                <div class="box4_item1_box" >
                    <div class="box4_item1_box_left" data-v="3">
                        <!--                        <img src="img/index1/box4Img1.png" class="box4_item1_box_left_img">-->
                        <div class="box4_item1_box_left_text">盐化工</div>
                    </div>
                    <div class="box4_item1_box_right">
                        <img src="img/index/box4Img11.png">
                    </div>
                </div>
            </div>
            <div class="box4_item3">
                <div class="box4_item3_top">
                    <div class="box4_item3_top_box1 box4_item3_top_active">食用盐</div>
                    <div class="box4_item3_top_box1">日化盐</div>
                    <div class="box4_item3_top_box1" >工业盐</div>
                    <div class="box4_item3_top_box1">盐化工</div>
                </div>
                <div class="box4_item3_bottom">
                    <img src="img/index/box4Img11.png">
                </div>
            </div>
            <div class="more" onclick="more(3)">查看更多</div>
        </div>
    </div>
    <div class="section" id="section5">
        <div class="box5">
            <div class="box5_title">投资者中心</div>
            <div class="box5_xian"></div>
            <div class="box5_item1">
                <div class="box5_item1_left">
                    <div class="box5_item1_left_top">
                        <div class="box5_item1_left_top_box1">
                            <div  class="box5_item1_left_top_text">股票信息</div>
                            <span class="box5_item1_left_bottom_text"></span>
                        </div>
                        <div class="box5_item1_left_top_box">

                        </div>
                    </div>
                    <div class="box5_item1_left_bottom">
                        <div class="box5_item1_left_bottom_img" id="chart_main"></div>
                    </div>
                </div>
                <div class="box5_item1_right">
                    <div class="box5_item1_right_text">公告</div>
                </div>

            </div>
            <div class="more" onclick="more(4)">查看更多</div>
        </div>
    </div>
    <div class="section" id="section6">
        <div class="box7">
            <div class="box5_title">ESG建设</div>
            <div class="box5_xian"></div>
            <div class="box7_item1">
                <div class="box7_item1_box"></div>
            </div>
            <div class="more" onclick="more(6)">查看更多</div>
        </div>
    </div>
    <div class="section" id="section7">
        <div class="box8">
            <div class="box5_title">加入我们</div>
            <div class="box5_xian"></div>
            <div class="box8_item">
                <div class="box8_item_left">
                    <div class="box8_item_left_img">
                        人力资源发展
                    </div>
                    <div class="box8_item_left_top">
                        <div class="box8_item_left_top_text">
                            <!--                            人力资源部负责单位的人力资源管理，为单位提供和培养合格人才的部门。人力资源部需要负责本单位招聘事项，保证单位的用人需求；负责本单位的绩效考核和薪酬福利工作；负责本单位的劳动关系管理工作，及时有效地处理人事的相关事项。-->
                        </div>
                        <div class="box8_item_left_top_box">
                            <div class="box8_img1"></div>
                            <div class="box8_img2"></div>
                            <div class="box8_img3"></div>
                            <div class="box8_img4"></div>
                            <div class="box8_img5"></div>
                        </div>
                    </div>
                </div>
                <div class="box8_item_right">
                    <div class="box8_item_right_top">
                        <div class="box8_item_right_top_box"></div>
                        <div class="box8_item_right_top_title">招聘资讯</div>
                        <div class="box8_item_right_top_box"></div>
                    </div>
                    <div class="box8_item_right_bottom">

                    </div>
                </div>
            </div>
            <div class="box8_more">
                <div class="box8_more_text" onclick="more(7)">
                    查看更多
                </div>
            </div>
        </div>
    </div>
    <div class="section footer fp-auto-height" id="section8">
        <div id="footer"></div>
    </div>

</div>
<ul class="index_section">
    <li onclick="pageTo('firstPage','0')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">首页</div>
    </li>
    <li onclick="pageTo('secondPage','1')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">关于江盐</div>
    </li>
    <li onclick="pageTo('thirdPage','2')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">媒体视野</div>
    </li>
    <li onclick="pageTo('fourthPage','3')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">党的建设</div>
    </li>
    <li onclick="pageTo('fivePage','4')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">业务版图</div>
    </li>
    <li onclick="pageTo('sixPage','5')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">投资者中心</div>
    </li>
<!--    <li onclick="pageTo('seventhPage','6')">-->
<!--        <div class="index_section_item_yuan"></div>-->
<!--        <div class="index_section_item_text">招标采购</div>-->
<!--    </li>-->
    <li onclick="pageTo('seventhPage','6')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">ESG建设</div>
    </li>
    <li onclick="pageTo('eighthPage','7')">
        <div class="index_section_item_yuan"></div>
        <div class="index_section_item_text">加入我们</div>
    </li>

</ul>
<div class="dia">
    <div class="dialog-main">
        <div class="dialog-top">
            <div class="dialog-close"></div>
        </div>
        <div class="dialog-content">
            <video controls id="myVideo1" preload="auto" muted  autoplay>
                <source src="https://v.wchnxz.com/sv/501d73cd-195f538ff46/501d73cd-195f538ff46.mp4" type="video/mp4" />
            </video>
        </div>
    </div>
</div>

<script type="module">
    import newsModel from "./model/newsModel.js";
    import specialColumnModel from "./model/specialColumnModel.js";
    import talentModel from "./model/talentModel.js";
    const special=new specialColumnModel();
    const model=new newsModel();
    const talent=new talentModel();
    const options = {
        useEasing: true, 	 	// 使用缓和
        useGrouping: false,	// 使用分组(是否显示千位分隔符,一般为 true)
        separator: ',',		// 分隔器(千位分隔符,默认为',')
        decimal: '.',			// 十进制(小数点符号,默认为 '.')
        prefix: '',			// 字首(数字的前缀,根据需要可设为 $,¥,￥ 等)
        suffix: ''			// 后缀(数字的后缀 ,根据需要可设为 元,个,美元 等)
    };
    const video = document.getElementById("myVideo1");
    const arr=[1,2,3,4];
    const swiper = document.querySelector(".box2_item1_left_swiper");
    const group = document.querySelector(".box2_item1_left_swiper_box_item");
    let isShowFull=sessionStorage.getItem('isShowFull') || 0;
    let box2_item1_right_index=0;
    // let show=false;
    let swiperWidth = swiper.offsetWidth;
    group.style.width =swiperWidth * group.children.length + 'px';
    //获取轮播图
    const getBannerList = ()=>{
        model.getBanner().then((res)=>{
            if(res.code===200){
                res.rows.forEach((item,i)=>{
                    let img=baseURL+item.homeImg;
                    $(".box1_swiper").append(`
                         <div class="swiper-slide swiper1">
                            <img src="${img}" class="top_img">
                        </div>
                    `)
                })
                const mySwiper1 = new Swiper('.box1_item', {
                    autoplay: {
                        delay: 10000,
                        stopOnLastSlide: false,
                        disableOnInteraction: false,
                    },
                    disableDraggable: true,
                    loop: true,  //设置为true 则开启loop模式
                    pagination: {
                        el: '.box1_pagination1',
                        clickable: true,
                    },
                });
            }else {

            }

        }).catch((err)=>{
            console.log(err)
        })
    }
    function getNews(val){
        let obj={
            pageNum:1,
            pageSize:3,
            categoryValue:val,
            homeTopUp:1,
        }
        model.getIndexList(obj).then((res)=>{
            if(res.code===200){
                $(".box2_item1_right_bottom").empty()
                res.rows.forEach((item)=>{
                    let img=baseURL+item.imageUrl
                    let timeArr=item.releaseTime.split('-')
                    $(".box2_item1_right_bottom").append(`
                          <div class="box2_item1_right_bottom_item" data-id="${item.id}" data-out="${item.outSideUrl}" data-src="${item.htmlPath}" data-type="${item.type}">
                                <div class="box2_item1_right_bottom_item_left">
                                    <img src="${img}" class="box2_item1_right_bottom_item_img" />
                                    <div class="box2_item1_right_bottom_item_left_date">
                                        <div class="box2_item1_right_bottom_item_left_date_text">${timeArr[2]}</div>
                                        <div class="box2_item1_right_bottom_item_left_date_text1">${timeArr[0]}/${timeArr[1]}</div>
                                    </div>
                                </div>
                                <div class="box2_item1_right_bottom_item_right">
                                    <div class="box2_item1_right_bottom_item_right_title">${item.title}</div>
                                    <div class="box2_item1_right_bottom_item_right_text">${item.description!=null?item.description:""}</div>
                                </div>
                            </div>
                    `)
                });
            }
        }).catch((err)=>{
            console.log(err)
        })
    }
    //获取媒体视野推荐新闻
    function getRecommend(val){
        let obj={
            pageNum:1,
            pageSize:3,
            categoryValue:val,
            homeTopUp:1,
        }
        model.getIndexList(obj).then((res)=>{
            if(res.code===200){
                $(".box2_item1_left_swiper_box_item").empty()
                res.rows.forEach((item,i)=>{
                    let url=baseURL+item.imageUrl;
                    let timeArr=item.releaseTime.split('-')
                    $(".box2_item1_left_swiper_box_item").append(`
                        <div class="box2_item1_left_swiper_box swiper-slide" data-id="${item.id}" data-src="${item.htmlPath}" data-out="${item.outSideUrl}" data-type="${item.type}">
                              <div class="box2_item1_left_swiper_top">
                                <img src="${url}" class="box2_item1_left_swiper_img" />
                                <div class="box2_item1_left_top_date">
                                    <div class="box2_item1_left_top_date_text1">${timeArr[2]}</div>
                                     <div class="box2_item1_left_top_date_text2">${timeArr[0]}/${timeArr[1]}</div>
                                </div>
                              </div>
                               <div class="box2_item1_left_swiper_bottom">
                                   <div class="box2_item1_left_swiper_bottom_title">${item.title}</div>
                                   <div class="box2_item1_left_swiper_bottom_text">${item.description!=null?item.description:""}</div>
                               </div>
                        </div>
                    `)
                });
                const mySwiper5 = new Swiper('.box2_item1_left_swiper', {
                    autoplay: {
                        delay: 10000,
                        stopOnLastSlide: false,
                        disableOnInteraction: false,
                    },
                    disableDraggable: true,
                    loop: true,  //设置为true 则开启loop模式
                    pagination: {
                        el: '.pagination1',
                        clickable: true,
                    },
                });
                // run(0,'check');
                // autoRun();
            }
        }).catch((err)=>{
            console.log(err)
        })
    }

    $(".box2_item1_right_bottom").on("click",".box2_item1_right_bottom_item",function () {
        let type=$(this).data("type")
        let path=$(this).data("src");
        if(type=='0'){
            location.href=path
        }else {
            window.open($(this).data("out"))
        }
    })
    $(".box2_item1_left_swiper_box_item").on("click",".box2_item1_left_swiper_box",function () {
        let type=$(this).data("type")
        let path=$(this).data("src")
        if(type=='0'){
            location.href=path
        }else {
            window.open($(this).data("out"))
        }
    })

    //调整新闻
    const setNewIndex=(val,id)=>{
        box2_item1_right_index=val;
        $(".box2_item1_right_top").children().eq(val).addClass('box2_item1_right_top_title_active').siblings().removeClass('box2_item1_right_top_title_active')
        //初始化
        let   breadcrumb_right_width=Math.floor(($(".box2_item1_right_top").children().eq(val).width())/2);
        let  breadcrumb_left=Math.floor(breadcrumb_right_width/2);
        $(".box2_item1_right_top_title1").css('width',breadcrumb_right_width+'px')
        let childOffset =$(".box2_item1_right_top").children().eq(val).offset(); // 获取子元素的位置
        let parentOffset = $('.box2_item1_right_top').offset(); // 获取父元素的位置
        let horizontalDistance = childOffset.left - parentOffset.left; // 计算水平距离
        let breadcrumb_right_left=horizontalDistance+breadcrumb_left
        $(".box2_item1_right_top_title1").css('left',breadcrumb_right_left+'px');
        getNews(id)
        getRecommend(id)
    }
    //获取媒体视野数据
    const getBox3=()=>{
        const arr=[{name:'集团要闻',id:"2001"},{name:"基层动态",id:"2017"},{name:'媒体报道',id:"2018"}]
        arr.map((item,index)=>{
            if(index===0){
                $(".box2_item1_right_top").append(`
                        <div class="box2_item1_right_top_title box2_item1_right_top_title_active" data-v="${index}"  data-id="${item.id}">${item.name}</div>
                `)
            }else {
                $(".box2_item1_right_top").append(`
                        <div class="box2_item1_right_top_title " data-v="${index}" data-id="${item.id}" >${item.name}</div>
                `)
            }
        })
        $(".box2_item1_right_top").append(`<div class="box2_item1_right_top_title1"></div>`)
        setNewIndex(0,arr[0].id)
    }
    $(".box2_item1_right_top").on('click','.box2_item1_right_top_title',function (){
        setNewIndex($(this).data('v'),$(this).data('id'))
    })
    //获取专题专栏
    const getSpecialColumn=()=>{
        special.getColumn().then((res)=>{
            if(res.code===200){
                // let arr= res.rows.reduce((acc, val, i) => {
                //     if (i % 3 === 0) acc.push([]); // 开始新的一组
                //     acc[acc.length - 1].push(val); // 将当前元素添加到最近的组中
                //     return acc;
                // }, [])
                // arr.map((item,index)=>{
                //     $(".box3_swiper").append(`
                //         <div class="box3_item2_box swiper-slide item${index}">
                //
                //         </div>
                //     `)
                //     item.map((ele,i)=>{
                //         let img=baseURL+ele.imgUrl
                //         $(`.item${index}`).append(`
                //                 <div class="box3_item2_box_item"  data-id="${ele.id}">
                //                     <div class="box3_item2_box_item_top">
                //                         <img src="${img}" class="box3_item2_box_item_top_img" />
                //                     </div>
                //                     <div class="box3_item2_box_item_bottom">${ele.title}</div>
                //                 </div>
                //         `)
                //     })
                // })
                // const mySwiper2 = new Swiper('.box3_item2_swiper', {
                //     autoplay: {},
                //     navigation: {
                //         nextEl: '.box3_bottom_right',
                //         prevEl: '.box3_bottom_left',
                //     },
                //     loop: true,  //设置为true 则开启loop模式
                //     pagination: {
                //         el: '.pagination2',
                //         clickable: true,
                //     },
                // });
                res.rows.map((item,index)=>{
                    let img=baseURL+item.imgUrl
                    $(".box3_swiper").append(`
                        <div class="box3_item2_box swiper-slide">
                                <div class="box3_item2_box_item"  data-id="${item.id}">
                                    <div class="box3_item2_box_item_top">
                                        <img src="${img}" class="box3_item2_box_item_top_img" />
                                    </div>
                                    <div class="box3_item2_box_item_bottom">${item.title}</div>
                                </div>
                        </div>
                    `)
                })
                const mySwiper2 = new Swiper('.box3_item2_swiper', {
                    slidesPerView: 3,
                    allowSwipeToNext: false,
                    allowSwipeToPrev: false,
                    navigation: {
                        nextEl: '.box3_bottom_right',
                        prevEl: '.box3_bottom_left',
                    },
                });
            }

        }).catch((err)=>{
        })
    }
    //获取手机上的专栏
    const getWapSpecial=()=>{
        special.getColumn().then((res)=>{
            if(res.code===200){
                res.rows.map((item,index)=>{
                    let img=baseURL+item.imgUrl
                    $(".box3_swiper").append(`
                        <div class="box3_item2_box swiper-slide">
                                <div class="box3_item2_box_item"  data-id="${item.id}">
                                    <div class="box3_item2_box_item_top">
                                        <img src="${img}" class="box3_item2_box_item_top_img" />
                                    </div>
                                    <div class="box3_item2_box_item_bottom">${item.title}</div>
                                </div>
                        </div>
                    `)
                })
                const mySwiper2 = new Swiper('.box3_item2_swiper', {
                    autoplay: {},
                    navigation: {
                        nextEl: '.box3_bottom_right',
                        prevEl: '.box3_bottom_left',
                    },
                    loop: true,  //设置为true 则开启loop模式
                    pagination: {
                        el: '.pagination2',
                        clickable: true,
                    },
                });
            }
        }).catch((err)=>{
            console.log(err)
        })
    }
    $(".box3_swiper").on("click",".box3_item2_box_item",function () {
        let id=$(this).data("id")
        location.href=`themeEducation.html?id=2026&num=5&columnId=${id}`;
    })
    //获取定期公告数据
    const getNotice=()=>{
        let obj={
            pageNum:1,
            pageSize:2,
            categoryValue:2037,
            // homeTopUp:1,
        }
        model.getIndexList(obj).then((res)=>{
            if(res.code===200){
                res.rows.forEach((item)=>{
                    $(".box5_item1_right").append(`
                          <div class="box5_item1_right_box" data-id="${item.id}" data-out="${item.outSideUrl}" data-src="${item.htmlPath}" data-type="${item.type}">
                            <div class="box5_item1_right_text1">${item.releaseTime}</div>
                            <div class="box5_item1_right_text2">${item.title}</div>
                        </div>
                    `)
                });
            }
        }).catch((err)=>{
            console.log(err)
        })
    }
    $(".box5_item1_right ").on("click",".box5_item1_right_box",function () {
        let type=$(this).data("type")
        let path=$(this).data("src")
        if(type=='0'){
           location.href=path
        }else {
            window.open($(this).data("out"))
        }
    })
    //获取招标采购数据
    const getBidding =()=>{
        let obj={
            pageNum:1,
            pageSize:4,
            categoryValue:2049,
            // homeTopUp:1,
        }
        model.getIndexList(obj).then((res)=>{
            if(res.code===200){
                let arr= res.rows.reduce((acc, val, i) => {
                    if (i % 2 === 0) acc.push([]); // 开始新的一组
                    acc[acc.length - 1].push(val); // 将当前元素添加到最近的组中
                    return acc;
                }, [])
                arr.forEach((item,index)=>{
                    $(".box6_item").append(`
                          <div class="box6_item_box box6_item${index}"></div>
                    `)
                    item.map(ele=>{
                        $(`.box6_item${index}`).append(`
                             <div class="box6_item_box_item" data-id="${ele.id}" data-out="${item.outSideUrl}" data-src="${ele.htmlPath}" data-type="${ele.type}">
                                    <div class="box6_item_box_item_left">
                                        <div class="box6_item_text">${ele.releaseTime}</div>
                                        <img src="img/index/box6Img2.png" class="box6_item_yuan">
                                    </div>
                                    <div class="box6_item_box_item_right">
                                        <div class="box6_item_box_item_right_box">
                                            <img src="img/index/box6Icon.png" class="box6_icon" />
                                            <div class="box6_item_box_item_right_title">${ele.title}</div>
                                        </div>
                                        <div class="box6_item_box_item_right_text">${ele.description}</div>
                                    </div>
                                </div>

                        `)
                    })
                });
            }
        }).catch((err)=>{
            console.log(err)
        })
    }
    $(".box6_item").on("click",".box6_item_box_item",function () {
        let type=$(this).data("type")
        let path=$(this).data("src")
        if(type=='0'){
           location.href=path
        }else {
            window.open($(this).data("out"))
        }
    })
    //获取ESG数据
    const getESG=()=>{
        let obj={
            pageNum:1,
            pageSize:3,
            categoryValue:2044,
            // homeTopUp:1,
        }
        model.getIndexList(obj).then((res)=>{
            if(res.code===200){
                res.rows.forEach((item)=>{
                    let img=baseURL+item.imageUrl
                    $(".box7_item1_box").append(`
                          <div class="box7_item1_box_item" data-id="${item.id}" data-out="${item.outSideUrl}" data-src="${item.htmlPath}" data-type="${item.type}">
                        <img src="${img}"  class="box7_item1_box_top">
                        <div class="box7_item1_box_bottom">
                            <div class="box7_item1_box_bottom_text">${item.title}</div>
                            <div class="box7_item1_box_bottom_text1">${item.description!=null?item.description:""}</div>
                        </div>
                    </div>
                    `)
                });
            }
        }).catch((err)=>{
            console.log(err)
        })
    }
    $(".box7_item1_box").on("click",".box7_item1_box_item",function () {
        let type=$(this).data("type")
        let path=$(this).data("src")
        if(type=='0'){
           location.href=path
        }else {
            window.open($(this).data("out"))
        }
    })
    //获取权属单位
    const getUnit=()=>{
        let obj={
            pageNum:1,
            pageSize:3,
            categoryValue:2055,
            // homeTopUp:1,
        }
        model.getIndexList(obj).then((res)=>{
            if(res.code===200){
                res.rows.forEach((item)=>{
                    $(".box1_item2").append(`
                      <div class="box1_item2_box" data-id="${item.id}" data-out="${item.outSideUrl}" data-src="${item.htmlPath}" data-type="${item.type}">
                        <div class="box1_item2_box_bottom_title">${item.title}</div>
                        <div class="box1_item2_box_bottom_text">${item.description!=null?item.description:""}</div>
                        <div class="box1_item2_box_img"></div>
                     </div>
                    `)
                });
            }
        }).catch((err)=>{
            console.log(err)
        })
    }
    $(".box1_item2").on('click','.box1_item2_box',function (){
        $(this).addClass('box1_item2_box_active').siblings().removeClass('box1_item2_box_active')
        let type=$(this).data("type")
        let path=$(this).data("src")
        if(type=='0'){
           location.href=path
        }else {
            window.open($(this).data("out"))
        }
    })
    /**
     *
     * 获取加入我们数据开始
     * */

        //获取人才发展
    const getDevelop=()=>{
            talent.getList().then((res)=>{
                if(res.code===200){
                    $(".box8_item_left_top_text").append(res.data.content)
                }
            }).catch(e=>{
                console.log(e)
            })
        }
    //获取招聘公告
    const getHire=()=>{
        let obj={
            pageNum:1,
            pageSize:3,
            categoryValue:2047,
        }
        model.getIndexList(obj).then(res=>{
            if(res.code===200){
                res.rows.map(item=>{
                    $(".box8_item_right_bottom").append(`
                        <div class="box8_item_right_bottom_item" data-id="${item.id}" data-out="${item.outSideUrl}" data-src="${item.htmlPath}" data-type="${item.type}">
                                <div class="box8_item_right_bottom_item_box">
                                    <div class="box8_item_right_bottom_item_box_text">${item.title}</div>
                                    <div class="box8_item_right_bottom_item_box_text1">发布时间：${item.releaseTime}</div>
                                </div>
                        </div>
               `)
                })
            }

        }).catch(e=>{
            console.log(e)
        })
    }
    $(".box8_item_right_bottom").on("click",".box8_item_right_bottom_item",function () {
        let type=$(this).data("type")
        let path=$(this).data("src")
        if(type=='0'){
           location.href=path
        }else {
            window.open($(this).data("out"))
        }
    })
    /**
     *
     * 获取加入我们数据结束
     * */
        //手机端产品业务选中类型
        $(".box4_item3_top").on("click",".box4_item3_top_box1",function () {
            $(this).addClass('box4_item3_top_active').siblings().removeClass('box4_item3_top_active')
        })
    //获取图片宽度
    const getWidth = () => {
        let width=$(".box4_item1").width()-($('.box4_item1_box_left').width()*4)
        return width
    }
    $('.box4_item1_box_left').siblings().eq(0).addClass('box4_item1_box_active').css('width', `${getWidth()}px`);
    $(".box4_item1_box_left").hover(
        function(){
            $(".box4_item1_box_left").siblings().removeClass('box4_item1_box_active').css('width', '0');
            $('.box4_item1_box_left').siblings().eq($(this).data("v")).addClass('box4_item1_box_active').css('width', `${getWidth()}px`);
        },
        function (){}
    )
    //获取飘窗的数据
    const bayWindow=()=>{
        model.getFloatingWindow().then((res)=>{
            if(res.code==200){
                res.rows.forEach((item)=>{
                    if(item.isEnabled){
                        let imgUrl=baseURL+item.image;
                        $('body').append(`
                        <img src="${imgUrl}"  class="float_img" id="bay${item.id}">
                    `)
                        $(`#bay${item.id}`).width(item.width);
                        $(`#bay${item.id}`).height(item.hight);
                        // $(`#bay${item.id}`).on('mouseenter', function() {
                        //     $(this).bayWindow('stop');
                        //$(this).data('type')
                        // });
                        //
                        // // 当鼠标离开时，重新启动飘窗效果
                        // $(`#bay${item.id}`).on('mouseleave', function() {
                        //     $(this).bayWindow('start');
                        // });
                        $(`#bay${item.id}`).autoMove({ angle: -Math.PI /item.id+2, speed: item.speed });
                        $(`#bay${item.id}`).click(function () {
                            if(item.linkType==='0'){
                                window.location.href = `../../news/${item.outSide}.html`;
                            }else {
                                window.location.href=item.outSide
                            }
                        });
                    }

                });
            }
        }).catch((err)=>{
            console.log(err)
        })
    }
    //获取对联广告
    const couplet=()=>{
        model.getCouplet().then((res)=>{
            if(res.code==200){
                console.log(res)
                let obj=res.data;
                let left=baseURL+obj.leftImage;
                let right=baseURL+obj.rightImage;
                $('body').append(`
                        <img src="${left}" class="couplet_left couplet">
                        <img src="${right}" class="couplet_right couplet">
                    `)
                $(`.couplet`).width(obj.width);
                $(`.couplet`).height(obj.height);
            }
        }).catch((err)=>{

        })
    }
    /****
     **获取股票信息开始
     ***/
    let temp = [];
    function ajaxUrl(){
        let param = { period: 'day' }
        myChart.showLoading();
        $.ajax({
            url:'https://yunhq.sse.com.cn:32042/v1/sh1/snap/601065',
            // ?callback=jQuery18307851810713615026_1720002147929&begin=0&end=-1&select=code%2Cbid%2Cask%2Clast%2Cchange%2Cchg_rate%2Cprev_close%2Copen%2Clow%2Camount%2Cvolume%2Chigh&_=1720002147954
            type: "GET",
            dataType: "jsonp",
            data: param,
            success: function (data) {
                let date=data.date
                temp=data.snap
                $(".box5_item1_left_top_box").children().remove();
                $(".box5_item1_left_top_box").append(`
                        <div class="box5_item1_left_top_text1">SH 601065</div>
                        <div class="box5_item1_left_top_text2">${temp[5]}</div>
                        <img src="img/index/box5Icon1.png" class="box5_item1_left_top_icon">
                        <img src="img/index/box5Icon2.png" class="box5_item1_left_top_icon">
                        <div class="box5_item1_left_top_text3">${temp[6]}</div>
                        <div class="box5_item1_left_top_text3">${temp[7]}%</div>
                `)
                $(".box5_item1_left_bottom_text").text(`更新时间:${date}`)
            }
        });
    }
    /****
     **获取股票信息结束
     ***/

        //一屏初始化
    const init=()=>{
            new fullpage("#index",{
                verticalCentered: true,
                menu: '#menu',
                resize:true,
                anchors:['firstPage', 'secondPage', 'thirdPage','fourthPage','fivePage','sixPage','seventhPage','eighthPage','ninthPage',],
                afterLoad: function(anchorLink, {index}){
                    $(".index_section").children().eq(index).addClass('index_section_item_active').siblings().removeClass('index_section_item_active')
                    switch (index) {
                        case 1:
                            $(".box1").addClass('box1_active')
                            $(".box1_item_left").addClass('leftActive')
                            $(".box1_item_right").addClass('rightActive')
                            setTimeout(()=>{
                                new CountUp("num1", 0, 6.4, 1, 3, options).start();
                                new CountUp("num2", 0, 2000, 0,3, options).start();
                                $(".box1_item2").addClass('topActive')
                            },2000)
                            $(".box2").removeClass('box2_active')
                            $(".box2_item1_top").removeClass('leftActive')
                            $(".box2_item1_bottom").removeClass('rightActive')
                            $(".box3").removeClass('box3_active')
                            $(".box3_item2").removeClass('topActive')
                            $(".box3_bottom").removeClass('topActive')
                            $(".box4").removeClass('box4_active')
                            $(".box4_item1").removeClass('topActive')
                            $(".box5").removeClass('box5_active')
                            $(".box5_item1_left").removeClass('leftActive')
                            $(".box5_item1_right").removeClass('rightActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box7").removeClass('box7_active')
                            $(".box7_item1").removeClass('topActive')
                            $(".box8").removeClass('box8_active')
                            $(".box8_item_left").removeClass('leftActive')
                            $(".box8_item_right").removeClass('rightActive')
                            break;
                        case 2:
                            $(".box2").addClass('box2_active')
                            $(".box2_item1_top").addClass('leftActive')
                            $(".box2_item1_bottom").addClass('rightActive')
                            $(".box1").removeClass('box1_active')
                            $(".box1_item_left").removeClass('leftActive')
                            $(".box1_item_right").removeClass('rightActive')
                            $(".box1_item2").removeClass('topActive')
                            $(".box3").removeClass('box3_active')
                            $(".box3_item2").removeClass('topActive')
                            $(".box3_bottom").removeClass('topActive')
                            $(".box4").removeClass('box4_active')
                            $(".box4_item1").removeClass('topActive')
                            $(".box5").removeClass('box5_active')
                            $(".box5_item1_left").removeClass('leftActive')
                            $(".box5_item1_right").removeClass('rightActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box7").removeClass('box7_active')
                            $(".box7_item1").removeClass('topActive')
                            $(".box8").removeClass('box8_active')
                            $(".box8_item_left").removeClass('leftActive')
                            $(".box8_item_right").removeClass('rightActive')

                            break;
                        case 3:
                            $(".box3").addClass('box3_active')
                            $(".box3_item2").addClass('topActive')
                            $(".box3_bottom").addClass('topActive')
                            $(".box1").removeClass('box1_active')
                            $(".box1_item_left").removeClass('leftActive')
                            $(".box1_item_right").removeClass('rightActive')
                            $(".box1_item2").removeClass('topActive')
                            $(".box2").removeClass('box2_active')
                            $(".box2_item1_top").removeClass('leftActive')
                            $(".box2_item1_bottom").removeClass('rightActive')
                            $(".box4").removeClass('box4_active')
                            $(".box4_item1").removeClass('topActive')
                            $(".box5").removeClass('box5_active')
                            $(".box5_item1_left").removeClass('leftActive')
                            $(".box5_item1_right").removeClass('rightActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box7").removeClass('box7_active')
                            $(".box7_item1").removeClass('topActive')
                            $(".box8").removeClass('box8_active')
                            $(".box8_item_left").removeClass('leftActive')
                            $(".box8_item_right").removeClass('rightActive')
                            break;
                        case 4:
                            $(".box4").addClass('box4_active')
                            $(".box4_item1").addClass('topActive')
                            $(".box1").removeClass('box1_active')
                            $(".box1_item_left").removeClass('leftActive')
                            $(".box1_item_right").removeClass('rightActive')
                            $(".box1_item2").removeClass('topActive')
                            $(".box2").removeClass('box2_active')
                            $(".box2_item1_top").removeClass('leftActive')
                            $(".box2_item1_bottom").removeClass('rightActive')
                            $(".box3").removeClass('box3_active')
                            $(".box3_item2").removeClass('topActive')
                            $(".box3_bottom").removeClass('topActive')
                            $(".box5").removeClass('box5_active')
                            $(".box5_item1_left").removeClass('leftActive')
                            $(".box5_item1_right").removeClass('rightActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box7").removeClass('box7_active')
                            $(".box7_item1").removeClass('topActive')
                            $(".box8").removeClass('box8_active')
                            $(".box8_item_left").removeClass('leftActive')
                            $(".box8_item_right").removeClass('rightActive')
                            break;
                        case 5:
                            $(".box5").addClass('box5_active')
                            $(".box5_item1_left").addClass('leftActive')
                            $(".box5_item1_right").addClass('rightActive')
                            $(".box1").removeClass('box1_active')
                            $(".box1_item_left").removeClass('leftActive')
                            $(".box1_item_right").removeClass('rightActive')
                            $(".box1_item2").removeClass('topActive')
                            $(".box2").removeClass('box2_active')
                            $(".box2_item1_top").removeClass('leftActive')
                            $(".box2_item1_bottom").removeClass('rightActive')
                            $(".box3").removeClass('box3_active')
                            $(".box3_item2").removeClass('topActive')
                            $(".box3_bottom").removeClass('topActive')
                            $(".box4").removeClass('box4_active')
                            $(".box4_item1").removeClass('topActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box7").removeClass('box7_active')
                            $(".box7_item1").removeClass('topActive')
                            $(".box8").removeClass('box8_active')
                            $(".box8_item_left").removeClass('leftActive')
                            $(".box8_item_right").removeClass('rightActive')
                            break;
                        // case 6:
                        //     $(".box6").addClass('box6_active');
                        //     $(".box6_item").addClass('topActive')
                        //     $(".box1").removeClass('box1_active')
                        //     $(".box1_item_left").removeClass('leftActive')
                        //     $(".box1_item_right").removeClass('rightActive')
                        //     $(".box1_item2").removeClass('topActive')
                        //     $(".box2").removeClass('box2_active')
                        //     $(".box2_item1_top").removeClass('leftActive')
                        //     $(".box2_item1_bottom").removeClass('rightActive')
                        //     $(".box3").removeClass('box3_active')
                        //     $(".box3_item2").removeClass('topActive')
                        //     $(".box3_bottom").removeClass('topActive')
                        //     $(".box4").removeClass('box4_active')
                        //     $(".box4_item1").removeClass('topActive')
                        //     $(".box5").removeClass('box5_active')
                        //     $(".box5_item1_left").removeClass('leftActive')
                        //     $(".box5_item1_right").removeClass('rightActive')
                        //     $(".box7").removeClass('box7_active')
                        //     $(".box7_item1").removeClass('topActive')
                        //     $(".box8").removeClass('box8_active')
                        //     $(".box8_item_left").removeClass('leftActive')
                        //     $(".box8_item_right").removeClass('rightActive')
                        //     break;
                        case 6:
                            $(".box7").addClass('box7_active')
                            $(".box7_item1").addClass('topActive')
                            $(".box1").removeClass('box1_active')
                            $(".box1_item_left").removeClass('leftActive')
                            $(".box1_item_right").removeClass('rightActive')
                            $(".box1_item2").removeClass('topActive')
                            $(".box2").removeClass('box2_active')
                            $(".box2_item1_top").removeClass('leftActive')
                            $(".box2_item1_bottom").removeClass('rightActive')
                            $(".box3").removeClass('box3_active')
                            $(".box3_item2").removeClass('topActive')
                            $(".box3_bottom").removeClass('topActive')
                            $(".box4").removeClass('box4_active')
                            $(".box4_item1").removeClass('topActive')
                            $(".box5").removeClass('box5_active')
                            $(".box5_item1_left").removeClass('leftActive')
                            $(".box5_item1_right").removeClass('rightActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box8").removeClass('box8_active')
                            $(".box8_item_left").removeClass('leftActive')
                            $(".box8_item_right").removeClass('rightActive')
                            break;
                        case 7:
                            $(".box1").removeClass('box1_active')
                            $(".box1_item_left").removeClass('leftActive')
                            $(".box1_item_right").removeClass('rightActive')
                            $(".box1_item2").removeClass('topActive')
                            $(".box2").removeClass('box2_active')
                            $(".box2_item1_top").removeClass('leftActive')
                            $(".box2_item1_bottom").removeClass('rightActive')
                            $(".box3").removeClass('box3_active')
                            $(".box3_item2").removeClass('topActive')
                            $(".box3_bottom").removeClass('topActive')
                            $(".box4").removeClass('box4_active')
                            $(".box4_item1").removeClass('topActive')
                            $(".box5").removeClass('box5_active')
                            $(".box5_item1_left").removeClass('leftActive')
                            $(".box5_item1_right").removeClass('rightActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box7").removeClass('box7_active')
                            $(".box7_item1").removeClass('topActive')
                            $(".box8").addClass('box8_active')
                            $(".box8_item_left").addClass('leftActive')
                            $(".box8_item_right").addClass('rightActive')
                            break;
                        case 8:
                            $(".box8").addClass('box8_active')
                            break
                        default:
                            $(".box1").removeClass('box1_active')
                            $(".box1_item_left").removeClass('leftActive')
                            $(".box1_item_right").removeClass('rightActive')
                            $(".box1_item2").removeClass('topActive')
                            $(".box2").removeClass('box2_active')
                            $(".box2_item1_top").removeClass('leftActive')
                            $(".box2_item1_bottom").removeClass('rightActive')
                            $(".box3").removeClass('box3_active')
                            $(".box3_item2").removeClass('topActive')
                            $(".box3_bottom").removeClass('topActive')
                            $(".box4").removeClass('box4_active')
                            $(".box4_item1").removeClass('topActive')
                            $(".box5").removeClass('box5_active')
                            $(".box5_item1_left").removeClass('leftActive')
                            $(".box5_item1_right").removeClass('rightActive')
                            $(".box6").removeClass('box6_active');
                            $(".box6_item").removeClass('topActive')
                            $(".box7").removeClass('box7_active')
                            $(".box7_item1").removeClass('topActive')
                            $(".box8").removeClass('box8_active')
                            $(".box8_item_left").removeClass('leftActive')
                            $(".box8_item_right").removeClass('rightActive')
                            break;
                    }
                    setPageIndex(index)
                    sessionStorage.setItem('pageIndex',page);
                    if(page===9){
                        $(".heard_box").css('background','#ffffff')
                    }else  if(page>0 && page<9){
                        $('.heard_item_bottom').css('color','#000000')
                        $('.heard_item_bottom1').css('color','#000000')
                        $('.heard_top_left_text').css('color','#000000')
                        $(".heard_left").css('background','url("img/heard/logo1.png") no-repeat')
                        $(".heard_left").css('background-size','100% 100%')
                        $(".heard_box").css('background','rgba(255, 255, 255, 1)')
                    }else  if(page===0){
                        $('.heard_item_bottom').css('color','#ffffff')
                        $('.heard_item_bottom1').css('color','#ffffff')
                        $('.heard_top_left_text').css('color','#ffffff')
                        $(".heard_left").css('background','url("img/heard/logo.png") no-repeat')
                        $(".heard_left").css('background-size','100% 100%')
                        $(".heard_box").css('background','rgba(0, 0, 0, 0)')

                    }
                },
                onLeave: function(index, direction){
                },
            });
        }
    $(function(){
        let urlParams = new URLSearchParams(window.location.search);
        sessionStorage.setItem('activeIndex',0)
        sessionStorage.setItem('breadcrumbIndex',urlParams.get("num"))
        $("#index_input").val('')
        getBannerList()
        getUnit()
        getBox3();
        setEchartsId('chart_main')
        ajaxUrl();
        timeAjaxUrl();
        getNotice();
        getBidding();
        getESG();
        getDevelop();
        getHire();
        bayWindow();
        couplet();
        setInterval(()=>{
            ajaxUrl();
            timeAjaxUrl();
        },60000);

        $("#start").click(function (){
            $(".dia").addClass('dialogShow')
            video.play();
        })

        //关闭弹框
        $(".dialog-close").click(function (){
            $(".dia").removeClass('dialogShow')
            video.pause();
        })
        if(/Android|webOS|iPhone|iPod|BlackBerry|iPad|iPad Pro|SymbianOS/i.test(navigator.userAgent)) {
            getWapSpecial()
            if(fullpage_api){
                fullpage_api.destroy('all');
            }
            window.addEventListener('touchmove',function (){
                let top = document.body.scrollTop || document.documentElement.scrollTop
                if (top > 30) {
                    $("#heard_box").css('background','#ffffff')
                } else {
                    $("#heard_box").css('background','transparent')
                }
            })
        } else {
            init()
            getSpecialColumn();
            window.addEventListener('resize', function () {
                swiperWidth = swiper.offsetWidth;
                group.style.transform= `translateX(0px)`;
                group.style.width =swiperWidth * group.children.length + 'px';
                $('.box4_item1_box_left').siblings().eq(0).addClass('box4_item1_box_active').css('width', `${getWidth()}px`);
                $(".box2_item1_right_top").children().eq(box2_item1_right_index).addClass('box2_item1_right_top_title_active').siblings().removeClass('box2_item1_right_top_title_active')
                let   breadcrumb_right_width=Math.floor(($(".box2_item1_right_top").children().eq(box2_item1_right_index).width())/2);
                let  breadcrumb_left=Math.floor(breadcrumb_right_width/2);
                $(".box2_item1_right_top_title1").css('width',breadcrumb_right_width+'px')
                let childOffset =$(".box2_item1_right_top").children().eq(box2_item1_right_index).offset(); // 获取子元素的位置
                let parentOffset = $('.box2_item1_right_top').offset(); // 获取父元素的位置
                let horizontalDistance = childOffset.left - parentOffset.left; // 计算水平距离
                let breadcrumb_right_left=horizontalDistance+breadcrumb_left
                $(".box2_item1_right_top_title1").css('left',breadcrumb_right_left+'px')
                if ($(window).width()>=1024) {
                    init()
                }else {
                    if(fullpage_api){
                        fullpage_api.destroy('all')
                    }
                }
            }, false)
            $('.box2_item1_right_top_title').hover(
                function() {
                    $(this).addClass('box2_item1_right_top_title_active').siblings().removeClass('box2_item1_right_top_title_active');
                    let   breadcrumb_right_width=Math.floor(($(this).width()/2));
                    let  breadcrumb_left=Math.floor(breadcrumb_right_width/2);
                    $(".box2_item1_right_top_title1").css('width',breadcrumb_right_width+'px')
                    let childOffset = $(this).offset(); // 获取子元素的位置
                    let parentOffset = $('.box2_item1_right_top').offset(); // 获取父元素的位置
                    let horizontalDistance = childOffset.left - parentOffset.left; // 计算水平距离
                    let breadcrumb_right_left=horizontalDistance+breadcrumb_left;
                    $(".box2_item1_right_top_title1").css('left',breadcrumb_right_left+'px')
                },
                function() {
                    // 鼠标离开时隐藏导航栏
                    $(".box2_item1_right_top").children().eq(box2_item1_right_index).addClass('box2_item1_right_top_title_active').siblings().removeClass('box2_item1_right_top_title_active')
                    let   breadcrumb_right_width=Math.floor(($(".box2_item1_right_top").children().eq(box2_item1_right_index).width())/2);
                    let  breadcrumb_left=Math.floor(breadcrumb_right_width/2);
                    $(".box2_item1_right_top_title1").css('width',breadcrumb_right_width+'px')
                    let childOffset =$(".box2_item1_right_top").children().eq(box2_item1_right_index).offset(); // 获取子元素的位置
                    let parentOffset = $('.box2_item1_right_top').offset(); // 获取父元素的位置
                    let horizontalDistance = childOffset.left - parentOffset.left; // 计算水平距离
                    let breadcrumb_right_left=horizontalDistance+breadcrumb_left
                    $(".box2_item1_right_top_title1").css('left',breadcrumb_right_left+'px')
                }
            );
        }

    })

</script>
</html>
