/*pc*/

/*一级公共样式*/ /*一级公共样式*/
@media all and (min-width: 980px){
    .mt56{margin-top: 56px}
    .main{width: 100%;margin:0 auto}
    .top{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%)}
    .top.head_fixed.on{position: fixed;top: 0;left: 0;z-index: 50;animation-name: up_small;animation-duration: 0.5s}
    @keyframes up_small {
        0% {top: -100px}
        100% {top: 0}
    }
    .w83{margin: 0 auto;width: 83.333%;}
    /* 导航 */
    .top .head{}
    .top .nav_all{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 29px 0}
    .top .nav_all ul{display: flex;width: 100%;justify-content: space-between;}
    .top .nav_all>.nav_right>ul>li{ display: flex;align-items: center;height: 83px;position: relative}
    .top .nav_all ul li a{font-size: 20px;color: #FFFFFF;}
    /*.top .nav_all>ul>li .dp{position: relative}*/
    .top .nav_all .nav_left img{width: 498px;height: 83px}
    .top .nav_all .nav_right{display: flex;width:57.312%;}
    /* 下拉 */
    .top .nav_all .nav_right .dp{position: absolute;background-color: #ffffff;width: 168px;display: flex;flex-direction: column;z-index: 5;padding: 10px 0;transform: translate(-50%,0);left: 50%;top:83px}
    .top .nav_all .dp li{width: 100%;display: flex;background-color: rgb(255, 255, 255);flex-direction: column;align-items: center;justify-content: center;}
    .top .nav_all .dp li a{ font-size: 16px;color: #000000;padding: 13px 0;}
    /* 触发 前面触发，空格后面是控制的元素*/
    .top .nav_all .nav_right>ul>li:hover .dp{display: block;}
    .top .nav_all .nav_right>ul>li>a:hover {opacity: 67%}
    .top .nav_all .nav_right .dp li:hover{background-color: #EEEEEE}
    .top .nav_all .nav_right .dp li:hover a{color: #5898E4;}
    .top .nav_all .nav_right .dp{display: none;}
    .m_nav{display: none}
    /*footer*/
    .footer{background-color: #2A2A33;}
    .w73{margin: 0 auto;width: 73.645%;}
    .footer .footer_body{padding: 63px 0 52px;display: flex}
    .footer_body .left{display: flex;width: 41.202%;justify-content: space-between;align-items: center}
    .footer_body .left1_img1{display: flex;flex-direction: column;}
    .footer_body .left1_img2{display: flex;justify-content: space-evenly;margin-top: 22px}
    .footer_body .left1_img2 .ma1{position: relative}
    .footer_body .left1_img2 .ma1 span img{z-index: 55;position: absolute;top:-135px;left: -40px}
    .footer_body .left1_img2 .ma2{position: relative}
    .footer_body .left1_img2 .ma2 span img{z-index: 55;position: absolute;top:-135px;left: -40px}
    .footer_body .left2{width: 30%;display: flex;flex-direction: column;}
    .footer_body .left2 a{display: flex;align-items: center}
    .footer_body .left2 a p{font-size: 20px;color: #FFFFFF;padding-left: 12px;}
    .footer_body .left2 a:not(:first-of-type){margin-top: 24px}
    .footer_body .left3 a{border-radius: 4px;display: block;background: #222229;width: 146px;height: 40px;display: flex;align-items: center;justify-content: space-around;}
    .footer_body .left3 a p{font-size: 16px;color: #FFFFFF;}
    .footer_body .left3 a:not(:first-of-type){margin-top: 48px}
    .footer_body .right{display: flex;width: 52%;margin-left: 400px;margin-top: 10px;justify-content: space-between;}
    .footer_body .right a{font-size: 16px;color: #999999;}
    .footer_body .right li:not(:first-of-type){padding-top: 16px;}
    .footer .bottom{width: 100%;padding: 27px 0 18px;background-color: #222229;align-items: center;display: flex;justify-content: center}
    .footer .bottom p{font-size: 16px;color: #FFFFFF;}
    .footer .bottom a{font-size: 16px;color: #FFFFFF;}
    .footer_body .ma1 span img{display: none}
    .footer_body .ma2 span img{display: none}
    .footer_body .right a:hover{color: #5898E4;}
    .footer_body .left1_img2 .ma1:hover span img{display: block}
    .footer_body .left1_img2 .ma2:hover span img{display: block}
    .footer_body .left .left2 a:hover p{color: #5898E4;}
    .footer_body .left .left3 a:hover p{color: #5898E4;}
    .footer .bottom p a:hover{color: #5898E4;}
}
/*一级公共区end*/

/*二级公共样式*/
@media all and (min-width: 980px){
    .v18_index_list1{display: flex}
    .v18_index_list1 a{display: flex;width: 100%}
    .v18_index_list1 .time{display: flex;flex-direction: column;width: 89px;}
    .v18_index_list1 .nr{width: 0;flex: 1;margin-left: 25px}
    .v18_index_list1 .time em{height: 45px;background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);font-style: normal;font-size: 32px;color: #FFFFFF;display: flex;justify-content: center}
    .v18_index_list1 .time i{font-size: 20px;color: #5898E4;font-style: normal;text-align: center;margin-top: 11px}
    .v18_index_list1 .nr p{font-size: 20px;color: #000000;line-height: 36px;margin-top: 2px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .v18_index_list1 a:hover .nr p{color: #5898E4}

    .v18_index_list2 a{display: flex;justify-content: space-between;width: 100%}
    .v18_index_list2{position: relative}
    .v18_index_list2 a p{width: 59.729%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 20px;color: #000000;margin-left:12px}
    .v18_index_list2:hover a p{color:#5898E4 }
    .v18_index_list2:hover a span{color:#5898E4 }
    .v18_index_list2:hover a::before{background-color:#5898E4 }
    .v18_index_list2 a::before{content: '';width: 6px;height: 6px;position: absolute;background-color: #D8D8D8;left: 0px;top: 12px}
    .v18_index_list2 a span{color: #000000;font-size: 18px}

    .index_title a:hover{font-weight: bold}
    .index_title{display: flex;justify-content: space-between;align-items: center}
    .index_title h3{font-size: 26px;color: #5898E4;margin-left: 24px;}
    .index_title a{font-size: 16px;color: #999999;}
    .index_title .t_left{display: flex;align-items: center}

    .picture{width: 100%;}
    .picture_bc{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);position: relative;overflow:hidden}
    .w89{margin: 0 auto;width: 83.333%;}
    /*超出隐藏*/

    /*   轮播图 */
    .picture_bc .pic_all{overflow: hidden;position: relative}
    .picture_bc .swiper-slide img{width: 100%;z-index: 6;}
    .picture_bc .page_slide{position: absolute;bottom: 66px;z-index: 7;display: block;text-align: center;width: 100%}
    .picture_bc .swiper-pagination-bullet{margin-right: 20px;width: 16px;height: 16px}
    .picture_bc .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: white}
    .picture_bc .d{width: 100%;height:287px;background-color: #F8F8F8;position: absolute;bottom: 0;}
    .picture_bc .d span{height: 88px;flex-wrap: wrap;display: flex;width: 1.04%;flex-direction: column;display: block;padding-top: 66px;padding-left: 70px;font-size: 16px;color: #999999;}
    .picture_bc .d img{padding-top: 24px;padding-left: 70px;}
    .picture_bc .d .d_left{width: 5.468%;height: inherit;cursor: pointer;}

    .top_one a{display: flex}
    .top_one .time{display: flex;flex-direction: column;align-items: center;width: 96px;height: 168px;background-color: #999999;justify-content: center}
    .top_one .time em{font-size: 32px;color: #FFFFFF;font-style: normal;}
    .top_one .time i{font-size: 14px;color: #FFFFFF;font-style: normal;}
    .top_one .nr{width: 0;flex: 1;margin-left: 32px;margin-top: 7px}
    .top_one .nr h3{font-size: 20px;color: #000000;line-height: 40px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .top_one .nr p{font-size: 16px;color: #000000;line-height: 32px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 16px}
    .top_one:hover .nr h3{color: #5898E4}
    .top_one:hover .time{background-image: linear-gradient(to bottom,#23AD6D 0,#00A7F1 100%);}



    .top_two {padding-top: 2px}
    .top_two .nr h3{font-size: 20px;color: #5898E4;line-height: 40px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;position: relative;padding-left: 12px}
    .top_two .nr p{font-size: 16px;color: #000000;line-height: 32px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 16px;padding-left: 12px}
    .top_two .nr h3::before{content: '';width: 6px;height: 6px;position: absolute;background-color: #5898e4;left: 0px;top: 13px;z-index: 66}


    .top_three a{display: flex}
    .top_three .time{display: flex;flex-direction: column;align-items: center;width: 96px;height: 168px;background-color: #999999;justify-content: center}
    .top_three .time em{font-size: 32px;color: #FFFFFF;font-style: normal;}
    .top_three .time i{font-size: 14px;color: #FFFFFF;font-style: normal;}
    .top_three .nr{width: 0;flex: 1;margin-left: 32px;margin-top: 7px}
    .top_three .nr h3{font-size: 20px;color: #000000;line-height: 40px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .top_three .nr p{font-size: 16px;color: #000000;line-height: 32px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 16px}
    .top_three:hover .nr h3{color: #5898E4}
    .top_three:hover .time{background-image: linear-gradient(to bottom,#23AD6D 0,#00A7F1 100%);}


    .index_list_1 a{width: 100%;display:block}
    .index_list_1 a .time{display: flex;flex-direction: column;align-items: center;width: 72px;height: 72px;background-color: #999999;transform:translate(0,-50%);margin-left: 40px;}
    .index_list_1 a .time em , .index_list_1 a .time i {font-style: normal}
    .index_list_1 a .time em{font-size: 32px;color: #FFFFFF;}
    .index_list_1 a .time i{font-size: 14px;color: #FFFFFF;}
    .index_list_1 .nr{margin-top: -18px;}
    .index_list_1 a .nr h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
    .index_list_1 a .nr p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-top: 10px;color: #000000;}
    .index_list_1:hover .time{background-image: linear-gradient(to bottom,#06A25A 0,#00A7F1 100%);}
    .index_list_1 .img{overflow: hidden;height: 246px;}
    .index_list_1 .img img{width: 100%;object-fit: cover}
    .index_list_1:hover .img img {transform: scale(1.05);transition: all 0.5s;}



}
/*二级公共样式end*/

/*内页*/
@media all and (min-width: 980px){
    /*一级公共样式*/
    .banner{position: relative}
.banner img{width: 1903px;
    height: 445px;}
    .banner img{width: 100%;}
    .n_banner{position: absolute;width: 100%;bottom: 88px;left: 0}
    .banner h4{font-size: 40px;color: #FFFFFF;}
    /*crumbs*/
    .n_crumbs{width: 100%;display: flex;margin-top:-48px}
    .n_crumbs .crumbs_left{width: calc(48.958% - 55px);background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);padding-left: 250px;box-sizing: border-box;display: flex;align-items: center;position: relative;z-index: 5;font-size: 20px;color: #FFFFFF;}
    .n_crumbs .crumbs_right{width: 51.041%;background-color: #ffffff;height:96px;opacity: 0%;}
    .n_crumbs a{font-size: 20px;color: #FFFFFF;}
    /*三角形*/
    .n_crumbs .crumbs_left::after{content:'';display: block;position: absolute;border-right:transparent 54px solid ;border-top:96px #00A7F1 solid;right:-54px;top:0;z-index: 6;}

    .w73{width: 73.958%;margin: 0 auto}
    .n_all{display: flex}
    .n_all .n_left{margin-top: 88px}
    .n_all .n_left ul{width: 252px;}
    .n_all .n_left ul li{width: 252px;height: 78px;background-color: #F6F6F6;}
    .n_all .n_left ul li:not(:first-of-type){margin-top: 1px}
    .n_all .n_left a{font-size: 22px;color: #000000;display: flex;height:100%;align-items: center;justify-content: center;}
    .n_all .n_left ul .active{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);}
    .n_all .n_left ul .active a{color: #FFFFFF;}
    /*触发*/
    .n_all .n_left ul li:hover a{color: #FFFFFF;}
    .n_all .n_left ul li:hover{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);}
    .n_all .n_right{display: flex;margin-left: 40px;margin-top: 88px;flex-direction: column;flex: 1;width: 0}
    .n_all .n_right .n_list1 li a{width: 100%;display: flex;}
    .n_all .n_right a .time{display: flex;flex-direction: column;align-items: center;justify-content: center}
    .n_all .n_right a .time em{font-size: 32px;color: #000000;font-style: normal;}
    .n_all .n_right a .time i{font-size: 14px;color: #000000;font-style: normal;}
    .n_all .n_right a .nr{display: flex;align-items: center;}
    .n_all .n_right a .nr h3{font-size: 20px;color: #000000;padding-left: 24px;margin-left: 23px;}
    .n_all .n_right .layout_a{display: flex;}
    .n_all .n_right .n_paging a{display: flex;width: 19.052%;margin-left: 1px}
    .n_all .n_right img{display: unset}
    /*    分页*/
    .pagelist_yc{display: flex;padding: 87px 0;width:100%;margin-right: 0;justify-content: flex-end;}
    .pagelist_yc .wp-pagenavi{width: 20.352%;display: flex;align-items: center;margin-right: 0;justify-content: space-between;}
    .pagelist_yc .wp-pagenavi span{font-size: 18px;color: #5898E4;}
    .pagelist_yc .wp-pagenavi .smaller{font-size: 18px;color: #5898E4;}
    .pagelist_yc .wp-pagenavi .smaller:hover{color: #5898E4}
    .pagelist_yc .wp-pagenavi img{border: 1px solid #999999;border-radius: 50%;padding: 13px}
    .pagelist_yc .wp-pagenavi .nextpostslink img{border: 1px solid #5898E4;}
    /*end*/

    /*音频*/
    .voice_frequency {display: grid;grid-template-columns: 50% 50%;}
    .voice_frequency li a{display: flex;width: 543px;height: 116px;border: 1px solid #F6F6F6;align-items: center;justify-content: space-around;}
    .voice_frequency li a:nth-child(2n+2){margin-left: 40px;}
    .voice_frequency li a{margin-bottom: 40px;}
    .voice_frequency li a .img1{width: 48px;height: 35px;}
    .voice_frequency li a .img1 img{width: 100%;}
    .voice_frequency li a .img_two{width: 40px;height: 40px;}
    .voice_frequency li a .img_two img{width: 100%;}
    .voice_frequency li a .tit_vnew p{font-size: 20px;color: #000000;}
    .voice_frequency li a .tit_vnew em{font-style: normal;font-size: 16px;color: #000000;}
    /*音频end*/

    /*点击下滑*/

    /*点击下滑end*/

    /*right*/
    .n_list5{margin-left: -24px}
    .n_list5 ul li a .img{overflow: hidden;}
    .n_list5 ul li img{object-fit: cover}
    .n_list5 ul{display: grid;grid-template-columns: 30.967% 30.967% 30.967%;justify-content: space-between;grid-row-gap: 40px}
    .n_list5 ul li p{font-size: 18px;color: #000000;padding-top: 24px}
    .n_list5 ul li a{display: flex;flex-direction: column;align-items: center}
    .n_list5 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list5 ul li a:hover p{color: #4A90E2}

    .n_list4{margin-left: -24px}
    .n_list4 ul li a .img{overflow: hidden;}
    .n_list4 ul li img{object-fit: cover}
    /*.n_list4 ul{display: grid;grid-template-columns: 22.34% 22.34% 22.34% 22.34%;justify-content: space-between;grid-row-gap: 36px}*/
    .n_list4 ul li p{font-size: 18px;color: #000000;padding-top: 24px;width: 180px;text-align: center}
    .n_list4 ul li a{display: flex;flex-direction: column;align-items: center}
    .n_list4 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list4 ul li a:hover p{color: #4A90E2}


    .n_list3{margin-bottom: 277px;display: flex;flex-direction: column;align-items: center}
    .n_list3 .img{margin: 0 auto;display: flex;align-items: center;justify-content: center}
    .n_list3 h2{font-size: 26px;color: #000000;}
    .n_list3 ul{width: 100%;background-color: #e0eeff;margin-top: 50px;display: flex;align-items: center;justify-content: center;height: 48px}
    .n_list3 ul li{font-size: 16px;color: #999999;font-style: normal;margin-left: 15px;}
    .n_list3 ul a{width: 29%;padding: 20px;display: flex;}
    .n_list3 .text{padding-top: 20px}
    .n_list3 .text img{margin: 0 auto;}
    .n_list3 .text p{padding-top: 20px;font-size: 16px;color: #000000;line-height: 36px;text-indent: 2em}


    .n_list1 li:not(:first-of-type){margin-top: 26px;padding-bottom: 26px}
    .n_list1 li:first-of-type{padding-bottom: 26px}
    /*伪类*/
    .n_list1 li a{position: relative;}
    .n_list1 li a::before{content:'';width: 1px;height: 63.888%;background-color: #DEDEDE;position: absolute;left: 75px;transform: translate(0,-50%);top:50%}
    .n_list1 li{position: relative;}
    .n_list1 li::before{content:'';height: 1px;width: 100%;background-color: #DEDEDE;position: absolute;bottom: 0px}
    /*触发*/
    .n_all .n_right li:hover a .nr h3{color: #4A90E2;}
    .n_all .n_right li:hover{color: #4A90E2;}
    .n_all .n_right li:hover em{color: #4A90E2;}
    .n_all .n_right li:hover i{color: #4A90E2;}
    .n_all .n_right li:hover h3{color: #4A90E2;}
    .n_all .n_right li a:hover:before{background-color: #4A90E2;}







}


/*pc二级公共样式 by hmx*/
@media all and (min-width: 980px){

    .pd88{padding-top: 88px;}
    .pe88{padding-bottom: 88px;}
    .v_news{display: flex;align-items: stretch;}
    .vnew_title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 56px;}
    .vnew_title>h2>a{color: #5898E4;font-size: 26px;}
    .title_more{display: flex;align-items: center;}
    .v_date{width: 72px;height: 72px;background-image: linear-gradient(to bottom right,#06A25A 0,#00A7F1 100%);position:relative;margin:-36px 0px 0px 40px;z-index:5;text-align: center;}
    .v_date>em{font-style: normal;font-size: 32px;color: #FFFFFF;}
    .v_date>i{font-style: normal;font-size: 14px;color: #FFFFFF;}
    .v_text{margin: 34px 40px 0px 40px;}
    .v_text>a{font-size: 20px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .v_more{margin: 24px 0px 0px 0px;display: flex;justify-content: flex-end;align-items: center;padding-bottom: 33px;}
    .right_img,.right_img_1{display: flex;position: relative;background-color: #FFFFFF;}
    .right_img2{width: 53.320%;display: flex;}
    .right_img2 .img{width: 100%;overflow: hidden;}
    .right_img2 .img img{width:100%;height: 292px;object-fit: cover}
    .v_more>i>a{font-style: normal;font-size: 16px;color: #999999;margin-right: 16px;}
    .in3_new_top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 56px;}
    .in3_new_top p a{color: #999999;}
    .in3_new_top p:hover a{font-weight:bolder;color: #999999;}
    .in3_new_title{display: flex;align-items: center;}
    .in3_new_title>img{width: 26px;height: 26px;}
    .in3_new_title h2 a{color: #5898E4;margin-left: 24px;font-size: 26px;}
    .diamond{margin-left:40px;width: 370px;height: 155px;text-align: center;background-color: #ffffff;}
    .diamond:hover {background: linear-gradient(to bottom right,#23ad6d 0,#00a7f1);animation-duration: 0.5s;}
    .diamond:hover h3{color: #FFFFFF;}
    .diamond .img{display: flex;justify-content: center;margin-top: 39px;}
    .diamond .img img{ filter: brightness(0);}
    .diamond:hover .img img{ filter: brightness(0) invert(1);}
    .diamond h3{font-size: 26px;display:inline-block;color: #000000;}

    .n_all .n_right .photograph li a .img img{width: 211px;height: 266px;}
    .n_all .n_right .photograph li a .nr p{font-size: 16px;color:#666666;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow:ellipsis;}
    .n_all .n_right .photograph li a .nr{display: flex;flex-direction: column;align-items: flex-start;margin-top: 74px;}
    .n_all .n_right .photograph li a .nr{padding-left: 24px;margin-left: 23px;}
    .n_all .n_right .photograph li a .nr h3{padding-left: 0px;margin-left: 0px;}
    .n_all .n_right .photograph li{position: relative;}
    .n_all .n_right .photograph li::after{content: '';height: 1px;width: 100%;background-color: #DEDEDE;position: absolute;bottom: -40px;}
    .n_all .n_right .photograph li:not(:first-of-type) {padding-top: 80px;}
    .n_right .vnew_list_4 ul{display: grid;grid-template-columns: 33% 33% 33%;}
    .voice_frequency {display: grid;grid-template-columns: 50% 50%;}
    .voice_frequency li a .list_vnew{display: flex;}

}







/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*----------------------------分割线----------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/



/*手机*/

/*一级公共样式*/
@media all and (max-width: 980px){
    .w83{width: 95%;margin:0 auto}
    .w77{width: 77.917%;}
    .mt56{margin-top: 20px;width: 100%;margin: 0 auto;padding-top: 20px}
    .main{width: 100%;margin:0 auto}
    .top{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%)}
    .top.head_fixed.on{position: fixed;top: 0;left: 0;z-index: 50;animation-name: up_small;animation-duration: 0.5s}
    @keyframes up_small {
        0% {top: -100px}
        100% {top: 0}
    }
    /* 导航 */
    .nav_all{padding:15px 0}
    .top .nav_left img{width: 80%;}
    .top .nav_all ul{display: none;}
    .top.active{background-color: #ffffff;background-image: unset}
    .top .nav_all{display: flex;justify-content: space-between;align-items: center;position: relative}
    .top .nav_all ul li a{display: flex;width: 100%;height: 40px;justify-content: center;align-items:
            center;border-bottom: 1px dashed #00A7F1;color: #000000}
    .top .nav_all.active{display: block;position: fixed;width: 100%;top: 0;left: 0;z-index: 50;background-color: #ffffff;overflow-y: auto;height: calc(100vh - 100px)}
    .top .nav_all.active ul.m_mobile{display: block;padding-top:40px}
    .top_bc .nav_all.active .nav_left{display: none}
    .top .nav_all.active img{display: none}
    /*二级菜单*/
    .top .nav_all ul.dp{display: none}
    .top .nav_all ul.dp.active{display: grid;grid-template-columns: 47% 47%;justify-content: space-around;grid-row-gap: 20px;margin: 15px 0 }
    .top .nav_all ul.dp.active li{background-color: #00A7F1;}
    .top .nav_all ul.dp.active li a{color: #FFFFFF}

    /*手机通用*/
    .m_nav{display: block;height: 30px;}
    .m_nav span{position: relative;background: #ffffff;display: block;width: 40px;height: 2px;transition: all ease 0.35s;z-index: 66}
    .m_nav span:nth-of-type(1){top:0}
    .m_nav span:nth-of-type(2){top:10px}
    .m_nav span:nth-of-type(3){top:20px}
    .m_nav.active{position: absolute;top: 10px;right: 10px}
    .m_nav.active span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #3d3bb8}
    .m_nav.active span:nth-of-type(2){width:0;color: #3d3bb8}
    .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #3d3bb8}
    /*footer*/
    .footer{background-color: #2A2A33;}
    .w73{margin: 0 auto;width: 73.645%;}
    .footer .footer_body{padding: 63px 0 52px;}
    .footer_body .left{width: 100%;justify-content: space-between;align-items: center}
    .footer_body .left1_img1{width: 100%}
    .footer_body .left1_img1 img{max-width: 100%;margin: 0 auto}
    .footer_body .left1_img2{justify-content: space-evenly;margin-top: 22px;display: flex}
    .footer_body .left2{width: 100%;}
    .footer_body .left2 a{align-items: center;display: flex;margin-top: 24px}
    .footer_body .left2 a p{font-size: 16px;color: #FFFFFF;padding-left: 24px;}
    .footer_body .left2 a img{width: 40px}
    .footer_body .left3 a{border-radius: 4px;display: block;background: #222229;display: flex;align-items: center;justify-content: space-around;margin-top: 24px;padding:10px}
    .footer_body .left3 a p{font-size: 16px;color: #FFFFFF;}
    .footer_body .right{width: 100%;padding-left: 15px;padding-top: 20px;justify-content: space-between;display: grid;grid-template-columns: 45% 45%;grid-row-gap: 40px}
    .footer_body .right a{font-size: 13px;color: #999999;}
    .footer_body .right li:not(:first-of-type){padding-top: 16px;}
    .footer .bottom{width: 100%;padding-top: 10px;background-color: #222229;}
    .footer .bottom p{font-size: 6px;color: #FFFFFF;width: 100%;text-align: center}
    .footer .bottom a{font-size: 6px;color: #FFFFFF;display: block;text-align: center}
    .footer_body .left1_img2 .ma1{position: relative}
    .footer_body .left1_img2 .ma1 span img{z-index: 55;position: absolute;top:-135px;left: -40px}
    .footer_body .left1_img2 .ma2{position: relative}
    .footer_body .left1_img2 .ma2 span img{z-index: 55;position: absolute;top:-135px;left: -40px}
    .footer_body .ma1 span img{display: none}
    .footer_body .ma2 span img{display: none}
    .footer_body .left1_img2 .ma1:hover span img{display: block}
    .footer_body .left1_img2 .ma2:hover span img{display: block}

    /*内页一级公共区*/
    .banner{margin: 0 auto;width: 100%;position: relative}
    .banner img{width: 100%;height: 100%}
    .n_banner{position: absolute;width: 100%;bottom: 16px;left: 0}
    .banner h4{font-size: 10px;color: #FFFFFF;}
    /*crumbs*/
    .n_crumbs{width: 100%;display: flex;margin-top:-15px}
    .n_crumbs .crumbs_left{width: calc(65% - 12px);background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);box-sizing: border-box;display: flex;align-items: center;position: relative;z-index: 10;justify-content: center}
    .n_crumbs .crumbs_right{width: 35%;background-color: #ffffff;height:30px;opacity: 0%;}
    .n_crumbs a{font-size: 5px;color: #FFFFFF;height: 38px;display: flex;align-items: center}
    .n_crumbs .crumbs_left::after{content:'';display: block;position: absolute;border-right:transparent 12px solid ;border-top:38px #00A7F1 solid;right:-12px;top:0;z-index: 6;}

    /*    分页*/
    .pagelist_yc{display: flex;padding: 40px 0;width:100%;justify-content: flex-end;}
    .pagelist_yc .wp-pagenavi{display: flex;align-items: center;margin-left: auto;justify-content: space-between;}
    .pagelist_yc .wp-pagenavi span{font-size: 12px;color: #5898E4;padding-right: 8px}
    .pagelist_yc .wp-pagenavi .smaller{font-size: 12px;color: #5898E4;padding: 0 8px;}
    .pagelist_yc .wp-pagenavi .smaller:hover{colsor: #5898E4}
    .pagelist_yc .wp-pagenavi img{border: 1px solid #999999;border-radius: 50%;padding: 7px;width: 8px;}
    .pagelist_yc .wp-pagenavi .nextpostslink img{border: 1px solid #5898E4;}


    /*   轮播图*/
    .picture_bc .w89{width: 100%}
    .picture img{width: 100%}
    .picture_bc{overflow: hidden;position: relative;overflow:hidden}
    .picture_bc .swiper-slide img{width: 100%;}
    .picture_bc .page_slide{position: absolute;bottom: 6px;z-index: 7;display: block;text-align: center;width: 100%}
    .picture_bc .swiper-pagination-bullet{margin-right: 5px;width: 7px;height: 7px}
    .picture_bc .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: white}
    .picture_bc .d{display: none}

    .n_all .n_left{margin-top: 40px}
    .n_all .n_left ul{width: 276px;}
    .n_all .n_left ul li{width: 276px;height: 40px;background-color: #F6F6F6;}
    .n_all .n_left ul li:not(:first-of-type){margin-top: 10px}
    .n_all .n_left a{font-size: 13px;color: #000000;display: flex;height:100%;align-items: center;justify-content: center;}
    .n_all .n_right{display: flex;margin-top: 40px;flex-direction: column;}
    .n_all .n_right .n_list1 li a{width: 100%;display: flex;}
    .n_all .n_right a .time{display: flex;flex-direction: column;align-items: center;justify-content: center}
    .n_all .n_right a .time em{font-size: 18px;color: #000000;font-style: normal;}
    .n_all .n_right a .time i{font-size: 10px;color: #000000;font-style: normal;}
    .n_all .n_right a .nr{display: flex;align-items: center;}
    .n_all .n_right a .nr h3{font-size: 10px;color: #000000;padding-left: 24px;margin-left: 16px;}
    .n_all .n_right ul a{display: flex;}
    .n_all .n_right .n_paging a{display: flex;width: 19.052%;margin-left: 1px}
    .n_all .n_right .img img{display: unset}

    /*一级公共区end*/


}

/*首页模块化*/
@media all and (max-width: 980px) {
    .index_title{display: flex;justify-content: space-between;align-items: center;margin:20px 0}
    .index_title .t_left,.index_title .t_right{display: flex;justify-content: space-between;align-items: center;}
    .index_title h3{font-size: 16px;color: #5898E4;margin-left: 24px;}
    .index_title a{font-size: 10px;color: #999999;}
    .index_title{align-items: center}


    .top_one a{display: flex;flex-direction: column}
    .top_one .img{width:100%;overflow: hidden;display: flex;align-items: center;justify-content: center}
    .top_one .img img{width: 100%;object-fit: cover}
    .top_one .nr{margin-top: 10px}
    .top_one .nr h3{font-size: 15px;color: #5898E4;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .top_one .nr p{font-size: 14px;color: #000000;line-height: 20px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 16px}


    .top_two {padding-top: 2px}
    .top_two .nr h3{font-size: 15px;color: #5898E4;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;position: relative;padding-left: 12px}
    .top_two .nr p{font-size: 13px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 20px;}
    .top_two .nr h3::before{content: '';width: 4px;height: 4px;position: absolute;background-color: #5898e4;left: 0px;top: 13px;z-index: 66}


    .top_three a{display: flex}
    .top_three .time{display: flex;flex-direction: column;align-items: center;width: 70px;height: 120px;background-color: #999999;justify-content: center}
    .top_three .time em{font-size: 24px;color: #FFFFFF;font-style: normal;}
    .top_three .time i{font-size: 10px;color: #FFFFFF;font-style: normal;}
    .top_three .nr{width: 0;flex: 1;margin-left: 15px;margin-top: 7px}
    .top_three .nr h3{font-size: 16px;color: #000000;line-height: 20px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .top_three .nr p{font-size: 10px;color: #000000;line-height: 20px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 16px}


    .index_list_1{background-color: #ffffff}
    .index_list_1 .img img{width: 100%;object-fit: cover}
    .index_list_1 a .time{display: flex;flex-direction: column;align-items: center;width: 55px;height: 55px;background-color: #999999;transform:translate(0,-50%);margin-left: 25px;}
    .index_list_1 a .time em , .index_list_1 a .time i {font-style: normal}
    .index_list_1 a .time em{font-size: 20px;color: #FFFFFF;}
    .index_list_1 a .time i{font-size: 7px;color: #FFFFFF;}
    .index_one .right>ul>li h2{color: #000000;font-size: 24px;}
    .index_list_1 a .nr{padding: 0 25px 25px}
    .index_list_1 a .nr h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
    .index_list_1 a .nr p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}

    .v18_index_list1{display: flex}
    .v18_index_list1 a{display: flex;width: 100%}
    .v18_index_list1 .time{display: flex;flex-direction: column;width: 66px;}
    .v18_index_list1 .nr{width: 0;flex: 1;margin-left: 25px}
    .v18_index_list1 .time em{height: 36px;background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);font-style: normal;font-size: 24px;color: #FFFFFF;display: flex;justify-content: center}
    .v18_index_list1 .time i{font-size: 14px;color: #5898E4;font-style: normal;text-align: center;margin-top: 4px}
    .v18_index_list1 .nr p{font-size: 14px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .v18_index_list2{position: relative}
    .v18_index_list2:not(:first-of-type){margin-top: 10px}
    .v18_index_list2 a p{width: 59.729%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 14px;color: #000000;margin-left:12px}
    .v18_index_list2 a::before{background-color:#5898E4 }
    .v18_index_list2 a::before{content: '';width: 4px;height: 4px;position: absolute;background-color: #D8D8D8;left: 0px;top: 6px}
    .v18_index_list2 a{display: flex;justify-content: space-between}
    .v18_index_list2 a span{color: #000000;font-size: 10px}


}

/*内页列表区*/
@media all and (max-width: 980px){
    .n_list1 li:not(:first-of-type){margin-top: 26px;padding-bottom: 26px}
    .n_list1 li:first-of-type{padding-bottom: 26px}
    .n_list1 li a{position: relative;}
    .n_list1 li a::before{content:'';width: 1px;height: 63.888%;background-color: #DEDEDE;position: absolute;left: 60px;transform: translate(0,-50%);top:50%}
    .n_list1 li{position: relative;}
    .n_list1 li::before{content:'';height: 1px;width: 100%;background-color: #DEDEDE;position: absolute;bottom: 0px}

    .n_list3{margin-bottom: 40px;}
    .n_list3 img{width: 100%}
    .n_list3 h2{font-size: 13px;color: #000000;text-align: center}
    .n_list3 ul{width: 100%;background-color: #e0eeff;margin-top: 20px;display: flex;align-items: center;height: 40px;justify-content: space-between;}
    .n_list3 ul li{font-size: 10px;color: #999999;font-style: normal;}
    .n_list3 ul a{width: 29%;padding: 20px;display: flex;}
    .n_list3 .text img{padding-top: 20px}
    .n_list3 .text p{padding-top: 20px;font-size: 10px;color: #000000;text-indent: 2em}

    .n_list4{width: 100%}
    .n_list4 ul{width: 100%}
    .n_list4 ul li a .img{overflow: hidden;width: 100%}
    .n_list4 ul li img{object-fit: cover;width: 100%}
    .n_list4 ul li{box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);}
    .n_list4 ul li:not(:first-of-type){margin-top: 20px;box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);}
    .n_list4 ul li p{font-size: 14px;color: #000000;padding: 15px}
    .n_list4 ul li a{display: flex;flex-direction: column;align-items: center}
    .n_list4 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list4 ul li a:hover p{color: #4A90E2}

    .n_list5{width: 100%}
    .n_list5 ul{width: 100%}
    .n_list5 ul li a .img{overflow: hidden;width: 100%}
    .n_list5 ul li img{object-fit: cover;width: 100%}
    .n_list5 ul li{box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);}
    .n_list5 ul li:not(:first-of-type){margin-top: 20px;box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);}
    .n_list5 ul li p{font-size: 14px;color: #000000;padding: 15px}
    .n_list5 ul li a{display: flex;flex-direction: column;align-items: center}
    .n_list5 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list5 ul li a:hover p{color: #4A90E2}
}