    @font-face {
        font-family: 'PingFang';
        src: url('../fonts/PingFang\ Medium.ttf') format('truetype');
        font-weight: normal;
    }
    
    .banner2 div {
        padding-bottom: 23.13%;
    }
    
    .listTit {
        display: inline-block;
        padding: 30px 50px;
        background: #94070a;
        font-weight: bold;
        font-size: 40px;
        max-width: 430px;
    }
    
    .Title {
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    
    .gp-bread {
        /* width: 73%; */
        text-align: right;
        padding-top: 40px;
        padding-bottom: 7px;
        /* border-bottom: 1px solid #eee; */
    }
    
    .gp-bread a {
        color: #757575;
    }
    
    .gp-bread a:hover {
        color: #003b90;
    }
    /*侧边栏*/
    
    .gp-subLeft {
        width: 178px;
        position: relative;
        z-index: 100;
    }
    
    .subLeftTitle {
        padding: 30px 35px;
        color: #fff;
        /* font-weight: normal; */
        text-align: center;
        background: url(../img/asidebg.png) no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .subLeftTitle::before {
        content: '';
        display: block;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        position: absolute;
        left: 4px;
        top: 4px;
        border: 1px solid #003b90;
    }
    
    .gp-subLeft>ul {
        padding-top: 25px;
        position: relative;
    }
    
    .gp-subLeft>ul::before {
        content: '';
        display: block;
        width: 5px;
        height: 100%;
        background: #003b90;
        position: absolute;
        left: 0;
        top：0；: 0;
        top: 0;
        z-index: 10;
    }
    
    .gp-subLeft>ul>li {
        position: relative;
        background: #f6f7f9;
        z-index: 1;
    }
    
    .gp-subLeft>ul>li>a {
        padding: 15px 15px;
        display: block;
        transition: all 0.35s ease-in-out;
        position: relative;
        position: relative;
        font-size: 16px;
        line-height: 1.4;
        border-bottom: 1px solid #dcdcdc;
        text-align: center;
        /* margin-left: 3px; */
    }
    
    .gp-subLeft>ul>li>a:hover {
        color: #333;
        background-color: #fff;
        margin-right: 0;
        padding-right: 25px;
    }
    
    .gp-subLeft>ul>li>a.active {
        color: #333;
        /* margin-right: 0; */
        padding-right: 25px;
        background-color: #fff;
        /* border-left: 10px solid #dcb574; */
    }
    
    .gp-subLeft .gp-toggles {
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 56px;
        text-align: center;
        cursor: pointer;
        color: #999;
        opacity: 0.5;
        filter: alpha(opacity=50);
        font-size: 18px;
    }
    
    .gp-second-nav {
        font-size: 16px;
        display: none;
        background-color: #fafafa;
    }
    
    .gp-second-nav dd a {
        display: block;
        padding: 13px 15px 13px 60px;
        color: #666;
        transition: all 0.35s ease-in-out;
        position: relative;
        font-size: 15px;
    }
    
    .gp-second-nav dd a:hover,
    .gp-second-nav dd a.active {
        color: #003770;
        background-color: #eaeaea;
    }
    
    .gp-subLeft>ul>li>a>span {
        position: relative;
    }
    
    .gp-subLeft>ul>li.active>a {
        padding-left: 20px;
    }
    /*侧边栏移动端 */
    
    .gp-m-subNav {
        display: none;
    }
    
    .gp-m-inner-header {
        width: 100%;
        height: 40px;
        background-color: #003770;
        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;
        height: 40px;
        text-align: center;
        color: #fff;
    }
    
    .gp-m-subNav .gp-m-inner-header-icon-click i {
        display: block;
    }
    
    .gp-subNavm {
        width: 100%;
        overflow: hidden;
        display: none;
        background-color: #fff;
    }
    
    .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;
        line-height: 1.4;
        border-bottom: 1px solid #eee;
        display: block;
        padding: 8px 15px;
    }
    
    .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;
    }
    
    .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-subNavm li dl dd a:hover {
        color: #a70510
    }
    
    .gp-bread a {
        color: #666;
    }
    
    main {
        background: url(../img/mb.png) no-repeat;
        background-size: cover;
        padding-bottom: 60px;
    }
    
    .right {
        width: 30px !important;
        height: 30px !important;
        background: url(../img/r.png) no-repeat;
        top: 20px !important;
        right: 3px !important;
    }
    
    .gp-subNavm .right {
        top: 12px !important;
        right: 3px !important;
    }
    
    .down {
        width: 31px !important;
        height: 29px !important;
        background: url(../img/down.png) no-repeat;
        top: 20px !important;
        right: 1px !important;
    }
    
    .gp-subNavm .down {
        top: 13px !important;
        right: 3px !important;
    }
    
    .mainRight {
        margin-left: 239px;
        padding: 30px;
        background: url(../img/xl.png) no-repeat;
        background-size: cover;
        box-shadow: 5px 6px 10px rgba(0, 0, 0, .1);
        padding-bottom: 52px;
    }
    
    .title {
        text-align: center;
        position: relative;
    }
    
    .title::before {
        content: '';
        display: block;
        width: calc(50% - 84px);
        height: 10px;
        background: url(../img/tb_03.png) repeat-x;
        position: absolute;
        left: 0;
        top: 50%;
    }
    
    .title::after {
        content: '';
        display: block;
        width: calc(50% - 84px);
        height: 10px;
        background: url(../img/tb_03.png) repeat-x;
        position: absolute;
        right: 0;
        top: 50%;
        /* bottom: 0; */
    }
    
    .tit {
        display: inline-block;
        line-height: 80px;
        color: #333;
        position: relative;
    }
    
    .tit::before {
        content: '';
        display: block;
        width: 31px;
        height: 35px;
        background: url(../img/tb.png) no-repeat;
        position: absolute;
        left: -26px;
        top: 27px;
    }
    
    .tit::after {
        content: '';
        display: block;
        width: 31px;
        height: 35px;
        background: url(../img/tb2.png) no-repeat;
        position: absolute;
        right: -31px;
        top: 26px;
    }
    
    .more {
        line-height: 80px;
        color: #003b90;
        position: relative;
        z-index: 10;
    }
    
    .listUl {
        margin: 0 -15px;
        /* overflow: hidden; */
    }
    
    .listUl li a {
        display: block;
        border: 1px solid #dcdcdc;
        margin: 0 15px;
        padding: 15px 20px 30px;
        position: relative;
        z-index: 1;
        border-bottom: none;
        transition: all 0.3s ease-in-out;
    }
    
    .listUl li a::before {
        content: '';
        display: block;
        width: 15px;
        height: 1px;
        background: #dcdcdc;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .listUl li a::after {
        content: '';
        display: block;
        width: calc(100% - 146px);
        height: 1px;
        background: #dcdcdc;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    
    .listUl li:hover a {
        border: 1px solid #003b90;
        border-bottom: none;
    }
    
    .listUl li:hover a::before,
    .listUl li:hover a::after {
        background: #003b90;
    }
    
    .listUl li:hover .date {
        background: #003b90;
        color: #fff;
    }
    
    .listUl li a p {
        line-height: 28px;
        max-height: 56px;
        overflow: hidden;
        color: #333;
    }
    
    .listUl li {
        position: relative;
        margin-bottom: 20px;
        transition: all 0.3s ease-in-out;
    }
    
    .listUl li:hover a {
        padding: 16px 25px 32px;
        box-shadow: 5px 6px 7px rgba(0, 0, 0, .1);
    }
    
    .listUl li .date {
        display: inline-block;
        padding: 0 10px;
        border: 1px solid #003b90;
        margin: 0 10px;
        position: absolute;
        left: 30px;
        bottom: -11px;
        z-index: 33;
        background: #fff;
        transition: all 0.3s ease-in-out;
    }
    
    .listUl li .date::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: url(../img/yl.png) no-repeat;
        position: absolute;
        left: -20px;
        top: 0;
        transition: all 0.3s ease-in-out;
    }
    
    .listUl li .date::after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: url(../img/yr.png) no-repeat;
        position: absolute;
        right: -20px;
        top: 0;
        transition: all 0.3s ease-in-out;
    }
    
    .listUl li:hover .date::before {
        background: url(../img/ly3.png) no-repeat;
    }
    
    .listUl li:hover .date::after {
        background: url(../img/ly2.png) no-repeat;
    }
    
    .gp-page a {
        font-size: 18px;
        line-height: 28px;
        color: #666;
        padding: 0px 10px;
        display: inline-block;
        position: relative;
        font-family: 'PingFang';
    }
    
    .gp-page a.on_pages {
        color: #003b90;
        position: relative;
    }
    
    .gp-page a.on_pages::before {
        content: '';
        display: block;
        width: 21px;
        height: 1px;
        background: #003b90;
        position: absolute;
        left: 9px;
        bottom: 0;
    }
    
    .gp-page {
        padding-top: 45px;
        padding-bottom: 128px;
    }
    
    .gp-page-prev::before,
    .gp-page-next::before,
    .gp-page-start::before,
    .gp-page-end::before {
        display: none;
    }
    
    .gp-page-start {
        margin-right: 32px;
    }
    
    .gp-page-end {
        margin-left: 32px;
    }
    
    .gp-page-prev {
        width: 13px;
        height: 11px;
        background: url(../img/zuo.png) no-repeat;
    }
    
    .gp-page-next {
        width: 13px;
        height: 11px;
        background: url(../img/you.png) no-repeat;
    }
    
    .gp-page a:hover {
        color: #003b90;
    }
    
    .gp-m-page {
        display: none;
    }
    
    .picUl li {
        overflow: hidden;
        margin-bottom: 20px;
        transition: all .3s ease-in-out;
    }
    
    .picUl li a {
        display: block;
        border: 1px solid #dcdcdc;
        padding: 10px;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }
    
    .picUl li:hover a {
        border: 1px solid #003b90;
        padding: 13px;
        box-shadow: 5px 6px 7px rgba(0, 0, 0, .1);
    }
    
    .piculImg {
        width: 280px;
        float: left;
        overflow: hidden;
    }
    
    .picsImg {
        padding-bottom: 56.43%;
    }
    
    .picInfor {
        margin-left: 305px;
    }
    
    .picTit {
        line-height: 28px;
        color: #333;
        max-height: 56px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .date {
        text-align: right;
    }
    
    .nonth {
        font-size: 24px;
        line-height: 28px;
        color: #003b90;
        font-family: 'FZXKJW';
        /* margin-right: 10px; */
        position: relative;
    }
    
    .nonth::before {
        content: '';
        display: block;
        width: 61px;
        height: 39px;
        position: absolute;
        background: url(../img/y.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: -23px;
        top: -5px;
    }
    
    .year {
        line-height: 28px;
        color: #666;
    }
    
    .picInfor .date {
        text-align: left;
    }
    
    .timeUl li {
        overflow: hidden;
        padding-left: 34px;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 10px;
        transition: all 1s ease-in-out;
    }
    
    .timeUl li::before {
        content: '';
        width: 17px;
        height: 37px;
        background: url(../img/hnb.png) no-repeat;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .timeUl li:hover:before {
        background: url(../img/hnb2.png) no-repeat;
    }
    
    .timeUl li:hover p {
        color: #003b90;
    }
    
    .timeUl li:hover {
        transform: translateX(5px);
    }
    
    .timeUl li span {
        line-height: 28px;
        color: #999;
        margin-left: 20px;
        position: relative;
    }
    
    .articleAuthor .date {
        position: relative;
    }
    
    .timeUl li span::before,
    .articleAuthor .date::before {
        content: '';
        display: block;
        width: 13px;
        height: 14px;
        background: url(../img/time.png) no-repeat;
        position: absolute;
        left: -20px;
        top: 6px;
    }
    
    .timeUl li p {
        line-height: 28px;
        color: #333;
    }
    
    .resultUl {
        margin: 0 -10px;
        overflow: hidden;
    }
    
    .resultUl li {
        overflow: hidden;
        transition: all 3s ease-in-out;
        margin-bottom: 20px;
    }
    
    .resultUl li a {
        display: block;
        margin: 0 10px;
        position: relative;
        padding: 15px;
    }
    
    .resultUl li a::before {
        content: '';
        display: block;
        width: 100%;
        height: 183px;
        background: url(../img/resultb.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .resultPic {
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-bottom: 15px;
        position: relative;
    }
    
    .resultImg {
        padding-bottom: 56.15%;
        background: #e3e9f5;
    }
    
    .resultUl li p {
        line-height: 28px;
        color: #333;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    
    .resultUl li:hover p {
        color: #003b90;
    }
    
    .resultUl li:hover {
        transform: translateY(20px);
        transition: all 3s ease-in-out;
    }
    
    .slide {
        background: url(../img/bannerb.png) no-repeat;
        background-size: 100% 100%;
    }
    
    .slideout {
        padding: 30px;
        width: calc(100% - 60px);
        margin: 0 auto;
        height: 322px;
    }
    
    .slider-for {
        width: 670px;
    }
    
    .slidePic {
        padding-bottom: 56.18%;
    }
    
    .slider-nav {
        width: 167px;
        float: right;
    }
    
    .slidePic {
        padding-bottom: 56.95%;
    }
    
    .slidePic li {
        margin-bottom: 2px;
    }
    
    .slider-nav .slick-list {
        padding: 0 !important;
    }
    
    .slider-for li {
        position: relative;
    }
    
    .slider-for li p {
        position: absolute;
        left: 0;
        display: block;
        width: calc(100% - 30px);
        bottom: 0;
        padding: 15px 0;
        padding-left: 30px;
        line-height: 28px;
        background: rgba(0, 0, 0, 1);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        /* Firefox 3.6 - 15 */
        background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    }
    
    .slider-nav .slick-prev {
        top: 10px !important;
        width: 24px;
        left: 133px;
        height: 20px;
        background: url(../img/top.png) no-repeat;
    }
    
    .slider-nav .slick-next {
        /* bottom: 0px !important; */
        width: 24px;
        /* left: 133px; */
        height: 20px;
        background: url(../img/bot.png) no-repeat;
        position: absolute;
        top: 100%;
        /* bottom: 0; */
    }
    
    .pageArticleTitle {
        /* margin-bottom: 12px; */
    }
    
    .pageArticleTitle h3 {
        color: #003b90;
        line-height: 1.8;
        text-align: center;
        padding: 10px 0;
        font-weight: normal;
    }
    
    .articleAuthor {
        text-align: center;
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 20px;
    }
    
    .articleAuthor::before {
        content: '';
        display: block;
        width: 100%;
        height: 21px;
        background: url(../img/titB.png) no-repeat;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .articleAuthor span {
        margin: 0 15px;
        line-height: 2.8;
        color: #999;
        padding-left: 22px;
        position: relative;
    }
    
    .articleAuthor span:nth-child(1)::before {
        content: '';
        display: block;
        width: 18px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 5px;
        background: url(../img/a.png) no-repeat;
    }
    
    .articleAuthor span:nth-child(2)::before {
        content: '';
        display: block;
        width: 18px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 7px;
        background: url(../img/b.png) no-repeat;
    }
    
    .articleAuthor span:nth-child(3)::before {
        content: '';
        display: block;
        width: 18px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 3px;
        background: url(../img/c.png) no-repeat;
    }
    
    .gp-article p {
        line-height: 2.6;
        color: #333;
    }
    
    @media screen and (max-width:1201px) {
        .slider-for {
            width: 470px;
            margin: 35px 0;
        }
        .resultUl li a::before {
            content: '';
            display: block;
            width: 100%;
            height: 125px;
            background: url(../img/resultb.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    
    @media screen and (max-width:1101px) {
        .slider-for {
            width: 362px;
            margin: 35px 0;
        }
    }
    
    @media screen and (max-width: 996px) {
        .gp-bread {
            padding-top: 15px;
        }
        .gp-subLeft {
            display: none;
        }
        .gp-m-subNav {
            display: block;
            margin-bottom: 20px;
        }
        .mainRight {
            margin-left: 0;
        }
        .slider-for {
            width: 100%;
        }
        .slider-nav {
            width: 100%;
        }
        .slider-nav .slick-prev {
            top: calc(50% - 12px) !important;
            width: 24px;
            margin: 0;
            left: 0;
            transform: rotate(270deg);
            height: 20px;
            background: url(../img/top.png) no-repeat;
        }
        .slider-nav .slick-next {
            top: calc(50% - 12px);
            width: 24px;
            margin: 0;
            /* left: 96%; */
            right: 0;
            transform: rotate(-90deg);
            height: 20px;
            background: url(../img/bot.png) no-repeat;
        }
        .resultUl li a::before {
            content: '';
            display: block;
            width: 100%;
            height: 138px;
            background: url(../img/resultb.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    
    @media screen and (max-width:767px) {
        .gp-page a {
            padding: 0 5px;
        }
        .piculImg {
            width: 190px;
        }
        .picInfor {
            margin-left: 216px;
        }
        .slider-for {
            width: 100%;
            margin: 10px 0;
        }
        .slideout {
            height: 300px;
        }
        .resultUl li a::before {
            content: '';
            display: block;
            width: 100%;
            height: 115px;
            background: url(../img/resultb.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    
    @media screen and (max-width:600px) {
        .slideout {
            height: 220px;
        }
        .articleAuthor span {
            margin: 0 5px;
        }
        .resultUl li a::before {
            content: '';
            display: block;
            width: 100%;
            height: 74px;
            background: url(../img/resultb.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    
    @media screen and (max-width:479px) {
        .slideout {
            height: 165px;
        }
        .gp-page {
            display: none;
        }
        .gp-m-page {
            display: block;
        }
        .piculImg {
            width: 100%;
        }
        .picInfor {
            margin-left: 0;
            float: left;
        }
        .picInfor .date {
            text-align: left;
            padding-left: 25px;
        }
        .resultUl li a::before {
            content: '';
            display: block;
            width: 100%;
            height: 160px;
            background: url(../img/resultb.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    
    @media screen and (max-width:400px) {
        .slideout {
            height: 100px;
        }
    }