.bannerimg2 {
    padding-bottom: 30.89%;
}


/* 侧边栏 */

main {
    margin-bottom: 50px;
    min-height: 600px;
}

.maincon {
    position: relative;
}


/* @charset "utf-8"; */


/*侧边栏*/

.gp-subLeft {
    width: 332px;
    overflow: hidden;
    border-top-right-radius: 42px;
    float: left;
    top: -86px;
    left: 0;
    position: absolute;
    background: #F4F4F4 url(../images/subconbg.png) no-repeat bottom center;
}

.gp-subLeft>ul>li {
    position: relative;
}

.gp-subLeft>ul>li>a {
    padding: 20px 15px;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 27px;
    color: #333;
    transition: all 0.35s ease-in-out;
    position: relative;
}

.gp-subLeft>ul>li>a::before {
    content: '';
    display: block;
    width: 8px;
    height: 100%;
    background: #FFB514;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.gp-subLeft>ul>li>a:hover,
.gp-subLeft>ul>li>a.active {
    background: #00377A;
    margin-right: 0;
    color: #fff;
}

.gp-subLeft>ul>li>a.active::before {
    display: block;
}

.gp-subLeft .gp-toggles {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 58px;
    text-align: center;
    cursor: pointer;
    color: #666
}

.gp-second-nav {
    font-size: 14px;
    display: none;
    background: ##F4F4F4;
}

.gp-second-nav dd a {
    display: block;
    padding: 10px 15px 10px 20px;
    color: #333;
    line-height: 19px;
    font-size: 14px;
    text-align: center;
    transition: all 0.35s ease-in-out;
}

.gp-second-nav dd a:hover,
.second_nav dd a.active {
    background: #fff;
}


/*侧边栏移动端 */

.gp-m-subNav {
    display: none;
}

.gp-m-inner-header {
    width: 100%;
    height: 40px;
    background: #00377A;
    cursor: pointer;
    line-height: 40px;
}

.gp-m-inner-header>span {
    height: 40px;
    padding-left: 15px;
    font-size: 18px;
    line-height: 42px;
    font-weight: bold;
    color: #fff;
}

.gp-m-subNav .gp-m-inner-header-icon-click {}

.gp-m-subNav .gp-m-inner-header-icon {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
}

.gp-m-subNav .gp-m-inner-header-icon-click i {
    display: block;
}

.gp-subNavm {
    width: 100%;
    overflow: hidden;
    display: none;
}

.gp-subNavm h2 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #003c7f;
}

.gp-subNavm h2 a {
    padding-left: 13px;
    font-size: 20px;
    font-family: Tahoma;
    display: block;
    color: #fff;
}

.gp-subNavm ul {}

.gp-subNavm li {
    position: relative;
}

.gp-subNavm li>a {
    font-size: 14px;
    padding-left: 13px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6;
    display: block;
}

.gp-subNavm li.sub_has span {
    margin-left: 10px;
}

.gp-subNavm li.on a {
    color: #003c7f;
    display: block;
    width: 100%;
}

.gp-m-toggle {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    text-align: center;
}

.gp-subNavm dl {
    display: none;
    background-color: #fff;
    padding: 5px 0px;
}

.gp-subNavm dl dd {
    padding-left: 30px;
    line-height: 18px;
    padding: 8px 0px 8px 30px;
    border-bottom: 1px dotted #e6e6e6;
}

.gp-subNavm li dl dd a {
    font-size: 12px;
    font-weight: normal;
    display: inline;
    border: none;
    padding: 0px;
}

.gp-subLeft>ul>li:nth-child(1) {
    background: #00377A;
}

.gp-subLeft>ul>li>a.Tit {
    font-size: 32px;
    line-height: 42px;
    font-weight: bold;
    color: #fff;
    padding: 22px 15px;
}

.gp-subLeft>ul>li>a.Tit:hover {
    background: #00377A;
    color: #fff;
}

.gp-subLeft>ul>li>a.Tit::before {
    display: none;
}

@media screen and (max-width:998px) {
    .gp-subLeft {
        display: none;
    }
    .gp-m-subNav {
        display: block;
        margin: 10px 0;
    }
}


/* 侧边栏结束 */

.orgr {
    overflow: hidden;
    margin-left: 388px;
    min-height: 600px;
}

.pic {
    padding: 27px 36px;
    text-align: center;
    background: #F4F4F4;
}

.picTit {
    line-height: 32px;
    font-size: 24px;
    color: #00377A;
    margin-bottom: 37px;
}

.picTit2 {
    line-height: 32px;
    font-size: 24px;
    color: #00377A;
    margin-bottom: 18px;
}

.picul {
    overflow: hidden;
    margin: 0 -20px;
}

.picul li {
    width: 25%;
    display: block;
    overflow: hidden;
    float: left;
    margin-bottom: 31px;
}

.picul li a {
    display: block;
    margin: 0 20px;
    background: #D8D8D8;
    margin-bottom: 12px;
}

.picul li p {
    display: block;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.picimg {
    padding-bottom: 72.15%;
}


/* 部门领导 */

.lead {
    overflow: hidden;
    margin-bottom: 34px;
}

.leadl {
    width: 164px;
    overflow: hidden;
    float: left;
}

.leadimg {
    padding-bottom: 135.78%;
}

.leadp {
    margin-left: 182px;
    overflow: hidden;
}

.leadp .name,
.picbottom .name {
    line-height: 24px;
    font-size: 18px;
    color: #333;
    margin-bottom: 9px;
    text-align: left;
}

.leadp .post,
.picbottom .post {
    line-height: 21px;
    font-size: 16px;
    color: #333;
    text-align: left;
    margin-bottom: 35px;
}

.leadp .work {
    line-height: 21px;
    font-size: 16px;
    color: #999;
    text-align: left;
}

.work p {
    margin-bottom: 9px;
}

.puisne {
    overflow: hidden;
}

.puiul {
    overflow: hidden;
    margin: 0 -35px;
    text-align: left;
}

.puiul li {
    width: 33.33%;
    float: left;
}

.liout {
    margin: 0 35px;
}

.puitop {
    width: 164px;
    overflow: hidden;
    margin-bottom: 18px;
}


/* 综合办公室 */


/* 
.article p {
    line-height: 24px;
    font-size: 16px;
    color: #333;
    text-align: left;
} */

.article li {
    line-height: 24px;
    font-size: 16px;
    color: #333;
    list-style: none;
    text-align: left;
    margin-bottom: 17px;
}

.cont {
    margin-top: 40px;
}

.cont p {
    margin-bottom: 10px;
}


/* 师德师风 */

.masterul {
    overflow: hidden;
}

.masterul li {
    overflow: hidden;
    background: #fff;
    padding: 17px 15px;
    margin-bottom: 24px;
}

.teach {
    width: 273px;
    float: left;
    overflow: hidden;
}

.teachimg {
    padding-bottom: 66.67%;
}

.mastr {
    overflow: hidden;
    /* margin-left: 289px; */
}

.amstTit {
    color: #00377A;
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 16px;
}

.mastr p,
.work2 p {
    font-size: 16px;
    line-height: 21px;
    color: #999;
    text-align: left;
    margin-bottom: 3px;
}

.mastr .contribute,
.work2 .contribute {
    color: #333;
    line-height: 21px;
    font-size: 16px;
    margin-bottom: 11px;
}

.work2>p {
    margin-bottom: 32px !important;
}

.mastcon {
    display: block;
    display: -webkit-box;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mastr span {
    line-height: 21px;
    font-size: 16px;
    color: #FFB514;
    text-align: left;
    display: block;
    margin-top: 20px;
}

.exampleul {
    overflow: hidden;
    margin: 0 -28px;
    display: block;
}

.exampleul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
    float: left;
    height: 21px;
    padding: 0;
    margin-bottom: 17px;
}

.exampleul li p {
    color: #333;
}

.exampleul li:hover p {
    color: #00377A;
}

.exampleul li p {
    display: block;
    margin: 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.longul {
    overflow: hidden;
}

.longul li {
    padding: 0;
    margin-bottom: 14px;
}

.longul li a p {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.longul li:hover p,
.longul li:hover span {
    color: #00377A;
}

.longul li:last-child {
    margin-bottom: 0;
}

.longul>li>span {
    float: right;
    margin-top: 0;
    margin-left: 20px;
    color: #333;
}

.longul>li>a>span {
    float: right;
    margin-top: 0;
    margin-left: 20px;
    color: #333;
}

.systemul {
    overflow: hidden;
    margin: 0 -28px;
}

.systemul li {
    width: 33.33%;
    float: left;
    padding: 0;
}

.systemul li p {
    display: block;
    margin: 0 28px;
    color: #333;
}

.work2 p {
    margin-bottom: 9px;
}


/* 北京市优秀德育工作者 */

.patternp {
    overflow: hidden;
    margin: 0 -33px;
    margin-bottom: 73px;
}

.patternp li {
    width: 25%;
    display: block;
    float: left;
    margin-bottom: 20px;
}

.patternp li a {
    display: block;
    margin: 0 33px;
}

.patpic {
    /* width: 164px; */
    overflow: hidden;
}

.patimg {
    padding-bottom: 135.96%;
}

.patternp p {
    font-size: 16px;
    line-height: 21px;
    color: #333;
    text-align: center;
    margin-top: 16px;
}

.issue {
    font-size: 16px;
    line-height: 21px;
    color: #333;
    margin-bottom: 44px;
}

.recommend {
    overflow: hidden;
    padding-bottom: 78px;
}

.recommendp {
    width: 60.87%;
    float: left;
    overflow: hidden;
}

.recommendp p {
    font-size: 16px;
    line-height: 30px;
    color: #999990;
    text-align: left;
}

.recommendp .jobTit {
    font-size: 18px;
    line-height: 24px;
    color: #333;
    text-align: left;
    margin-bottom: 18px;
}

.recom {
    /* width: 261px; */
    margin-left: 668px;
    overflow: hidden;
}

.recomimg {
    padding-bottom: 138.31%;
}

.lawul {
    overflow: hidden;
}

.lawul li {
    overflow: hidden;
    padding: 24px 0;
    border-bottom: 1px dashed #D8D8D8;
    text-align: left;
}

.lawul li a {
    font-size: 16px;
    line-height: 21px;
    color: #333;
}

.lawul li span {
    float: right;
    margin-left: 20px;
}

.pageArticleTitle {
    padding-bottom: 23px;
    margin-bottom: 18px;
    text-align: center;
    border-bottom: 1px dashed #d8d8d8;
}

.pageArticleTitle h3 {
    font-weight: normal;
    padding: 16px 0;
    padding-top: 0;
    font-size: 20px;
    line-height: 27px;
    color: #333;
}

.pageArticleTitle p {
    color: #666;
    font-size: 14px;
    line-height: 19px;
    margin-right: 40px;
    display: inline-block;
}

.gp-article p {
    text-align: left;
    line-height: 21px;
    color: #666;
    font-size: 16px;
}

.addfile {
    text-align: left;
    margin-top: 26px;
}

.addfile a {
    font-size: 16px;
    line-height: 21px;
    color: #00377A;
    display: block;
    margin-top: 13px;
}

.orgr2 {
    overflow: hidden;
    width: 100%;
}


/* 分页 */


/* @charset "utf-8"; */


/*分页*/

.gp-page {
    padding: 15px 0;
    color: #999;
}

.gp-page:after,
.gp-page:before {
    content: " ";
    display: table
}

.gp-page>a,
.gp-page>span {
    display: inline-block;
    width: 48px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #979797;
    margin-bottom: 5px;
    margin-left: 5px;
    vertical-align: top;
}

.gp-page-select {
    height: 32px;
    line-height: 32px;
    min-width: 50px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.gp-page .gp-page-start,
.gp-page .gp-page-end,
.gp-page .gp-page-next,
.gp-page .gp-page-prev,
.gp-page>span {
    /* width: auto; */
    /* padding: 0 15px; */
}

.gp-page .gp-page-prev {
    background: url(../images/l2.png) no-repeat 16px 14px;
}

.gp-page .gp-page-prev:hover {
    background: #00377A url(../images/l3.png) no-repeat 16px 14px;
}

.gp-page .gp-page-next {
    background: url(../images/r2.png) no-repeat 21px 13px;
}

.gp-page .gp-page-next:hover {
    background: #00377A url(../images/r3.png) no-repeat 20px 14px;
}

.page2 {
    display: none;
}

.gp-page>span {
    border: none
}

.gp-page>a:hover {
    background-color: #00377A;
    color: #fff;
}

.gp-m-page a {
    display: inline-block;
    margin: 0 10px
}


/*居中*/

.gp-page-centered {
    text-align: center
}


/*右对齐*/

.gp-page-right {
    text-align: right
}


/* 分页结束 */

.artimgout {
    width: 734px;
    margin: 29px auto;
    overflow: hidden;
}

.artimg {
    padding-bottom: 78.88%;
}

@media screen and (max-width:1300px) {
    .teach {
        width: 172px;
    }
    .mastr {
        margin-left: 184px;
    }
    .recom {
        margin-left: 290px;
    }
    .puitop {
        width: auto;
    }
}

@media screen and (max-width:996px) {
    .orgr {
        margin-left: 0;
    }
    .teach {
        width: 273px;
    }
    .mastr {
        margin-left: 289px;
    }
    .recom {
        margin-left: 452px;
    }
    .artimgout {
        width: auto;
    }
}

@media screen and (max-width:767px) {
    .picul li,
    .puiul li,
    .patternp li {
        width: 50%;
        /* margin-bottom: 20px; */
    }
    .teach {
        width: 100%;
    }
    .mastr {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
        float: left;
    }
    .recommendp {
        width: 100%;
    }
    .recom {
        margin-left: 0px;
        float: left;
    }
    .page1 {
        display: none;
    }
    .page2 {
        display: block;
    }
}

@media screen and (max-width:479px) {
    .picul li,
    .puiul li,
    .exampleul li,
    .systemul li,
    .patternp li {
        width: 100%;
    }
    .leadp {
        margin-left: 0;
        float: left;
        margin-top: 10px;
    }
    .leadl,
    .puitop {
        width: 100%;
    }
    .picTit {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .mastr p,
    .mastr p,
    .lawul li a,
    .article p,
    .article li,
    .leadp .work,
    .mastr span,
    .recommendp p {
        font-size: 12px;
    }
    .leadp .post,
    .leadp .name,
    .recommendp .jobTit,
    .mastr .contribute,
    .work2 .contribute,
    .mastr p,
    .work2 p,
    .leadp .name,
    .picbottom .name,
    .leadp .post,
    .picbottom .post {
        font-size: 14px;
    }
    .issue {
        margin-bottom: 22px;
    }
    .lawul li {
        padding: 15px 0;
    }
}