﻿

/* aside */

.gp-subLeft {
    /* background: #fff; */
    width: 264px;
    position: relative;
    margin-top: 0;
    z-index: 50;
    /* top: -113px; */
}

.gp-subLeft ul {
    position: relative;
    z-index: 100;
    background: #94070A;
    /* padding-bottom: 60px; */
}

.asideTit {
    padding: 20px;
    box-sizing: border-box;
    font-weight: bold;
    background: #94070A;
}

.apparRihght {
    margin-left: 314px;
    /* padding-top: 36px; */
}

.gp-subLeft>ul>li {
    transition: all .3s ease-in-out;
    border-top: 0px solid rgba(0, 0, 0, 0);
    /* background: #F3F3F3; */
    border-bottom: 0px solid rgba(0, 0, 0, 0);
    position: relative;
}

.gp-subLeft>ul>li>a {
    padding: 20px;
    color: #666;
    display: block;
    line-height: 28px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    border-right: 1px solid rgba(0, 0, 0, .1);
    margin: 0 0 0 20px;
    transition: all 0.35s ease-in-out;
    position: relative;
}

.gp-subLeft>ul>li:hover,
.gp-subLeft>ul>li.active {
    margin-right: 0;
    width: calc(100% + 20px);
    margin-left: 0;
    position: relative;
    z-index: 100;
}

.date span.gp-f20 {
    font-family: 'DIN-Black';
    /* font-weight: normal; */
}

.date span.gp-f16 {
    font-family: 'DIN-Regular-Alphabetic';
}

.gp-subLeft>ul>li:hover>a,
.gp-subLeft>ul>li.active>a {
    color: #94070A;
    border: 0px solid rgba(0, 0, 0, 0);
    position: relative;
    background: #FFE8E8;
    padding-right: 20px;
}

.gp-subLeft .gp-toggles {
    width: 20px;
    height: 69px;
    position: absolute;
    right: 20px;
    top: 0;
    line-height: 69px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    /* position: relative; */
    z-index: 50;
}

.gp-second-nav {
    font-size: 16px;
    display: none;
    color: #fff;
    background: rgba(9, 73, 147, .85);
    /* padding:20px 0; */
}

.gp-second-nav dd {
    /* margin-bottom: 10px; */
    background: rgba(148, 7, 10, .0);
}

.gp-second-nav dd>a {
    display: block;
    padding: 11px 60px 9px;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    background: #94070A;
    color: rgba(255, 255, 255, .8);
    /* border-bottom: 1px dotted #fff; */
    transition: all 0.35s ease-in-out;
}

.gp-second-nav dd.active>a,
.gp-second-nav dd:hover>a {
    padding-left: 65px;
    position: relative;
    font-weight: bold;
    color: #fff;
}


/*侧边栏移动端 */

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

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

.gp-m-inner-header>span {
    height: 40px;
    padding-left: 15px;
    font-size: 16px;
    color: #fff;
}

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

.gp-m-subNav .gp-m-inner-header-icon {
    float: right;
    width: 40px;
    color: #fff;
    height: 40px;
    text-align: center;
    /* margin-bottom: 20px; */
}

.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;
    position: relative;
    border-bottom: 1px dotted #e6e6e6;
}

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

.gp-subNavm li dl dd a:hover {
    color: #a70510
}

.gp-page {
    padding: 50px 0 50px;
    color: #666;
}

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

.gp-page>a,
.gp-page>span {
    display: inline-block;
    *display: inline;
    margin: 0px 5px;
    width: 38px;
    width: 38px;
    padding: 3;
    height: 38px;
    line-height: 38px;
    position: relative;
    border-radius: 5px;
    text-align: center;
    font-size: 1.8rem;
    vertical-align: top;
    border: 1px solid #ccc;
}

.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 {
    color: #666;
    font-size: 16px;
    line-height: 38px;
    border: 1px solid #ccc;
}

.gp-page .gp-page-start,
.gp-page .gp-page-end {
    padding: 0 20px;
    border: 1px solid #ccc;
}

.gp-page>span {
    border: none
}

.gp-page>a:hover,
.gp-page>a.active {
    background-color: #94070A;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}

.gp-m-page {
    display: none
}

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

.gp-thirds-nav li a {
    display: block !important;
    height: 30px !important;
    line-height: 30px !important;
    padding-left: 12px !important;
}

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

.pages {
    display: inline-block;
    padding: 0px 29px;
    border: 1px solid #e5e5e5;
}


/*居中*/

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


/*右对齐*/

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


/*æ–‡ç« é¡µ*/

.articleBox {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}

.subArticleTitle {
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.subArticleTitle h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}

.subArticleTitle .detail {
    line-height: 22px;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.subArticleTitle .detail span {
    display: inline-block;
    margin: 0 0 0 15px;
    color: #999;
}

.article {
    text-align: center;
    margin-bottom: 20px;
}

.subBanner {
    padding-bottom: 25%;
}

.article img {
    margin: 15px 0
}

.article p {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
}

.Annex {
    /* padding: 20px 0 20px; */
    overflow: hidden;
    clear: both;
}

.Annex h3 {
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: normal;
}

.Annex ul {
    overflow: hidden;
}

.pageArticle {
    overflow: hidden;
    margin-bottom: 42px;
}

.Annex ul li {
    margin-bottom: 20px;
    position: relative;
}

.Annex ul li a {
    display: block;
    padding: 20px;
    box-sizing: border-box;
    background: #F8F8F8;
    line-height: 2.25;
    color: #333;
}

.annexList li:hover a {
    color: #94070A;
}

.gp-bread {
    display: inline-block;
    padding: 0;
    float: right;
    color: #333;
}

.pageArticleTitle {
    overflow: hidden;
    padding: 10px 0 15px;
}

.pageArticleTitle h3 {
    line-height: 1.38;
    color: #666;
    text-align: center;
}

.articleAuthor {
    text-align: center;
    color: #999;
    padding: 0px 10px 0px;
    margin-bottom: 18px;
    line-height: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.articleAuthor span {
    display: inline-block;
    * display: inline;
    margin-bottom: 15px;
    margin-bottom: 15px;
    color: #999;
    line-height: 19px;
    margin: 0 15px;
    margin-bottom: 15px;
    font-size: 1.6rem;
    font-size: 16px;
}

.articleBottom {
    overflow: hidden;
    width: 100%;
    /* float: left; */
}

.gp-article {
    position: relative;
    line-height: 30px;
    margin-bottom: 50px;
}

.gp-article p {
    color: #333;
    line-height: 2;
    /* font-size: 16px; */
}

.gp-article img {
    display: block;
    margin: 0 auto;
}

table p {
    text-indent: 0px !important;
    /*text-align: center !important;*/
    margin: 0 !important;
}

.Annex {
    width: 100%;
    float: none;
}

.Annex>h3 {
    display: block;
    line-height: 1.25;
    padding-bottom: 20px;
    margin-bottom: 15px;
    color: #94070A;
    border-bottom: 1px solid #94070A;
}

.sub_right2 {
    margin-left: 0;
    /* overflow: hidden; */
    margin-bottom: 60px;
}

.articles {
    position: relative;
}

.articles p {
    color: #94070A;
    line-height: 1.9;
}

.share span,
.message p {
    display: inline-block;
    line-height: 30px;
    color: #757575;
    border-top: 1px solid #3a4f99;
}

.gp-subLeft>ul>li .right,
.gp-subLeft>ul>li .right {
    background: url(../image/right2.png) no-repeat center;
}

.gp-subLeft>ul>li:hover .right,
.gp-subLeft>ul>li.active .right {
    background: url(../image/right2.png) no-repeat center;
}

.gp-subLeft>ul>li .down,
.gp-subLeft>ul>li .down {
    background: url(../image/down2.png) no-repeat center;
}

.gp-subLeft>ul>li:hover .down,
.gp-subLeft>ul>li.active .down {
    background: url(../image/down2.png) no-repeat center;
}

.subBanTit {
    display: block;
    margin-bottom: 30px;
}

main {
    display: block;
    min-height: 800px;
    position: relative;
}

.title {
    padding: 0 0 20px 0px;
    overflow: hidden;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #94070A;
}

.title h2 {
    /* padding-bottom: 16px; */
    color: #94070A;
    line-height: 1.25;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}

.gp-article h2 {
    margin-bottom: 20px;
}

.gp-article p {
    color: #333;
    line-height: 1.75;
}

.apparRihght2 {
    margin-left: 0;
}

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

.bannerPic {
    width: 350px;
    position: absolute;
    left: -24px;
    top: -24px;
}

.bannerImg {
    padding-bottom: 56.29%;
}

.bannerInfor {
    margin-left: 380px;
    padding: 30px 50px 50px 0;
    box-sizing: border-box;
}

.banninforname {
    line-height: 1.56;
    color: #333;
    margin-bottom: 20px;
}

.date {
    padding-left: 24px;
    color: #094993;
    position: relative;
    display: inline-block;
    background: #fff;
    padding-right: 10px;
}

.date::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(/images/clock.png) no-repeat;
    position: absolute;
    left: 0;
    top: 2px;
}

.dateout {
    position: relative;
    margin-bottom: 30px;
}

.dateout::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #cfa972;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
}

.banninfortxt {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666;
}

.gp-page-prev {
    background: url(../image/pagel.png) no-repeat center;
}

.gp-page-prev:hover {
    background: #424594 url(../image/pagel1.png) no-repeat center;
}

.gp-page-next {
    background: url(../image/pager.png) no-repeat center;
}

.gp-page-next:hover {
    background: #424594 url(../image/pager2.png) no-repeat center;
}

.talentUl li {
    margin-bottom: 20px;
    transition: all .3s ease-in-out;
}

.talentUl a {
    display: block;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
}

.date2 {
    color: #999;
    display: inline-block;
    margin-left: 10px;
    line-height: 1.25;
    font-family: 'DIN-Regular-Alphabetic';
}

.talentUl p {
    color: #333;
    /* padding-left: 34px; */
    box-sizing: border-box;
    line-height: 1.25;
    position: relative;
}

.talentUl li {}

.talentUl li:hover {
    transform: translateX(10px);
}

.talentUl li:hover p {
    color: #94070A;
}

.pageArticleTitle2 {
    padding-top: 10px 0 15px;
}

.articleAuthor2 {
    /* border-bottom: 1px solid #cfa972; */
}

.trooptit {
    color: #333;
    display: inline-block;
    line-height: 1.25;
    position: relative;
}

.trrp {
    margin-bottom: 10px;
}

.contact {
    line-height: 1.25;
    color: #333;
    margin-bottom: 20px;
}

.map {
    padding-bottom: 61.06%;
    margin-top: 30px;
}

.BMap_pop .BMap_center,
.BMap_pop .BMap_top,
.BMap_pop div {
    border: none !important;
    background: rgba(0, 0, 0, 0) !important;
}

.BMap_pop div img {
    display: none !important;
}

.BMap_pop div {
    top: 140px !important;
    left: 85px !important;
}

.BMap_pop {
    top: 88px !important;
}

.BMap_bubble_content {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #94070A;
}

.mapmsg {
    margin: 10px 0 50px;
    text-align: center;
    color: #999;
    line-height: 1.25;
}

.downUl li {
    transition: all .3s ease-in-out;
    margin-bottom: 20px;
}

.downUl li:hover {
    transform: translateX(8px);
}

.downUl li a {
    display: block;
    padding: 0 0 20px 22px;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
}

.downUl li a::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(../image/d.png) no-repeat;
    position: absolute;
    left: 0;
    top: 5px;
}

.downUl li:hover a::before {
    background: url(../image/d2.png) no-repeat;
}

.downUl li:hover p {
    color: #94070A;
}


/* 新增页面 */

.labor {
    display: inline-block;
    padding: 20px;
    padding-right: 28px;
    box-sizing: border-box;
    min-width: 264px;
    background: #94070A;
}

.apparRihght2 .title {
    padding-bottom: 0;
}

.apparRihght2 .gp-bread {
    padding: 30px 0 0px;
    box-sizing: border-box;
}

.affairs {
    padding: 20px 30px 0 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    position: relative;
}

.afairtit {
    padding-bottom: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-bottom: 0px;
    overflow: hidden;
}

.afairtit.current {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px;
}

.more {
    display: inline-block;
    color: #999;
    line-height: 1.29;
}

.afairtit h2 {
    line-height: 1.31;
    color: #333;
}

.affairUl li {
    margin-bottom: 20px;
    /* display: none; */
}

.affairUl li:hover a {
    transform: translateX(5px);
    color: #94070A;
}

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

.affairUl a {
    display: block;
    line-height: 1.31;
    color: #333;
    transition: all .3s ease-in-out;
}

.affairs {
    margin-bottom: 30px;
}

.affairs.current {
    padding-bottom: 30px
}

.cmore.arrow {
    transform: rotate(180deg);
    transition: .2s;
}

.cmore {
    width: 20px;
    height: 20px;
    background: url(../image/up.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 18px;
    transition: .2s;
    z-index: -1
}

.cmore strong {
    transform: rotate(90deg);
    display: inline-block;
}

.cmore.arrow strong {
    transform: rotate(-90deg);
    display: inline-block;
}

.affairUl {
    overflow: hidden;
    height: 0px;
}

.affairUl.current {
    height: auto;
}

.affairUl li.emClass {
    display: block;
}

.contractUl {
    width: 300px;
    padding: 20px 0;
    box-sizing: border-box;
    background: #94070A;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

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

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

.contractUl li a {
    padding: 10px 30px;
    box-sizing: border-box;
    line-height: 1.31;
    display: block;
}

.contractUl li:hover a,
.contractUl li.on a {
    background: rgba(255, 255, 255, .3);
}

.contractLeft {
    margin-right: 350px;
    display: none;
}

.matterUl {
    margin-top: 10px;
}

.matterUl a {
    display: block;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out;
}

.matterUl li:hover a {
    transform: translateX(5px);
}

.matterUl p {
    color: #333;
    line-height: 1.31;
}

.dateafari {
    line-height: 1.31;
    color: #999;
    margin-left: 10px;
}

.figureUl li {
    margin-bottom: 30px;
}

.figureUl li a {
    display: block;
    padding: 20px 30px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    transition: all .3s ease-in-out;
    position: relative;
}

.figureUl li a::before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    background: #94070A;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: -1;
}

.figureUl li:hover a {
    transform: translateY(5px);
}

.figureUl li:hover a::before {
    height: 100%;
}

.figureUl li:hover .figurarticle,
.figureUl li:hover .figursummary {
    color: #fff;
}

.figureUl li:hover .figudate {
    color: rgba(255, 255, 255, .5);
}

.figur {
    width: 240px;
    overflow: hidden;
}

.figurPic {
    padding-bottom: 56.25%;
}

.figurLeft {
    margin-right: 270px;
}

.figureUl li.on a .figurLeft {
    margin-right: 0px;
}

.figurarticle {
    line-height: 1.31;
    color: #333;
    margin-bottom: 20px;
}

.figursummary {
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    color: #333;
    margin-bottom: 25px;
}

.figudate {
    line-height: 1.31;
    color: #999;
}

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

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

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

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

@media screen and (max-width:996px) {
    .gp-subLeft {
        display: none;
    }
    .gp-m-subNav {
        display: block;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
    }
    .apparRihght {
        margin-left: 0
    }
}

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

@media screen and (max-width:640px) {
    .gp-page {
        display: none;
        padding: 20px 0 30px;
    }
    .gp-m-page {
        display: block;
    }
    .contractUl {
        width: 100%;
        float: none;
        font-size: 0;
        margin-bottom: 20px;
    }
    .contractLeft {
        margin-right: 0;
    }
    .contractUl li {
        margin-bottom: 10px;
        display: inline-block;
        width: 50%;
    }
    .figur {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .figurLeft {
        margin-right: 0;
    }
}

@media screen and (max-width:480px) {
    .gp-bread {
        display: block;
        float: none;
    }
    .title {
        padding: 0 0 5px 0px;
        margin-bottom: 10px;
    }
    .gp-article {
        margin-bottom: 20px
    }
    .affairs {
        padding: 20px 15px
    }
    .affairUl li {
        margin-bottom: 15px;
    }
    .affairUl li:last-child {
        margin-bottom: 0;
    }
    .afairtit {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:414px) {
    .contractUl li a {
        padding: 10px;
    }
}