@charset "UTF-8";

/* 今日北航 :start */
.idea1 {
    position: relative;
    z-index: 2;
}

.idea1-c {
    background: url(../images/wqimg/idea1-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 9.5% 11.6% 30% 11.6%;
}

.idea-text p {
    margin-top: .4rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #ffffff;
    text-indent: 2em;
    text-align: justify;
}

.idea-text.cgray p {
    color: #242e3d;
}

.idea-text p:nth-child(1) {
    margin-top: 0;
    text-align: justify;
}

.idea-text2 {
    margin-top: .4rem;
    margin-right: 40%;
}

.idea2 {
    position: relative;
    z-index: 1;
    padding-top: 1.4rem;
    padding-bottom: 1.2rem;
}

.idea2::before {
    content: "";
    position: absolute;
    top: -1.36rem;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #a2c6e5;
    opacity: 0.11;
    pointer-events: none;
}

.idea2-c {
    display: flex;
}

.idea2-l {
    width: 5.5rem;
    margin-right: .3rem;
}

.idea2-l ul {
    display: flex;
    flex-wrap: wrap;
}

.idea2-l ul li {
    width: 33.33%;
    margin-top: .7rem;
}

.idea2-l ul li:nth-child(-n+3) {
    margin-top: 0;
}

.idea-num {
    display: block;
    text-align: center;
}

.idea-num b {
    display: block;
    font-family: RubikRoman-Medium;
    font-size: 0.6rem;
    font-weight: normal;
    line-height: 0.5rem;
    color: #005be4;
}

.idea-num p {
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.18rem;
    color: #565c6a;
    margin-top: .15rem;
}

.idea-num-w b {
    color: #fff;
}

.idea-num-w p {
    color: #fff;
}

.idea2-r {
    flex: 1;
    min-width: 0;
}

.idea3 {
    background: url(../images/wqimg/idea3-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 9% 0 10% 0;
}

.idea3-c {
    display: flex;
    align-items: flex-start;
}

.idea3-l {
    flex: 1;
    min-width: 0;
}

.idea3-r {
    width: 5.8rem;
    padding: 0 .3rem;
}

.idea3-r ul {
    display: flex;
    flex-wrap: wrap;
}

.idea3-r ul li {
    width: 50%;
    margin-top: .7rem;
}

.idea3-r ul li:nth-child(-n+2) {
    margin-top: 0;
}

.idea4 {
    position: relative;
    padding-bottom: 2.2rem;
    padding-top: 1.1rem;
}

.idea4::before {
    content: "";
    position: absolute;
    width: 14.15rem;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/wqimg/idea4-bg.png) no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
    max-width: 73%;
}

.idea4-c {
    margin-right: 5.8rem;
}

.idea5 {
    margin-top: -1.2rem;
}

.idea5-c {
    background: url(../images/wqimg/idea5-bg.jpg) no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding: 6.8% 10% 16.7% 10%;
}

.idea5-t ul {
    display: flex;
    flex-wrap: wrap;
}

.idea5-t ul li {
    width: 20%;
    margin-bottom: .4rem;
}

.idea5-b .idea-text p {
    text-indent: 2em;
}

.idea6 {
    background: #f5f9fc;
    margin-top: 1.45rem;
}

.idea6-c {
    display: flex;
}

.idea6-l {
    width: 4rem;
    margin-right: 7.5%;
}

.idea6-l div {
    background: url(../images/wqimg/idea6-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: calc((-100vw + 13.2rem) / 2);
    height: 100%;
}

.idea6-r {
    flex: 1;
    min-width: 0;
    padding: 7% 0 8% 0;
}

/* 今日北航 :end */


/* 办学理念  start */

.pubjrbh1-banner {
    position: relative;
    padding: .9rem 0 .6rem 0;
}

.pubjrbh1-banner-zs {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
}

.pubjrbh1-banner-con {
    position: relative;
    z-index: 9;
}

.pubjrbh1-banner-timg img {
    display: block;
    max-width: 55%;
    margin: 0 auto;
}

.pubjrbh1-banner-text {
    margin-top: 0.4rem;
}

.bhxf_banner .pubjrbh1-banner-text {
    margin-top: .6rem;
}

.pubjrbh1-banner-text p {
    text-align: center;
    font-size: 0.18rem;
    font-weight: 600;
    font-stretch: normal;
    line-height: 0.32rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pubjrbh1-banner-text p b {
    margin: 0 .1rem;
}

.pubjrbh1-des {
    padding-top: .4rem;
    max-width: 10rem;
    margin: 0 auto;
}

.pubjrbh1-des p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    color: #242e3d;
    margin-top: .3rem;
    text-indent: 2em;
    /*text-align: left;*/
}

.pubjrbh1-des p img {
    height: auto !important;
}


.pubjrbh1-des1 {
    padding-top: .4rem;
    max-width: 10rem;
    margin: 0 auto;
}

.pubjrbh1-des1 p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    color: #242e3d;
    text-indent: 2em;
    text-align: left;
}

.pubjrbh1-des1 p img {
    height: auto !important;
}



/* 办学理念  end */

/* 北航校徽  start*/
.bhxh-c {
    display: flex;
}

.bhxh-l {
    flex: 1;
    min-width: 0;
}

.bhxh-lvi a {
    display: block;
    background-color: #dcefff;
    box-shadow: 0rem 0.01rem 0rem 0rem #004cd8;
    /* border-radius: 0.4rem; */
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #004cd8;
    padding: .25rem .7rem .25rem .25rem;
    margin-top: .5rem;
    position: relative;
}

.bhxh-lvi a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: .3rem;
    transform: translateY(-50%);
    width: 0.41rem;
    height: 0.41rem;
    background: #ffffff url(../images/wqimg/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .13rem auto;
    border: solid 0.01rem #9bb7e1;
    border-radius: 50%;
    transition: all 0.5s;
}

.bhxh-lvi a:hover::after {
    background: #005aff url(../images/wqimg/icon-right-w.png) no-repeat;
    background-position: center center;
    background-size: .13rem auto;
}

.bhxh-r {
    width: 4.73rem;
    margin-left: 7.5%;
}

.bhxh-r img {
    display: block;
    max-width: 100%;
}

/* 北航校徽  end*/


/* 北航校歌 start */

.bhxg-c {
    display: flex;
}

.bhxg-l {
    width: 4.8rem;
    margin-right: 7%;
}

.bhxg-pic img {
    display: block;
    width: 100%;
}

.bhxg-pic p {
    text-align: right;
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    color: #242e3d;
    opacity: 0.76;
    margin-top: .1rem;
}

.bhxg-music {
    margin: .3rem 0 .4rem 0;
}

.bhxg-music audio {
    height: 0.5rem;
    width: 100%;
}

.bhxg-r {
    flex: 1;
    min-width: 0;
}

/* 北航校歌 end */

.bhxl-c img {
    display: block;
    width: 100%;
}


/* 北航地图  start */

#pageContent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#imgContainer {
    max-width: 100%;
    max-height: 100%;
    position: relative;
}

#imgContainer ul {
    width: 3.29rem;
    background-color: rgba(255, 255, 255, .8);
    padding: 0.15rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 9;
    display: flex;
    justify-content: space-between;
}

#imgContainer ul li {
    width: 48%;
}

#imgContainer ul li a {
    display: block;
    background: #fff;
}

#imgContainer ul li a .pic {
    padding-top: 64%;
}

#imgContainer ul li a p {
    text-align: center;
    line-height: 0.38rem;
    color: #242e3d;
}

#imgContainer ul li.on a {
    background: #004cd8;
}

#imgContainer ul li.on a p {
    color: #fff;
}

#imgContainer>img {
    display: block;
}

#positionButtonDiv {
    color: #FFFFFF;
    position: absolute;
    right: .5rem;
    top: .5rem;
}

#positionButtonDiv .positionButtonSpan img {
    float: right;
    border: 0;
}

#positionButtonDiv p span img {
    display: block;
    margin: .1rem auto;
}

.positionMapClass area {
    cursor: pointer;
}

.zoomButton {
    border: 0;
    cursor: pointer;
}

#bhdt {
    /* height: 100vh; */
    background: #333;
}

#imageFullScreen {
    display: block;
    height: 100vh;
}

/* 北航地图  end */


/* 历任领导 start */
.lrld-c {
    display: flex;
    justify-content: space-between;
}

.lrld-l {
    width: 48%;
}

.lrld-r {
    width: 48%;
}

.lrld-type {
    display: flex;
    align-items: center;
    margin-bottom: .15rem;
}

.lrld-type b {
    font-size: 0.24rem;
    font-weight: 600;
    line-height: 0.3rem;
    color: #001e9d;
    margin-right: .1rem;
}

.lrld-type::after {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    height: 1px;
    background-color: #5e6a81;
    opacity: 0.25;
}

.lrld-list {
    display: flex;
    flex-wrap: wrap;
}

.lrld-list li {
    width: 20%;
}

.lrld-list li a {
    display: block;
    position: relative;
    width: .6rem;
}

.lrld-list li a>h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.48rem;
    color: #242e3d;
    text-align-last: justify;
    position: relative;
}

.lrld-list li a>h3::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    bottom: 0;
    height: 0.04rem;
    /* background: #001e9d; */
    transition: all 0.5s;
}

.lrld-list li a>div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(.3rem);
    transform-origin: center top;
    top: 100%;
    width: 4.11rem;
    background-image: linear-gradient(123deg, rgba(255, 255, 255, 1) 59%, rgba(0, 80, 233, .5) 100%);
    box-shadow: 0px 0px 16px 0px rgba(91, 91, 91, 0.18);
    border-radius: 0px 0px 12px 12px;
    display: flex;
    padding-bottom: .5rem;
    z-index: 9;
    /* display: none; */
    transition: all 0.5s;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: -9;
}

.lrld-list li a>div .pics {
    width: 1.46rem;
    padding-top: .1rem;
    padding-left: .08rem;
    position: relative;
}

.lrld-list li a>div .pics::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: .1rem;
    bottom: .1rem;
    background-color: #001e9d;
    z-index: 1;
}

.lrld-list li a>div .pics .pic {
    z-index: 9;
    padding-top: 140%;
}

.lrld-list li a>div .info {
    flex: 1;
    min-width: 0;
    padding: 0 .4rem 0 .4rem;
}

.lrld-list li a>div .info h4 {
    display: flex;
}

.lrld-list li a>div .info h4 span {
    font-size: 0.24rem;
    font-weight: 600;
    color: #001e9d;
    line-height: 0.3rem;
    padding-top: .25rem;
    position: relative;
}

.lrld-list li a>div .info dl {
    border-left: 1px solid #5e6a81;
    margin-top: .2rem;
    padding-left: .2rem;
    margin-left: .1rem;
}


.lrld-list li a>div .info dl dd {
    margin-top: .2rem;
}

.lrld-list li a>div .info dl dd:nth-child(1) {
    margin-top: 0;
}

.lrld-list li a>div .info dl span {
    display: block;
    font-size: 0.14rem;
    font-weight: normal;
    color: #5e6a81;
}

.lrld-list li a>div .info dl p {
    font-size: 0.18rem;
    font-weight: normal;
    color: #070e32;
}

.lrld-list li a:hover>div {
    /* display: flex; */
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

.lrld-l .lrld-list li:nth-child(5n+1) a>div {
    left: 0;
    transform: translateX(0) translateY(.3rem);
}

.lrld-r .lrld-list li:nth-child(5n) a>div {
    left: auto;
    right: 0;
    transform: translateX(0) translateY(.3rem);
}

.lrld-l .lrld-list li:nth-child(5n+1) a:hover>div {
    transform: translateX(0) translateY(0);
}

.lrld-r .lrld-list li:nth-child(5n) a:hover>div {
    transform: translateX(0) translateY(0);
}

.lrld-list li a:hover>h3::after {
    width: 100%;
}

/* 历任领导 end */

/* 历史沿革  start */

.history1-t {
    max-width: 11rem;
    margin: 0 auto;
    padding: 0 .15rem;
}

.history1-t h3 {
    text-align: center;
    font-size: 0.36rem;
    color: #003181;
}

.history1-t div {
    width: 0.8rem;
    height: 1px;
    background-color: #003181;
    margin: .15rem auto .2rem auto;
}

.history1-t p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #7e858f;
    text-align: center;
}

.history1-b {
    position: relative;
    margin-top: .6rem;
}

.history1-b::before {
    content: "";
    position: absolute;
    left: 0;
    top: .63rem;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/wqimg/history1-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.history1-b::after {
    content: "";
    position: absolute;
    left: 0;
    top: .53rem;
    right: 0;
    height: .1rem;
    z-index: 1;
    background: url(../images/wqimg/history1-time-line.png) repeat;
    background-position: center center;
    background-size: auto 100%;
}

.history1-b ul {
    position: relative;
    z-index: 9;
    padding-left: .9rem;
}

.history1-b ul li {
    padding: 1.4rem 0 .5rem 0;
    position: relative;
}

.history-year {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #5e6a81;
    padding-left: .15rem;
}

.history-year b {
    font-family: RubikRoman-Medium;
    font-size: 0.36rem;
    font-weight: normal;
    line-height: 0.4rem;
    color: #000000;
}

.history1-b ul li a {
    display: block;
    padding: 0 .6rem;
    border-left: 1px solid #b4c2c9;
}

.history1-b ul li a h4 {
    font-family: RubikRoman-Medium;
    font-size: 0.54rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.5rem;
    color: #003181;
    margin-bottom: .2rem;
}

.history1-b ul li a .pics {
    margin-bottom: .2rem;
}

.history1-b ul li a .pics img {
    display: block;
    width: 100%;
}


.history1-b ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #242e3d;
    margin-top: .3rem;
}

.history1-b ul li a .info p:nth-child(1) {
    margin-top: 0;
}

.history1-b .slick-prev,
.history1-b .slick-next {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    transition: all 0.5s;
    top: auto;
    transform: translate(0, 0);
    z-index: 9;
}

.history1-b .slick-prev {
    background: rgba(94, 106, 129, .25) url(../images/wqimg/icon-left-w.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    left: .62rem;
    top: .35rem;
}

.history1-b .slick-next {
    background: rgba(94, 106, 129, .25) url(../images/wqimg/icon-right-w.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    right: .62rem;
    top: .35rem;
}

.history1-b .slick-prev:hover,
.history1-b .slick-next:hover {
    background-color: rgba(94, 106, 129, 1);
}

.history2 {
    background: url(../images/wqimg/history2-bg.png) no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding-top: 2.6rem;
}

.history2-c {
    position: relative;
    padding: .85rem 12% 0 12%;
}

.history2-c::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 7.26rem;
    background: linear-gradient(#003181, rgba(0, 49, 129, .8) 60%, rgba(0, 49, 129, 0));
    z-index: 1;
    opacity: .8;
}

.history2-c>div {
    position: relative;
    z-index: 9;
}

.history2-text h3 {
    font-size: 0.36rem;
    font-weight: 600;
    line-height: .4rem;
    color: #f7f5ef;
    text-align: center;
}

.history2-text div {
    width: 0.74rem;
    height: 1px;
    margin: .2rem auto 0 auto;
    background-color: #e9edf0;
}

.history2-text p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #f7f5ef;
    margin-top: .3rem;
    text-indent: 2em;
}

.history2-link {
    margin-top: .4rem;
}

.history2-link h4 {
    display: flex;
    align-items: center;
}

.history2-link h4 span {
    display: block;
    font-size: 0.2rem;
    font-weight: 600;
    line-height: 0.3rem;
    color: #f7f5ef;
    margin: 0 .4rem;
}

.history2-link h4::before {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    height: 1px;
    background: #f7f5ef;
}

.history2-link h4::after {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    height: 1px;
    background: #f7f5ef;
}

.history2-link ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: .3rem;
}

.history2-link ul li {
    width: 25%;
}

.history2-link ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.16rem;
    font-weight: normal;
    color: #f7f5ef;
    line-height: .32rem;
}

.history2-link ul li a:hover {
    color: #005aff;
}

.history2-list {
    margin-top: .7rem;
}

.history2-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.2rem;
}

.history2-list ul li {
    width: 25%;
    margin-bottom: 0.5rem;
}

.history2-list ul li a {
    display: block;
    margin: 0 0.2rem;
}

.history2-list ul li a .pic {
    padding-top: 132.09%;
}

.history2-list ul li a .history2-tx {
    background: #fff;
    border-left: 0.03rem solid #004cd8;
    padding: 0.15rem 0.24rem 0 0.24rem;
    margin-left: 0.28rem;
    margin-top: -0.36rem;
    position: relative;
}

.history2-list ul li a .history2-tx h3 {
    font-size: 0.24rem;
    color: #000;
    font-weight: normal;
    transition: all 0.5s;
}

.history2-list ul li a .history2-tx p {
    font-size: 12px;
    color: #004cd8;
    margin-top: 0.05rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.history2-list ul li a:hover .history2-tx h3 {
    color: #004cd8;
}


.history3 {
    background-color: #edf1f6;
    position: relative;
    margin-top: 2.3rem;
    padding-top: .7rem;
    padding-bottom: 1.77rem;
}

.history3::before {
    content: "";
    position: absolute;
    left: 1.87rem;
    right: 0;
    top: -1.06rem;
    height: 4.99rem;
    background: url(../images/wqimg/history3-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
}

.history3>div {
    position: relative;
    z-index: 9;
}

.history3-tit h3 {
    font-size: 0.36rem;
    font-weight: 600;
    line-height: .4rem;
    color: #003181;
}

.history3-tit div {
    width: 0.74rem;
    height: 1px;
    background-color: #003181;
    margin-top: .25rem;
}

#ny {
    overflow: hidden;
    position: relative;
    z-index: 9;
}

#ny .lrld {

    min-height: 4rem;
}

.history3-list {
    margin-top: .5rem;
    margin-right: calc((-100vw + 13.2rem) / 2);

}

.history3-list>ul {}

.history3-list ul li a {
    display: block;
    position: relative;
}

.history3-list ul li a .pic {
    padding-top: 127%;
}

.history3-list ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.24rem;
    color: transparent;
    background: linear-gradient(transparent 30%, #002d6a);
    z-index: 9;
}

.history3-list ul li a .info {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: .15rem;
    text-align: center;
    padding: 0 .1rem;
    transition: all 0.5s;
}

.history3-list ul li a .info h3 {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #f3f5f9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history3-list ul li a .info p {
    font-family: Rubik-Light;
    font-size: 0.14rem;
    font-weight: normal;
    color: #f3f5f9;
    margin-top: .05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history3-list ul li a:hover .info {
    transform: translateY(-0.1rem);
}

.slick-speed {
    z-index: 2;
    margin-top: .4rem;
    display: flex;
    align-items: center;
}

.slick-speed div {
    flex: 1;
    min-width: 0;
    height: 1px;
    background-color: rgba(112, 151, 223, .28);
    position: relative;
}

.slick-speed span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #003181;
    height: 3px;
    transition: all 0.3s;
}

.slick-speed ul {
    display: flex;
    align-items: center;
}

.slick-speed ul li {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    margin-right: .2rem;
    cursor: pointer;
    position: relative;
    border: solid 1px #b4c2c9;
    transition: all 0.5s;
}

.slick-speed ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 2;
}

.slick-speed ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 1;
}

.history3-prev::before {
    background: url(../images/wqimg/icon-left.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    z-index: 1;
}

.history3-prev:hover {
    border-color: #003181;
}


.history3-next::before {
    background: url(../images/wqimg/icon-right2.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    z-index: 1;
}

.history3-next:hover {
    border-color: #003181;
}


.slick-speed ul li:hover::after {
    animation: scaleTwo 1s 1;
}

@keyframes scaleTwo {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .9
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.3);
        opacity: 0
    }
}


/* 历史沿革  end */


/* 往期回顾 start */

.wqhg {
    display: flex;
}

.wqhg-l {
    width: 1.93rem;
    margin-right: .85rem;
}

.wqhg-l h3 {
    height: 1.42rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-position: center center;
    background-size: cover;
    padding: 0 .15rem .2rem .15rem;
}

.wqhg-l h3 b {
    font-family: RubikRoman-Medium;
    font-size: 0.4rem;
    line-height: .35rem;
    font-weight: 0.4rem;
    color: #ffffff;
}

.wqhg-l h3 span {
    font-size: 0.14rem;
    font-stretch: .16rem;
    color: #ffffff;
    margin-left: .1rem;
}

.wqhg-l ul {
    background-position: left center;
    padding-left: .25rem;
    padding-top: .1rem;
    padding-bottom: .1rem;
}

.wqhg-l ul li {}

.wqhg-l ul li a {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    line-height: .6rem;
    font-weight: normal;
    color: #adbddc;
    font-family: RubikRoman-Medium;
}

.wqhg-l ul li a::after {
    content: "";
    height: 1px;
    background-color: #adbddc;
    opacity: 0.41;
    margin-left: 0;
    flex: 1;
    min-width: 0;
    margin-left: .3rem;
}

.wqhg-l ul li.active a {
    color: #004cd8;
}

.wqhg-l ul li.active a::after {
    background-color: #004cd8;
}

.wqhg-l ul li:hover a {
    color: #004cd8;
}

.wqhg-l ul li:hover a::after {
    background-color: #004cd8;
}

.wqhg-r {
    flex: 1;
    min-width: 0;
}

.wqhg-r ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wqhg-r ul li {
    width: 48.5%;
    margin-bottom: .45rem;
}

.wqhg-r ul li a {
    display: block;
}

.wqhg-r ul li a .pic {
    padding-top: 50%;
}

.wqhg-r ul li a .info {
    margin-top: .15rem;
}

.wqhg-r ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.24rem;
    color: #00255d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wqhg-r ul li a .info p {
    display: flex;
    margin-top: .05rem;
}

.wqhg-r ul li a .info p span {
    font-family: Rubik-Light;
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0px;
    color: #004cd8;
    border-bottom: 2px solid #004cd8;
}

.wqhg-r ul li:hover a .info h3 {
    color: #004cd8;
}

/* 往期回顾 end */




@media screen and (max-width:1300px) {
    .idea6-l div {
        margin-left: -5vw;
    }

    .history1-b ul li a {
        padding: 0 .3rem;
    }

    .history3-list {
        margin-right: 0;
    }

    .history3::before {
        left: 0;
        top: 0;
        height: auto;
        bottom: 0;
    }
}

@media screen and (max-width:1024px) {
    .idea1-c {
        padding: .35rem .2rem 4rem .2rem;
    }

    .idea-text2 {
        margin-right: 0;
        margin-top: .25rem;
    }

    .idea-text p {
        margin-top: .25rem;
    }

    .idea2-c,
    .idea3-c,
    .idea6-c {
        display: block;
    }

    .idea2-l,
    .idea6-l {
        width: auto;
        margin-right: 0;
        margin-bottom: .35rem;
    }

    .idea-num b {
        font-size: .4rem;
        line-height: .3rem;
    }

    .idea2-l ul li,
    .idea3-r ul li {
        margin-top: .35rem;
    }

    .idea2,
    .idea4 {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .idea3 {
        padding: .35rem 0;
    }

    .idea3-r {
        width: auto;
        padding: 0;
        margin-top: .35rem;
    }

    .idea4-c {
        margin-right: 0;
    }

    .idea4::before {
        display: none;
    }

    .idea5 {
        margin-top: 0;
    }

    .idea5-c {
        padding: .35rem .2rem 2rem .2rem;
    }

    .idea5-t ul li {
        width: 33.33%;
        margin-bottom: .35rem;
    }

    .idea6-l div {
        margin-left: 0;
        padding-top: 100%;
    }

    .idea6-r {
        padding: 0;
    }

    .idea6 {
        margin-top: .5rem;
        background: none;
    }


    .pubjrbh1-banner {
        padding: .35rem .2rem;
    }

    .pubjrbh1-banner-zs {
        background-size: auto 100%;
    }

    .pubjrbh1-des {
        padding-top: 0;

    }
    .pubjrbh1-des1 {
        padding-top: 0;

    }

    .pubjrbh1-banner-text {
        margin-top: .2rem !important;
    }

    .bhxh-c {
        display: block;
    }

    .bhxh-r {
        margin: .35rem auto 0 auto;
        max-width: 80%;
    }

    .bhxh-lvi a {
        font-size: .18rem;
    }

    .bhxg-c {
        display: block;
    }

    .bhxg-l {
        width: auto;
        margin-right: 0;
    }

    .lrld-c {
        display: block;
    }

    .lrld-l {
        width: auto;
    }

    .lrld-r {
        width: auto;
        margin-top: .35rem;
    }

    .lrld-list li a>div {
        display: none;
    }

    .history1-b ul {
        padding-left: .35rem;
    }

    .history1-b .slick-prev {
        left: .05rem;
    }

    .history1-b .slick-next {
        right: .05rem;
    }

    .history1-b ul li a h4 {
        font-size: .3rem;
        line-height: .3rem;
    }

    .history1-b ul li a {
        padding: 0 .2rem;
    }

    .history1-t h3,
    .history2-text h3,
    .history3-tit h3 {
        font-size: .24rem;
    }

    .history2-c {
        padding: .35rem .2rem 0 .2rem;
    }

    .history2-link ul li {
        width: 50%;
    }

    .history2-link h4 span {
        margin: 0 .15rem;
    }

    .history2-text p {
        margin-top: .2rem;
    }

    .history2-c::before {
        height: 70%;
    }

    .history2-list ul li {
        width: 50%;
        margin-bottom: .25rem;
    }

    .history2-list ul li a .history2-tx {
        margin-left: .1rem;
        padding: .15rem;
    }

    .history2-list ul li a .history2-tx h3 {
        font-size: .2rem;
    }

    .history2-list ul {
        margin: 0 -.1rem;
    }

    .history2-list ul li a {
        margin: 0 .1rem;
    }

    .history3 {
        padding: .5rem 0;
        margin-top: .5rem;
    }

    .history3-list,
    .history2-list {
        margin-top: .35rem;
    }

    .slick-speed,
    .history2-link,
    .history2-link ul {
        margin-top: .25rem;
    }

    .history2 {
        padding-top: 2.5rem;
        background-size: 12rem auto;
    }

    .history1-b ul li {
        padding: 1rem 0 .5rem 0;
    }

    .wqhg {
        display: block;
    }

    .wqhg-l {
        width: auto;
        margin-right: 0;
        margin-bottom: .35rem;
    }

    .wqhg-l h3 {
        height: 0.8rem;
    }

    .wqhg-r ul li {
        margin-bottom: .25rem;
    }

    .wqhg-r ul li a .info {
        margin-top: .1rem;
    }

    .wqhg-l h3 b {
        font-size: .3rem;
        line-height: .25rem;
    }

    .wqhg-l ul li a {
        font-size: .2rem;
        line-height: .46rem;
    }

    .wqhg-l ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: .15rem;
    }

    .wqhg-l ul li {
        width: 20%;
        display: flex;
        justify-content: center;
    }

    .wqhg-l ul li a {
        display: block;
    }

    .wqhg-l ul li a::after {
        display: block;
        width: 100%;
        margin-left: 0;
    }
}



@media screen and (max-width:768px) {
    .lrld-list li {
        width: 33.33%;
    }
}
