/* 首页
***************************************/
/* 头部 */
.header {
    width: 100%;
}

.header_top {
    width: 100%;
    height: 40px;
    box-shadow: border-box;
    border-bottom: solid 1px #eeeeee;
    background: #e7e7e7;
}

.ce_text {
    float: left;
    line-height: 40px;
    color: #333333;
    font-size: 12px;
}

.ce_text a {
    display: block;
    padding: 0px 10px;
    line-height: 40px;
    float: left;
    color: #666666;
}

.ce_text span {
    line-height: 40px;
    color: #333;
}

.dz_text {
    float: right;
    line-height: 40px;
    color: #333333;
    text-align: right;
    font-size: 12px;
}

.dz_text a {
    color: #333333;
}

.dz_text span {
    color: #333333;
}

.header_center {
    width: 100%;
    height: 180px;
    background-image: url("../images/logobj.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.logo_img {
    float: left;
    width: 772px;
    margin-top: 20px;
}

.logo_img img {
    width: 772px;
}

.add-hedader-bj {
    background-image: url("../images/addhebjimg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 180px;
}

.nav {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #1c63cd;
}

.nav ul {
    width: 100%;
    height: 45px;
}

.nav ul li {
    width: 10%;
    height: 45px;
    line-height: 45px;
    float: left;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.nav ul li a {
    color: #fff;
}

.nav ul li:hover {
    background: #0355ce;
}

.nav ul li:hover .two-nav {
    display: block;
}

.alert-title {
    background: #1c63cd;
}

.content-nav {
    width: 1200px;
    margin: 0 auto;
}

.two-nav {
    display: none;
    position: absolute;
    top: 45px;
    left: -55px;
    width: 190%;
    overflow: hidden;
    float: left;
    background: #1c63cd;
    z-index: 99999;
    opacity: 0.9;
}

.two-nav a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    float: left;
}

.two-nav a:hover {
    background: #0355ce;
}

/* 手机端导航按钮（默认隐藏，仅手机端显示） */
.nav-toggle {
    display: none;
    width: 28px;
    height: 32px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
}

.nav-toggle span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    transition: 0.3s;
}

.nav-toggle span:nth-child(1) {
    top: 5px;
}

.nav-toggle span:nth-child(2) {
    top: 14px;
}

.nav-toggle span:nth-child(3) {
    top: 23px;
}

.nav-toggle.active span:nth-child(1) {
    top: 14px;
    transform: rotate(45deg);
}

.nav-toggle.active span:nth-child(2) {
    opacity: 0;
}

.nav-toggle.active span:nth-child(3) {
    top: 14px;
    transform: rotate(-45deg);
}

/* 手机端导航遮罩层 */
.m-nav-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9998;
}

.m-nav-mask.show {
    display: block;
}

/* 手机端专用导航（电脑端完全隐藏，点击 navToggle 才显示） */
.m-nav {
    display: none;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
}

.m-nav ul {
    width: 100%;
}

.m-nav li {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.m-nav .m-nav-item {
    position: relative;
}

.m-nav .m-nav-item>a {
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 50px 0 18px;
    font-size: 15px;
    color: #333;
}

/* 一级导航右侧展开箭头 */
.m-nav .m-nav-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 46px;
    cursor: pointer;
}

.m-nav .m-nav-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -6px 0 0 -4px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(45deg);
    transition: 0.3s;
}

.m-nav li.open .m-nav-arrow::before {
    margin-top: -2px;
    transform: rotate(-135deg);
}

/* 二级导航：默认收起 */
.m-nav .m-sub {
    display: none;
    background: #f6f6f6;
}

.m-nav li.open .m-sub {
    display: block;
}

.m-nav .m-sub a {
    display: block;
    height: 42px;
    line-height: 42px;
    padding: 0 18px 0 34px;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #eee;
}

/* 头部 end */
/*通知公告*/
.index-notice {
    width: 848px;
    border: 1px solid #dcdcdc;
    height: 38px;
}

.index-noticeh3 {
    font-size: 14px;
    color: #333333;
    height: 38px;
    line-height: 38px;
    width: 140px;
    text-align: center;
}

.index-xx-riht {
    width: 705px;
    height: 38px;
}

.index-xx-riht .device {
    width: 705px;
    height: 38px;
}

.index-xx-riht .swiper-container {
    width: 705px;
    height: 38px;
}

.index-xx-riht .swiper-slide {
    height: 100%;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.index-xx-riht .swiper-slide-visible {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.index-xx-riht .swiper-slide-active {
    top: 0;
}

.index-xx-riht .swiper-slide a {
    display: block;
    line-height: 38px;

}

.index-xx-riht .swiper-slide a img {
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-right: 15px;
}

/*搜索*/
.index-sech {
    border: 1px solid #dcdcdc;
    width: 328px;
    height: 38px;
    overflow: hidden;
}

.index-sech-input {
    width: 270px;
    margin-top: 11px;
    border: 0;
    padding-left: 10px;
    font-size: 14px;
    color: #999999;
    font-family: 微软雅黑;
}

.index-sech-sub {
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: block;
}

.index-sech-sub img {
    width: 18px;
    height: 18px;
    vertical-align: text-top;
}

/*搜索 end*/
/*通知公告 end*/
/*轮播*/
.index-kpslide {
    height: 155px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.index-kpslide .swiper-container {
    width: 100%;
    height: 155px;
    color: #fff;
    text-align: center;
}

.index-kpslide .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.index-kpslide .swiper-slide a img {
    display: block;
    width: 100%;
    height: 155px;
    object-fit: cover;
}

.index-kpslide .pagination {
    position: absolute;
    z-index: 20;
    right: 10px;
    bottom: 10px;
}

.index-kpslide .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.index-kpslide .swiper-visible-switch {
    background: #aaa;
}

.index-kpslide .swiper-active-switch {
    background: #1c63cd
}

/*轮播 end*/
/* 主体部分 */
.box-one {
    width: 100%;
    height: 390px;
}

.swiper-img {
    width: 650px;
    height: 390px;
    float: left;
}

.swiper-img .swiper-container {
    width: 100%;
    height: 390px;
    color: #fff;
    text-align: center;
}

/* 专题页焦点图：590×400（右侧新闻栏 588，自适应见 ≤992 媒体查询，届时随 .swiper-img 变为满宽） */
.zt-swiper {
    width: 590px;
    height: 400px;
}

.zt-swiper .swiper-container {
    height: 400px;
}

.swiper-img .swiper-slide {
    position: relative;
}

.swiper-img .swiper-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(23, 23, 23, 0.5);
    z-index: 999;
}

.swiper-img .S-Text {
    width: 80%;
    line-height: 40px;
    text-indent: 2em;
    font-size: 14px;
    text-align: left;
    color: #fff;
    overflow: hidden;
    /*自动隐藏文字*/
    text-overflow: ellipsis;
    /*文字隐藏后添加省略号*/
    white-space: nowrap;
    /*强制不换行*/
}

.swiper-img .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper-img .swiper-slide p {
    font-style: italic;
    font-size: 25px;
}

.swiper-img .arrow-left,
.swiper-img .arrow-right {
    display: none;
}

.swiper-img .arrow-left {
    background: url(../images/left-btn.png) no-repeat left top;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    width: 40px;
    height: 80px;
    z-index: 999;
}

.swiper-img .arrow-right {
    background: url(../images/right-btn.png) no-repeat left top;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
    width: 40px;
    height: 80px;
    z-index: 999;
}

.swiper-img .pagination {
    position: absolute;
    z-index: 20;
    right: 20px;
    bottom: 10px;
}

.swiper-img .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #434d54;
    margin-right: 5px;
    border: 1px solid #434d54;
    cursor: pointer;
}

.swiper-img .swiper-active-switch {
    background: #1c63cd;
    border: 1px solid #1c63cd;
}

.swiper-img .swiper-dynamic-links {
    text-align: center;
}

.swiper-img .swiper-dynamic-links a {
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 5px;
    font-size: 12px;
    text-decoration: none;
    color: #333;
    background: #eee;
}

.tab_alert {
    width: 520px;
    height: 350px;
    float: right;
}

.tab_alert .tabPane_two_ul {
    width: 520px;
    height: 35px;
    box-sizing: border-box;
    border-bottom: solid 1px #d0d0d0;
}

.tab_alert .tabPane_two_ul li {
    padding: 0px 12px;
    height: 33px;
    float: left;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    color: #16a241;
    font-weight: bold;
}

.tab_alert .tabPane_two_ul a {
    display: block;
    width: 60px;
    height: 28px;
    float: right;
    margin-top: 7px;
    text-align: right;
}

.tab_alert .tabPane_two_ul .hit {
    color: #0359a9;
    border-bottom: 2px solid #0359a9;
}

.tab_alert .panes_two {
    width: 480px;
    overflow: hidden;
}

.tab_alert .pane {
    width: 480px;
    height: 310px;
    border-top: 0;
    min-height: 100px;
    background-color: #fff;
    display: none;
}

.tab_alert .tabPane_two {
    width: 100%;
    height: 350px;
    float: left;
}

.tab_alert .first_li {
    width: 115px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    float: left;
    background: url(../images/input_img.jpg) no-repeat center left;
}

.tab_alert .pane_two_ul {
    width: 100%;
    height: 310px;
    overflow: hidden;
    padding-top: 5px;
}

.tab_alert .pane_two_ul li {
    width: 100%;
    height: 31px;
    color: #666666;
    line-height: 31px;
    font-size: 14px;
}

.tab_alert .pane_two_ul li a {
    color: #666666;
}

.tab_alert .pane_two_ul li a:hover {
    color: #16a241;
}

.tab_alert .pane_two_ul .ico-d {
    display: block;
    width: 15px;
    text-align: center;
    float: left;
}

.tab_alert .pane_two_ul .pane_list {
    display: block;
    float: left;
    color: #16a241;
    padding-right: 10px;
}

.tab_alert .pane_two_ul .pane_text {
    display: block;
    width: 385px;
    height: 31px;
    float: left;
    overflow: hidden;
    zoom: 1;
}

.tab_alert .pane_two_ul .pane_time {
    display: block;
    width: 80px;
    height: 31px;
    float: right;
    font-size: 14px;
    overflow: hidden;
    zoom: 1;
}

/*亲加的*/
.panes_twoadd {}

.index-news-left-ul li {
    font-size: 17px;
    position: relative;
    padding-top: 9px;
    margin-bottom: 5px;
    overflow: hidden;
}

.index-news-left-ul li a {
    display: block;
    float: left;
    max-width: 80%;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-news-left-ul li a img {
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-right: 15px;
}

.index-news-left-ul li span {
    float: right;
    color: #999999;
    font-size: 14px;
}

.index-news-left-ul li:hover a {
    color: #1f64c1;
}

/*亲加的 end*/

.box-three {
    width: 100%;
    height: 380px;
}

.dt-box {
    width: 50%;
    height: 380px;
    float: left;
    margin-bottom: 20px;
}

.dt-width {
    width: 543px;
    height: 380px;
    background: #f7f7f7;
    border-top: 3px solid #1c63cd;
    overflow: hidden;
    padding: 0 20px;
}

.title-top {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    border-bottom: solid 1px #dcdcdc;
}

.title-top span {
    display: block;
    line-height: 48px;
    font-size: 18px;
    float: left;
    font-weight: bold;
    color: #1c63cd;
}

.title-top a {
    display: block;
    width: 50px;
    float: right;
    margin-top: 15px;
    text-align: right;
    font-size: 14px;
    color: #999999;
}

.dt-box ul {
    width: 100%;
    height: 310px;
    float: left;
    padding-top: 5px;
}

.dt-box ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
}

.dt-box ul li span {
    display: block;
}

.dt-box ul li .ico {
    width: 15px;
    height: 30px;
    line-height: 26px;
    text-align: left;
    float: left;
    font-size: 10px;
}

.dt-box ul li .list-text {
    width: 465px;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    /*自动隐藏文字*/
    text-overflow: ellipsis;
    /*文字隐藏后添加省略号*/
    white-space: nowrap;
    /*强制不换行*/
}

.dt-box ul li .time {
    width: 85px;
    height: 30px;
    line-height: 30px;
    float: right;
}

.dt-box ul li:hover a {
    color: #1c63cd;
}

.ico-btn-box {
    width: 100%;
    height: 280px;
    margin-top: 20px;
    float: left;
}

.ico-btn-one {
    width: 33.333333%;
    height: 135px;
    float: left;
    box-sizing: border-box;
    border-right: solid 1px #fff;
    background: #cce5ff;
}

.ico-btn-one span {
    display: block;
}

.ico-btn-one .i-b-img {
    width: 100%;
    height: 50px;
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
}

.ico-btn-one .i-b-text {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #1c63cd;
    margin-top: 15px;
}

.ico-btn-two {
    width: 50%;
    height: 135px;
    float: left;
    margin-top: 10px;
    border-right: solid 1px #fff;
    box-sizing: border-box;
}

.ico-btn-two img {
    width: 100%;
}

.box-four {
    width: 100%;
    height: 130px;
    zoom: 1;
    overflow: hidden;
}

.box-four img {
    width: 100%;
    height: 100%;
}

.box-five {
    border: 1px solid #e5e5e5;
    padding: 25px 20px;
    overflow: hidden;
}

.box-five ul {
    height: 130px;
    margin-right: -30px;
}

.box-five ul li {
    width: 170px;
    height: 130px;
    float: left;
    margin-right: 24px;
}

.box-five ul li span {
    display: block;
}

.bj-1 {
    background: #0092eb;
}

.bj-2 {
    background: #5dbe12;
}

.bj-3 {
    background: #e89213;
}

.bj-4 {
    background: #e7563e;
}

.bj-5 {
    background: #0085ff;
}

.bj-6 {
    background: #00b9d4;
}

.box-five .ico-hy {
    width: 100%;
    height: 34px;
    overflow: hidden;
    margin-top: 30px;
    text-align: center;
}

.box-five .text-hy {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: #ffffff;
}

.ggfw-box {
    width: 260px;
    height: 390px;
    float: left;
    margin-left: 30px;
}

.ggfw-box ul {
    width: 100%;
    height: 330px;
    float: left;
    padding-top: 10px;
}

.ggfw-box ul li {
    width: 100%;
    height: 72px;
    float: left;
    margin-top: 10px;
    background: #cce5ff;
}

.ggfw-box ul li span {
    display: block;
}

.ggfw-box ul li .img-ico {
    width: 45px;
    overflow: hidden;
    float: left;
    margin: 12px 0px 0px 30px;
}

.ggfw-box ul li .img-text {
    width: 170px;
    height: 25px;
    line-height: 25px;
    float: left;
    margin-top: 28px;
    text-indent: 1rem;
    font-size: 18px;
    color: #16a241;
}

.hd-box {
    width: 260px;
    height: 405px;
    float: right;
}

.hd-box .jq22 {
    width: 260px;
    height: 390px;
    background-color: #ebf4ff;
}

.hd-box .menu {
    margin-bottom: 30px;
}

.hd-box .menu a {
    padding-right: 20px;
}

.box-eight {
    width: 100%;
    overflow: hidden;
}

.add-link {
    background: url("../images/linkbj.png") no-repeat;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    padding-left: 12px;
}

.index-link-cont {}

.index-link-cont a {
    border-left: 4px solid #1676c0;
    padding-left: 20px;
    font-size: 14px;
    color: #666666;
    display: block;
    float: left;
    width: 18%;
    margin-top: 20px;
}



/*刊物*/
.zpmenu {
    width: 543px;
    height: 220px;
    margin-top: 20px;
}

.zpmenu dl {
    width: 543px;
    height: 220px
}

.zpmenu dt {
    width: 155px;
    float: left;
    height: 220px;
    margin-right: 10px;
}

.zpmenu dt img {
    width: 155px;
    display: block;
    float: left;
    height: 220px;
    cursor: pointer
}

.zpmenu dd {
    position: relative;
    width: 213px;
    display: block;
    float: left;
    height: 220px;
    overflow: hidden
}

div.zpmenu dl#slider2 dd div.zpinfor {
    padding: 0 20px 0 4px;
    width: 200px;
    display: inline;
    float: left;
    overflow: hidden;
}

.zpmenu dd h2 {
    width: 200px;
    display: inline;
    color: #333333;
    font-size: 16px;
    line-height: 30px;
}

.zpmenu dd p {
    font-size: 14px;
    color: #999999;
    line-height: 28px;
}

.zpmenu dd p a {
    color: #999999;
}

/*刊物 end*/
.index-inter a {
    display: block;
    width: 540px;
    height: 130px;
    margin-top: 16px;
}

.index-inter a img {
    width: 540px;
    height: 130px;
}

/* 主体部分 end */

/* 脚部 */
.footer {
    width: 100%;
    overflow: hidden;
    background: url("../images/footbj.png") no-repeat;
    background-size: 100% 100%;
    height: 320px;
    margin-top: 20px;
}

.footerleft {
    width: 470px;
}

.footerlogo {
    height: 65px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}

.footerlogo img {
    width: 355px;
    height: 65px;
}

.footerleftp {
    font-size: 12px;
    line-height: 26px;
    color: #fff;
}

.footerleftp a {
    color: #fff;
}

.footerright {
    width: 715px;
    margin-top: 42px;
}

.footerrighdiv {
    float: left;
    border-left: 1px solid #6c97d7;
    width: 166px;
    padding-left: 70px;
    height: 236px;
}

.footerh3 {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 35px;
}

.footerul li {
    font-size: 14px;
    color: #ffffff;
    line-height: 35px;
}

.ficon {
    margin-right: 15px;
    vertical-align: middle;
}

.footerul li a {
    color: #fff;
}

.footerwx {
    width: 140px;
}

.footerwx p {
    color: #ffffff;
    font-size: 12px;
    line-height: 26px;
}

.index-gzh {
    position: relative;
}

.index-gzhimg {
    width: 140px;
    height: 140px;
    position: absolute;
    right: 0;
    top: 29px;
    display: none;
}

/* 首页
***************************************/
/*子页*/
/*关于我们*/
/*位置*/
.aboutAddressUl {
    font-size: 14px;
    color: #666;
    padding: 20px 0;
}

.aboutAddressUl i {
    vertical-align: middle;
    margin-right: 10px;
}

.aboutAddressUl a {
    color: #666;
}

.aboutAddressUl>a+a:before {
    content: '>';
    padding-right: 6px;
    opacity: 1;
}

/*位置 end*/
.aboutleft {
    width: 310px;
}

.abutlefth3 {
    background: #1c63cd;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 20px;
}

.h3bj {
    width: 6px;
    height: 20px;
    vertical-align: middle;
    margin-right: 19px;
}

.aboutleftul ul li {
    background: #fafafa url("../images/san1.png") no-repeat 287px center;
    padding: 19px 20px;
    margin-bottom: 1px;
}

.aboutleftul ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #666;
}

.aboutleftul ul li:hover {
    background: #d8d8d8 url("../images/san2.png") no-repeat 287px center;
}

.aboutleftul ul li:hover a {
    color: #666;
}

.aboutright {
    width: 860px;
}

.aboutrighh3 {
    background: url("../images/16.png") no-repeat 100% 100%;
    font-size: 18px;
    height: 5px;
    color: #1c63cd;
    position: relative;
    margin-top: 5px;
}

.aboutrighh3 span {
    background: #fff;
    position: absolute;
    top: -10px;
    left: 0;
}

.abutrighth3img {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

/* 证书查询 */
.cert-query {
    margin-top: 25px;
    background: #f5faff;
    border: 1px solid #e1eefc;
    border-radius: 4px;
    padding: 35px 20px 30px;
}

.cert-query-hd {
    text-align: center;
    margin-bottom: 25px;
}

.cert-query-title {
    font-size: 26px;
    color: #1c63cd;
    font-weight: bold;
    margin-bottom: 8px;
}

.cert-query-subtitle {
    font-size: 14px;
    color: #999;
}

.cert-query-form .el-form-item{
    margin-left: auto;
    margin-right: auto;
    width: 555px;
}

.cert-query-row {
    margin-bottom: 18px;
    overflow: hidden;
    zoom: 1;
}

.cert-query-row::after {
    content: "";
    display: table;
    clear: both;
}

.cert-query-label {
    float: left;
    width: 80px;
    font-size: 14px;
    color: #666;
    text-align: right;
    line-height: 42px;
    margin-right: 15px;
}

.cert-query-input {
    float: left;
    width: 458px;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    font-size: 14px;
    color: #333;
    background: #fff;
    box-sizing: border-box;
    outline: none;
}

.cert-query-input:focus {
    border-color: #1c63cd;
}

.cert-query-yzm {
    float: left;
    width: 458px;
}

.cert-query-code {
    width: 348px;
}

.cert-query-code-img {
    display: inline-block;
    width: 100px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    margin-left: 10px;
    vertical-align: top;
    overflow: hidden;
}

.cert-query-code-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.cert-query-tip {
    font-size: 13px;
    color: #e74c3c;
    text-align: center;
    margin: -5px 0 20px;
}

.cert-query-btn {
    text-align: center;
}

.cert-query-submit {
    display: inline-block;
    width: 160px;
    height: 44px;
    line-height: 44px;
    background: linear-gradient(to bottom, #2a7bdd, #1c63cd);
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    outline: none;
    transition: opacity 0.2s;
}

.cert-query-submit:hover {
    opacity: 0.9;
}

/* 证书查询结果 */
.cert-result {
    margin-top: 25px;
    overflow-x: auto;
}

.cert-result-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    min-width: 480px;
}

.cert-result-table th,
.cert-result-table td {
    border: 1px solid #dcdcdc;
    padding: 14px 10px;
}

.cert-result-table thead tr {
    background: #1c63cd;
    color: #fff;
}

.cert-result-table tbody tr {
    background: #fff;
}

.cert-result-table tbody tr:nth-child(even) {
    background: #f8f9fa;
}

.cert-download {
    color: #1c63cd;
    text-decoration: underline;
}

.cert-download:hover {
    color: #17509f;
}

/* 证书查询 end */

/*标题*/
.TextTitle {
    width: 100%;
    border-bottom: 1px dashed #eee;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
}

.TextTitle h3 {
    color: #333333;
    font-size: 26px;
    margin-bottom: 8px;
}

.TextTitle .shar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}
.TextTitle .shar span {
    float: left;
    font-size: 14px;
    color: #666;
}

.TextTitle .shar .bdsharebuttonbox {
    display: inline-block;
    margin-left: 10px;
    overflow: hidden;
    top: 6px;
    position: relative;
}

.bdshare-button-style2-24 a {
    width: 25px !important;
    height: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.bds_weixin:hover {
    background: url(../images/fx-ico.png) no-repeat !important;
}

.bds_weixin {
    background: url(../images/fx-hover1.png) no-repeat !important;
}

.bds_tsina:hover {
    background: url(../images/fx-ico2.png) no-repeat !important;
}

.bds_tsina {
    background: url(../images/fx-hover2.png) no-repeat !important;
}

.bds_qzone:hover {
    background: url(../images/fx-ico3.png) no-repeat !important;
}

.bds_qzone {
    background: url(../images/fx-hover3.png) no-repeat !important;
}

.bds_sqq:hover {
    background: url(../images/fx-ico4.png) no-repeat !important;
}

.bds_sqq {
    background: url(../images/fx-hover4.png) no-repeat !important;
}
.TextTitle .shar .share-box {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    vertical-align: middle;
}

.TextTitle .shar .share-box .share-label {
    float: none;
    margin-right: 4px;
}

.TextTitle .shar .social-share {
    display: inline-flex;
    align-items: center;
}

.TextTitle .shar .social-share a {
    margin: 0 3px;
}

/*标题 end*/
.aboutrightcontp {
    padding: 21px 0;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.aboutrightcontp p {
    margin-bottom: 15px;
}

.aboutrightcontp img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto !important;

}

.aboutrightcontp table[align="center"] {
    margin-left: auto;
    margin-right: auto;
}

.ue-table-interlace-color-single {
    background-color: #fcfcfc;
}

.ue-table-interlace-color-double {
    background-color: #f7faff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

table td {
    width: auto;
}

.aboutrightcontp table {
    margin: 0 auto;
    max-width: 100%;
}

.aboutrightcontp table th,
.aboutrightcontp table td {
    word-break: break-word;
    border: 1px solid #ddd;
}

/*分篇*/
.jourPages {
    padding: 20px 0;
    border-top: 1px dashed #dcdcdc;
}

.jourPages a {
    width: 50%;
    display: block;
    float: left;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    color: #999999;
}

.jourPages a:hover {
    color: #1c63cd;
}

.text-right {
    text-align: right;
}

/*分篇 end*/
/*关于我们 end*/
/*联系我们*/
.contadivimap {
    width: 860px;
    height: 350px;
    margin: 20px 0;
}

.wxmdiv {
    width: 130px;
    height: 130px;
    border: 1px solid #d3d3d3;
    margin-top: 9px;
    margin-right: 19px;
}

.contadivp p {
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

/*联系我们 end*/
/*表格*/
.pexupagediv {
    border-top: 1px dashed #dcdcdc;
    padding-top: 30px;
}

.pexuform {
    width: 555px;
    margin: 0 auto;
}

.pexuform ul li {
    margin-bottom: 20px;
}

.pexlabel {
    font-size: 14px;
    color: #666666;
    float: left;
    width: 70px;
    text-align: right;
    margin-right: 18px;
    line-height: 40px;
}

.pageinput {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    width: 378px;
}

.pexselect {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    width: 400px;
    outline: none;
}

.pexuyzm {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    width: 150px;
}

.pexyzmimg {
    width: 100px;
    height: 40px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}

.pexyzma {
    font-size: 14px;
    color: #1d5187;
    vertical-align: middle;
}

.pexpasub {
    padding-left: 91px;
    margin-top: 25px;
}

.pexsubinpt {
    background: #1c63cd;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
}

.pextsubinput2 {
    background: #fff;
    border: 1px solid #eeeeee;
    color: #999999;
}

/*表格*/
/*列表*/
.news {
    margin-top: 10px;
}

.news ul li {
    color: #333333;
    font-size: 16px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dcdcdc;
    overflow: hidden;
}

.news ul li a {
    display: block;
    float: left;
    max-width: 80%;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-time {
    float: right;
    color: #999999;
    font-size: 14px;
}

.news ul li a:hover {
    color: #1c63cd;
}

.news .news-right-contul li a {
    float: none;
    max-width: 100%;
    white-space: normal;

}

/*分页*/
.add-page {
    margin: 0 auto;
    width: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.add-page ul li {
    display: inline-block;
    vertical-align: middle;
}

.add-page ul .form {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
}

.add-page ul li a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    border: 1px solid #dcdcdc;
    padding: 7px 15px;
    margin-right: 2px;
    border-radius: 3px;
}


.add-page ul li span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #cccccc;
    background: #ffffff;
    border: 1px solid #ebebeb;
    padding: 7px 15px;
    margin-right: 2px;
    border-radius: 3px;
    cursor: not-allowed;
}

.add-page ul li .add-page-first {
    padding: 7px 23px;
}

.add-page ul li .border-none {
    border: 0;
}

.add-page-number {
    width: 36px;
    height: 31px;
    border: 1px solid #dcdcdc;
    text-align: center;
    padding-left: 0 !important;
    border-radius: 3px;
}

.add-page-submit {
    width: 58px;
    height: 36px;
    border: 1px solid #dcdcdc;
    text-align: center;
    padding-left: 0 !important;
    cursor: pointer;
    background: #ffffff;
    border-radius: 3px;
}

.add-page ul li a:hover {
    color: #1c63cd;
}

.add-page ul li .active {
    background: #1c63cd;
    color: #fff;
    border: 1px solid #1c63cd;
}

.add-page ul .active a {
    background: #1c63cd;
    color: #fff;
    border: 1px solid #1c63cd;
}

.add-page ul li.active a:hover {
    color: #fff;
}


.add-page ul .form .text {
    vertical-align: middle;
}

.add-page ul .form .input {
    height: 36px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 7px 2px;
    margin: 0 4px;
}

.add-page ul .form .input:focus {
    border-color: #1c63cd;
    outline: none;
}

.add-page ul .form .input::-webkit-outer-spin-button,
.add-page ul .form .input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.add-page ul .form .input[type="number"] {
    -moz-appearance: textfield;
}

.add-page ul .form .go-page {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    background: #1c63cd;
    border: 1px solid #1c63cd;
    padding: 7px 15px;
    margin-left: 6px;
    border-radius: 3px;
    cursor: pointer;
}

.add-page ul .form .go-page:hover {
    background: #17509f;
    border-color: #17509f;
}

/*分页 end*/
/*列表 end*/
/*培训列表 */
.pexun-news {
    margin-top: 34px;
}

.pexun-news li {
    font-size: 14px;
    position: relative;
    list-style: inside;
    color: #1c63cd;
    margin-bottom: 18px;
}

.pexun-news li a {
    color: #666666;
}

.pexun-news li span {
    color: #999999;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
}

.pexun-news li:hover a {
    color: #01a4e8;
}

.pexun-news li:nth-child(5n+0) {
    margin-bottom: 40px;
}

.add-pgeline {
    border-top: 1px dashed #dcdcdc;
}

/*培训列表 end */
/*培训报名 */
.pexusub {
    display: inline-block;
    background: #1c63cd;
    color: #fff !important;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    margin-left: 20px;
}

/*培训报名 end*/
/*通知*/
.news-right-cont {}

.news-right-contul li {
    border-bottom: 1px dashed #dcdcdc;
    padding-top: 20px;
    padding-bottom: 20px;
    /*height: 118px;*/
}

.news-right-img {
    width: 210px;
    height: 135px;
    max-width: 100%;
}

.news-right-contdiv {
    width: 627px;
    float: right;
    /*height: 118px;*/
    position: relative;
}

.news-right-ocntdivh3 {
    width: 100%;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: bold;
}

.news-right-ocntdes {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    height: 68px;
}

.news-right-cotime {
    color: #999999;
    font-size: 14px;
    line-height: 36px;
}

.news-right-contdiv:hover .news-right-ocntdivh3 {
    color: #1c63cd;
}

.news-right-contdiv:hover .news-right-ocntdes span {
    color: #1c63cd;
}

/*通知 end*/
/*学习态度*/
.add-shcool .news-right-contdiv {
    float: none;
    width: 100%;
}

.shch-timicon {
    width: 14px;
    height: 15px;
    vertical-align: middle;
    margin-right: 10px;
}

/*学习态度 end*/
/*组织结构*/
.abouttwoli {
    font-size: 16px;
    color: #333333;
    background: url("../images/noticon.png") no-repeat right center;
    padding: 25px 0;
    border-bottom: 1px dashed #dcdcdc;
    cursor: pointer;
}

.aboutwolicon {
    display: none;
    padding: 20px 0;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.abouttwoli:hover {
    background: url("../images/right-ico-btn.png") no-repeat right center;
}

/*组织结构 end*/
/*子页*/
/*专题页*/
.indextwo-newsright {
    width: 588px;
}

.indextwoh3 {
    box-sizing: border-box;
    background: url("../images/indextwh3t.png") no-repeat;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #fff;
    position: relative;
    padding-left: 13px;
    width: 100%;
}

.indextwoh3 a {
    position: absolute;
    font-size: 14px;
    color: #575757;
    right: 0;
}

.indextwowidth {
    background: #f7f7f7;
    padding-top: 16px;
    padding-left: 15px;
    padding-right: 14px;
}

.index-onerightdes h3 {
    color: #1c63cd;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-onerightdes {
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 9px;
}

.index-onerightdes p {
    font-size: 14px;
    color: #666666;
    height: 72px;
    overflow: hidden;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /*要显示的行数*/
    overflow: hidden;
}

.index-onerightdes p span {
    color: #1c63cd;
}

.indextwoul {
    margin-top: 15px;
    padding-bottom: 7px;
}

.indextwoul li {
    font-size: 14px;
    color: #333333;
    position: relative;
    list-style: none;
    margin-bottom: 12px;
    overflow: hidden;
}

.indextwoul ul li a {
    display: block;
    float: left;
    max-width: 80%;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indextwoul ul li span {
    float: right;
    color: #666666;
}

.indextwolistnew {
    width: 550px;
    padding: 20px;
    border-top: 3px solid #1c63cd;
    background: #f7f7f7;
    padding-bottom: 0;
    height: 417px;
    overflow: hidden;
}

.indextwolisnh3 {
    font-size: 18px;
    color: #1c63cd;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
    position: relative;
}

.indextwolisnh3 a {
    position: absolute;
    right: 0;
    font-size: 14px;
    font-weight: normal;
    top: 6px;
}

.index-dynamic-list {
    margin-top: 18px;
    border-bottom: 1px dashed #b9b9b9;
    padding-bottom: 18px;
}

.index-dynamic-listh3 {
    width: 325px;
}

.index-dynamic-listit {
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-dynamic-listtime {
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: normal;
    font-size: 14px;
    color: #666666;
}

.index-dynamic-listp {
    font-size: 14px;
    color: #575757;
    height: 96px;
    line-height: 24px;
    overflow: hidden;
}

.index-dynamic-listp span {
    color: #1c63cd;
}

.indextwodj {
    border-top: 3px solid #1c63cd;
    margin-top: 30px;
    padding-top: 20px;
    background: #f7f7f7;
}

.index-fourslide {
    padding-top: 20px;
    margin-bottom: 20px;
}

.index-fourslide .device {
    width: 1160px;
    position: relative;
    height: 110px;
    margin: 0 auto;
}

.index-fourslide .swiper-container {
    width: 1160px;
    margin: 0 auto;
    height: 110px;
}

.index-fourslide .swiper-slide {
    height: 100%;
    text-align: center;
}

.indextwodjimg {
    width: 175px;
    height: 110px;
}

.index-fourslide .swiper-slide-visible {}

.index-fourslide .swiper-slide-active {
    top: 0;
    opacity: 1;
}

/* ============================================================
   响应式自适应（平板 / 手机端）
   说明：以下样式仅在窗口变窄时生效，不影响 ≥1200px 的桌面布局
   断点：1200px(容器流式) / 992px(平板) / 768px(手机) / 480px(小屏)
   ============================================================ */

/* —— 通用：容器流式化、图片自适应（始终生效，桌面无影响）—— */
img {
    max-width: 100%;
}

.content,
.content-nav,
.w1200 {
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
}

.index-fourslide .device,
.index-fourslide .swiper-container {
    max-width: 100%;
}
.aboutright {
    min-height: calc(100vh - 606px);
}

/* ====================== 搜索结果提示 search-result-tip ====================== */
.search-result-tip {
    margin-top: 20px;
    color: #666;
}
.search-result-tip span{
    color: #c01911;
}

/* ====================== 无内容提示 news-empty-tip ====================== */
.news-empty-tip {
    box-sizing: border-box;
    width: 100%;
    padding: 160px 20px;
    color: #999;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}

/* ======================================================================
   党建专题页基础样式（在 .wrap 上加 .dangjian 即应用该主题）
   原为 党建工作.html / 新闻列表党建.html 的页内样式，统一收归至此
   ====================================================================== */
.dangjian .header_center {
    background-image: url("../images/ztbj.png");
}

.dangjian .nav {
    background: #c01911;
}

.dangjian .nav ul li:hover {
    background: #ab0e06;
}

.dangjian .two-nav {
    background: #c01911;
}

.dangjian .two-nav a:hover {
    background: #ab0e06;
}

.dangjian .swiper-img {
    width: 590px;
    height: 400px;
}

.dangjian .swiper-img .swiper-text {
    height: 54px;
    line-height: 54px;
}

.dangjian .swiper-img .S-Text {
    line-height: 54px;
}

.dangjian .swiper-img .pagination {
    bottom: 18px;
}

.dangjian .swiper-img .swiper-pagination-switch {
    margin-right: 10px;
    background: #fff;
    border: 1px solid #fff;
}

.dangjian .swiper-img .swiper-active-switch {
    background: #f42b20;
    border: 1px solid #f42b20;
}
.dangjian .indextwoh3 {
    background: url(../images/indextwh3.png) no-repeat;
}
.dangjian .index-onerightdes h3,
.dangjian .index-dynamic-listp span{
    color: #c01911;
}
.dangjian .indextwolistnew,
.dangjian .indextwodj{
    border-top: 3px solid #c40000;
}
.dangjian .indextwolisnh3 {
    color: #c40000;
}
.dangjian .add-link {
    background: url("../images/linkbj2.png") no-repeat;
}

.dangjian .index-link-cont a {
    border-left: 4px solid #b80e0f;
}

.dangjian .footer {
    background: url("../images/footbj2.png") no-repeat;
}

.dangjian .footerrighdiv {
    border-left: 1px solid #fff;
}

.dangjian .abutlefth3 {
    background: #b80e0f;
}

.dangjian .aboutrighh3 span {
    color: #b80e0f;
}

/* 分页：当前项与滑过项改为红色 */
.dangjian .add-page ul li a:hover {
    color: #b80e0f;
}

.dangjian .add-page ul li .active,
.dangjian .add-page ul .active a {
    background: #b80e0f;
    border-color: #b80e0f;
}

/* 跳页表单的确定按钮与输入框聚焦态同样改为红色 */
.dangjian .add-page ul .form .go-page {
    background: #b80e0f;
    border-color: #b80e0f;
}

.dangjian .add-page ul .form .go-page:hover {
    background: #9a0b0c;
    border-color: #9a0b0c;
}

.dangjian .add-page ul .form .input:focus {
    border-color: #b80e0f;
}

/* 新闻列表：滑过时标题与摘要[详情]改为红色 */
.dangjian .news-right-contdiv:hover .news-right-ocntdivh3,
.dangjian .news-right-contdiv:hover .news-right-ocntdes span {
    color: #b80e0f;
}
.dangjian .index-onerightdes p span {
    color: #c01911;
}

/* ======================================================================
   响应式媒体查询（从大到小，统一合并断点）
   ====================================================================== */

/* ====================== ≤1200px 容器留白 ====================== */
@media screen and (max-width: 1200px) {

    .content,
    .content-nav {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ====================== ≤992px 平板 ====================== */
@media screen and (max-width: 992px) {

    /* 头部 */
    .header_center,
    .add-hedader-bj {
        height: auto;
        padding: 12px 0;
    }

    .logo_img {
        width: 100%;
        float: none;
        text-align: center;
    }

    .logo_img img,
    .logo_img a img {
        width: auto !important;
        max-width: 100% !important;
        height: auto;
    }

    /* 通知 + 搜索 */
    .index-notice {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .index-xx-riht,
    .index-xx-riht .device,
    .index-xx-riht .swiper-container {
        width: 100%;
    }

    .index-sech {
        width: 100%;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .index-sech-input {
        width: 82%;
        box-sizing: border-box;
    }

    /* 焦点图 + 切换框 */
    .box-one {
        height: auto;
    }

    .swiper-img {
        width: 100%;
        float: none;
        height: auto;
    }

    .swiper-img .swiper-container {
        width: 100%;
        height: 320px;
    }

    .tab_alert {
        width: 100%;
        height: auto;
        float: none;
        margin-top: 20px;
        overflow: hidden;
    }

    .tab_alert .tabPane_two_ul,
    .tab_alert .panes_two,
    .tab_alert .pane,
    .tab_alert .tabPane_two {
        width: 100%;
        box-sizing: border-box;
    }

    .panes_twoadd {
        margin-top: 5px;
    }

    .tab_alert .pane,
    .tab_alert .pane_two_ul,
    .tab_alert .tabPane_two {
        margin-bottom: 0;
        height: auto;
    }

    .tab_alert .pane_two_ul .pane_text {
        width: calc(100% - 95px);
    }

    .index-kpslide {
        margin-top: 18px;
        margin-bottom: 20px;
        height: 130px;
        overflow: hidden;
    }

    .index-kpslide .swiper-container {
        height: 130px;
    }

    /* 两列动态区 */
    .box-three {
        height: auto !important;
    }

    .dt-box {
        width: 100%;
        height: auto !important;
        float: none !important;
        overflow: hidden;
    }

    .dt-width {
        float: none !important;
        padding-bottom: 10px;
        width: 100%;
        height: auto !important;
        box-sizing: border-box;
    }

    .dt-box ul {
        height: auto;
    }

    .dt-box ul li .list-text {
        width: calc(100% - 105px);
    }

    .ico-btn-box {
        height: auto;
    }

    /* 公共服务 / 活动 */
    .ggfw-box,
    .hd-box {
        width: 100%;
        height: auto;
        float: none;
        margin: 20px 0 0 0;
    }

    .hd-box .jq22 {
        width: 100%;
    }

    /* 刊物 */
    .zpmenu,
    .zpmenu dl {
        width: 100%;
        height: auto;
    }

    .zpmenu dd {
        width: calc(100% - 170px);
        height: auto;
        overflow: visible;
    }

    div.zpmenu dl#slider2 dd div.zpinfor,
    .zpmenu dd h2 {
        width: auto;
    }

    .index-inter a,
    .index-inter a img {
        width: 100%;
        height: auto;
    }

    .box-four {
        height: auto;
    }

    /* 友情链接 */
    .index-link-cont a {
        width: 31.3%;
        box-sizing: border-box;
    }

    /* 子页两栏 */
    .aboutleft,
    .aboutright {
        width: 100%;
        float: none;
    }

    .aboutleft {
        margin-bottom: 20px;
    }

    .aboutleftul ul li {
        background-position: right 20px center;
    }

    .contadivimap {
        width: 100%;
        height: 280px;
    }

    /* 表单 */
    .pexuform {
        width: 100%;
        box-sizing: border-box;
    }

    .pageinput,
    .pexselect {
        width: calc(100% - 95px);
        box-sizing: border-box;
    }

    /* 表格横向滚动，避免撑破布局 */
    .aboutrightcontp {
        overflow-x: auto;
    }

    /* 页脚 */
    .footer {
        height: auto;
        padding-bottom: 25px;
    }

    .footerleft,
    .footerright {
        width: 100%;
        float: none;
        margin-top: 25px;
    }

    .footerrighdiv {
        width: 50%;
        box-sizing: border-box;
        padding-left: 20px;
        height: auto;
        margin-bottom: 20px;
    }

    .footerlogo img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    /* 专题页 */
    .indextwo-newsright,
    .indextwolistnew,
    .index-dynamic-listh3 {
        width: 100%;
        box-sizing: border-box;
    }

    .indextwolistnew {
        height: auto;
    }

    /* 党建专题页 —— 响应式（平板，覆盖桌面样式） */
    /* 焦点图：撑满整行，不再固定 590px */
    .dangjian .swiper-img {
        width: 100%;
        height: auto;
    }

    /* 右侧重要精神：堆叠到焦点图下方 */
    .dangjian .indextwo-newsright {
        width: 100%;
        margin-top: 20px;
    }

    /* 学习动态 / 新闻中心两栏堆叠时留间距 */
    .dangjian .indextwolistnew.floatLeft {
        margin-bottom: 20px;
    }

    /* 证书查询 */
    .cert-query {
        padding: 30px 15px;
    }

    .cert-query-form .el-form-item{
        width: 100%;
        max-width: 555px;
    }

    .cert-query-input,
    .cert-query-yzm {
        width: calc(100% - 95px);
    }

    .cert-query-code {
        width: calc(100% - 120px);
    }
}

/* ====================== ≤768px 手机 ====================== */
@media screen and (max-width: 768px) {

    /* 无内容提示 */
    .news-empty-tip {
        padding: 60px 15px;
        font-size: 14px;
    }

    /* 顶部条 */
    .header_top {
        height: auto;
    }

    /* 手机端隐藏左侧日期文字 */
    .ce_text {
        display: none;
    }

    .ce_text,
    .dz_text {
        float: none;
        text-align: center;
        line-height: 28px;
    }

    .ce_text a,
    .ce_text span,
    .dz_text {
        line-height: 28px;
    }

    /* 头部中部：logo 靠左 + 导航按钮靠右 */
    .add-hedader-bj,
    .header_center .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
        padding: 10px 15px;
        box-sizing: border-box;
    }

    .logo_img {
        width: auto;
        max-width: calc(100% - 55px);
        float: none;
        margin: 0;
        text-align: left;
    }

    .logo_img img,
    .logo_img a img {
        width: auto !important;
        max-width: 100% !important;
        max-height: 40px;
        height: auto;
    }

    .nav-toggle {
        display: block;
    }

    /* 电脑端导航在手机端完全隐藏，改用手机端专用导航 */
    .nav {
        display: none !important;
    }

    /* 手机端专用导航：右侧抽屉弹出 */
    .m-nav {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 78%;
        max-width: 320px;
        height: 100%;
        z-index: 9999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        border-top: 0;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }

    .m-nav.open {
        transform: translateX(0);
    }

    /* 通知公告 / 搜索框 两侧留 15px 间距 */
    .index-notice,
    .index-sech {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        box-sizing: border-box;
    }

    /* 科普中国轮播：手机端固定 45px，收紧上下间距 */
    .index-kpslide,
    .index-kpslide .swiper-container {
        height: 45px;
    }

    .index-kpslide .swiper-slide a img {
        height: 45px;
    }

    .index-kpslide {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* 通知公告滚动区：左右内间距 15px，标题单行截取 */
    .index-xx-riht .device {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .index-xx-riht .swiper-slide a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 焦点图高度收紧 */
    .swiper-img .swiper-container {
        height: 240px;
    }

    /* 服务图标块 */
    .box-five {
        padding: 15px 12px;
    }

    .box-five ul {
        height: auto;
        margin-right: 0;
    }

    .box-five ul li {
        width: 33.333%;
        height: auto;
        margin: 0 0 15px 0;
        box-sizing: border-box;
    }

    .box-five .text-hy {
        font-size: 15px;
    }

    /* 图标按钮 */
    .ico-btn-one {
        width: 33.333%;
        height: auto;
        padding-bottom: 12px;
    }

    .ico-btn-two {
        width: 50%;
        height: auto;
    }

    /* 友情链接 */
    .index-link-cont a {
        width: 48%;
    }

    /* 子页标题 */
    .TextTitle {
        padding-top: 25px;
    }

    .TextTitle h3 {
        font-size: 20px;
    }

    /* 手机端隐藏分享 */
    .TextTitle .shar .share-box {
        display: none;
    }

    /* 通知列表卡片：图文上下排列 */
    .news-right-img {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 10px;
    }

    .news-right-contdiv {
        width: 100%;
        float: none;
    }

    .news-right-ocntdes {
        height: auto;
    }

    /* 新闻/培训列表：标题与时间左右并列同一行，标题单行截取 */
    .news ul li,
    .index-news-left-ul li,
    .indextwoul ul li {
        font-size: 14px;
    }

    .news ul li a,
    .index-news-left-ul li a,
    .indextwoul ul li a {
        float: left;
        max-width: 68%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-time,
    .index-news-left-ul li span,
    .indextwoul ul li span {
        float: right;
        display: block;
    }

    /* 分页居中 */
    .add-page {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 0 10px;
    }

    /* 手机端隐藏首页、尾页和跳页表单，只保留上一页/页码/下一页 */
    .add-page ul li.first,
    .add-page ul li.last,
    .add-page ul .form {
        display: none;
    }

    /* 手机端按钮收窄，避免页码多时放不下 */
    .add-page ul li a,
    .add-page ul li span {
        font-size: 13px;
        line-height: 18px;
        padding: 5px 9px;
        margin-right: 1px;
    }

    /* 上一篇/下一篇：一行一列，文字左对齐并单行截取 */
    .nwssele a {
        float: none !important;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: left !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 页脚：纯蓝背景，隐藏 logo 与右侧导航 */
    .footer {
        background: #1c63cd;
    }

    .footerlogo,
    .footerright {
        display: none;
    }

    .footerleftp {
        text-align: center;
        line-height: 1.65;
    }

    /* 页脚区域左右内间距 15px */
    .footer .w1200 {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    /* 页脚四栏 → 两栏，公众号居中 */
    .footerwx {
        width: 100%;
        float: none !important;
        margin-top: 15px;
        text-align: center;
    }

    /* 专题轮播 */
    .index-fourslide .device,
    .index-fourslide .swiper-container {
        width: 100%;
        height: auto;
    }

    /* 党建专题页 —— 响应式（手机，覆盖桌面样式） */
    /* 焦点图文字条收紧 */
    .dangjian .swiper-img .swiper-text,
    .dangjian .swiper-img .S-Text {
        height: 40px;
        line-height: 40px;
    }

    /* 列表卡片：图文上下排列 */
    .dangjian .index-dynamic-list .floatLeft {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .dangjian .index-dynamic-listh3 {
        width: 100%;
        float: none;
    }

    .dangjian .index-dynamic-listp {
        height: auto;
    }

    /* 党建活动轮播：一行 2 个，图片自适应填满 */
    /* 关键：固定容器高度，否则旧版 Swiper 会把整列高度算进 slide */
    .dangjian .index-fourslide .device,
    .dangjian .index-fourslide .swiper-container {
        height: 110px;
    }

    .dangjian .index-fourslide .swiper-slide {
        box-sizing: border-box;
        padding: 0 5px;
    }

    .dangjian .indextwodjimg {
        width: 100%;
        height: 110px;
        object-fit: cover;
    }

    /* 页脚改为纯色背景（图片背景无法铺满） */
    .dangjian .footer {
        background: #b80e0f;
    }

    /* 证书查询 */
    .cert-query {
        padding: 25px 12px;
    }

    .cert-query-title {
        font-size: 22px;
    }

    .cert-query-label {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        line-height: 1.5;
        margin: 0 0 6px;
    }

    .cert-query-input,
    .cert-query-yzm {
        float: none;
        width: 100%;
    }

    .cert-query-yzm {
        overflow: hidden;
    }

    .cert-query-code {
        width: calc(100% - 115px);
    }

    .cert-query-code-img {
        float: right;
        margin-left: 0;
    }

    .cert-result-table th,
    .cert-result-table td {
        padding: 12px 8px;
        font-size: 13px;
    }
}

@media screen and (max-width: 640px) {
    .aboutAddressUl {
        padding: 12px 0;
    }

    .aboutleftul ul li {
        padding: 12px 15px;
    }

    .TextTitle h3 {
        font-size: 18px;
    }
    .aboutright {
        min-height: calc(100vh - 274px);
    }


}

/* ====================== ≤480px 小屏手机 ====================== */
@media screen and (max-width: 480px) {

    /* 无内容提示 */
    .news-empty-tip {
        padding: 45px 12px;
        font-size: 13px;
    }

    .nav ul li {
        font-size: 12px;
    }

    .swiper-img .swiper-container {
        height: 190px;
    }

    .swiper-img .S-Text {
        font-size: 12px;
    }

    /* 服务图标块两列 */
    .box-five ul li {
        width: 50%;
    }

    /* 表单标签独占一行 */
    .pexlabel {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 6px;
    }

    .pageinput,
    .pexselect {
        width: 100%;
    }

    /* 页脚单栏 */
    .footerrighdiv {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }

    .footerh3 {
        margin-bottom: 15px;
    }

    /* 上一篇/下一篇 占满整行 */
    .jourPages a {
        width: 100%;
        text-align: left !important;
    }

    .contadivimap {
        height: 220px;
    }

    /* 证书查询 */
    .cert-query {
        padding: 20px 10px;
    }

    .cert-query-title {
        font-size: 20px;
    }

    .cert-query-row {
        margin-bottom: 15px;
    }

    .cert-query-yzm {
        overflow: hidden;
    }

    .cert-query-code {
        float: left;
        width: calc(100% - 115px);
        margin-bottom: 0;
    }

    .cert-query-code-img {
        float: right;
        width: 100px;
        margin-left: 0;
    }

    .cert-query-submit {
        width: 100%;
    }

    .cert-result-table th,
    .cert-result-table td {
        padding: 10px 6px;
        font-size: 12px;
    }
}

/* ===== 证书查询 —— 手机端：字段名与输入框各占一行，验证码输入框与图片并排 ===== */
@media screen and (max-width: 768px) {
    .cert-query-form .el-form-item {
        display: block;
    }

    .cert-query-form .el-form-item__label {
        display: block;
        float: none;
        width: 100% !important;
        text-align: left;
        line-height: 1.5;
        padding: 0;
        margin-bottom: 6px;
    }

    .cert-query-form .el-form-item__content {
        margin-left: 0 !important;
    }

    .cert-query-yzm {
        display: flex;
        align-items: center;
        float: none;
        width: 100%;
    }

    .cert-query-yzm .cert-query-code {
        flex: 1;
        width: auto !important;
        float: none !important;
        margin-right: 10px;
    }

    .cert-query-yzm .cert-query-code-img {
        float: none;
        flex-shrink: 0;
        margin-left: 0;
    }
}