* {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clearfix::after{content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;}
    .a_ellipsis {
        display: block;
        white-space: nowrap;
        /* height: 0; */
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .grow:hover {
        transform-origin: center left;
        -webkit-transform: scalex(1.02);
        -ms-transform: scalex(1.02);
        transform: scalex(1.02);
      }
      .grow {
        transition: all .2s;
      }
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

ul li {
    font-size: 16px;
}


/* 头 */

.top {
    width: 100%;
    height: 152px;
    background-color: #2d7dde;
}

.top_logo {
    width: 530px;
    height: 90px;
    position: relative;
}

.top_logo img {
    margin: 23px 22px 0 12px;
    display: inline-block;
}

.top_logo span {
    font-size: 40px;
    color: #fff3ea;
    position: absolute;
    left: 120px;
    top: 30px;
}

.top_logo h3 {
    font-size: 10px;
    color: #fff3ea;
    position: absolute;
    left: 120px;
    top: 80px;
}

.sec {
    color: #888888;
    margin: 10px 0;
}

.sec a {
    line-height: 40px;
    font-size: 16px;
    color: #888888;
}

.sec a:hover {
    color: #1f69bf;
    text-decoration: none;
}


/* 左侧 */

.q_left {
    width: 480px;
    border: 1px solid #d7d7df;
    overflow: hidden;
    float: left;
}



.left_nav ul {
    position: absolute;
    left: -112px;
    top: 0;
}

.left_nav li {    width: 112px;    height: 65px;    background-color: #d5e2f2;    text-align: center;    line-height: 65px;    color: #383c45;}

.left_nav li:hover {    cursor: pointer;}



.left_nav p {    width: 0;    height: 0;    border-color: transparent #d5e2f2;    border-width: 0 112px 51px 0;    border-style: solid;    background-color: transparent;    display: inline-block;}

.pic img {    width: 121px;    height: 152px;}

.sec_pic img {    width: 102px;    height: 128px;}

.q_sj {    width: 418px;    position: relative;    margin: 0 auto;    margin-top: 25px;}

.q_name {    margin-bottom: 20px;}

.q_name span {    width: 8px;    height: 26px;    border-radius: 2px;    background-color: #2d7bdd;    display: inline-block;}

.q_name h3 {    font-size: 18px;    color: #377bdc;    display: inline-block;    margin-left: 24px;    position: absolute;}
.pic {    height: 191px;    text-align: center;    margin: 0 auto;}

.pic h5 {    font-size: 16px;    color: #383838;    line-height:1.75;}
.q_fsj {    width: 418px;    position: relative;    margin: 0 auto;    margin-top: 25px;}


.pick {    width: 105px;    overflow: hidden;}

.q_fsj li {    width: 139px;    height: 175px;    text-align: center;    float: left;}

.q_fsj li img {    width: 105px;    height: 128px;}

.q_fsj li h5 {    font-size: 16px;    color: #444444;line-height:2;font-weight: 500;}


/* 右侧 */

.q_right {    width: 670px;    float: right;}

.r_rs {    border-bottom: 1px solid #e0e0e0;}

.r_rs span {    padding: 8px 8px;    margin-bottom: -2px;    text-align: center;    display: inline-block;    font-size: 20px;    color: #353535;}

.r_rs .active{
    border-bottom: 5px solid #d53e35;
    color: #407bf3;
}
.right_tab .more{float: right; padding-top: 12px;color:#999;}
.hy>a{display: none;    text-align: center;    background: #f4f4f4;    height: 30px;    line-height: 30px; margin-bottom: 10px;
    margin-top: 10px;}

.act {    color: #1380ff;    border-bottom: 5px solid #367dd5;    margin-bottom: -4px;}
.rsx_cont{margin: 8px 0 16px;}
.rsx_cont ul li {   overflow: hidden;   line-height:40px;}
.rsx_cont ul li a::before {    content: '■';    font-size: 10px;    padding-right: 6px;    color: #999;}

.rsx_cont ul li span {    float: right;    color: #a8a8a8;    font-size: 12px;    margin-left: 1rem;}


/* 区级部门 */

.botm {
    background-color: #eef7ff;    width: 100%;    margin-top: 35px;}

.qjbm {    padding: 18px 16px 2px 0;    position: relative;}

.qjbm_cont {    border: 1px solid #e2e9ef;    display: inline-block;    display: flex;}

.qj {    width: 107px;    background-color: #267ed8;    color: #feffff;    display: inline-block;    text-align: center;    line-height: 38px;}

.jt {    border-left: 5px solid #267ed8;    border-top: 6px solid transparent;    border-bottom: 6px solid transparent;    position: absolute;    left: 107px;    top: 31px;    display: inline-block;}

.bm {    display: inline-block;    margin-left: 10px;}

.bm a {    text-align: center;    color: #2a7ee0;    font-size: 20px;    width: 144px;    line-height: 38px;    display: inline-block;    padding-bottom: 7px;
}

#qjbm_bm .active,.bm a:hover {    color: #d53e35;    border-bottom: 5px solid #d53e35;    margin-bottom: -4px;}
.qzb_cont {padding: 30px 30px 15px 30px;}

.qzb_cont li {width: 270px;line-height: 47px;background-color: #f9f9f9;border: 1px solid #e2e9ef;text-align: center;float: left;margin-left: 15px;margin-bottom:15px ;font-size: 16px;}
.qzb_cont li:nth-child(4n+1){margin-left:0;}

@media(max-width:768px){
    .w1200{width: 100%;overflow: hidden;padding:0 10px;box-sizing: border-box;}
    .q_right,.q_left{width: 100%; border:none;}
    .q_fsj, .q_sj{margin-top:10px;width: 100%;box-sizing: border-box;}
    .right_tab .more{display: none;}
    .hy>a{display: block;}
    .qzb_cont li{width: calc(50% - 10px);margin-bottom: 8px;}
    .qzb_cont li:nth-child(4n+1){margin-left: 15px;}
    .qzb_cont li:nth-child(2n+1){margin-left: 0;}
    .qzb_cont{padding:20px 0;}
    .qjbm_cont{border:none;border-top:1px solid #e2e9ef;}
.q_name h3{margin-left: 10px;}
}
@media(max-width:420px){
    .q_fsj li{width: 40%;}
}


/*老年版 */
.wdpageold .q_right{margin-top:16px;}
.wdpageold .q_right,.wdpageold .q_left{width: 100%; border:none;}
.wdpageold .q_fsj,.wdpageold .q_sj{margin-top:10px;width: 100%;box-sizing: border-box;}
.wdpageold .q_fsj li {width: 289px;    height: 205px;}
.wdpageold .q_fsj li h5{font-size: 36px; }
.wdpageold .pic h5{font-size: 36px;}
.wdpageold .q_name h3{font-size: 40px;}
.wdpageold .q_name span {    width: 16px;    height: 56px;}
.wdpageold  .r_rs span{font-size: 40px;}
.wdpageold  .right_tab .more{font-size: 32px;}
.wdpageold .rsx_cont ul li{font-size: 36px;line-height: 2;}
.wdpageold .qzb_cont li{width: calc(50% - 10px);margin-bottom: 8px;}
.wdpageold .qzb_cont li:nth-child(4n+1){margin-left: 15px;}
.wdpageold .qzb_cont li:nth-child(2n+1){margin-left: 0;}
.wdpageold .qzb_cont{padding:20px 0;}
.wdpageold .qjbm_cont{border:none;border-top:1px solid #e2e9ef;}
.wdpageold  .rsx_cont ul li a::before{font-size: 30px;padding-left: 12px;}
.wdpageold .rsx_cont ul li span{font-size: 32px;}
.wdpageold .rsx_cont { margin: 18px 0 30px;  }
.wdpageold .qj{font-size: 36px; line-height: 60px;width: 180px;}
.wdpageold .bm a{font-size: 40px;width: 220px;  line-height: 46px;}
.wdpageold .qzb_cont li{font-size: 36px; line-height: 2;margin-bottom: 18px;}

.wdpageold .sec a,.wdpageold .sec{font-size: 28px;}
#cwhy{height: 226px;}
.wdpageold  #cwhy{height: 300px;}