@charset "utf-8";
/*翻页条*/
@charset "utf-8";
/*翻页条*/
.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .04rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;}
.p_pages span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1}
.p_pages span a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.p_pages .p_last + span, .p_pages .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages .p_goto + span{ padding: 0;}
.p_pages .p_t:before{ display: none}
.p_goto{ margin: 0 .03rem}
.p_goto input{display: flex;align-items: center;justify-content: center;height: .36rem;padding: 0;transition: .5s;position: relative;z-index: 1;border: none;border-radius: 0;width: .3rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages span.p_no_d{ border-radius: .04rem;  background: #9D0000; color: #fff!important}
.p_pages span.p_no_d:before{ border: #9D0000 1px solid}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #9D0000;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #9D0000 1px solid;}

@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
} 

@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
} 
@media(max-width: 560px){
} 

.page .box{margin-top: .52rem;display: flex;align-items: center;justify-content: center;}
.page .box a {display: flex;align-items: center;justify-content: center;position: relative;border-radius: 50%;border: 1px solid #d6d7db;min-width: .5rem;height: .5rem;font-size: .18rem;transition: .5s;color: #3d3d3d; margin: 0 .05rem;}
.page .box a.on {color: #fff;background: #567bbd;border: 1px solid #567bbd;}
.page .box a:hover {color: #fff;background: #567bbd;border: 1px solid #567bbd;}
.page .box i {font-size: .14rem; font-family: 'lib'; transition: 0s;}

@media(max-width: 769px){
    .page .box a{ min-width: .4rem; height: .4rem; font-size: .16rem;}
} 

.n_ba{ position: relative}
.n_ba .imgBox .img{padding-bottom: 31.19%;}
.n_ba .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.n_ba .txt .wp{height: 100%;flex-direction: column;justify-content: center;align-items: flex-start;}
.n_ba .txt h6{font-size: .18rem;line-height: 1.35;color: #fff;margin: .1rem 0 0;text-transform: capitalize;}
.n_ba .txt h3{font-size: .58rem;color: #fff;line-height: 1;font-family: 'Poppins SemiBold';text-transform: uppercase;}

.n_ejW{position: relative;z-index: 2;height: 0;margin: -.45rem 0 .45rem;}
.n_ejW::before{content: "";position: absolute;top: 0;right: 0;width: 40%;height: .9rem;background: #062e5b;z-index: -1;transform: skewX(-15deg);transform-origin: left bottom;}
.n_ejW .wp{height: .9rem;justify-content: flex-end;}

.n_ej li{position: relative;margin-bottom: -1px;/* background: #fff; */border-bottom: #dddfe1 1px solid;margin-right: .44rem;}
.n_ej li .a{display: flex;align-items: center;justify-content: center;height: .8rem;font-size: .17rem;color: #414141;position: relative;z-index: 1;transition: .5s;}
.n_ej li .a:before{content: "";position: absolute;bottom: -1px;left: 0;width: 0;height: .04rem;transition: .5s;z-index: -1;background-image: linear-gradient(90deg, rgb(0, 128, 212) 0%, rgb(33, 196, 102) 100%);}
.n_ej li:last-child:before{ display: none}

.n_ej li.on .a:before, .n_ej li:hover .a:before{ width: 100%}
.n_ej li.on .a, .n_ej li:hover .a{}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #1e4a93;}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;height: 28px;}
#bnt_back img { height: 28px; vertical-align: top;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i {position: absolute;top: 0;right: 15px;font-size: .2rem;color: #666;font-family: simsun;font-style: normal;width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav h1 {font-size: 14px;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;font-weight: normal;}
#n_n_title{  position: relative;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: #1e4a93; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #1e4a93; }
#sub_nav_content ul li.on a { color: #1e4a93; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #1e4a93 border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: #1e4a93 }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #1e4a93;}
#sub_nav_content dd {display: none;width: 100%;/* display: flex; */}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0px 25px;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;}
#sub_nav_content dd a.on { color: #1e4a93; }

.breadcrumb{ align-items: center}
.breadcrumb * {font-size: .14rem;color: #fff;transition: .5s}
.breadcrumb .a1{color: #fff;}
.breadcrumb img {width: .2rem;margin: 0 .12rem 0 0;}
.breadcrumb span{margin: 0 .05rem;position: relative;z-index: 1;font-family: 'lib';}
.breadcrumb span img{width: .04rem;margin: 0;}
.breadcrumb .ll em {color: #1e4a93;}
.breadcrumb a:hover{ color: #fff}



@media(max-width: 769px){

.n_ejW{ display: none;}
    .n_ba .imgBox .img{padding-bottom: 54%;}
    .n_ba .txt h3{ font-size: .26rem; margin-top: .4rem}
    .n_ba .txt h6{ display}
} 



.erji{ margin: 0 -.08rem .5rem;}
.erji li{ padding: 0 .08rem; margin-bottom: .16rem;}
.erji .a{ height: .55rem; align-items: center; justify-content: center; padding: 0 .3rem; min-width: 2rem; font-size: .18rem; color: #212121; font-family: 'Poppins Medium'; transition: .5s; cursor: pointer; position: relative; z-index: 1;}
.erji .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #dfe1e3 2px solid; z-index: -1; transition: .5s;}

.erji li.on .a{ background: #143d91; color: #fff;}
.erji li.on .a::before{ opacity: 0;}

@media(min-width: 769px){
    .erji .a:hover{ color: #143d91;}

    
}
@media(max-width: 769px){
    .erji{ margin: 0 -.08rem .25rem;}
    .erji .a{min-width: inherit;height: .45rem;font-size: .16rem;padding: 0 .15rem;}

 
}



.m{max-width:1920px;width:100%;padding:0 160px;height:100%;margin:0 auto;display:block;position:relative}
.pad_top{ padding-top:72px;}

.pad_bot{ padding-bottom:80px;}
.pad_bot2{padding-bottom:82px}

#n_main {}
.n_news01 {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}

.n_news01 .swiper .img {
  height: 480px;
}

.n_news01 .picbox {
  width: 50%;
  flex-shrink: 0;
}

.n_news01 .txtbox {
  flex-grow: 1;
  width: 50%;
  padding: 48px 64px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.n_news01 .txt span {
  font-size: 18px;
  color: #616161;
}

.n_news01 .txt h2 {
  font-size: 26px;
  line-height: 38px;
  color: #000000;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 16px;
}

.n_news01 .txt p {
  font-size: 16px;
  line-height: 28px;
  color: #515151;
}

.n_news01 .txt .mybtn01 {}

.n_news01 .swiper {
  width: 100%;
}

.n_news01 .swiper-pagination {
  position: static;
  margin-top: 48px;
  display: flex;
}

.n_news01 .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-right: 12px;
  margin-left: 0;
  border-radius: 50%;
  transition: .5s;
  background: transparent;
  border: 2px solid #00479d;
  opacity: 1;
}

.n_news01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #00479d;
}

.n_news02 {
  margin-top: 32px;
}

.n_news02 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.n_news02 ul li {}

.n_news02 ul li .box {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.n_news02 ul li .img {}

.n_news02 ul li .img img {}

.n_news02 ul li .txt {
  padding: 40px 44px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #dddddd;
  overflow: hidden;
}

.n_news02 ul li .txt span {
  font-size: 14px;
  color: #818181;
}

.n_news02 ul li .txt h2 {
  font-size: 24px;
  line-height: 34px;
  height: 66px;
  color: #000000;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 40px;
}

.n_news02 ul li .txt p {
  font-size: 14px;
  line-height: 24px;
  height: 50px;
  color: #818181;
  margin-bottom: 20px;
}

.mybtn02 {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #717171;
  gap: 5px;
}

.mybtn02 i {
  font-size: 26px;
}
.txtovh2{overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.img_db{width:100%;position:relative}.img_db:after{content:"";display:block;width:100%;height:0;padding-top:60.9%;position:static!important}
.img_db img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.img_db video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.img_db .pic{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.img_db .pic img{position:static;width:auto;height:auto;object-fit:contain}path{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.img_zd{position:relative;width:100%;overflow:hidden}
.img_zd .img_hezi{padding-bottom:60%!important}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}






@media(max-width:1440px) {
    .m {padding: 0 144px}
	.pad_top {
        padding-top: 96px
    }

    .pad_bot {
        padding-bottom: 96px
    }
}
@media(max-width:1360px) {
    .m {padding: 0 128px }
	.pad_top {
        padding-top: 80px
    }

    .pad_bot {
        padding-bottom: 80px
    }
}

@media(max-width:1280px) {
    .m {padding: 0 112px}
}
@media(max-width:1200px) {
	.m {
        padding: 0 96px
    }
}
@media(max-width:1190px) {
    .m {
        padding: 0 80px
    }
}
@media(max-width:768px) {
	.pad_top {
        padding-top: 80px !important
    }

    .pad_bot {
        padding-bottom: 80px !important
    }
.m {padding: 0 30px}
}		
@media(max-width:480px) {
    .pad_top {
        padding-top: 48px !important
    }

    .pad_bot {
        padding-bottom: 48px !important
    }

    .m {
        padding: 0 15px
    }
	.n_news01 {
        flex-direction: column
    }

    .n_news01 .picbox {
        width: 100%
    }

    .n_news01 .txtbox {
        width: 100%
    }

    .n_news01 .swiper .img {
        height: auto
    }

    .n_news01 .txtbox {
        padding: 32px
    }

    .n_news01 .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }

    .n_news02 ul {
        grid-template-columns: 1fr
    }

    .n_news02 ul li .txt {
        padding: 32px 24px
    }

    .n_news02 ul li .txt h2 {
        margin-top: 16px;
        margin-bottom: 24px;
        font-size: 20px;
    }

    .n_news01 .txt h2 {
        font-size: 22px;
        line-height: 1.5
    }
}