        .gp-bread {
            margin-right: 11px;
            position: relative;
            display: inline-block;
            /* float: right; */
            padding: 22px 0;
            padding-left: 35px;
            /* padding: 22px 0; */
        }
        
        .gp-bread a {
            color: #999;
            /* font-family: 'REEJI'; */
            font-size: 16px;
            line-height: 21px;
        }
        
        .gp-bread a:hover {
            color: #B9000A;
        }
        
        .gp-bread::before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            top: 25px;
            background: url(../images/home.png) no-repeat;
        }
        .za{
            background: url(../images/za.png) no-repeat;
            background-size: cover;
            width: 100%;
            height: 10px;
            margin-top: 16px;
        }
        .gp-bread span {
            color: #d8d8d8;
            margin: 0px 13px;
        }
        
        .gp-subLeft {
            width: 267px;
            position: relative;
            z-index: 100;
        }
        
        .gp-subLeft>ul {
            position: relative;
            background: #f5f5f5;
        }
        
        .gp-subLeft>ul>li {
            position: relative;
            /* background: #e6e6e6; */
            z-index: 1;
        }
        
        .gp-subLeft>ul>li>a {
            padding: 26px 12px;
            padding-bottom: 24px;
            display: block;
            transition: all 0.35s ease-in-out;
            position: relative;
            position: relative;
            font-size: 20px;
            padding-left: 79px;
            padding-right: 37px;
            color: #333;
            line-height: 27px;
        }
        
        .gp-subLeft>ul>li.active {
            background: #B9000A;
        }
        
        .gp-subLeft>ul>li>a.active {
            background: #B9000A;
            color: #fff;
            position: relative;
        }
        
        .gp-subLeft>ul>li>a.active::before,
        .gp-subLeft>ul>li>a:hover::before {
            content: '';
            display: block;
            width: 6px;
            height: 100%;
            background: #FFB63E;
            position: absolute;
            left: 0;
            top: 0;
        }
        
        .gp-subLeft>ul>li>a:hover {
            background: #B9000A;
            color: #fff;
            position: relative;
        }
        
        .gp-subLeft>ul>li.active>a {
            color: #fff;
        }
        
        .gp-subLeft .gp-toggles {
            width: 25px;
            height: 70px;
            position: absolute;
            right: 0;
            top: 33px;
            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: 15px 15px 19px 15px;
            color: #333;
            font-size: 18px;
            text-align: center;
            transition: all 0.35s ease-in-out;
            position: relative;
            font-size: 18px;
            line-height: 24px;
        }
        
        .gp-second-nav dd a:hover,
        .gp-second-nav dd a.active {
            color: #003F97;
        }
        
        .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: #B9000A;
            background-size: cover;
            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;
            margin: 0 auto;
        }
        
        .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-page {
            padding: 50px 0;
            color: #999;
            font-size: 0;
        }
        
        .gp-page:after,
        .gp-page:before {
            content: " ";
            display: table
        }
        
        .gp-page>a:first-child {}
        
        .gp-page>a,
        .gp-page>span {
            display: inline-block;
            *display: inline;
            width: 48px;
            height: 48px;
            width: 48px;
            line-height: 48px;
            position: relative;
            text-align: center;
            vertical-align: top;
            font-size: 16px;
            border-radius: 50%;
            font-size: 15px;
            transition: all 0.35s ease-in-out;
            margin: 0 10px;
            /* background: #efeff4; */
            border: 1px solid #979797;
        }
        
        .gp-page>span {
            border: none
        }
        
        .gp-page>a:hover,
        .gp-page>a.on_pages {
            background-color: #253f9c;
            color: #fff;
        }
        
        .gp-page>a.on_pages {
            font-weight: bold;
        }
        
        .gp-m-page {
            display: none;
        }
        
        .gp-m-page a {
            display: inline-block;
            margin: 0 10px;
            /* height: 32px; */
            /* line-height: 32px; */
            font-size: 1.2rem;
        }
        
        .gp-page-centered {
            text-align: center
        }
        
        .gp-page a:hover,
        .gp-page a.active {
            background-color: #B9000A;
            color: #fff;
        }
        
        .subr {
            margin-left: 319px;
            padding-bottom: 47px;
        }
        
        .pageArticleTitle {
            overflow: hidden;
            /* border-bottom: 1px solid #eee; */
            /* padding: 0px 30px; */
            line-height: 32px;
            text-align: center;
            margin-bottom: 0;
        }
        
        .shareTitle {
            line-height: 32px;
            color: #333;
            text-align: center;
            font-weight: normal;
            padding-right: 70px;
            position: relative;
            display: inline-block;
        }
        
        .shareTitle::before {
            content: '';
            width: 48px;
            height: 6px;
            position: absolute;
            right: 0;
            top: calc(50% - 3px);
            background: url(../images/titb.png) no-repeat;
        }
        
        .articleAuthor {
            padding: 24px 0;
            text-align: center;
            margin-bottom: 20px;
            border-bottom: 1px solid rgba(216, 216, 216, .8);
            border-top: 1px solid rgba(216, 216, 216, .8);
            color: #999;
        }
        
        .articleAuthor span {
            display: inline-block;
            *display: inline;
            color: #333;
            font-size: 14px;
            line-height: 19px;
            margin: 0 29px;
            font-size: 1;
        }
        
        .articleBottom {
            overflow: hidden;
        }
        
        .gp-article {
            /* margin-bottom: 60px; */
            /* border-bottom: 1px solid #ededed; */
        }
        
        .banner {
            position: relative;
        }
        
        .bannerImg {
            padding-bottom: 23.49%;
        }
        
        .header .headertop::before {
            display: none;
        }
        
        .header .headertop {
            background: #B9000A;
            position: static;
        }
        
        .sun {
            padding: 23px;
            background: rgba(185, 0, 10, .54);
            display: inline-block;
            width: 323px;
        }
        
        .sunout {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
        }
        
        .sun h3 {
            line-height: 37px;
            padding-bottom: 13px;
            position: relative;
            width: 323px;
            text-align: center;
            display: block;
            margin-bottom: 10px;
        }
        
        .sun h3::before {
            content: '';
            display: block;
            width: 323px;
            height: 1px;
            background: rgba(216, 216, 216, .31);
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .Annex {
            width: 100%;
            margin-top: 15px;
        }
        
        .Annex>h3 {
            float: left;
            line-height: 30px;
        }
        
        .Annex p {
            line-height: 20px;
            color: #444;
            margin-bottom: 15px;
        }
        
        .annexList li a {
            line-height: 20px;
            color: #757575;
            display: block;
        }
        
        main {
            display: block;
            min-height: 800px;
        }
        
        .annexList li {
            margin-bottom: 10px;
            overflow: hidden;
        }
        
        .annexList li:hover a {
            color: #B9000A
        }
        
        .sun p {
            line-height: 28px;
            max-height: 84px;
            overflow: hidden;
            color: #fff;
        }
        
        .subConRight {
            margin-left: 317px;
            padding: 21px 44px 56px 44px;
            background: #F7F7F7;
            overflow: hidden;
            min-height: 600px;
        }
        
        .bread {
            text-align: right;
        }
        
        .subConRights p {
            line-height: 21px;
            color: #333;
        }
        
        .gp-article p {
            line-height: 29px;
            color: #333;
        }
        
        .shareTitle {
            line-height: 32px;
            color: #333;
            text-align: center;
            padding: 30px 70px;
            font-weight: normal;
          
            position: relative;
            display: inline-block;
        }
        
        .shareTitle::before {
            content: '';
            width: 48px;
            height: 6px;
            position: absolute;
            right: 0;
            top: calc(50% - 3px);
            background: url(../images/titb.png) no-repeat;
        }
        .shareTitle::after {
            content: '';
            width: 48px;
            height: 6px;
            position: absolute;
           left: 0;
            top: calc(50% - 3px);
            background: url(../images/tita.png) no-repeat;
        }
        #shareTitle {
            padding: 0 190px;
            font-weight: normal;
            margin-bottom: 29px;
        }
        
        .researchers span {
            display: inline-block;
           
            height: 43px;
            padding: 0 10px;
            background: #A40000;
            background-size: 100% 100%;
            text-align: center;
            line-height: 43px;
            position: relative;
        }
        .researchers span::before{
           content: '';
            display: block;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-left-color: #A40000;
            position: absolute;
            right: -20px;
            top: calc(50% - 10px);
        }
        .researchers {
            position: relative;
            margin-bottom: 24px;
            overflow: hidden;
        }
        
        
     
        
        .resUl li {
            display: inline-block;
            width: calc(100% / 5);
            /* float: left; */
            overflow: hidden;
            transition: all 1.3s ease-in-out;
            margin-bottom: 33px;
        }
        
        .resUl {
            overflow: hidden;
            font-size: 0;
            margin: 0 -17px;
        }
        
        .resUl a {
            display: block;
            background: #fff;
            padding: 16px 12px;
            margin: 0 17px;
            text-align: center;
        }
        
        .resImg {
            background: #D8D8D8;
            padding-bottom: 119.3%;
        }
        
        .name {
            line-height: 21px;
            height: 42px;
            color: #333;
            overflow: hidden;
            font-size: 14px;
            margin: 17px 0 13px 0;
        }
        
        .name2 {
            color: #999;
        }
        
        .resUl li:hover {
            transform: translateX(10px);
            transition: all 1.3s ease-in-out;
        }
        
        .instituteUl span,
        .instituteUl p {
            line-height: 21px;
            color: #333;
        }
        
        .instituteUl span {
            margin-left: 20px;
        }
        
        .instituteUl li {
            padding-bottom: 24px;
            border-bottom: 1px solid #E2E2E2;
            transition: all 1s ease-in-out;
            margin-bottom: 24px;
        }
        
        .instituteUl li:hover {
            transform: translateX(8px);
            transition: all 1s ease-in-out;
        }
        
        .instituteUl li a {
            padding-left: 10px;
            position: relative;
            display: block;
        }
        
        .instituteUl li a::before {
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #A1A1A1;
            position: absolute;
            position: absolute;
            left: 0;
            top: calc(50% - 2px);
        }
        
        .instituteUl li:hover a:before {
            background: #B9000A;
        }
        
        .instituteUl li:hover p,
        .instituteUl li:hover span {
            color: #B9000A;
        }
        
        .gp-page-prev {
            border: 1px solid #ececec !important;
            background: url(../images/pagel.png) no-repeat 16px 12px;
        }
        
        .gp-page-next {
            border: 1px solid #ececec !important;
            background: url(../images/pager.png) no-repeat 19px 12px;
        }
        
        .subConRight2 {
            margin-left: 0;
        }
        
        .stuImg {
            width: 341px;
        }
        
        .stuPic {
            padding-bottom: 66.57%;
        }
        
        .stuUl li {
            overflow: hidden;
            margin-bottom: 32px;
            transition: all 1s ease-in-out;
        }
        
        .stuUl li:last-child {
            margin-bottom: 0;
        }
        
        .stuUl li:hover {
            transition: all 1s ease-in-out;
            transform: translateX(10px);
        }
        
        .stuInfor {
            margin-left: 367px;
        }
        
        .stuTit {
            line-height: 24px;
            color: #333;
            position: relative;
        }
        
        .stuout {
            position: relative;
            padding-bottom: 25px;
            margin-bottom: 30px;
        }
        
        .stuout::before {
            content: '';
            display: block;
            width: 64px;
            height: 1px;
            background: #B9000A;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .inforstu {
            line-height: 24px;
            max-height: 96px;
            overflow: hidden;
            color: #999;
            margin-bottom: 32px;
        }
        
        .stuUl .date {
            line-height: 21px;
            color: #333;
        }
        
        .leadUl a {
            display: block;
            margin: 50px 0 0 0;
            background-color: #fff;
            padding: 13px 110px 22px 32px;
        }
        
        .leadImg {
            width: 177px;
            background: #EBEBEB;
            margin-top: -63px;
        }
        
        .leadPic {
            padding-bottom: 128.8%;
        }
        
        .leadRight {
            margin-left: 250px;
            /* overflow: hidden; */
        }
        
        .leadername {
            color: #333;
            margin-bottom: 41px;
            margin-top: -56px;
        }
        
        .leadRight dt {
            line-height: 28px;
            color: #333;
            padding-left: 16px;
            margin-bottom: 15px;
            position: relative;
        }
        
        .leadRight dt::before {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: url(../images/dt.png) no-repeat;
            position: absolute;
            left: 0;
            top: calc(50% - 3px);
        }
        
        .leadRight dd {
            line-height: 24px;
            color: #999;
            margin-bottom: 15px;
            word-break: break-all;
        }
        
        .order {
            width: 70%;
            display: inline-block;
            overflow: hidden;
        }
        
        .orderout {
            font-size: 0;
        }
        
        .order2 {
            width: 100%;
        }
        
        .order1 {
            width: 30%;
        }
        
        .leadUl li {
            margin-bottom: 35px;
            overflow: hidden;
        }
        
        .leadUl li:last-child {
            margin-bottom: 0;
        }
        
        .chers {
            background: #F0F0F0;
            margin-top: 128px;
            padding-top: 31px;
            padding-bottom: 28px;
            padding-right: 20px;
        }
        
        .chersImg {
            width: 195px;
            background: #D8D8D8;
            margin-top: -128px;
        }
        
        .cherPic {
            padding-bottom: 131.28%;
        }
        
        .chersRight {
            margin-left: 216px;
        }
        
        .chersname {
            line-height: 32px;
            color: #333;
            padding-left: 12px;
            margin-top: -83px;
            position: relative;
            margin-bottom: 59px;
        }
        .chersname    span{
    background: #F7F7F7;
    position: relative;
    z-index: 100;}
        .chersname::before {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: url(../images/dt.png) no-repeat;
            position: absolute;
            left: 0;
            top: calc(50% - 3px);
        }
        
        .chersname::after {
            content: '';
            display: block;
            width: calc(100% - 91px);
            height: 15px;
            background: url(../images/chers.png) no-repeat;
            position: absolute;
            right: 0;
            background-size: contain;
            top: calc(50% - 7.5px);
        }
        
        .chersUl {
            font-size: 0;
        }
        
        .chersUl p {
            font-size: 16px;
            line-height: 21px;
            color: #333;
            padding-left: 12px;
            position: relative;
            word-break: break-all;
        }
        
        .chersUl p::before {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: url(../images/dt.png) no-repeat;
            position: absolute;
            left: 0;
            top: calc(50% - 3px);
        }
        
        .chersUl li {
            width: 50%;
            margin-bottom: 25px;
            display: inline-block;
        }
        
        .chersInfor {
            line-height: 29px;
            color: #333;
            overflow: hidden;
            max-height: 174px;
            margin: 29px 0 51px 0;
        }
        
        .chersTit span {
            width: 179px;
            height: 63px;
            line-height: 63px;
            background: url(../images/jiaoyu.png) no-repeat;
            background-size: 100% 100%;
            display: inline-block;
            text-align: center;
        }
        
        .chersTit {
            position: relative;
            margin: 17px 0;
        }
        
        .chersTit::before {
            content: '';
            height: 3px;
            width: calc(100% - 179px);
            background: #FFB63E;
            position: absolute;
            /* left: 0; */
            right: 0;
            top: calc(50% - 1.5px);
        }
        
        .cherp p {
            font-size: 16px;
            line-height: 29px;
            color: #333;
        }
        
        .cherp {
            margin-bottom: 63px;
        }
        
        .art {
            text-align: center;
        }
        
        .conUs {
            font-size: 0;
            margin-bottom: 24px;
        }
        
        .conUs p {
            /* width: 50%; */
            display: inline-block;
            line-height: 21px;
            color: #B9000A;
        }
        
        .conUs p:first-child {
            margin-right: 140px;
        }
        
        @media screen and (max-width:1600px) {}
        
        @media screen and (max-width:1461px) {
            #shareTitle {
                padding: 0 100px;
            }
            .conUs p:first-child {
                margin-right: 43px;
            }
        }
        
        @media screen and (max-width:1321px) {
            .order {
                width: 100%;
            }
            .chersRight {
                margin-left: 146px;
            }
            .chersImg {
                width: 130px;
            }
            #shareTitle {
                padding: 0;
            }
            .conUs p:first-child {
                margin-bottom: 20px;
                margin-right: 0;
            }
            .resUl li {
                width: 25%;
            }
            .bannerImg {
                height: 325px;
                padding-bottom: 0;
            }
            .bannerImg img {
                height: 100%;
            }
        }
        
        @media screen and (max-width:1201px) {
            .chersUl li {
                width: 100%;
            }
        }
        
        @media screen and (max-width:1101px) {
            .leadUl a {
                padding-right: 13px;
            }
            .order {
                width: 100%;
                display: block;
            }
            .leadRight {
                margin-left: 210px;
                /* overflow: hidden; */
            }
        }
        
        @media screen and (max-width:1000px) {}
        
        @media screen and (max-width: 996px) {
            .gp-subLeft {
                display: none;
            }
            .gp-m-subNav {
                display: block;
                background: #B9000A;
            }
            .subConRight {
                margin-left: 0;
            }
            .resUl li {
                /* display: block; */
                width: calc(100% / 4);
            }
        }
        
        @media screen and (max-width:767px) {
            .resUl li {
                /* display: block; */
                width: calc(100% / 3);
            }
            .gp-page {
                display: none;
            }
            .gp-m-page {
                display: block;
            }
            .gp-page {
                padding: 0;
            }
            .subConRight {
                padding: 20px;
            }
            .stuInfor {
                margin-left: 247px;
            }
            .stuImg {
                width: 221px;
            }
            .stuout {
                position: relative;
                padding-bottom: 5px;
                margin-bottom: 5px;
            }
            .inforstu {
                margin-bottom: 0;
            }
            .chersname::after {
                display: none;
            }
            .chers {
                margin-top: 0;
            }
            .chersImg {
                margin-top: 0;
            }
            .chersname {
                margin-top: 0;
                margin-bottom: 20px;
            }
            .bannerImg {
                height: 275px;
                padding-bottom: 0;
            }
        }
        
        @media screen and (max-width:600px) {
            .articleAuthor span {
                margin: 0 5px;
            }
        }
        
        @media screen and (max-width:479px) {
            .shareTitle {
                padding: 10px 70px;
                /* padding-right: 70px; */
            }
            .gp-bread::before {
                top: 12px;
            }
            .gp-bread {
                padding: 8px 0;
            }
            .pageArticleTitle {
                padding-bottom: 10px;
            }
            .resUl li {
                /* display: block; */
                width: calc(100% / 2);
            }
            .researchers span {
                width: 100%;
            }
            .researchers::before {
                display: none;
            }
            .stuImg {
                width: 100%;
                float: none;
                margin-bottom: 20px;
            }
            .stuInfor {
                margin-left: 0;
            }
            .leadImg {
                margin-bottom: 20px;
                float: none;
                margin-top: 0;
            }
            .leadRight {
                margin-left: 0;
            }
            .leadername {
                margin: 0;
                margin-bottom: 20px;
            }
            #shareTitle {
                margin-bottom: 0;
            }
            .articleAuthor {
                padding: 10px 0;
            }
            .gp-bread a {
                font-size: 12px;
            }
            .gp-bread span {
                margin: 0 8px;
            }
        }
        
        @media screen and (max-width:400px) {
            .sun {
                display: none;
            }
            .bannerImg {
                height: 150px;
                padding-bottom: 0;
            }
            .subConRight {
                padding: 20px;
            }
            .resUl li {
                display: block;
                width: 100%;
            }
            .chersImg {
                float: none;
                margin-bottom: 20px;
            }
            .chersRight {
                margin-left: 0;
            }
        }