@charset "utf-8";
/* CSS Document */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,input,textarea{margin:0;padding:0;font-weight:normal;}
img{vertical-align:top;border:none; max-width: 100%;}
li{list-style:none;}
a{text-decoration:none;}
body{font-size:14px;min-width:1200px;font-family:Arial,"微软雅黑","Microsoft YaHei","Microsoft JhengHei","宋体",SimSun,Tahoma; background: #fff; line-height: 1.8;}
.fl{float:left;}
.fr{float:right;}
.col_a{color:#0071bc;}
.w{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;}
table{border-collapse:collapse;}

/*消除浏览器黄框*/
input, textarea,button{ outline:none;}
/*为了消除选中时的虚线框*/
a:active{/*设置为只在标签激活时候处理，提高效率*/
	bblr:expression(this.onFocus=this.blur());/*IE使用*/	
}
a {outline-style:none;}
:focus {outline:none;}

/*清除浮动*/
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{ zoom:1; }

.top_bg{ background:url("../images/top_bg.png") no-repeat #fff; background-position: top center;}
.header{width:100%; position: relative; height: 275px;}
.top_box{ line-height: 40px; display: flex; justify-content: space-between; color: #333;}
.top_icon1{ line-height: 40px;  color: #333; background: url("../images/top_iocn1.png") no-repeat; background-position: 0 7px; padding-left: 26px; margin-left: 30px; display: inline-block;}
.top_icon2{ line-height: 40px;  color: #333; background: url("../images/top_iocn2.png") no-repeat; background-position: 0 7px; padding-left: 26px; margin-left: 30px; display: inline-block;}
.top_box a:hover{color:#0071bc;}

.top_box2{ display: flex; justify-content: space-between; padding-top: 20px;}
.logo a{ display: block;}
.search_box{ width: 330px; box-sizing: border-box; position: relative; padding-right:42px; line-height: 42px; background: #fff; height: 42px;}
.search_btn{ height: 42px; width: 42px; position: absolute; top: 0; right: 0; display: block; text-align: center;}
.search_btn:hover{ opacity: 0.9;}
.search_input{ height:42px; box-sizing: border-box; width: 100%; border-right: none; padding-left: 10px; border: none;}

.top_nav{ height:48px; font-size: 16px; background: #0071bc;}
.top_nav ul{ display: flex;}
.top_nav ul>li{display:block; flex:1; line-height:48px; cursor:pointer; text-align: center; padding: 0; min-width: 0; position: relative;}
.top_nav ul>li>a{color:#fff; line-height:48px; display:block; width:100%; height:48px; padding: 0 4px; box-sizing: border-box; white-space: nowrap; overflow: hidden; font-size: 16px;}
.top_nav ul>li:hover,.top_nav ul>li.active{background: #fff;}
.top_nav ul>li:hover>a,.top_nav ul>li.active a{ color: #0071bc;}

.h_notice_box{ background: rgba(255,255,255,0.8); height: 40px; width: 100%; border-radius: 3px; padding:9px 20px; margin-top: 18px; margin-bottom: 24px;}
.hf_news_l{ padding-left: 30px; background: url(../images/hf_news_l.png) no-repeat; background-position: left center; line-height: 22px; height: 22px; overflow: hidden; position: relative;}
.hf_news_l a{ color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 9;}
.hf_news_l a:hover{ color: #0071bc;}


.h_box1{ display: flex; background: #fff; align-items: flex-start;}
.h_box_a1{position: relative; width: 580px; height: 320px;}
.swiper1{ width:100%; height: 100%; transform: translate3d(0px, 0px, 0px);transition-duration: 0ms;}
.swiper1 .swiper-slide{ background-position: center center; background-size:cover; height: 100%;}
.swiper1 .swiper-pagination-fraction,.swiper1 .swiper-pagination-custom,.swiper1.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 10px; right: 10px; width: 100px; left: auto; text-align: right;}
.swiper1 .swiper-pagination-bullet{ width: 8px; height: 8px; background:#fff; opacity: 0.6; border-radius: 100%; margin: 0 4px!important;}
.swiper1 .swiper-pagination-bullet-active{opacity: 1;}
.swiper1 .swiper_t{ position:absolute; bottom: 0; background: rgba(0,0,0,0.2); width: 100%; left: 0; height: 40px;}
.swiper1 .swiper_t span{ width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; line-height: 40px; padding-left: 10px; display: block;}

.h_box_a2{ width: 620px; height: 320px; padding:0 20px; background: url("../images/tit_bg1.png") repeat-x #fff; box-sizing: border-box; display: flex; flex-direction: column;}
.h_tit1{ line-height: 40px; border-bottom: 1px solid #efefef; display: flex; justify-content: space-between;}
.h_tit1 span{ font-size: 16px; color: #0071bc; border-top: 2px solid #0071bc; padding: 0 12px; line-height: 40px; text-align: center; display: inline-block;}
.h_tit1 a{ color: #999;}
.h_tit1 a:hover{ color: #0071bc;}

.ha_con{ box-sizing: border-box; display: block; padding-top: 15px; flex: 1; overflow-y: auto;}
.ha_n_ul li{ line-height: 32px;}
.ha_n:hover{ color: #0071bc;}
.ha_n_ul li a{ color: #666; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: block; width: 70%;}
.ha_n_ul li:hover a,.h_n_ul2 li:hover span{ color: #0071bc;}
.ha_n_ul li span{ float: right; color: #999;}
.h_box_a2 .ha_n_ul li a{ width: calc(70% + 7em); max-width: calc(100% - 100px);}
.h_box_b2 .ha_n_ul li a{ width: calc(70% + 6em); max-width: calc(100% - 100px);}

.h_box2{ margin-top: 30px; display: flex;}
.h_box_b1{ width: 250px; background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 326px; margin-right: 25px;}
.h_tit2{ line-height: 40px; border-bottom: 1px solid #efefef;}
.h_tit2 span{ color: #0071bc; padding: 15px; font-size: 16px;}
.hb1_ul{ padding-top: 5px;}
.hb1_ul li a{ color: #333; display: flex; align-items: center; justify-content: space-between; line-height: 44px; font-size: 16px; padding: 0 20px 0 15px}
.hb1_ul li a span{ display: flex; align-items: center;}
.hb_icon{ width: 20px; height: 20px; background: url("../images/hb_icon.png") no-repeat; display: inline-block; margin-right: 5px;}
.hb_icon1{ background-position: 0 0;}
.hb_icon2{ background-position: 0 -20px;}
.hb_icon3{ background-position: 0 -40px;}
.hb_icon4{ background-position: 0 -60px;}
.hb_icon5{ background-position: 0 -80px;}
.hb_icon6{ background-position: 0 -100px;}
.hb1_ul li .fa-angle-right{ color: #333; font-size: 24px;}
.hb1_ul li a:hover span{ color: #0071bc;}

.h_box_b2{ width: 580px; background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 326px; margin-right: 25px;}
.h_nav_tab{ line-height: 40px; border-bottom: 1px solid #efefef; height: 40px; display: flex; justify-content: space-between;}
.h_nav_tab .nav-tabs{ border-bottom: none;}
.h_nav_tab .nav-tabs > li{ float: none; display: inline-block;}
.h_nav_tab .nav-tabs > li > a{color: #999; position: relative; display: inline-block; border: none; background: rgba(255,255,255,0); padding: 0 0px 0 15px; font-size: 16px;}
.h_nav_tab .nav-tabs > li.active > a,.h_nav_tab .nav-tabs > li.active > a:focus,.h_nav_tab .nav-tabs > li.active > a:hover{color: #0071bc; border: none; background: rgba(255,255,255,0);}
.more_r{ color: #999; margin-right: 12px; float: right;}
.more_r:hover{ color: #0071bc;}
.tab-content{ padding:15px 15px;}
.hb2_box1{ position: relative; padding-left: 210px;}
.h_nt1{ font-size: 16px; color:#333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2;}
.h_nt2{ color:#999; line-height: 28px; height: 56px; overflow: hidden; display: block;}
.h_nt1:hover{ color: #0071bc;}
.h_nt3{ display: flex; justify-content: space-between; color: #999;}
.hb2_img{ position: absolute; left: 0; top: 0;}
.h_box_b2 .ha_n_ul{ padding-top: 10px;}

.h_box_b3{ width: 320px; background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 326px;}
.hb_n_ul{ padding: 15px;}
.hb_n_ul li{ line-height: 42px;}
.hb_n_ul li a{ color: #333; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: block; width: 70%; font-size: 16px;}
.hb_n_ul li:hover a,.h_n_ul2 li:hover span{ color: #0071bc;}
.hb_n_ul li span{ float: right; color: #999;}

.h_box3{ background: url("../images/tit_bg2.png") repeat-y #fff; border: 1px solid #d6e7f2; border-left: 2px solid #0071bc; height: 120px;margin-top: 30px; position: relative; padding-left: 100px;}
.h_tit3{ width: 96px; display: flex; justify-content: center; align-items: center; color: #0071bc; font-size: 18px; height: 120px; border-right: 1px solid #d6e7f2; position: absolute; left: 0; top: 0;}
.swiper2{ padding: 11px 40px; position: relative;}
.swiper2 .swiper-slide{ text-align: center; background-size: cover !important; height: 96px; background-position: center!important;}
.swiper2 .swiper-button-prev,.swiper2  .swiper-container-rtl .swiper-button-next,.swiper2 .swiper-button-next,.swiper2  .swiper-container-rtl .swiper-button-prev{ background: #fff; font-size: 38px; color: #999999; top: 0; height: 96px; margin-top: 11px; width: 40px; line-height: 96px;}
.swiper2 .swiper-button-prev,.swiper2  .swiper-container-rtl .swiper-button-next{ left: 0; text-align: center;}
.swiper2 .swiper-button-next,.swiper2  .swiper-container-rtl .swiper-button-prev{ right: 0; text-align: center;}
.hc_t{ position: absolute; height: 36px; text-align: center; top: 30px; left: 0; width: 100%; background: rgba(255,255,255,0.5); color: #333; line-height: 36px; font-size: 16px;}


.h_l_box{ width: 845px; float: left;}
.h_box4{margin-top: 30px; display: flex;}
.h_box_d1{ width: 320px; background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 326px; margin-right: 25px; overflow: hidden;}
.h_platform{ padding: 15px 20px; overflow: hidden;}
.h_platform li a{ width: 100%; background: #f2faff; border: 1px solid #d6e7f2; height: 42px; line-height: 42px; overflow: hidden; white-space: nowrap; display: block; text-align: center; margin-top: 15px; color: #333; padding: 0 10px; box-sizing: border-box; font-size: 16px;}
.h_platform li a:hover{ background: #0071bc; color: #fff; border: 1px solid #0071bc;}
.h_box_d2{ width: 490px; background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 326px;}
.h_box_d2 .hb_n_ul li a{ width: calc(70% + 8em); max-width: calc(100% - 28px);}

.h_box5{margin-top: 30px; display: flex;}
.h_box_e1{ width: 490px; background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 360px; margin-right: 25px;}
.h_public{ display: flex; flex-wrap: wrap; padding: 20px 5px 10px;}
.h_public_li{ width: 50%; text-align: center; padding: 10px; height: 70px; display: block;}
.h_public_li a{ color: #333;}
.h_public_li a:hover{ color: #0071bc;}
.h_box_e2{ width: 320px; background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 360px;}
.h_application{ padding: 0px 20px;}
.h_application li a{ width: 100%; background: #f2faff; border: 1px solid #d6e7f2; line-height: 42px; overflow: hidden; display: block; text-align: center; margin-top: 15px; color: #333;}
.h_application li a:hover{ background: #0071bc; color: #fff; border: 1px solid #0071bc;}

.h_r_box{ float: right;margin-top: 30px; width: 340px; margin-bottom: 20px;}
.oa_btn{ background: #0071bc; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 18px; line-height: 56px; border-radius: 3px;}
.oa_btn img{ margin-right: 10px;}
.oa_btn:hover{ opacity: 0.9;}
.h_box6{background: url("../images/tit_bg1.png") repeat-x #fff; border: 1px solid #d6e7f2; border-top: 2px solid #0071bc; height: 635px; margin-top: 25px;}
.h_periodical{ padding: 28px;}
.h_img_f{ display: block; margin:0 auto;}
.h_periodical_t{ color: #999; line-height: 24px; margin-top: 15px;}
.h_periodical_a{ text-align: right; padding-top: 20px;}
.h_periodical_a a{ color: #0071bc;}

.copyright{ background: url("../images/foot_bg.png") no-repeat; background-position: center bottom; min-height: 300px; padding: 50px 0 40px; position: relative; overflow: hidden;}
.foot_nav{ padding-bottom: 10px; text-align: center; color: #333;}
.foot_nav span{ display: inline-block; margin: 0 5px;}
.foot_nav a{ color: #333; line-height: 30px; padding: 0 15px;}
.foot_nav a:hover{ color: #0071bc;}
.footer_b{ text-align: center; padding: 30px 0px 0; color: #333; line-height: 30px;}
.foot_img{ padding-top: 20px; display: block; text-align: center;}


/*内页*/
.top_bg2{ background:url("../images/top_bg.png") no-repeat #f4f9ff; background-position: top center;}
.place{ padding-top: 5px; line-height: 40px; color: #333; padding-left: 24px; background: url("../images/place_img.png") no-repeat; background-position: 0 13px;}
.place a{ color: #333;}

.inside_box{ background: #fff; min-height: 520px; padding: 25px; position: relative;}
.inside_box:before{ content:''; width:360px; display:block; height:280px; position:absolute; right:-360px;top:10%; background: url(../images/inside_box_bg1.png) no-repeat;}
.inside_box:after{ content:''; width:360px; display:block; height:360px; position:absolute; left:-360px;bottom:3%; background: url(../images/inside_box_bg2.png) no-repeat;}
.inside_tit_box{ position: relative; padding-left: 250px;}
.inside_tit{ background: url("../images/inside_tit.jpg") no-repeat; background-size: contain; width: 220px; line-height: 62px; display: flex; align-items: center; color: #fff; font-size: 22px; padding-left: 15px; position: absolute; top: 0; left: 0;}
.inside_tit_icon{ width: 30px; height: 30px; background: url("../images/inside_tit_icon.png") no-repeat; display: inline-block; margin-right: 5px;}
.inside_tit_icon1{ background-position: 0 0;}
.inside_tit_icon2{ background-position: 0 -30px;}
.inside_tit_icon3{ background-position: 0 -60px;}
.inside_tit_icon4{ background-position: 0 -90px;}
.inside_tit_icon5{ background-position: 0 -120px;}
.inside_tit_icon6{ background-position: 0 -150px;}
.inside_tit_icon7{ background-position: 0 -180px;}
.inside_tit_icon8{ background-position: 0 -210px;}
.inside_tit_icon9{ background-position: 0 -240px;}
.inside_tit_icon10{ background-position: 0 -270px;}
.inside_tit_icon11{ background-position: 0 -300px;}
.breadLink{ border-bottom: 1px solid #e6e6e6; display: flex; justify-content: flex-end;}
.breadLink li{ padding: 0; line-height: 62px; margin: 0 10px;}
.breadLink li a{ font-size: 16px; color: #999; display: block; padding: 0 16px; min-width: 80px; text-align: center; box-sizing: border-box;}
.breadLink li.on{ border-bottom: 1px solid #0071bc;}
.breadLink li.on a{ color: #0071bc;}
.breadLink li a:hover{ color: #0071bc;}
.inside_con{ padding: 30px 0; font-size: 16px; color: #333; line-height: 2;}

.leader_box{ text-align: center;}
.leader_img{ position: relative; max-width: 220px; margin: 0 auto 10px;}
.leader_img img{ width: 100%;}
.leader_tv{ position: absolute; width: 100%; height: 100%; display:flex; justify-content: center; background: rgba(0, 113, 188,0.9); left: 0; top: 0; flex-direction: column; color: #fff; padding: 15px; display: none;}
.leader_box>.col-lg-3:hover .leader_tv{ display: flex;}
.leader_t1{ font-size: 16px; margin-bottom: 20px;}
.leader_t2{ font-size: 14px; text-align: right; opacity: 0.8;}
.leader_t2 a{ color: #fff;}
.leader_ts1{ font-size: 22px; color: #333; line-height: 1.6;}
.leader_ts2{ font-size: 16px; color: #999; margin-bottom: 20px;}

.leader_de_box{ display: flex; justify-content: space-between;}
.leader_de_l{ background: #f5f8fb; width: 280px;}
.leader_de_v1{ text-align: center; padding: 20px; border-bottom: 1px dashed #dadada;}
.leader_tv1{font-size: 22px; color: #0071bc; padding-top: 10px;}
.leader_tv2{ font-size: 16px; color: #999;}

.leader_de_v2{ padding: 10px 15px;}
.leader_de_ul li{ margin-top: 15px;}
.leader_de_ul li a{display: flex; border: 1px solid #e6e6e6; line-height: 58px; padding:0 15px; border-radius: 4px; background: url("../images/leader_de_c1.png") no-repeat #fff; background-position: center right;}
.leader_de_st{ color: #333; display: inline-block; width: 66px; font-size: 16px; font-weight: bold;}
.leader_de_st2{ color: #999; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; display: inline-block;}
.leader_de_ul li a:hover{ color: #fff; background: url("../images/leader_de_c2.png") no-repeat #0071bc; background-position: center right;box-shadow: 0px 2px 10px 0px rgba(24, 97, 145, 0.42); border: 1px solid #0071bc;}
.leader_de_ul li a:hover .leader_de_st,.leader_de_ul li a:hover .leader_de_st2{ color: #fff;}
.leader_de_btn{ background: #edf2f6; text-align: center; line-height: 34px; color: #999; font-size: 14px; display: block; margin-top: 15px; margin-bottom: 10px;}
.leader_de_btn i{ margin-left: 10px;}
.leader_de_btn:hover{ background:#0071bc; color: #fff; }

.leader_de_r{ width: 820px;}
.leader_de_tit{ color: #999; margin: 20px 0;}
.leader_de_tit h6{ font-size: 26px; color: #333; margin-right: 20px; display: inline-block;}
.tit_a1{ color: #0071bc; font-size: 20px; display: flex; align-items: center; margin-bottom: 5px;}
.tit_a1 img{ margin-right: 6px; width: 24px; height: 24px;}
.a_col_9{ color: #999;}
.a_col_9:hover{ color: #0071bc;}
.ap_box{ margin-bottom: 40px;}
.leader_de_news{ border-top: 1px solid #e6e6e6; padding: 30px 0 0;}
.tit_a1_box{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.tit_a1_box .a_col_9{ font-size: 14px;}
.news_ul_1 li{ line-height: 56px; background: url("../images/icon_a4.png") no-repeat; background-position: center left; padding-left: 24px; border-bottom: 1px dashed #e6e6e6;}
.news_ul_1 li a{ color: #333; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: block; width: 70%;}
.news_ul_1 li:hover a,.h_n_ul2 li:hover span{ color: #0071bc;}
.news_ul_1 li span{ float: right; color: #999; font-size: 14px;}

.inside_tit_box2{ border-bottom: 1px solid #e6e6e6; line-height: 70px;}
.inside_tit2{ border-bottom: 2px solid #0071bc; color: #0071bc; font-size: 26px; display:flex; align-items: center;}
.inside_tit2 img{ width: 30px; height: 30px; margin-right: 6px;}

.pager_box {clear: both; padding-top: 20px; margin-bottom: 20px; font-size: 14px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style: none; gap: 6px;}
.pager_box ul{ display: contents; padding: 0; margin: 0; list-style: none;}
.pager_box li{position: relative; z-index: 1; text-align: center; display: inline-flex !important; align-items: center; justify-content: center; color: #999; margin: 0; height: 34px; line-height: 34px; vertical-align: middle; background: transparent; border: none; width: auto; box-sizing: border-box;}
.pager_box li > a,
.pager_box li > span{ color: #999; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: #fff; border-radius: 3px; line-height: 34px; border: 1px solid #e6e6e6; margin: 0; box-sizing: border-box; text-decoration: none;}
.pager_box li > a:hover{ color: #fff; background: #0071bc; border: 1px solid #0071bc;}
.pager_box span.pager-current,
.pager_box span.first,
.pager_box li.pager-current > a,
.pager_box li.pager-current > span,
.pager_box li.first > a,
.pager_box li.first > span{ color: #fff; background: #0071bc; border: 1px solid #0071bc;}
.pager_box li > a[disabled],
.pager_box li > a[disabled]:hover,
.pager_box li.disabled > a,
.pager_box li.disabled > span{ color: #ccc !important; background: #f7f7f7 !important; border-color: #eee !important; cursor: default;}
.pager_box li.pager-jump{ margin-left: 4px; height: 34px;}
.pager_box li.pager-jump .pager-jump-inner{ display: inline-flex; align-items: center; color: #666; height: 34px; line-height: 34px; margin: 0; white-space: nowrap; border: none; background: transparent; width: auto; max-width: none; padding: 0; box-sizing: border-box;}
.pager_box li.pager-jump .pager-jump-input{ width: 48px; height: 34px; line-height: 32px; text-align: center; border: 1px solid #e6e6e6; border-radius: 3px; margin: 0 6px; vertical-align: middle; padding: 0; box-sizing: border-box; color: #333;}
.pager_box li.pager-jump a.pager-jump-btn{ display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 48px; padding: 0 12px; height: 34px; line-height: 32px; margin: 0; vertical-align: middle; background: #0071bc; color: #fff; border: 1px solid #0071bc; border-radius: 3px; box-sizing: border-box;}
.pager_box li.pager-jump a.pager-jump-btn:hover{ background: #005a96; border-color: #005a96; color: #fff;}
.pager_box input[type="text"],
.pager_box .pager-go-input{ width: 48px !important; height: 34px; line-height: 32px; text-align: center; border: 1px solid #e6e6e6; border-radius: 3px; margin: 0 6px; vertical-align: middle; padding: 0; box-sizing: border-box; color: #333; display: inline-block;}
.pager_box input[type="submit"],
.pager_box input[type="button"],
.pager_box .pager-go-btn{ height: 34px; line-height: 32px; margin: 0; padding: 0 12px; vertical-align: middle; background: #0071bc; color: #fff; border: 1px solid #0071bc; border-radius: 3px; cursor: pointer; display: inline-block;}
.pager_box .pager-go-btn[disabled],
.pager_box .pager-go-input[disabled]{ opacity: 0.65; cursor: default;}
.pager_box .pager-info{ color: #666; line-height: 34px; margin: 0 6px 0 0; background: transparent; border: none; width: auto; height: 34px;}
#newsListArea.is-loading,
#listArea.is-loading{ opacity: 0.55; pointer-events: none; transition: opacity .15s ease;}

.history_ul li{ padding: 10px 0;}
.history_ts{ color: #0071bc; width: 150px; display: inline-block; border-right: 1px solid #0071bc; margin-right: 15px; line-height: 22px;}

.tabloid_box1{ display: flex; padding: 10px 0; justify-content: space-between; margin-bottom: 20px;}
.tabloid_tr{ display: flex; align-items: center;}
.apply_tl{ margin-right: 6px; width: 80px; text-align: right; display: inline-block;}
.apply_btn{ background:#0071bc; color: #fff; line-height: 34px; width: 76px; text-align: center; margin-left: 30px;}
.tabloid_tr .el-input__inner{ border: none; background: #e8f2f8; height: 34px; line-height: 34px;border-radius:0; width: 300px !important;}
.tabloid_tr .el-range-editor .el-range-input{ background: #e8f2f8;}
.tabloid_tr .el-date-editor .el-range__icon{ margin-top: -3px;}
.tabloid_tr .el-date-editor .el-range-separator{ width: auto;}

.tabloid_no{ display: block; margin: 50px auto;}
.tabloid_box2{ padding: 10px 0 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px;}
.tabloid_top{ align-items: stretch;}
.tabloid_img_w_box{ display: block; overflow: hidden; background: #f5f7fa;}
.tabloid_img_w{ display: block; width: 100%; height: 300px; object-fit: cover;}
.tabloid_img_w:hover{ box-shadow: 0.585px 1.913px 10px 0px rgba(41, 68, 104, 0.51);}
.tabloid_top_list{ margin: 0; padding: 0; list-style: none; height: 100%;}
.tabloid_top_list li{ line-height: 36px; border-bottom: 1px solid #f0f0f0; font-size: 14px; cursor: pointer;}
.tabloid_top_list li:last-child{ border-bottom: none;}
.news_ul_2 li{ line-height: 42px; border-bottom: 1px solid #fff; font-size: 14px;}
.news_ul_2 li a{ color: #333; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: block; width: 70%; font-size: 16px;}
.news_ul_2 li span{ float: right; color: #999;}
.news_ul_2 li:hover a,.news_ul_2 li:hover span{ color: #0071bc;}
.news_ul_2 li:hover{  border-bottom: 1px solid #0071bc;}

.tabloid_box3{ padding-top: 10px;}
#newsListBody .row{ display: flex; flex-wrap: nowrap;}
#newsListBody .row > [class*="col-"]{ float: none; width: 25%; padding-left: 10px; padding-right: 10px;}
.tabloid_card{ display: block; margin-top: 24px; text-decoration: none;}
.tabloid_img_box{ display: block; overflow: hidden; background: #f5f7fa; margin-bottom: 10px;}
.tabloid_img{ display: block; width: 100%; height: 160px; object-fit: cover; margin: 0;}
.tabloid_ts{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 16px; text-align: center; line-height: 1.4;}
.tabloid_sub{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; font-size: 13px; text-align: center; line-height: 1.4; margin-top: 4px;}
.tabloid_date{ display: block; text-align: center; color: #999; font-size: 13px; margin-top: 6px;}
.tabloid_box3 .tabloid_card:hover .tabloid_ts{ color: #0071bc;}
.tabloid_box3 .tabloid_card:hover .tabloid_sub{ color: #0071bc;}
.tabloid_box3 .tabloid_card:hover .tabloid_img{ box-shadow: 0.585px 1.913px 10px 0px rgba(41, 68, 104, 0.51);}

.news_d_tit{ font-size: 22px; color: #333; margin-bottom: 10px; text-align: center; line-height: 1.4;}
.news_d_sub{ font-size: 16px; color: #666; margin-bottom: 12px; text-align: center; line-height: 1.4;}
.news_d_date{ margin-bottom: 30px; color: #999; padding-bottom: 15px; text-align: center; border-bottom: 1px solid #e6e6e6; font-size: 14px;}
.news_d_p{ padding-bottom: 20px; color: #333; font-size: 14px;}
.previous_box{ padding-top: 30px; color: #666; position: relative; font-size: 14px; border-top: 1px solid #e6e6e6; margin-top: 30px;}
.previous_box a{ color: #666;}
.previous_box a:hover{ color: #0071bc;}
.rotate_btn{ position: absolute; right: 0; width: 140px; line-height: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid #d2d2d2; bottom: 0px;}
.rotate_btn .fa{ color: #0071bc; font-size: 20px; margin-right: 10px;}

.notice_box2{ padding: 0 0 10px;}
.notice_box2 .news_ul_2 li{ line-height: 42px;}
.notice_box2 .news_ul_2 li a{ font-size: 16px;}
.not_box1{ padding-top: 10px; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.n_tit{ color: #333; font-size: 18px;}
.n_p{ color: #999; font-size: 14px; min-height: 80px; height: 80px; overflow: hidden;}
.n_pts{ color: #999; font-size: 14px;}
/* 与公告信息列表统一，保留类名兼容旧页面 */
.news_ul_2.not_box2 li{ line-height: 42px; border-bottom: 1px solid #fff;}
.news_ul_2.not_box2 li a{ font-size: 16px;}

.work_tit{ line-height: 50px; border-bottom: 1px solid #b5e1ff; display: flex; justify-content: space-between; position: relative;}
.work_tit span{color: #0071bc; font-size: 20px; display: inline-block;}
.work_tit span:after{ content:''; width:80px; display:block; height:3px; position:absolute; left:0px;bottom:-1px; background: #0071bc;}
.work_tit a{color: #999; font-size: 14px; display: inline-block;}
.work_box1{ padding: 0 0 10px;}
.news_ul_3 li{ line-height: 42px; border-bottom: 1px solid #fff; font-size: 14px;}
.news_ul_3 li a{ color: #333; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: block; width: 70%; font-size: 16px;}
.news_ul_3 li span{ float: right; color: #999;}
.news_ul_3 li:hover a,.news_ul_3 li:hover span{ color: #0071bc;}
.news_ul_3 li:hover{ border-bottom: 1px solid #0071bc;}

.payoffs_box1{ padding: 20px 0; font-size: 14px;}
.payoffs_box1 .table th{ background: #e6f3fb; font-weight: bold; border: 1px solid  #e6f3fb; padding: 10px}
.payoffs_box1 .table td{ padding: 15px 10px;}
.payoffs_tit2{ text-align: center; font-size: 22px; padding: 15px 0 0; color: #0071bc;}
.payoffs_ts{ color: #999; text-align: center; font-size: 14px;}
.payoffs_con>.col-lg-6{ padding-bottom: 40px;}
.nn_p{ border: 1px solid #e6e6e6; display: block;}
.nn_p img{ display: block;}
.np_t_box{ display: flex; flex-direction: column; justify-content: space-between; height: 110px;}
.np_tit{ font-size: 16px; line-height: 1.6; color: #333; padding-top: 5px;}
.np_tit:hover{ color: #0071bc;}
.np_pts{ display: flex; justify-content: space-between; color: #999; font-size: 14px;}
.np_icon{ width: 20px; height: 20px; background: url("../images/np_icon.png") no-repeat; display: inline-block;}
.np_icon:hover{ background-position: 0 -20px;}

.news_list li{ position: relative;overflow: hidden; padding: 20px 5px; border-bottom: 1px solid #e6e6e6;}
.news_list li:hover{background-color:#fff;box-shadow: 0.5px 0.866px 20px 0px rgba(45, 97, 131, 0.14); z-index: 9;}
.n_tit{ color: #333; font-size: 18px; display: block;}
.n_tit:hover{color: #0071bc;}
.n_ts{ color: #999; font-size: 14px;}
.n_p2{ color: #999; min-height: 70px; font-size: 14px; overflow: hidden; height: 70px; line-height: 22px;}
.n_img_box{ position: relative; display: block;}

.news_list.public_list li{ border-bottom:none;}
.news_list.public_list .col-lg-9{ border-bottom: 1px solid #e6e6e6;}
.news_list.public_list li:hover{box-shadow: 0.5px 0.866px 20px 0px rgba(45, 97, 131, 0);}
.news_list.public_list li:hover .col-lg-9{ border-bottom: 1px solid #0071bc;}


.system_btn{width: 200px; height: 180px;border-radius: 10px; text-align: center; color: #333; font-size: 18px; display: flex; flex-direction: column; align-content: center; justify-content: center; margin: 20px auto; }
.system_btn:hover{box-shadow: 0px 1px 40px 0px rgba(156, 176, 190, 0.21);}
.system_btn img{ display: block; margin: 5px auto;}

.app_btn{ display: flex; justify-content: space-between; background: #e1efff; align-items: center; line-height: 32px; min-height: 52px; border-radius: 3px; padding: 10px 20px; font-size: 18px; color: #333;}
.app_btn .fa-chain{ margin-right: 10px; color: #0071bc;}
.app_btn .fa-angle-right{ font-size: 24px;}
.app_btn:hover{ background:#0071bc; color: #fff!important; }
.app_btn:hover .fa-chain{ color: #fff;}
.app_box1>.col-lg-4{ padding-top: 20px; margin-bottom: 20px;}
.search_box2{ border: 1px solid #0071bc; overflow: hidden; margin-bottom: 20px;}


/*手机 响应式*/
#menu{ display:none;}
.apply-pup{ display:none;}


@media screen and (max-width : 991px) {
	body{ margin:0 auto; min-width: 100%;}
	body img{ max-width:100%;}
	.w{ width:100%; min-width: 100%;}
	.apply-pup{ position:absolute; z-index:99; right:15px; background:url(../images/navbg.png) left top no-repeat; width:30px; height:30px; display:block; top: 25px;}
	.header.transparent .apply-pup{ display:none;}	
	.m_100{ width: 100%;}
	.mp_lr{ padding-left: 10px; padding-right: 10px;}
	
	.top_bg{ background: #fff;}
	.top_bg2{ background: #f4f9ff;}
	.top_box{ display: none;}
	.header{ height: 80px; padding: 15px 0; background: #fff;}
	.top_box2{ padding-top: 0;}
	.logo{height: 50px; margin-left: 10px;}
	.logo img{ height: 50px;}
	.top_nav{ display: none;}
	.search_box{ display: none;}

	.h_notice_box{ display: none;}
	.h_box1{ flex-wrap: wrap;}
	.h_box_a1{ width: 100%; height: 250px; margin-bottom: 20px;}
	.h_box_a2{ width: 100%; height: auto; min-height: 300px;}
	.swiper1 img{ width: 100%;}
	.h_nt3 .col_a{ display: none;}
	
	.h_box2{ flex-wrap: wrap;}
	.h_box_b1,.h_box_b2,.h_box_b3{ margin-right: 0; width: 100%;}
	.h_box_a2,.h_box_b2,.h_box_b3,.h_box3{ margin-top: 20px;}
	.h_l_box{ width: 100%;}
	.h_box4,.h_box5{ flex-wrap: wrap;margin-top: 0px;}
	.h_box_d1,.h_box_d2{ margin-right: 0; width: 100%;margin-top: 20px;}
	.h_box_e1{ margin-right: 0; width: 100%;margin-top: 20px; height: auto;}
	.h_public_li{ width: 100%; padding: 5px;}
	.h_box_e2{ margin-right: 0; width: 100%;margin-top: 20px;}
	.h_l_box{ width: 100%; float: none;}
	.h_r_box{ width: 100%; float: none;margin-top: 20px;}
	.h_box6{margin-top: 20px; height: auto;}
	.copyright{ padding-left: 10px; padding-right: 10px; padding-top: 50px;}
	
	.inside_box{ padding: 10px;}
	.inside_box:before{display: none;}
.inside_box:after{display: none;}
	.inside_tit_box{ padding-left: 0;}
	.inside_tit{ display: none;}
	.breadLink{flex-wrap: wrap;justify-content:flex-start;}
	.breadLink li{ width: 50%; margin: 0; text-align: center;}
	
	.leader_tv{ display: none!important;}
	.leader_de_box{ flex-wrap: wrap;}
	.leader_de_l,.leader_de_r{ width: 100%;}
	
	.tabloid_box1{ flex-wrap: wrap; justify-content:flex-start;}
	.tabloid_tr{ margin: 10px 0;}
	.tabloid_tr{ flex-wrap: wrap;}
	.apply_tl{ width: 100%; margin-right: 0; text-align: left;}
	.rotate_btn{ position: relative; margin-top: 20px;}
	
	.work_tit{ flex-wrap: wrap;}
	.work_tit span{ border-bottom: none; line-height: 30px;}
	.nn_p img{ width: 100%;}
	.search_box2{display:block; width: 100%;}
	.inside_con{ font-size: 14px;}
	.notice_box2 .news_ul_2 li a{ font-size: 14px;}
	.inside_tit2{ font-size: 16px; line-height: 30px;}
		
}
@media screen and (max-width : 767px) {	
	.tabloid_tr .el-input__inner{ width: 100%!important;}
	.app2{ width: 100%!important;}
	.apply_btn{ margin-left: 0; margin-top: 10px;}
	.tabloid_box3 .col-lg-3{ padding-left: 10px; padding-right: 10px;}
	.tabloid_ts{ font-size: 14px;}
	.tabloid_img{ height: 120px;}
	.tabloid_img_w{ height: 200px;}
	.tabloid_card{ margin-top: 16px;}
	.tabloid_date{ font-size: 12px;}
	
	.system_btn{ width: 100%; font-size: 14px;}
	
}