.news{padding: 4.1667vw 0 6.7708vw;}
.news-top{justify-content: space-between;align-items: center;display: flex;position: relative;z-index: 10;}
.news-search{display: flex;align-items: center;}
.year-select{width: 10.4167vw;height: 2.6042vw;position: relative;margin-right: 0.5208vw;}
.year-select p{display: flex;box-sizing: border-box;height: 2.6042vw;border-radius: 0.5208vw;border: 1px solid #CCC;padding: 0 0.7292vw;align-items: center;color: var(--c5);cursor: pointer;}
.year-select p::after{content: '';width: 1.0417vw;height: 1.0417vw;background: url(../images/select_arrow.png) no-repeat;background-size: cover;position: absolute;right: 0.9375vw;top: 50%;margin-top: -0.5208vw;transition: .5s ease-out;}
.year-select ul{position: absolute;width: 100%;top: 2.6042vw;margin-top: -1px;border: 1px solid #CCC;border-radius: 0.5208vw;background: var(--cw);max-height: 13.0208vw;overflow-y: auto;display: none;box-sizing: border-box;}
.year-select a{display: block;line-height: 3.5714;color: var(--c5);padding: 0 0.7292vw;}
.year-select a:hover{color: var(--ch);}
.select-open p::after{transform: rotate(180deg);}
.news-form{display: flex;align-items: center;justify-content: space-between;width: 15.625vw;height: 2.6042vw;border-radius: 0.5208vw;border: 1px solid #CCC;box-sizing: border-box;padding-right: 0.9375vw;}
.news-form .text{width: 13.0208vw;height: 2.0833vw;background: none;box-sizing: border-box;padding: 0 0.7292vw;color: var(--c5);}
.news-form .btn{width: 0.9375vw;height: 0.9375vw;background: url(../images/search.png) no-repeat;background-size: cover;border: none;}
.news-main{padding-top: 2.6042vw;}
.news .news-list{padding-bottom: 1.5625vw;}

.journal{display: flex;justify-content: space-between;}
.journal .left{box-sizing: border-box;width: 18.2292vw;border-right: 1px solid #e9e9e9;padding-top: 6.7708vw;}
.journal .swiper-year{margin: 0;height: 30.9896vw;position: sticky;top: 6.7708vw;z-index: 10;width: calc(100% + 0.2083vw);}
.journal .swiper-year a{display: flex;justify-content: center;align-items: center;color: rgba(0, 0, 0, 0.1);box-sizing: border-box;height: 100%;position: relative;}
.journal .swiper-year a::after{content: '';width: 0.4167vw;height: 100%;background: linear-gradient(360deg, var(--ch) 0%, var(--cs) 100%);position: absolute;right: 0;top: 0;opacity: 0;transition: .5s ease-out;}
.journal .swiper-year .swiper-slide-next a,
.journal .swiper-year .swiper-slide-prev a{color: rgba(0, 0, 0, 0.4);}
.journal .swiper-year .swiper-slide-active a{color: var(--c8);border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
.journal .swiper-year .swiper-slide-active a::after{opacity: 1;}

.journal .right{padding: 6.7708vw 4.1667vw 2.6042vw 0;}
.journal-list{display: flex;flex-wrap: wrap;width: 64.7917vw;}
.journal-module{width: 12.9167vw;margin: 0 10.4167vw 4.1667vw 0;}
.journal-module:nth-child(3n){margin-right: 0;}
.journal-module .cover{width: 100%;padding-bottom: 144%;position: relative;}
.journal-module .wrapper{position: absolute;top:0;bottom: 0;left: 0;right: 0;display: flex;justify-content: flex-start;align-items: flex-end;}
.journal-module .book{position: relative;width: 100%;height: 100%;-webkit-perspective: 1000px;perspective: 1000px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.journal-module .book-front {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: rotateY(-15deg);transform-origin: left center;transition: all .4s ease;transform-style: preserve-3d;z-index: 100;}
.journal-module .book-front div:first-child{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: rotateY(0);transform-origin: left center;}
.journal-module .book-front div:last-child{position: absolute;top: 4px;bottom: 4px;left: 0;right: 4px;background: #fffbec;-webkit-transform-origin: left center;transform-origin: left center;-webkit-transform: rotateY(1deg);transform: rotateY(1deg);}


.journal-module .book-front div:last-child::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 10px;
    right: 10px;
    height: 4px;
    background: transparent;
    box-shadow: 0px 0px 30px 5px rgba(51, 51, 51, 0.8);
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
}

.journal-module .book-page {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    right: 5px;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition-timing-function: ease;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background: linear-gradient(to right, #e1ddd8 0%, #fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,.1), inset -1px 0px 1px rgba(50,50,50,.2);
    border-radius: 0px 5px 5px 0px;
}

.journal-module .book-page1 {
    right: -1px;
    transition-duration: .3s;
    -webkit-transform: rotateY(-13deg);
    transform: rotateY(-13deg);
    z-index: 99;
}
.journal-module .book-page2 {
    right: -2px;
    transition-duration: .25s;
    -webkit-transform: rotateY(-11deg);
    transform: rotateY(-11deg);
    z-index: 98;
}

.journal-module .book-page3{
    right: -3px;
    transition-duration: .2s;
    -webkit-transform: rotateY(-9deg);
    transform: rotateY(-9deg);
    z-index: 97;
}

.journal-module .book-page4{
    right: -4px;
    transition-duration: .3s;
    -webkit-transform: rotateY(-7deg);
    transform: rotateY(-7deg);
    z-index: 3;
}

.journal-module .book-page5 {
    right: -5px;
    transition-duration: .3s;
    -webkit-transform: rotateY(-5deg);
    transform: rotateY(-5deg);
    z-index: 2;
}
.journal-module .book-back {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 12px);
    height: 100%;
    -webkit-transform: rotateY(-3deg);
    transform: rotateY(-3deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 1;
}

.journal-module .book-back img{
    height: 100%;
    object-fit: cover;
}

.journal-module .book-back div:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.journal-module .book-back div:last-child {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    right: 4px;
    background: #fffbec;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateY(-1deg);
    transform: rotateY(-1deg);
}


.journal-module:hover .book-front{
    transform: rotateY(-30deg);
}

.journal-module:hover .book-page1{

    transform: rotateY(-25deg);
    transition-duration: .6s;
}
.journal-module:hover .book-page2{

    transform: rotateY(-22deg);
    transition-duration: .7s;
}
.journal-module:hover .book-page3{
    transform: rotateY(-18deg);
    transition-duration: .8s;
}
.journal-module:hover .book-page4{
    transform: rotateY(-12deg);
    transition-duration: .9s;
}
.journal-module:hover .book-page5{
    transform: rotateY(-7deg);
    transition-duration: .75s;
} 
.journal-module .time{line-height: 1.75;color: var(--c6);}
.journal-module:hover .title{color: var(--ch);}


/*新闻详情*/
.newsDet{background: #F7F7F7;padding: 10.9375vw 0 6.7708vw;}
.newsDet .container{background: var(--cw);border-radius: 1.0417vw;box-sizing: border-box;padding: 4.6875vw 4.1667vw 4.1667vw;display: flex;justify-content: space-between;align-items: flex-start;}
.newsDet .left{width: 55.2083vw;}
.newsDet .top{padding-bottom: 2.0833vw;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.newsDet .top .time{line-height: 1;color: var(--c6);}
.newsDet .top .title{line-height: 1.375;color: var(--c8);font-weight: 700;margin-top: 0.7292vw;}
.newsDet .content{line-height: 1.75;color: var(--c6);margin-top: 2.0833vw;}
.newsDet .content p{margin-bottom: 0.8333vw;}
.newsDet .content img,
.newsDet .content table{max-width: 100%;}
.newsDet .learn-more{margin: 4.1667vw auto 0;}
.newsDet .right{width: 19.7917vw;position: sticky;top:  6.7708vw;z-index: 10;}
.newsDet .tit{line-height: 1;color: var(--c8);font-weight: 700;}
.newsDet .list .item{display: block;padding-bottom: 1.5625vw;margin-bottom: 1.5625vw;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.newsDet .list .title{line-height: 1.5556;}
.newsDet .list .time{line-height: 1;color: var(--c6);margin-top: 0.8333vw;}
.newsDet .list .item:hover .title{color: var(--ch);}


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

    .news{padding: 1.2rem 0;}
    .news-top{display: block;}
    .news-search{display: block;margin-top: .3rem;}
    .year-select{width: 100%;height: .8rem;margin: 0;}
    .year-select p{height: .8rem;border-radius: .1rem;padding: 0 .3rem;}
    .year-select p::after{width: .4rem;height: .4rem;right: .3rem;margin-top: -.2rem;}
    .year-select ul{top: .8rem;max-height: 4rem;border-radius: .1rem;}
    .year-select a{padding: 0 .3rem;line-height: .8rem;}
    .news-form{margin-top: .3rem;width: 100%;height: .8rem;border-radius: .1rem;padding-right: .3rem;}
    .news-form .text{width: 5.8rem;height: .6rem;padding: 0 .3rem;}
    .news-form .btn{width: .36rem;height: .36rem;}
    .news-main{padding-top: .6rem;}
    .news .news-list{padding-bottom: .4rem;}

    /*报刊*/
    .journal{display: block;overflow: hidden;}
    .journal .left{width: 100%;border: none;padding-top: 1.2rem;height: auto;}
    .journal .swiper-year{height: .8rem;}
    .journal .swiper-year a::after{width: .8rem;height: 2px;top: auto;bottom: 0;right: 50%;margin-right: -.4rem;}
    .journal .swiper-year .swiper-slide-active a{border: none;}
    .journal .right{padding: .6rem .6rem 1.2rem .4rem;}
    .journal-list{width: 100%;justify-content: space-between;}
    .journal-module{width: 2.84rem;margin: 0 0 .5rem;}


    /*新闻详情*/
    .newsDet{padding: 1.2rem 0;}
    .newsDet .container{padding: .6rem .3rem;border-radius: .1rem;display: block;}
    .newsDet .left{width: 100%;}
    .newsDet .top{display: flex;flex-direction: column-reverse;padding-bottom: .3rem;}
    .newsDet .top .title{margin-top: 0;}
    .newsDet .top .time{margin-top: .3rem;}
    .newsDet .content{margin-top: .6rem;}
    .newsDet .content p{margin-bottom: .2rem;}
    .newsDet .learn-more{margin-top: .8rem;}
    .newsDet .right{width: 100%;position: static;margin-top: .8rem;}
    .newsDet .list .item{margin-bottom: .3rem;padding-bottom: .3rem;}
    .newsDet .list .time{margin-top: .1rem;}
}