@charset "UTF-8";

@import "all.css";

@media all and (min-width: 980px){
    h2{font-size: 26px}
    h3{font-size: 24px}
    .main{width: 100%;margin: 0 auto}
    .w77{width: 77.083%;margin: 0 auto}
    .m_nav{display:none}
    /*头部*/
    .top_info_bg{background-color: #3D3BB8;position: relative;z-index: 56}
    .top_info{display: flex;width: 77.083%;height: 56px;align-items: center;margin: 0 auto}
    .top_info .text{margin-left: auto;}
    .top_info .text span{margin-left: 25px;font-size: 16px;color: #ffffff;}
    .head_bg{position: fixed;top:0;left: 0;width: 100%;z-index: 50;padding:  92px 0 0 0;background-image: linear-gradient(to bottom,#3D3BB8 0, transparent 100%);transition: all 0.5s}
    .head_bg.on{background-color: #3D3BB8;padding:20px 0 12px 0;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
    .head{display: flex;}
    .head .logo{width: 466px;height: 84px;}
    .head .logo img{width: 466px;height: 84px;object-fit: cover}
    .head .right{display: flex;flex-direction: column;justify-content:space-between;margin-left: 40px;flex: 1;}
    .head .nav>ul{display: flex;justify-content: space-between;margin-top: 29px;}
    .head .nav>ul>li>a{font-size: 18px;color: #ffffff;padding-bottom:30px;}
    .head .nav>ul>li{position:relative;padding-bottom: 12px;}
    .head .search{margin-left: auto;width: 340px;height: 48px;position: relative;margin-top: -12px;}
    .head .search input{background-color: white;border-radius: 23px;height: 48px;padding:16px 70px 16px 40px;box-sizing: border-box;border: none;width: 100%;outline: none}
    .head .search button{position: absolute;right: 40px;background-image:url("../images/ser_btn.png");width: 20px;height: 20px;border: none;cursor: pointer;top: 50%;transform: translate(0,-50%)}
    .head .drop_down2{display: none}
    .head .nav>ul>li:hover .drop_down2{display: block}
    .head .drop_down2{position: absolute;left: 50%;transform:translate(-50%);top:calc(100% + 10px);box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
    .head .drop_down2::before{content: '';border-right:10px solid transparent;border-left: 10px transparent solid;border-bottom: 10px solid #ffffff;z-index: 5;position: absolute;left: 50%;transform: translate(-50%);top: -10px;}
    .head .drop_down2>ul>li{background-color: white;padding: 15px 43px;width: auto;white-space: nowrap;text-align: center;position: relative}
    .head .drop_down2>ul>li>a{color: black;font-size: 18px}
    .head .drop_down2>ul>li:hover >a{color: #3D3BB8!important}
    .head .drop_down3{position: absolute;left:100%;top: 0;display: none;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
    .head .drop_down2>ul>li:hover .drop_down3{display: block}
    .head .drop_down3>ul>li{background-color: white;padding: 15px 43px;width: auto;white-space: nowrap;text-align: center;position: relative}
    .head .drop_down3>ul>li>a{color: black;font-size: 18px;}
    .head .drop_down3>ul>li:hover >a{color: #3D3BB8!important}
    .banner_slide{position: relative;overflow: hidden}
  .banner  .banner_slide .swiper-slide img{width: 100%;object-fit: cover}
.banner_slide .swiper-slide a {
    pointer-events: none;
    cursor: default; 
}
    .page_banner_slide{position: absolute;text-align: center;width: 100%;z-index: 2;left: 0;bottom: 96px;}
    .banner_slide .swiper-pagination-bullet{width: 20px;height: 20px;margin-right: 24px;border: 2px solid #FFFFFF;background-color: transparent;opacity:unset;box-sizing: border-box}
    .banner_slide .swiper-pagination-bullet-active{background-color: white}
    .flex{display: flex}
    .foot{background-color: #3D3BB8;padding: 56px 0}
    .foot_body{display: flex;justify-content: center}
    .foot_body .left{width: 593px;}
    .foot_body .right{width: 386px;margin-left: 167px;}
    .foot_body .right h3{font-size: 18px;color: #ffffff;}
    .foot_body .right .info{margin-top: 37px;}
    .foot_body .right p{font-size: 16px;color: #ffffff;margin-top: 10px;}
    .foot_body .foot_logo{width: 100%;}
    .foot_body .left ul{display: flex;justify-content: space-between;margin-top: 40px;}
    .foot_body .left ul li{width: 120px;}
    .foot_body .left ul li img{width: 120px;height: 120px;}
    .foot_body .left ul li p{text-align: center;margin-top: 24px;color: #ffffff;font-size: 16px;}
    .copyright{height: 64px;background-color: #2b298d;display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 18px;}
    .copyright a{color: #FFFFFF;margin-left: 8px;font-size: 16px;}
    .copyright a:hover{font-weight: bold;}

    /*分页*/
    .pagelist_yc{display: flex;margin:80px 0;align-items: center}
    .wp-pagenavi{margin-left: auto;display:flex;height: 42px;align-items: center}
    .wp-pagenavi a{padding-left: 23px;font-weight: bold;color: #999999;font-size: 16px;}
    .wp-pagenavi span.current{padding-left: 23px;font-weight: bold;font-size: 16px;}
    .wp-pagenavi .pages{color: #3d3bb8;font-weight: bold;}
    .wp-pagenavi .page_none.extend{display: none}

}

/*首页*/
@media all and (min-width: 980px){
    /*首页公共*/
    .href_page button{color:#fff;background-color:#3d3bb8}
    .home_tit{display: flex;justify-content: center;flex-direction: column;align-items: center}
    .home_tit h2{font-size: 30px;color: #000000;font-family: pf_Medium;margin-top: 83px;position: relative;padding-bottom: 20px;}
    .home_tit h2::after{content: '';display: block;width: 80px;height: 8px;background-color: #3D3BB8;left: 50%;transform: translate(-50%);bottom: 0;position: absolute;border-radius: 4px}
    .home_tit span{font-size:52px;color: #e9e9f9;font-family: pf_Medium;margin-top: -93px;position:relative;z-index: -1}
    /*首页公共end*/
    .home_index1_bg{background-image: url("../images/home_index1_bg.png");background-repeat: no-repeat;background-position: right}
    .home_index1{padding: 88px 0}
    .home_index1>ul{display: flex;justify-content: flex-end}
    .home_index1>ul li{margin-left: 48px;font-size:26px;color: #999999;font-family: pf_Medium;cursor: pointer;}
    .home_index1>ul li.active{color: black}
    .home_index1 .flex{margin-top: 52px;}
    .home_index1 .left{width: 593px;}
    .home_index1 .left .img{width: 100%;overflow: hidden;display: block;}
    .home_index1 .left .img img{width: 100%;height: 400px;object-fit: cover}
    .home_index1 .left .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .home_index1 .right{flex: 1;margin-left: 40px;width: 0;display: flex;flex-direction: column}
    .home_index1 .right ul{display: flex;flex-direction: column;height: 100%;justify-content: space-between}
    .home_index1 .right li a{display: flex;}
    .home_index1 .right .img{display:none}
    .home_index1 .right .time{background-color: #3D3BB8;width: 64px;height: 88px;display: flex;justify-content:center;flex-direction: column;align-items: center}
    .home_index1 .right .time em,.home_index1 .right .time i{font-style:normal;}
    .home_index1 .right .time i{font-size: 36px;color: #FFFFFF}
    .home_index1 .right .time em{font-size: 14px;color: #FFFFFF}
    .home_index1 .right .nr{flex: 1;margin-left: 24px;width: 0;}
    .home_index1 .right h3{font-size: 20px;color: #000000;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .home_index1 .right p{font-size: 18px;color: #666666;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 16px;}
    .home_index1 .right a.more{font-size: 16px;color: #999999;display: flex;justify-content: flex-end;margin-top: 56px;}
    .home_index1 .right a.more:hover{color: #3D3BB8;font-weight: bold;}
    .home_index1 .right li:hover h3{color: #3D3BB8}
    .home_index1_list{display: none}
    .home_index1_list.active{display: flex}

    .home_index2_bg{background-image: url("../images/home_index2_bg.png");background-size: cover;background-repeat: no-repeat}
    .home_index2{padding: 50px 0}
    .home_tit2{display: flex;flex-direction: column;align-items: center;margin-right: auto;justify-content: flex-start;flex-wrap: wrap;align-content: flex-start}
    .home_tit2 span{display: block;font-size: 32px;color: #e9e9f9;font-family: pf_Medium;}
    .home_tit2 h2{position: relative;display: inline;font-size: 30px;color: #000000;padding-bottom: 20px;font-family: pf_Medium;}
    .home_tit2 h2::after{content: '';display: block;width: 80px;height: 8px;background-color: #3D3BB8;left: 50%;transform: translate(-50%);position: absolute;border-radius: 4px;bottom: 0;}
    .home_index2 .video{margin-top: 68px;position: relative;height: 688px;}
    .home_index2 .video video{object-fit:fill;width: 100%;height: 688px;cursor: pointer}
    .home_index2 .video .button{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center}
    .home_index2 .home_tit2{align-content:center}
    .home_tit_flex{display: flex;align-items: center}
    .home_tit_flex a.more{margin-left: auto;color: black;font-size: 16px;}
    .home_tit_flex a.more:hover{color: #3D3BB8;font-weight: bold;}
    .home_index3{padding: 56px 0}
    .home_index3 .home_tit h2{margin-top: unset;}
    .home_index3 ul{margin-top: 68px;display: flex;justify-content: space-between}
    .home_index3 ul li{width: 22.972%;background-color: #F5F5F5;padding: 32px;box-sizing: border-box;position: relative}
    .home_index3 .time{display: flex;align-items: center;flex-direction: column;justify-content: flex-start;align-content: flex-start;flex-wrap: wrap}
    .home_index3 .time i,.home_index3 .time em{font-style:normal;color: #999999;}
    .home_index3 .time i{font-size: 36px;}
    .home_index3 .time em{font-size: 14px;}
    .home_index3 ul li h3{font-size: 22px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin: 24px 0 48px;position: relative;height: 68px;}
    .home_index3 ul li span::after{content: '';display: block;background-color:#E8E8E8;width: 100%;height: 1px;position: absolute;left: 0;top: -23px;}
    .home_index3 ul li span{font-size: 16px;color: #999999;display: block;position: relative}
    .home_index3 ul li:hover{background-color: #3D3BB8;animation-name: up_small;animation-duration: 0.5s;top: -8px;box-shadow: 0px 2px 27px -6px rgba(0, 0, 0, 0.5);}
    @keyframes up_small {
        0% {top: 0}
        100%{top:-8px}
    }
    .home_index3 ul li:hover *{color: #FFFFFF}
    .home_index4_bg{background-color: #F8F8F8;padding: 56px 0;}
    .home_index4{position: relative}
    .home_index4 .home_tit h2{margin-top: 23px;position: relative;z-index: 2}
    .home_index4 .home_tit span{z-index: 1;position: relative}
    .home_index4_page{display: flex;align-items: center;margin-left: auto;}
    .home_index4_page .next_home{margin-left: 51px;}
    .home_index4_page *{cursor: pointer}
    .home_index4_slide{margin-top: 68px;overflow: hidden}
    .home_index4_slide ul{display: flex;justify-content: space-between}
    .home_index4_slide ul li{width: 31.554%}
    .home_index4_slide ul li .img{width: 100%;height: 310px;overflow: hidden}
    .home_index4_slide ul li .img img{width: 100%;height: 310px;object-fit: cover}
    .home_index4_slide ul li .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .home_index4_slide .nr span{font-size: 16px;color: #999999;margin-top: 16px;}
    .home_index4_slide .nr h3{font-size: 20px;color: #000000;margin-top: 16px;}
    .home_index4_slide .nr em{font-size: 16px;color: #999999;font-style: normal;margin-top: 40px;display: block}
    .home_index4_slide li:hover h3{color: #3D3BB8}
    .home_index4 .page_slide{text-align: center;margin-top: 44px;}
    .home_index4 .swiper-pagination-bullet{border: 1px solid #3D3BB8;width: 16px;height: 16px;margin-left: 24px;opacity: 1;background-color: transparent }
    .home_index4 .swiper-pagination-bullet-active{background-color: #3D3BB8}
    .home_index4 .swiper-button-disabled{opacity: 0.2;}
    .home_index4 a.more{position: absolute;right: 0;bottom: 0;font-size: 16px;color: #999999;}
    .home_index4 a.more:hover{font-weight: bold;color: #3d3bb8;}
    .home_index5_bg{background-image: url("../images/home_index5_bg.png");background-size: cover;}
    .home_index5{padding: 90px 0}
    .home_index5 .show{width: 720px;height: 476px;position: relative}
    .home_index5 .show .img{overflow: hidden;height: 476px;}
    .home_index5 .show .img img{width: 100%;height: 100%;object-fit: cover}
    .home_index5 .show:hover img{transform: scale(1.05);transition: all 0.5s}
    .home_index5 .show:hover .nr p{font-weight: bold;}
    .home_index5 .show .nr{position: absolute;bottom: 0;width: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);height: 148px;padding:0 40px 30px;box-sizing: border-box}
    .home_index5 .show .nr span{font-size:18px;color: #ffffff;display: block}
    .home_index5 .show .nr p{font-size: 24px;color: #ffffff;margin-top: 11px;margin-bottom: 34px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .home_index5 .flex{margin-top: 82px;}
    .home_index5 .flex ul .img{display: none}
    .home_index5 .flex ul{flex: 1;width: 0;margin-right: 40px;display: flex;flex-direction: column;justify-content: space-between}
    .home_index5 .flex ul p{font-size: 20px;color: #ffffff;}
    .home_index5 .flex ul span{font-size: 16px;color: #ffffff;display:block;margin-top: 26px;position: relative}
    .home_index5 .flex ul span::after{content: '';display: block;width: 80%;right: 0;position: absolute;height: 1px;background-color: #FFFFFF;top: 50%;}
    .home_index5 .home_tit h2{margin-top: unset;color: #ffffff;position: relative;z-index: 2}
    .home_index5 a.more{color: #ffffff;font-size: 16px;}
    .home_index5 .home_tit h2::after{background-color: #ffffff;opacity: .4}
    .home_index5 .home_tit span{position: relative;z-index: 1;opacity: .4}
    .home_index5 li:hover p{font-weight: bold;}
    .home_index6{padding: 90px 0}
    .home_index6 .home_tit span{font-size: 32px;text-align: center}
    .home_index6 .home_tit h2{margin-top: unset;}
    .home_index6 .flex{margin-top: 69px;}
    .home_index6 .flex .show_f{position: relative;width: 720px;height: 720px;}
    .home_index6 .flex .show_f .img{overflow: hidden;width: 100%;height: 720px;}
    .home_index6 .flex .show_f .img img{width: 100%;height: 100%;object-fit: cover}
    .home_index6 .flex .show_f:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .home_index6 .flex .show_f p{position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);height:88px;width: 100%;padding: 40px;box-sizing: border-box;color: #FFFFFF;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;bottom: 0;}
    .home_index6 .flex ul{margin-left: 40px;display: flex;flex: 1;width: 0;flex-wrap: wrap;justify-content: space-between;align-content: space-between}
    .home_index6 .flex ul li{width: 47.222%;position: relative;box-sizing: border-box;height: 340px;}
    .home_index6 .flex ul li .img{overflow: hidden}
    .home_index6 .flex ul li img{width: 100%;height: 340px;object-fit: cover}
    .home_index6 .flex ul li p{position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);height:80px;width: 100%;padding: 40px;box-sizing: border-box;color: #FFFFFF;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;bottom: 0;font-size: 16px;}
    .home_index6 .flex ul li:hover img{transform: scale(1.05);transition: all 0.5s}
    .home_index6 .s_banner{margin-top: 56px;}

    /*change for index 12.1*/
    .index_special{margin-top: 60px;overflow: hidden}
    .index_special .img img{width: 100%;height: 126px;object-fit: cover}
    .home_index6 .next_home_special{margin-left: 51px;}
    .home_index6 .swiper-button-disabled{opacity: 0.2;}
    .home_index6 .prev_home_special,.home_index6 .next_home_special{cursor:pointer;}
}

/*内页*/
@media all and (min-width: 980px){
    .n_banner{position: relative}
    .n_banner .img img{width: 100%;}
    .n_banner_nav{position: absolute;bottom: 0;left: 0;width: 100%;}
    .n_banner .t_nav{width: 340px;height: 120px;background-color: #3d3bb8;display: flex;justify-content: center;align-items: center;font-size: 24px;color: #ffffff;}
    .n_body{display: flex}
    .n_left_nav{width: 340px;}
    .n_right_body{width: 0;flex: 1;margin-left: 41px;}
    .n_left_nav li{height: 99px;width: 100%;position: relative;display: flex;align-items: center;background-color: #F9F9F9;box-sizing: border-box}
    .n_left_nav li:not(:first-of-type){border-top: 3px solid #FFFFFF}
    .n_left_nav li::before{content: '';display: block;height: calc(100% + 10px);width: 10px;background-color: #3d3bb8;left: 0;top: 0;}
    .n_left_nav li a{color: #000000;font-size: 22px;display: flex;width: 100%;height: 100%;align-items: center;justify-content:center;}
    .n_left_nav li:hover a,.n_left_nav li.active a{color: #3D3BB8;}
    .n_right_body .top{display: flex;justify-content: space-between;align-items: center;position: relative;padding-top: 32px;margin-bottom: 15px;}
    .n_right_body .top h2{font-size: 24px;color: #3d3bb8;position: relative;padding-bottom:  24px;}
    .n_right_body .top .crumbs, .n_right_body .top .crumbs a{font-size: 20px;color: #999999;padding-bottom: 24px;}
    .n_right_body .top .crumbs a:hover{color: #3d3bb8}
    .n_right_body .top h2::after{content: '';display: block;position: absolute;width: 100%;height: 4px;background-color: #3d3bb8;left: 0;bottom: 0;}
    .n_right_body .top::after{content: '';display: block;width: 100%;height: 1px;background-color: rgba(61, 59, 184, 0.1);bottom: 0;left: 0;position: absolute}

    /*change for index 12.1*/
    .index_special{margin-top: 15px;)

}
}
/*内页模块 pc*/
@media all and (min-width: 980px){
    .head .nav>ul>li a:hover, .head .nav>ul>li.active a {
    color: rgba(255,255,255,.59);
}
    .n_list1 .time{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100px;position: relative}
    .n_list1 .time::after{content: '';display: block;width: 1px;height: 48px;top: 50%;transform: translate(0,-50%);right: 0;position: absolute;background-color: rgba(61, 59, 184, 0.1)}
    .n_list1 .time em, .n_list1 .time i{font-style: normal;color: #000000;}
    .n_list1 .time em{font-size: 32px;}
    .n_list1 .time i{font-size: 14px;}
    .n_list1 li a{display: flex;border-bottom: 1px solid rgba(61, 59, 184, 0.1)}
    .n_list1 li .nr{width: 0;flex: 1;margin-left: 23px;}
    .n_list1 li .nr h3{font-size: 20px;color: #000000;margin: 44px 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis }
    .n_list1 li:hover h3{color: #3d3bb8;}

    .n_text1{margin-bottom: 80px;}
    .n_text1>h2{font-size: 24px;color: #000000;text-align: center;margin-top: 56px;}
    .n_text1 .info ul{display: flex;justify-content: space-evenly;background: rgba(61, 59, 184, 0.04);height: 48px;align-items: center;margin: 40px 0}
    .n_text1 .info ul li{font-size: 16px;color: #999999;}
    .n_text1 .text, .n_text1 .text p{font-size: 16px;color: #000000;text-indent: 2em;line-height: 32px;}
    .n_text1 .text img{display:inline-block;max-width: 100%;margin: 5px 0}

    .n_list2{margin-bottom: 80px;}
    .n_list2>h2{font-size: 24px;color: #000000;text-align: center;margin-top: 56px;}
    .n_list2 .info ul{display: flex;justify-content: space-evenly;background: rgba(61, 59, 184, 0.04);height: 48px;align-items: center;margin: 40px 0}
    .n_list2 .info ul li{font-size: 16px;color: #999999;}
    .n_list2_list{display: grid;grid-template-columns: 47.916% 47.916%;justify-content: space-between;grid-row-gap: 54px}
    .n_list2_list .img{overflow: hidden}
    .n_list2_list .img img{width: 100%;}
    .n_list2_list p{text-align: center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;max-width: 80%;color: black;margin: 24px auto 0 auto}
    .n_list2_list li:hover p{color: #3d3bb8}
    .n_list2_list li:hover .img img{transform: scale(1.05);transition: all 0.5s}

    .n_list3{width: 973px;margin: 56px auto 80px}
    .n_list3 ul{display: grid;grid-template-columns: 30.318% 30.318% 30.318%;justify-content:space-between;grid-row-gap: 44px}
    .n_list3 .img{overflow: hidden}
    .n_list3 .img img{width: 100%;height: 413px;object-fit: cover}
    .n_list3 ul li{position: relative}
    .n_list3 .nr{position: absolute;bottom: 0;width: 100%;height: 91px;background-image: url("../images/n_list3_bg.png");background-size: cover}
    .n_list3 .nr h3{margin-top: 25px;color: #ffffff;font-size: 20px;text-align: center;font-weight: normal;}
    .n_list3 .nr p{font-size: 16px;color: #ffffff;margin-top: 6px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
    .n_list3 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list3 ul li:hover h3{font-weight: bold;}
}


@media all and (max-width: 980px){
    /*手机全局*/
    h2{font-size: 22px}
    h3{font-size: 17px}
    .main{width: 100%}
    .w77{width: 90%;margin: 0 auto}

    /*手机通用*/
    .m_nav{display: block;height: 30px;}
    .m_nav span{position: relative;background: #ffffff;display: block;width: 40px;height: 2px;transition: all ease 0.35s;}
    .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 span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #4A90E2}
    .m_nav.active span:nth-of-type(2){width:0;color: #4A90E2}
    .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #4A90E2}

    .head_bg{background-color: #3d3bb8;height: 85px;z-index: 5}
    .head_bg.on{position: fixed}
    .head .logo{max-width: 80%;height: 60px;padding: 15px 0;}
    .head .logo img{max-height: 60px;max-width: 100%}
    .head{display: flex;justify-content: space-between;align-items: center}
    .head .nav{position: absolute;left: 0;width: 100%;background-color: #FFFFFF;z-index: 2;top: 85px;overflow: hidden;height: calc(100vh - 100px);overflow-y: auto;display: none}
    .head .nav.active{display: block;z-index: 55}
    .head .search,.top_info_bg{display:none}
    .head .nav>ul{width: 90%;margin: 0 auto}
    .head .nav>ul>li{text-align: center;border-bottom: 1px dashed #3d3bb8;line-height: 40px;}
    .head .nav>ul>li>a{color: black}
    .head .nav>ul>li .drop_down2{display: none;}
    .head .nav>ul>li .drop_down2.active{display: block}
    .head .nav>ul>li .drop_down2.active>ul{display: flex;flex-direction: column;}
    .head .nav>ul>li .drop_down2.active>ul>li{background-color: #1E4C8A;margin-top: 10px}
    .head .nav>ul>li .drop_down2.active>ul>li:last-of-type{margin-bottom: 10px}
    .head .nav>ul>li .drop_down2.active>ul>li>a{color: white;font-size: 16px;line-height: 35px}
    .head .nav>ul>li .drop_down3{background-color: #3b6aab;display: none}
    .head .nav>ul>li .drop_down3.show{display: block}
    .head .nav>ul>li .drop_down3 ul{display: flex;flex-direction: column}
    .head .nav>ul>li .drop_down3 ul a{font-size: 16px;color: #FFFFFF}

    .foot{background-color: #3D3BB8;padding: 56px 0}
    .foot_body{width: 90%;margin: 0 auto}
    .foot_body .foot_logo{width: 80%;margin: 0 auto;position: relative;padding-bottom: 20px;}
    .foot_body .foot_logo::after{content: '';display: block;width:150px;height: 1px;left: 50%;transform: translate(-50%);position: absolute;bottom: 0;border-bottom: 1px dashed #FFFFFF}
    .foot_body .foot_logo img{width: 80%;margin: 0 auto}
    .foot_body .right{margin-top: 30px;}
    .foot_body .right h3{font-size: 20px;color: #ffffff;position: relative;padding-bottom: 10px;}
    .foot_body .right h3::after{content: '';display: block;width: 35px;position: absolute;height: 3px;background-color: #FFFFFF;bottom: 0;left: 0;}
    .foot_body .right .info{margin-top: 37px;}
    .foot_body .right p{font-size: 16px;color: #ffffff;margin-top:18px;}
    .foot_body .left ul{display: flex;justify-content: space-between;margin-top: 40px;}
    .foot_body .left ul li{width:23%}
    .foot_body .left ul li img{width: 100%;}
    .foot_body .left ul li p{text-align: center;margin-top: 24px;color: #ffffff;font-size: 14px;}
    .copyright{height: 64px;background-color: #2b298d;display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 18px;}
    .copyright{display: flex;flex-direction: column;font-size: 16px;}
    .copyright a{color: #FFFFFF;margin-left: 8px;font-size: 16px;}

    /*分页*/
    .pagelist_yc{display: flex;margin:30px auto}
    .wp-pagenavi{display:flex;height: 42px;align-items: center;width:100%;margin-left: -21px;}
    .wp-pagenavi a{padding-left: 23px;font-weight: bold;color: #999999;}
    .wp-pagenavi span.current{padding-left: 23px;font-weight: bold;}
    .wp-pagenavi .pages{color: #3d3bb8;font-weight: bold;}
    .wp-pagenavi .page_none.extend{display: none}
    .wp-pagenavi .pages{display: none}


}


@media all and (max-width: 980px){
    /*首页 mobile*/
    .home_tit{display: flex;flex-direction: column;justify-content: center;position: relative;padding: 20px 0}
    .home_tit span{position: absolute;bottom: 30px;color: #e9e9f9;z-index:1;font-size: 30px;}
    .home_tit h2{z-index: 2;position: relative}
    .home_tit h2::after{content: '';display: block;width: 80px;height: 3px;background-color: #3d3bb8;bottom: -2px;position: absolute}
    .home_tit h2::before{content: '';display: block;width: 100%;height: 1px;background-color: #999999;bottom: 0px;top: 100%;position: absolute}
    .banner_slide{overflow: hidden;position: relative}
    .banner_slide img{ width: 100%;
        height: 230px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
}
.home_index1_list .left img {
        width: 100%;
        height: 230px;
        object-fit: contain;
        display: block;
        margin: 0 auto;


}
    .banner_slide .page_banner_slide{position: absolute;text-align: center;width: 100%;left: 0;z-index: 2;bottom: 10px;}
    .banner_slide .swiper-pagination-bullet{width: 12px;height: 12px;margin-right: 12px;border: 2px solid #FFFFFF;background-color: transparent;opacity:unset;box-sizing: border-box}
    .banner_slide .swiper-pagination-bullet-active{background-color: white}
    .home_index1 .img img{width: 100%;}
    .home_index1>ul{display: flex;justify-content: space-around;padding: 20px 0}
    .home_index1>ul li{padding: 10px 20px;border: 1px solid #3d3bb8}
    .home_index1_list{display:none}
    .home_index1_list.active{display:block}
    .home_index1 .right li a{display: flex;margin-top: 20px;}
    .home_index1 .right .img{display:none}
    .home_index1 .right .time{background-color: #3D3BB8;width: 60px;height: 75px;display: flex;justify-content:center;flex-direction: column;align-items: center}
    .home_index1 .right .time em,.home_index1 .right .time i{font-style:normal;}
    .home_index1 .right .time i{font-size: 20px;color: #FFFFFF}
    .home_index1 .right .time em{font-size: 12px;color: #FFFFFF}
    .home_index1 .right .nr{flex: 1;margin-left: 24px;width: 0;}
    .home_index1 .right h3{font-size: 16px;color: #000000;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .home_index1 .right p{font-size: 14px;color: #666666;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 6px;}
    .home_index1 .right a.more{font-size: 16px;color: #999999;display: flex;justify-content: flex-end;margin-top: 16px;}
    .index_video{width: 100%;position: relative;}
    .home_index2 .video video{object-fit:fill;width: 100%;cursor: pointer}
    .home_index2 .video .button{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center}
    .home_index2 .video .button img{width: 40px;height: 40px;}

    .home_index3 ul{margin-top: 18px;display: flex;justify-content: space-between;flex-wrap: wrap}
    .home_index3 ul li{width: 100%;background-color: #F5F5F5;padding: 32px;box-sizing: border-box;position: relative;margin-top: 20px;}
    .home_index3 .time{display: flex;align-items: center;flex-direction: column;justify-content: flex-start;align-content: flex-start;flex-wrap: wrap}
    .home_index3 .time i,.home_index3 .time em{font-style:normal;color: #999999;}
    .home_index3 .time i{font-size: 28px;}
    .home_index3 .time em{font-size: 12px;}
    .home_index3 ul li h3{font-size: 16px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin: 24px 0 48px;position: relative;}
    .home_index3 ul li span::after{content: '';display: block;background-color:#E8E8E8;width: 100%;height: 1px;position: absolute;left: 0;top: -23px;}
    .home_index3 ul li span{font-size: 16px;color: #999999;display: block;position: relative}

    .home_tit_flex{display: flex;justify-content:space-between;align-items: center;position: relative}
    .home_tit_flex .more{font-size: 16px;color: #000000;}
    .home_tit_flex::after{content: '';display: block;width: 100%;height: 1px;background-color: #999999;left: 0;position: absolute;bottom: 19px;}

    .home_index4_bg{overflow: hidden}
    .home_index4{position: relative}
    .home_index4_slide li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 20px;}
    .home_index4_slide li .img img{width: 100%;
        height: 230px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
}
    .home_index4_slide .nr{padding:15px 10px}
    .home_index4_slide .nr span{font-size: 14px;color: #666666;}
    .home_index4_slide .nr h3{font-size: 16px;color: #000000;}
    .home_index4_slide .nr em{font-size: 12px;color: #333333;font-style: normal;}
    .home_index4_page{display: flex;justify-content: space-between}
    .home_index4 .page_ok_home4{text-align: center;margin-top: 15px;}
    .home_index4 .swiper-pagination-bullet{border: 1px solid #3D3BB8;width: 16px;height: 16px;opacity: 1;background-color: transparent }
    .home_index4 .swiper-pagination-bullet:not(:first-of-type){margin-left: 24px;}
    .home_index4 .swiper-pagination-bullet-active{background-color: #3D3BB8}
    .home_index4 .swiper-button-disabled{opacity: 0.2;}
    .home_index4 a.more{position: absolute;top: 20px;right: 0;font-size: 16px;color: #000000;z-index: 2}

    .home_index5{padding: 30px 0}
    .home_index5 .img img{width: 100%;
        height: 230px;
        object-fit: contain;
        display: block;
        margin: 0 auto;}
    .home_index5 ul li,.home_index5 .show{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 20px;}
    .home_index5 ul li p,.home_index5 .nr p{font-size: 16px;color: #000000;padding: 15px 10px}
    .home_index5 ul li span,.home_index5 .nr span{font-size: 14px;color: #666666;padding: 0 10px 15px 10px;display: block}
    .home_index5 .nr{display: flex;flex-direction: column;}
    .home_index5 .nr p{order: 1}
    .home_index5 .nr span{order: 2}

    .home_index6 .flex ul li,.home_index6 .show_f{width: 100%;position: relative;box-sizing: border-box;height: 340px;margin-top: 20px;}
    .home_index6 .img img{width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        margin: 0 auto;}
    .home_index6 p{position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);height:80px;width: 100%;padding: 40px;box-sizing: border-box;color: #FFFFFF;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;bottom: 0;font-size: 16px;}
    .s_banner img{width: 100%;margin-top: 20px;margin-bottom: 20px;}




}

/*内页 mobile*/
@media all and (max-width: 980px){
    .n_banner{position: relative}
    .n_banner img{width: 100%;}
    .n_banner_nav{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;width: 50%;}
    .n_banner_nav .t_nav{background-color: rgba(61, 59, 184, 0.3);color: #FFFFFF;padding: 10px 20px;display: flex;justify-content: center}
    .n_left_nav ul{display: grid;grid-template-columns: 49% 49%;justify-content: space-between;grid-row-gap: 10px;margin-top: 20px;}
    .n_left_nav ul li{border: 1px solid #3d3bb8;width: 100%;display: flex;justify-content: center;padding: 10px 0}
    .n_left_nav ul li a{display: block;width: 100px;height: 100%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 16px;text-align: center;color: black}
    .n_right_body .top{display: flex;flex-direction: column;margin-top: 20px;}
    .n_right_body .name{display: flex;position: relative}
    .n_right_body .name::after{content: '';display: block;width: 100%;height: 1px;background-color: rgba(61, 59, 184, 0.1);position: absolute;bottom: 0;left: 0;}
    .n_right_body .name h2{font-size: 18px;position: relative;margin-right:auto;}
    .n_right_body .name h2::after{content: '';display:block;width: 100%;height: 3px;background-color: rgb(61, 59, 184)}
    .n_right_body .crumbs,.n_right_body .crumbs a{margin: 10px 0;font-size: 16px;color: #000000;}


}

/*内页模块 mobile*/
@media all and (max-width: 980px){
    .n_list1 .time{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 80px;position: relative}
    .n_list1 .time::after{content: '';display: block;width: 1px;height: 48px;top: 50%;transform: translate(0,-50%);right: 0;position: absolute;background-color: rgba(61, 59, 184, 0.1)}
    .n_list1 .time em, .n_list1 .time i{font-style: normal;color: #000000;}
    .n_list1 .time em{font-size: 22px;}
    .n_list1 .time i{font-size: 13px;}
    .n_list1 li a{display: flex;border-bottom: 1px solid rgba(61, 59, 184, 0.1)}
    .n_list1 li .nr{width: 0;flex: 1;margin-left: 23px;}
    .n_list1 li .nr h3{font-size: 16px;color: #000000;margin: 25px 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis }
    .n_list1 li:hover h3{color: #3d3bb8;}

    .n_text1{margin-bottom: 30px;}
    .n_text1>h2{font-size: 20px;color: #000000;text-align: center;margin-top: 15px;}
    .n_text1 .info ul{display: flex;justify-content: space-evenly;background: rgba(61, 59, 184, 0.04);height: 48px;align-items: center;margin: 20px 0}
    .n_text1 .info ul li{font-size: 14px;color: #999999;}
    .n_text1 .info ul li:nth-of-type(n+3){display: none}
    .n_text1 .text, .n_text1 .text p{font-size: 16px;color: #000000;text-indent: 2em;line-height: 30px;}
    .n_text1 .text img{display:inline-block;max-width: 100%;margin: 20px 0}

    .n_list2{margin-bottom: 30px;}
    .n_list2>h2{font-size: 20px;color: #000000;text-align: center;margin-top: 15px;}
    .n_list2 .info ul{display: flex;justify-content: space-evenly;background: rgba(61, 59, 184, 0.04);height: 48px;align-items: center;margin: 20px 0}
    .n_list2 .info ul li{font-size: 14px;color: #999999;}
    .n_list2 .info ul li:nth-of-type(n+3){display: none}
    .n_list2_list li{margin-top: 20px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
    .n_list2_list .img{overflow: hidden}
    .n_list2_list .img img{width: 100%;}
    .n_list2_list p{text-align: center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;max-width: 80%;color: black;margin: 14px auto 0 auto;font-size: 16px;padding-bottom: 15px;}


    .n_list3{margin-bottom: 30px;}
    .n_list3 ul li{position: relative;margin-top: 20px;}
    .n_list3 .img{overflow: hidden}
    .n_list3 .img img{width: 100%;height: 413px;object-fit: cover}
    .n_list3 .nr{position: absolute;bottom: 0;width: 100%;height: 91px;background-image: url("../images/n_list3_bg.png");background-size: cover}
    .n_list3 .nr h3{margin-top: 25px;color: #ffffff;font-size: 20px;text-align: center;font-weight: normal;}
    .n_list3 .nr p{font-size: 16px;color: #ffffff;margin-top: 6px;text-align: center}
    .n_list3 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list3 ul li:hover h3{font-weight: bold;}

}








.index_9_bg {
    background-color: #F2F3F5;
    padding: 80px 0;
}

.index_9 {
display: grid;
    grid-template-columns: repeat(7, 14%);
    justify-content: space-between;
    grid-row-gap: 8px;
}
.main_width {
    width: 83.333%;
    margin: 0 auto;
}

.index_9 a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 10px 0;
}

.index_9 a:hover {
    background-color: #CF3F39;
    transition: all .5s;
}

.index_9 a:hover img {
    filter: brightness(100);
}
img {
    display: block;
}

.index_9 a:hover p {
    color: #ffffff;
}
.index_9 a p {
    margin-top: 20px;
}

a {
    text-decoration: none;
    color: #333333;
}

@media screen and (min-width: 1650px) {
    .main_width {
        min-width: 1600px;
        transition: all .5s;
    }
}