@charset "utf-8";

footer.fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
}

body {
    background: #EBF1F7;
}

.subBanner {
    position: relative;
    z-index: 1;
}

.subBanner::before {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 10.42%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.subBanner::after {
    content: '';
    display: none;
    width: 100%;
    height: 0px;
    padding-bottom: 8.33%;
    background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.subBanner .img {
    padding-top: 20px;
    position: relative;
}

.subBanner .img::before {
    content: '';
    display: block;
    width: 300px;
    height: 20px;
    background: url(../images/subbanner-icon.png) no-repeat right bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.subBanner img:hover {
    opacity: 1;
    transform: scale(1.03);
}

.subBanner .gp-img-responsive {
    padding-bottom: 31.25%;
}

.bread {
    position: relative;
    opacity: 1;
    color: #fff;
    font-size: 0;
}

.bread .flex {
    position: absolute;
    right: 0%;
    bottom: 13px;
    z-index: 1;
    padding-left: 28px;
    background: url(../images/home.png) no-repeat left center;
}

.bread a {
    display: inline-block;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
}

.bread span {
    display: inline-block;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    padding: 0 5px;
}

.subContent {
    position: relative;
}

.pageCon {
    padding-top: 65px;
}

.pageCon>.flex {
    align-items: flex-start;
}

/* 横向二级导航栏 */
.hr-sider {
    background: #E1EAF5;
}

.hr-sider ul {
    justify-content: center;
    align-items: center;
}

.hr-sider li {
    margin-right: 100px;
}

.hr-sider li:last-child {
    margin-right: 0;
}

.hr-sider li a {
    display: block;
    line-height: 38px;
    padding: 31px 0;
    color: #333;
}

.hr-sider li a.on,
.hr-sider li a:hover {
    color: #04418B;
}

.subCon {}

/* intro */
.intro {
    padding: 30px 0 50px;
}

/* .intro .part:nth-last-of-type(1) {
    margin-bottom: 0;
} */

.intro .part01 {
    color: #04418B;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.intro .part02 {
    color: #333;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 30px;
}

.intro .part03 {
    color: #999999;
    text-align: center;
    line-height: 2;
    margin-bottom: 30px;
    background: #F3F8FC;
    padding: 20px 0;
}

.intro .part03 span:nth-child(2) {
    margin: 0 30px;
}

.intro .part04 {
    display: flex;

    margin-bottom: 50px;
    color: #333;
}

.intro .part04 .article {
    margin-right: 53px;
    width: -webkit-fill-available;
}

.intro .part04 .link-box {
    position: relative;
}

.intro .part04 .link-box img {
    max-width: fit-content;
}

.intro .part04 .link-box .wx {
    background-color: #27b713;
    border-color: #27b713;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 16px;
}

.intro .part04 .link-box .wb {
    background-color: #f35125;
    border-color: #f35125;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.intro .part04 .link-box a {
    padding-left: 0;
    margin-bottom: 5px;
    height: 60px;
    text-indent: 0;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: none;
    font-size: 35px;
    display: inline-block;
    float: none;
    color: #fff;
    transition: all 0.35s ease-out;
    border-radius: 50%;
}

#myDiv {
    position: absolute;
    top: 0;
    left: -150px;
    width: 150PX;
    height: 150PX;
}

#myDiv dd {
    padding: 5px;
    background-color: #fff;
}

#myDiv img {
    width: 100%;
    height: 100%;
}

.intro .part05 {
    padding: 30px;
    background-color: #fff;
}

.intro .part05 .left {
    padding-right: 20px;
    line-height: 25px;
    color: #04418B;
}

.intro .part05 .right {
    flex: 1;
    position: relative;
    padding-left: 20px;
}

.intro .part05 .right .title li{
    margin-bottom: 10px;
}

.intro .part05 .right .title a {
    display: block;
    padding: 15px 15px 15px 15px;
    line-height: 20px;
    background: rgba(4, 65, 139, 0.04);
}

.intro .part05 .right .title li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.intro .part05 .right::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.intro .part.flex {
    justify-content: flex-start;
    align-items: flex-start;
}

.intro .img {
    font-size: 0;
    flex-shrink: 0;
    max-width: 780px;
}

.intro .text {
    background: #E1EAF5;
    padding: 40px;
}

.article p {
    line-height: 1.5;
    text-indent: 2em;
    word-wrap: break-word
}

.intro p:nth-last-of-type(1) {
    margin-bottom: 0;
}


/*  */
.leader {
    padding-bottom: 50px;
}

.leader ul li {
    background: #F3F8FC;
    margin-bottom: 20px;
}

.leader ul li:nth-child(1) {
    margin-top: 30px;
}

.leader ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.leader .flex {
    justify-content: flex-start;
}

.leader .box .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    padding: 20px 30px;
    color: #04418B;
}

.leader .date {
    font-weight: bold;
    line-height: 38px;
    text-align: center;
}

.leader .day {
    line-height: 20px;
}

.leader .box .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    flex: 1;
}

.leader .box .right a {
    padding: 40px 0;
    padding-left: 30px;

}

.leader .box .right::before {
    content: '';
    display: block;
    height: 42px;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* 学校标识 */
.sign {
    padding-bottom: 50px;
}

.signBox {
    padding: 30px 50px 84px;
    background: #F3F8FC;
}

.schoolMotto {
    padding: 30px 50px 90px;
    margin: 48px 0 30px;
}

.signTil {
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
}

.mottoOut {
    max-width: 1100px;
    margin: 0 auto;
    font-size: 0;
}

.mottoOut li {
    min-width: 200px;
    text-align: center;
    padding: 14.5px 0;
}

.sign .left,
.sign .right {
    position: relative;
    width: calc(50% - 25px);
}

.sign .boxCon {
    text-align: center;
    line-height: 30px;
    padding-bottom: 50px;
}

.sign .boxCon p {
    margin-bottom: 20px;
    text-indent: 2em;
    text-align: left;
}

.sign .boxCon p:last-child {
    margin-bottom: 0;
}

.download {
    color: #04418B;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #04418B;
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 1;
    padding-right: 30px;
}

.download .text {
    line-height: 20px;
    margin-right: 30px;
}

/* 组织机构 */
.org {}

.org .flex {
    flex-wrap: wrap;
}

.pageTitle {
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 51px;
    color: #04418B;
    margin: 50px 0 30px;
}

.org .left,
.org .right {
    width: calc(50% - 25px);
}

.org .dept {
    margin-bottom: 30px;
    background: #F3F8FC;
}

.org .dept:last-child {
    margin-bottom: 0;
}

.org .deptTil {
    background-color: #E1EAF5;
    padding: 25px 30px;
}

.org .deptTil span {
    display: inline-block;
    line-height: 30px;
    color: #04418B;
    font-weight: bold;
}

.org .deptCon {
    padding: 20px 30px;
}

.org li {
    display: block;
    padding: 4px 0;
    padding-left: 10px;
    border-left: 2px solid #04418B;
    margin-bottom: 20px;
}

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

.org li a {
    display: block;
    line-height: 30px;
}



/* 文字列表 */
.textList {
    padding-bottom: 0;
}

.textList ul {
    padding-top: 12px;
}

.textList li {
    margin-top: 3px;
}

.textList li a {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
    align-items: center;
    padding: 28px 0;
    transition: all 0.35s ease;
}

.textList li a:hover {
    transform: translateY(-6px);
}

.textList .title {
    flex: 1;
    line-height: 1;
    padding-left: 15px;
    border-left: 1px solid #e6e6e6;
    position: relative;
}

.textList a:hover .title {
    font-weight: bold;
}

.textList .date {
    flex-shrink: 0;
    line-height: 1;
    padding-right: 19px;
    font-family: 'Arial';
    color: #999;
    font-size: 17px;
}



/*分页*/
.pages {
    margin: 40px 0 0px;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 0;
}

.gp-page {
    padding: 0;
    color: #333;
    font-size: 0px;
    display: inline-block;
}

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

.gp-page>a, .gp-page>span {
    display: inline-block;
    color: #999999;
    background: transparent;
    cursor: pointer;
    border-radius: 60%;
    background: transparent;
    margin: 0 10px;
    width: 66px;
    height: 66px;
    line-height: 66px;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    position: relative;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    *display: inline;
    *zoom: 1;
}

.gp-page .gp-page-prev {
    margin-right: 40px;
}

.gp-page .gp-page-next {
    margin-left: 30px;
    margin-right: 0;
}

.gp-page .gp-page-start,
.gp-page .gp-page-end {
    width: auto;
    min-width: 70px;
}

.gp-page>span {
    border: none
}

.gp-page>a:hover, .gp-page>a.active {
    background-color: #225794;
    color: #fff;
}

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

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

/*居中*/
.gp-page-centered {
    text-align: center
}

/*右对齐*/
.gp-page-right {
    text-align: right
}

.gp-page .omit {
    cursor: not-allowed;
}

.selectDiv {
    display: inline-block;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.selectDiv>span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
    position: relative;
    color: #999;
    text-align: left;
    padding-left: 17px;
}

.selectDiv>span {
    width: 70px;
    margin: 0 8px;
}

.selectDiv>span::before {
    content: '';
    display: block;
    width: 8px;
    height: 4px;
    background: url(../images/page-icon.png) no-repeat center/cover;
    /* border: 5px solid transparent; border-left-width: 4px; border-right-width: 4px; border-bottom-color: #666; */
    position: absolute;
    top: calc(50% - 2px);
    right: 20px;
    transition: all 0s ease;
}

.selectDiv:hover>span::before {
    transform-origin: 50%, 50%;
    transform: rotateZ(-180deg);
}

.selectDiv dl {
    display: none;
    max-height: 200px;
    overflow-y: scroll;
    width: 100%;
    position: absolute;
    left: 0%;
    bottom: 100%;
    background: #fff;
    border-radius: 4px;
    border-bottom: 4px solid transparent;
}

.selectDiv dl a {
    display: block;
}

.selectDiv:hover dl {
    display: block;
}

.selectDiv a {
    display: inline-block;
    line-height: 30px;
}

.selectDiv dd:hover {
    background: #225794;
}

.selectDiv dd:hover a {
    color: #fff;
}

.selectDiv>span.noPadding {
    width: 50px;
    padding: 0;
    border-left: 0;
}

.pageInput {
    width: 70px;
    height: 40px;
    background: #fff;
    text-align: center;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    outline: none;
    padding: 0;
}

.selectDiv .tips {
    position: absolute;
    right: 0%;
    top: 100%;
    width: 100%;
    font-size: 12px;
    color: red;
    font-style: normal;
}

.article {
    padding-left: 20px;
}

.gp-article>.flex {
    align-items: center;
    position: relative;
    z-index: 1;
}

.gp-title {
    color: #222;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e6e6e6;
}

.gp-info {
    font-size: 0;
    line-height: 1;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
}

.gp-info span {
    display: inline-block;
    color: #999;
    color: #999;
    margin-right: 40px;
}

.gp-info span:last-child {
    margin-right: 0px;
}

.gp-info .date {
    display: none;
}

.gp-content {
    margin: 0 auto;
    padding-top: 35px;
    box-sizing: border-box;
    position: relative;
}

.gp-content p {
    line-height: 30px;
    margin-bottom: 30px;
    color: #444;
}

.gp-content p:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.article-bt {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 30px 0 70px;
}


.shareBoxOut {
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Annex {
    padding-top: 24px;
    flex: 1;
}

.Annex h3 {
    color: #444;
    font-style: normal;
    font-weight: bold;
    line-height: 30px;
}

.Annex li::marker {
    content: ''
}

.Annex a {
    display: block;
    color: #999;
    line-height: 30px;
}

.share {
    position: relative;
    width: 108px;
    height: 112px;
    background: rgba(0, 0, 0, 0.04);
    flex-shrink: 0;
}

.share_btn {
    float: left;
    line-height: 33px;
    font-weight: normal;
}

.share .bdsharebuttonbox>a {
    padding-left: 0;
    margin: 0 15px 0 0 !important;
    ;
    height: 32px;
    text-indent: 0;
    width: 32px;
    line-height: 32px;
    text-align: center;
    background: none;
    font-size: 23px;
}

.share .bdsharebuttonbox .bds_weixin {
    color: #00c785;
    margin: 0 auto !important;
    font-size: 14px;
    font-size: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.share .bdsharebuttonbox .bds_weixin a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #00c785;
    border-radius: 50%;
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.share .bdsharebuttonbox .bds_weixin .text {
    line-height: 1;
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
}

.shareBox .title {
    display: none;
}

.shareClose {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 18px;
}

.sharelist {
    display: none;
    position: static;
    height: 250px;
    overflow-y: auto;
    padding-left: 17px !important;
}

.weChatBox {
    width: 280px;
    height: auto;
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -140px;
    z-index: 9998;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.weChatBox .w-title {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.w-close {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #333;
    cursor: pointer;
}

.qrcode {
    width: 200px;
    height: 200px;
    margin: 15px auto;
    background: #ccc;
}

.w-footer {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}

#qrodeText {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
}

.bdshare_dialog_bg {
    position: fixed;
    _position: absolute;
    width: 312px;
    height: 341px;
    z-index: 9999;
    overflow: hidden;
    display: none
}

.bdshare_dialog_box {
    position: fixed;
    _position: absolute;
    width: 300px;
    border: 6px solid #8F8F8F;
    height: 329px;
    z-index: 10000;
    text-align: left;
    box-shadow: 0 0 7px #aaa;
    -webkit-box-shadow: 0 0 7px #aaa;
    -moz-box-shadow: 0 0 7px #aaa;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    background: #f6f6f6;
    display: none
}

.bdshare_dialog_top, .bdshare_popup_top {
    height: 28px;
    color: #626262;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    padding: 0 5px
}

.bdshare_dialog_close {
    width: 22px;
    height: 23px;
    background: url(../images/pop_c.gif?v=2d7108c8.gif) no-repeat 0 0;
    float: right;
    display: block;
    margin-top: 2px
}

.bdshare_dialog_list {
    margin: 0;
    padding: 10px 0;
    height: 256px;
    background: #fff;
    overflow: auto;
    overflow-x: hidden
}

.bdshare_dialog_bottom {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: right;
    padding: 0 10px
}

.bdshare_dialog_bottom a {
    color: #999;
    text-decoration: none
}

.bdshare_dialog_bottom a:hover {
    color: #00a9e0
}

.bdshare_dialog_list li {
    float: left;
    width: 130px;
    padding: 2px;
    margin-left: 6px;
    _margin-left: 3px;
    height: 28px;
    overflow: hidden;
    list-style: none
}

.bdshare_dialog_list a, .bdshare_popup_list a, .bdshare_popup_bottom a {
    color: #565656;
    font: 12px '宋体';
    display: block;
    background-image: url(../images/icons_0_16.png?v=ba7acbd3.png);
    background-repeat: no-repeat;
    padding: 5px 0 5px 28px;
    text-decoration: none;
    border: 1px solid #fff;
    line-height: 18px
}

.bdshare_dialog_list a:hover, .bdshare_popup_list a:hover {
    background-color: #f3f3f3;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.popup_qzone {
    background-position: 4px -47px
}

.popup_tsina {
    background-position: 4px -99px
}

.popup_renren {
    background-position: 4px -203px
}

.popup_tqq {
    background-position: 4px -255px
}

.popup_kaixin001 {
    background-position: 4px -307px
}

.popup_tqf {
    background-position: 4px -359px
}

.popup_hi {
    background-position: 4px -411px
}

.popup_douban {
    background-position: 4px -463px
}

.popup_tieba {
    background-position: 4px -723px
}

.popup_hx {
    background-position: 4px -983px
}

.popup_fx {
    background-position: 4px -1035px
}

.popup_ty {
    background-position: 4px -1191px
}

.popup_fbook {
    background-position: 4px -1347px
}

.popup_twi {
    background-position: 4px -1399px
}

.popup_linkedin {
    background-position: 4px -1659px
}

.popup_meilishuo {
    background-position: 4px -1711px
}

.popup_mogujie {
    background-position: 4px -1763px
}

.popup_diandian {
    background-position: 4px -1815px
}

.popup_huaban {
    background-position: 4px -1867px
}

.popup_duitang {
    background-position: 4px -2023px
}

.popup_youdao {
    background-position: 4px -2075px
}

.popup_wealink {
    background-position: 4px -2179px
}

.popup_copy {
    background-position: 4px -2283px
}

.popup_mail {
    background-position: 4px -2335px
}

.popup_print {
    background-position: 4px -2387px
}

.popup_mshare {
    background-position: 4px -2439px
}

.popup_sqq {
    background-position: 4px -2647px
}

.popup_sdo {
    background-position: 4px -2699px
}

.popup_qingbiji {
    background-position: 4px -2751px
}

.popup_people {
    background-position: 4px -2803px
}

.popup_xinhua {
    background-position: 4px -2907px
}

.popup_yaolan {
    background-position: 4px -2959px
}

.popup_thx {
    background-position: 4px -2491px
}

.popup_bdhome {
    background-position: 4px -151px
}

.popup_bdxc {
    background-position: 4px -2543px
}

.popup_more {
    background-position: 4px 5px
}

.popup_bdysc {
    background-position: 4px -3063px
}

.popup_isohu {
    background-position: 4px -3011px
}

.popup_ibaidu {
    background-position: 4px -3115px
}

.popup_weixin {
    background-position: 4px -1607px
}

.popup_iguba {
    background-position: 4px -1295px
}

.popup_h163 {
    background-position: 4px -3156px
}

.bdshare_popup_bg {
    position: absolute;
    display: none;
    z-index: 9997
}

.bdshare_popup_box {
    position: absolute;
    display: none;
    z-index: 9998;
    text-align: left;
    background: #f6f6f6;
    border: solid 1px #e9e9e9
}

.bdshare_popup_list {
    margin: 0;
    padding: 5px 0;
    background: #fff;
    overflow: auto;
    overflow-x: hidden;
    _zoom: 1
}

.bdshare_popup_bottom {
    clear: both;
    height: 30px;
    font-size: 12px;
    text-align: right;
    padding: 0 10px
}

.bdshare_popup_bottom a {
    color: #999;
    text-decoration: none;
    border: 0;
    float: right
}

.bdshare_popup_bottom a:hover {
    color: #00a9e0
}

.bdshare_popup_list li {
    float: left;
    width: 100px;
    padding: 2px;
    margin-left: 6px;
    _margin-left: 3px;
    height: 28px;
    overflow: hidden;
    list-style: none
}

.popup_tsohu, .popup_tfh, .popup_baidu, .popup_qq, .popup_msn, .popup_sohu, .popup_qy, .popup_leho, .popup_ifeng, .popup_ff, .popup_tuita, .popup_ms, .popup_deli, .popup_s51, .popup_t163, .popup_share189, .popup_xg, .popup_s139 {
    display: none
}

.bdshare_dialog_box, .bdshare_dialog_list a:hover, .bdshare_popup_list a:hover {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.popup_evernotecn {
    background-position: 4px -3180px;
}

/* 分页style */
.list-page .gp-page1 {
    padding: 50px 0;
    padding-bottom: 0;
    font-size: 0;
    text-align: center;
}

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

.list-page .gp-page1 a::before {
    display: none;
}

.list-page .gp-page1>a,
.list-page .gp-page1>span,
.list-page .gp-page1>div>span,
.list-page .gp-page1 .num>a,
.list-page .gp-page1 .selectDiv {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 1;
    position: relative;
    text-align: center;
    vertical-align: top;
    transition: all 0.35s ease-in-out;
    margin: 0 10px;
    border: 1px solid #d7dfdc;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: center;
    padding: 10px 0px;
    vertical-align: middle;
}

.list-page .gp-page1 .num .ellipsis,
.list-page .gp-page1 .num>a {
    margin: 0 5px;
    color: #333;
    background-color: #fff;
    border: none;
    margin-bottom: 5px;
    padding: 10px 18px;
    vertical-align: middle;
}

.list-page .gp-page1 .num>a {
    margin: 0 5px;
    color: #333;
    background-color: #fff;
    border: none;
    margin-bottom: 5px;
    padding: 10px 18px;
    vertical-align: middle;
}

.list-page .gp-page1>a {
    border: none;
}

.list-page .gp-page1 .num>a {
    background-color: #fff;
    border: none;
}

.list-page .gp-page1 a span {
    border: none;
}

.list-page .gp-page1 a:hover,
.list-page .gp-page1 a.on_pages {
    background-color: #04418B;
    color: #fff;
    border-color: #04418B;
}

.list-page .gp-page1 a.on_pages {
    background-color: #04418B;
}

.list-page .gp-page1 .hide {
    display: none !important;
}

.list-page .gp-page1 .selectDiv::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    transform: rotateX(0deg);
    border: 5px solid transparent;
    border-top-color: #bfbeac;
    position: absolute;
    right: 6px;
    top: 13px;
}

.list-page .gp-page1 .selectDiv {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 1;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    transition: all 0.35s ease-in-out;
    margin: 0 5px;
    border: 1px solid #d7dfdc;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center;
    padding: 9px 28px;
    position: relative;
}

.list-page .gp-page1 .selectDiv ul.on {
    display: block;
    width: 100%;
}

.list-page .gp-page1 .selectDiv ul {
    text-align: center;
    font-size: 14px;
    list-style: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    border: 1px solid #d7dfdc;
    border-bottom: none;
    background: #ffffff;
    display: none;
}

.list-page .gp-page1 .selectDiv ul li:hover {
    background: #04418B;
}

.list-page .gp-page1 .selectDiv ul li:hover a {
    color: #ffffff;
}

.list-page .gp-page1 .selectDiv ul a {
    line-height: 30px;
}

.list-page .gp-page1 .selectDiv ul a:hover {
    background: none;
    color: #000000;
}

.list-page .gp-page1 .selectDiv ul a.active {
    display: block;
}

.list-page .gp-page1 .selectDiv:hover.selectDiv:before {
    transition: transform all 2s ease;
    transform: rotateX(-180deg) translateY(5px);
    transform-origin: center;
}

.list-page .gp-page1.pageStyle1 a,
.list-page .gp-page1.pageStyle1>span,
.list-page .gp-page1.pageStyle1 div>span {
    padding: 10px;
    min-width: 36px;
    min-height: 36px;
}

.list-page .gp-page1.pageStyle1 .totalPage,
.list-page .gp-page1.pageStyle1 .perPage {
    border: none;
    margin: 0;
    padding: 10px;
}

.list-page .gp-page1.pageStyle1 a::before {
    display: inline-block;
}

.list-page .gp-page1.pageStyle1 a span {
    display: none;
}

.list-page .gp-page1.pageStyle1 .selectDiv {
    padding: 13px 10px;
    min-width: 66px;
}

.list-page .gp-page1.pageStyle1 .iconfont {
    font-size: 20px;
}

.list-page .gp-page1.pageStyle1 .turnPage span {
    border: none;
}

.list-page .gp-page1.pageStyle1 .num a {
    min-height: 42px;
    min-width: 42px;
    text-align: center;
    line-height: 1.4;
}

.list-page .gp-page1.pageStyle2 a,
.list-page .gp-page1.pageStyle2>span,
.list-page .gp-page1.pageStyle2 div>span {
    padding: 10px;
    min-width: 36px;
    min-height: 36px;
}

.list-page .gp-page1.pageStyle2>a {
    border-radius: 50%;
}

.list-page .gp-page1.pageStyle2 .totalPage,
.list-page .gp-page1.pageStyle2 .perPage {
    border: none;
    margin: 0;
    padding: 10px;
}

.list-page .gp-page1.pageStyle2 a::before {
    display: inline-block;
}

.list-page .gp-page1.pageStyle2 a span {
    display: none;
}

.list-page .gp-page1.pageStyle2 .selectDiv {
    padding: 13px 10px;
    min-width: 66px;
}

.list-page .gp-page1.pageStyle2 .iconfont {
    font-size: 20px;
}

.list-page .gp-page1.pageStyle2 .turnPage span {
    border: none;
}

.list-page .gp-page1.pageStyle2 .num a {
    min-height: 42px;
    min-width: 42px;
    text-align: center;
    line-height: 1.4;
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .list-page .gp-page1 .turnPage {
        display: none;
    }

    .list-page .gp-page1>a,
    .list-page .gp-page1>span {
        display: none;
    }

    .list-page .gp-page1 a.on_pages,
    .list-page .gp-page1 .gp-page-prev,
    .list-page .gp-page1 .gp-page-next,
    .list-page .gp-page1 .gp-page-start,
    .list-page .gp-page1 .gp-page-end {
        display: inline-block;
    }
}


/* Responsive Style */
@media screen and (max-width:1780px) {}

@media screen and (max-width:1600px) {}

@media screen and (max-width:1540px) {}

@media screen and (max-width:1480px) {
    .intro .img {
        max-width: 540px;
    }

    .intro .text {
        padding: 30px;
    }
}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1280px) {
    .intro {
        font-size: 16px;
    }

    .intro p {
        line-height: 26px;
        margin-bottom: 20px;
    }

    .intro .part {
        margin-bottom: 30px;
    }

    .intro .text {
        padding: 20px;
    }

    .schoolMotto {
        padding: 30px 50px 50px;
        margin: 30px 0 20px;
    }

    .mottoOut li {
        min-width: unset;
        padding: 0;
    }

    .mottoOut li img {
        max-height: 70px;
    }

    .signTil {
        margin-bottom: 20px;
    }

    .sign .left, .sign .right {
        width: calc(50% - 10px);
        padding: 30px 40px;
    }

    .sign .left img {
        max-width: 300px;
    }

    .download {
        left: 40px;
        bottom: 30px;
    }

    .sign .boxCon p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .org .left, .org .right {
        width: calc(50% - 15px);
    }

    .org .deptTil {
        padding: 15px 20px;
    }

    .org .deptCon {
        padding: 20px;
    }

    .org li {
        margin-bottom: 15px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media screen and (max-width:1240px) {}

@media screen and (max-width:1200px) {
    .gp-right {
        padding: 30px;
    }

    .gp-title {
        font-size: 22px;
        line-height: 30px;
    }

    .gp-info {
        padding: 15px 0;
    }

    .hr-sider ul {}

    .hr-sider li a {
        padding: 15px 0;
        margin-right: 60px;
    }
}

@media screen and (max-width:1100px) {
    .gp-page>a, .gp-page>span {
        width: 55px;
        height: 55px;
        line-height: 55px;
    }
}

@media screen and (max-width:1080px) {}

@media screen and (max-width:998px) {
    .pages {
        margin: 30px 0 0;
    }

    .gp-page {
        display: none;
    }

    .gp-m-page {
        display: block;
    }

    .gp-m-page a {
        width: auto;
        height: 35px;
        line-height: 35px;
        border-radius: 0;
        padding: 0 15px;
        font-size: 14px;
    }

    .hr-sider ul {
        font-size: 22px;
    }

    .hr-sider li {
        margin-right: 50px;
    }

    .hr-sider li a.on {
        font-size: 24px;
    }

    .intro {
        padding: 30px 0;
    }

    .intro .part {
        margin-bottom: 20px;
    }

    /* .intro .part.flex {
        flex-direction: column;
    } */

    .intro .img {
        max-width: unset;
        width: 100%;
    }

    .intro .img img {
        width: 100%;
    }

    .leader, .sign {
        padding-bottom: 30px;
    }

    .leader .box {
        margin-top: 20px;
    }

    .leader .box .left {
        max-width: 200px;
        padding-top: 30px;
        padding-left: 30px;
    }

    .leader .box .right {
        padding: 30px;
    }

    .leader .box .right li {
        margin-bottom: 10px;
    }

    .schoolMotto {
        padding: 30px;
    }

    .sign .left, .sign .right {
        padding: 30px 20px;
    }

    .download {
        left: 20px;
    }

    .sign .left img {
        max-width: 240px;
    }

    .org .left, .org .right {
        width: calc(50% - 8px);
    }

    .org .deptTil {
        padding: 10px 20px;
    }

    .org .deptTil span {
        font-size: 20px;
    }

    .org li {
        margin-bottom: 10px;
    }

    .org li a {
        line-height: 26px;
        font-size: 16px;
    }
}

@media screen and (max-width:880px) {}

@media screen and (max-width:767px) {
    .hr-sider ul {
        font-size: 22px;
        overflow: scroll;
    }

    .hr-sider li {
        margin-right: 30px;
    }

    .hr-sider li a {
        text-wrap: nowrap;
    }

    .leader .box .left {
        padding-top: 20px;
        padding-left: 20px;
    }

    .leader .box .right {
        padding: 20px;
    }

    .leader .post {
        line-height: 24px;
        margin-top: 10px;
    }

    .leader .box .right ul {
        padding: 10px 0;
    }

    .mottoOut li img {
        max-height: 55px;
    }

    .sign .flex {
        flex-wrap: wrap;
    }

    .sign .left, .sign .right {
        width: 100%;
        padding: 20px;
    }

    .sign .right {
        margin-top: 20px;
    }

    .signTil {
        margin-bottom: 10px;
    }

    .sign .boxCon {
        padding-bottom: 60px;
    }

    .pageTitle {
        margin: 20px 0 15px;
        font-size: 32px;
    }

    .org .dept {
        margin-bottom: 20px;
    }

    .pageTitle {
        font-size: 28px;
        line-height: 30px;
    }
    .intro .part01 {
        font-size: 25px;
    }
    .intro .part02 {
        font-size: 20px;
    }
    .intro .part04 {
        flex-direction: column;
    }
    .intro .part04 .article {
        padding-left:20px;
        padding-right: 20px;
        margin-right: 0;
    }
    .intro .part04 .link-box ul .wx {
        margin: 0;
    }
    .intro .part04 .link-box ul {
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
}

@media screen and (max-width:680px) {
    
}

@media screen and (max-width:580px) {
    .subBanner .gp-img-responsive {
        padding-bottom: 170px;
        position: relative;
    }

    .subBanner .gp-img-responsive img {
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        min-width: 100%;
        width: auto;
    }

    .mottoOut li img {
        max-height: 45px;
    }

    .sign .left img {
        max-width: 220px;
    }

    .org .left, .org .right {
        width: 100%;
    }

}

@media screen and (max-width:540px) {}

@media screen and (max-width:480px) {
    .gp-info span {
        margin-right: 15px;
    }

    .gp-content p {
        line-height: 28px;
        margin-bottom: 20px;
    }

    .Annex a {
        line-height: 20px;
    }

    .hr-sider li a {
        font-size: 20px;
        line-height: 1.25;
    }

    .hr-sider li a.on {
        font-size: 22px;
    }

    .intro .text {
        padding: 15px;
    }

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

    .leader .box {
        margin-top: 15px;
    }

    .leader .box .left {
        max-width: 130px;
        padding-top: 15px;
        padding-left: 15px;
    }

    .leader .box .right {
        padding: 15px;
    }

    .mottoOut ul {
        /* gap: 15px 0; */
    }

    .mottoOut li {
        width: 50%;
        margin-bottom: 15px
    }
}

@media screen and (max-width:414px) {
    .subBanner .gp-img-responsive {
        padding-bottom: 170px;
    }

    .hr-sider ul {
        /* gap: 0 20px; */
    }

    .hr-sider li {
        margin-right: 20px;
    }

    .intro {
        padding: 20px 0;
    }

    .leader, .sign {
        padding-bottom: 20px;
    }

    .leader .flex {
        flex-direction: column;
    }

    .leader .box .left {
        max-width: 100%;
        padding: 15px 10px 6px;
    }

    .leader .post {
        line-height: 22px;
        margin-top: 5px;
    }

    .leader .box .right {
        padding: 10px;
    }

    .leader .box .right li {
        margin-bottom: 5px;
    }

    .sign .left, .sign .right {
        padding: 20px 15px;
    }

    .download {
        left: 15px;
        padding-right: 15px;
        padding-bottom: 6px;
    }
}

@media screen and (max-width:370px) {
    .hr-sider li a {
        font-size: 18px;
    }

    .hr-sider li a.on {
        font-size: 20px;
    }
}