.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;
    transform: translateX(-50%);
}
.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;
}
.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) {
    .swiper{
        width: 100%;
        height: 212px!important;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 212px!important;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 100%;
    }
    .pagination2 .swiper-pagination-bullet{
        margin-right: 10px;
    }
    .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;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .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: 58px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: all .5s;
        cursor: pointer;
    }
    .box2_item1_right_bottom_item_img{
        display: none;
        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;
    }
    .dia .el-dialog--center{
        width: 98%!important;
    }
    .dia .el-dialog__title{
        font-size: 18px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 168px;
        object-fit: cover
    }
}
@media only screen and (min-width: 501px) and (max-width: 860px) {
    .pagination2 .swiper-pagination-bullet{
        margin-right: 10px;
    }
    .swiper{
        width: 100%;
        height: 212px!important;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 212px!important;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 100%;
    }
    .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;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .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: 117px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: all .5s;
        cursor: pointer;
    }
    .box2_item1_right_bottom_item_img{
        display: none;
        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;
    }
    .dia .el-dialog--center{
        width: 98%!important;
    }
    .dia .el-dialog__title{
        font-size: 18px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 336px;
        object-fit: cover
    }
}
@media only screen and (min-width: 861px) and (max-width: 1023px) {
    .pagination2 .swiper-pagination-bullet{
        margin-right: 20px;
    }
    .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;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        box-sizing: border-box;
    }
    .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{
        padding-left: 30px;
    }
    .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: 117px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: all .5s;
        cursor: pointer;
    }
    .box2_item1_right_bottom_item_img{
        display: none;
        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:10px 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;
    }
    .dia .el-dialog--center{
        width: 600px;
    }
    .dia .el-dialog__title{
        font-size: 28px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 300px;
        object-fit: cover
    }
}
@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);
    }
    .swiper{
        width: 100%;
        height: 100%;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 100%;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 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%);
    }
    .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: 230px;
        height: 246px;
        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: 14px;
        color: #FFFFFF;
        margin-bottom: 7px;
        transition: all 0.5s;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        box-sizing: border-box;
    }
    .box1_item2_box_bottom_text{
        width: 100%;
        font-weight: 300;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 22px;
        height: 110px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        box-sizing: border-box;
    }
    .box1_item2_box_img{
        width: 40px;
        height: 39px;
        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{
       padding-left: 50px;
    }
    .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;
        margin-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;
    }
    .dia .el-dialog--center{
        width: 900px;
    }
    .dia .el-dialog__title{
        font-size: 28px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 360px;
        object-fit: cover
    }
}
@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);
    }
    .swiper{
        width: 100%;
        height: 100%;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 100%;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 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{
        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: 315px;
        height: 284px;
        background: rgba(95, 166, 210, .8);
        border-radius: 0px 50px 0px 50px;
        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;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        box-sizing: border-box;
    }
    .box1_item2_box_bottom_text{
        width: 100%;
        font-weight: 300;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 22px;
    }
    .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{
        padding-left: 100px;
    }
    .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;
        margin-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;
    }

    .dia .el-dialog--center{
        width: 1200px;
    }
    .dia .el-dialog__title{
        font-size: 28px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 500px;
        object-fit: cover
    }
}
@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);
    }
    .swiper{
        width: 100%;
        height: 100%;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 100%;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 100%;
    }
    .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: 315px;
        height: 184px;
        background: rgba(95, 166, 210, .8);
        border-radius: 0px 40px 0px 40px;
        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;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        box-sizing: border-box;
    }
    .box1_item2_box_bottom_text{
        width: 100%;
        font-weight: 300;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 22px;
    }
    .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{
        padding-left: 100px;
    }
    .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;
        margin-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;
    }
    .dia .el-dialog--center{
        width: 1200px;
    }
    .dia .el-dialog__title{
        font-size: 28px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 500px;
        object-fit: cover
    }
}
@media only screen and (min-width: 1701px){
    .more:hover{
        box-shadow: 0px 8px 0px 0px rgba(200,200,200,0.66);
    }
    .swiper{
        width: 100%;
        height: 100%;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 100%;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 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%;
    }
    .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: 315px;
        height: 284px;
        background: rgba(95, 166, 210, .8);
        border-radius: 0px 50px 0px 50px;
        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;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        box-sizing: border-box;
    }
    .box1_item2_box_bottom_text{
        width: 100%;
        font-weight: 300;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 22px;
    }
    .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{
       padding-left: 100px;
    }
    .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;
        margin-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;
    }
    .dia .el-dialog--center{
        width: 1200px;
    }
    .dia .el-dialog__title{
        font-size: 28px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 500px;
        object-fit: cover
    }
}