/*<<<<<<<<<<<<<<<<<<<<<< 首页banner >>>>>>>>>>>>>>>>>>>>>>>*/

.banner {
    position: relative;
    overflow: hidden;
}

.banner .h-banner {
    width: 100%;
    /* height: calc(100vh - 1.65rem); */
    overflow: hidden;
    height: 0;
    padding-bottom: 18.75%;
}

.banner .h-banner .swiper-slide .img {
    /* width: 100%;
    height: 100%; */
}

.banner .h-banner .swiper-slide img,
.banner .h-banner .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .txt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 33%;
    z-index: 1;
    transform: translateY(-50%);
}

.banner .txt .h1 {
    font-size: .6rem;
    font-weight: bold;
    color: #FFF;
}

.banner .txt .h2 {
    margin-bottom: 0.2rem;
    font-size: .3rem;
    color: #E0E0E0;
}

.banner .txt .h3 {
    margin-top: 0.2rem;
    text-transform: uppercase;
    letter-spacing: 0.28em;
    color: #EBEBEB;
}

.banner .txt .h4 {
    font-size: .55rem;
    line-height: 130%;
    font-weight: bold;
    color: #FFF;
}

.banner .txt::after {
    content: "";
    display: block;
    font-size: 0;
    width: 0.7rem;
    height: 4px;
    background: #9B0000;
    margin: 0.3rem auto 0;
}

.banner .h-but {
    width: .36rem;
    height: .36rem;
    cursor: pointer;
    position: absolute;
    right: 1.6rem;
    z-index: 2;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}

.banner .h-but.h-prev {
    top: 35%;
    background: url(../fonts/h-prev.svg) no-repeat center;
    background-size: 100% auto;
}

.banner .h-but.h-next {
    top: calc(35% + 0.72rem);
    background: url(../fonts/h-next.svg) no-repeat center;
    background-size: 100% auto;
}

.banner .nav-content {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.banner .slide-nav {
    position: absolute;
    right: 1.55rem;
    top: 50%;
    transform: translateY(-50%);
}

.banner .slide-nav .swiper-num {
    font-size: 0.18rem;
    color: #C84E4E;
}

.banner .slide-nav .swiper-num .active {
    font-size: 0.3rem;
    color: #9B0000;
}

.banner .slide-nav .navs {
    margin-left: 0.6rem;
}

.banner .slide-nav .navs .swiper-pagination-bullet {
    width: 0.32rem;
    height: 0.04rem;
    border-radius: 50px;
    background: #FFF;
    opacity: 1;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}

.banner .slide-nav .navs .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #9B0000;
}

.banner .slide-nav .navs .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: .12rem;
}


/* 轮播设置 */

.banner .h-banner .swiper-slide img {
    transition: 1s linear 2s;
    transform: scale(1.1);
}

.banner .h-banner .swiper-slide-active img,
.banner .h-banner .swiper-slide-duplicate-active img {
    transition: 6s linear;
    transform: scale(1);
}

@media (any-hover: hover) {
    .banner .h-but.h-prev:hover {
        background: url(../fonts/h-prevs.svg) no-repeat center;
        background-size: 100% auto;
    }
    .banner .h-but.h-next:hover {
        background: url(../fonts/h-nexts.svg) no-repeat center;
        background-size: 100% auto;
    }
}

@media only screen and (max-width:1080px) {
    .banner .h-banner {
        /* height: 6.9rem; */
    }
    .banner .h-but {
        display: none;
    }
    .banner .slide-nav {
        right: 0.5rem;
    }
    .banner .slide-nav .swiper-num {
        font-size: 0.24rem;
    }
}

.banner .transactionBtn{
    position: absolute;
    bottom: 0.3rem;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
}

.banner .transactionBtn .item{
    font-size: .18rem;
    font-weight: bold;
    color: #fff;
    line-height: .43rem;
    padding: 0 .2rem;
    margin-right: 1rem;
    background: url(../images/banner-btn-bg.jpg) no-repeat center/cover;
    border-radius: .5rem;
}

.banner .transactionBtn .item:last-child{
    margin-right: 0;
}

/* .banner .transactionBtn .item:hover{
    text-shadow: 0 0 3px #9B0000;
    color: #fff;
} */



/* 首页-研究院动态 */

.hom3-content {
    /* margin-top: .2rem; */
    padding: .6rem 0;
}

.hom3 {
    /* background: #f5f5f5; */
    /* padding: .2rem; */
    /* padding-top: 0.3rem; */
}

.hom3 .hom3-box {
    /* margin-top: 0.5rem; */
}

.hom3 .hom3-box .aside {
    /* width: 2rem; */
    /* padding-right: 0.4rem; */
}

.hom3 .hom3-box .aside .aside-nav{display: flex;border-bottom: 2px solid #D3D8EE;justify-content: space-between;}
.hom3 .hom3-box .aside .aside-nav .li {
    /* padding: .1rem 0;
    text-align: center;
    background-color: #d9d9d9; */
    color: #7B8792;
    padding: 0 0.3rem .1rem;
    font-size: .2rem;

}

.hom3 .hom3-box .aside .aside-nav .li.li-ing {
    /* background-color: #9B0000; */
    border-bottom: 2px solid #9B0000;
    margin: 0 0 -2px;
    font-weight: bold;
    color: #9B0000;
}

.hom3 .hom3-box .aside .aside-nav .li span {
    display: block;
    /* font-size: 0.2rem; */
    cursor: pointer;
    /* color: #fff; */
}


/* .hom3 .hom3-box .aside .aside-nav .li span::after {
    content: "";
    display: block;
    font-size: 0;
    width: 0;
    height: 2px;
    background: #9B0000;
    margin-top: 0.05rem;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
} */

.hom3 .hom3-box .aside .aside-nav .li.li-ing span::after {
    width: 80%;
}

.hom3 .hom3-box .aside .aside-nav .li:nth-child(n+2) {
    /* margin-top: 0.1rem; */
}

.hom3 .hom3-box .aside .hom3-more {
    margin-top: 0.8rem;
}

.hom3 .hom3-box .aside .hom3-more .more {
    display: block;
}

.hom3 .hom3-box .aside .hom3-more .more .morea {
    padding: 0 0.15rem;
}

.hom3 .hom3-box .aside .hom3-more .more .morea span {
    white-space: nowrap;
}

.hom3 .hom3-box .aside .hom3-more .more .morea .more-icon {
    width: 0.4rem;
    margin-left: 0.2rem;
}

.hom3 .hom3-box section {
    /* width: 14rem; */
    /* padding: .1rem; */
    border: 1px solid #fff;
}

.hom3 .hom3-box .section-box .li {
    /* width: calc((100% - 0.7rem)); */
    padding: .6rem 0 0;
    position: relative;
    overflow: hidden;
}

.hom3 .hom3-box .section-box .li img {
    width: 100%;
}

.hom3 .hom3-box .section-box .li:nth-child(2n) {
    margin-right: 0;
}

.hom3 .hom3-box .section-box .li .img {
    height: 2.3rem;
}

.hom3 .hom3-box .section-box .li .img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 1);
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}

.hom3 .hom3-box .section-box .li .infos {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 0.4rem;
}

.hom3 .hom3-box .section-box .li .infos .times {
    flex: 1;
    font-family: 'din';
    margin-right: 0.5rem;
    border-bottom: #D1D1D1 solid 1px;
}

.hom3 .hom3-box .section-box .li .infos .times .day {
    font-size: 0.28rem;
    color: #2F2F2F;
}

.hom3 .hom3-box .section-box .li .infos .times .year {
    font-size: 0.16rem;
    color: #A5A5A5;
    margin-top: 0.05rem;
}

.hom3 .hom3-box .section-box .li .infos .txt {
    width: 4.6rem;
}

.hom3 .hom3-box .section-box .li .infos .txt h3 {
    font-weight: bold;
    font-size: 0.2rem;
    color: #4A4A4A;
    line-height: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hom3 .hom3-box .section-box .li .infos .txt p {
    margin-top: 0.3rem;
    font-size: 0.16rem;
    color: #797979;
    line-height: 150%;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.hom3 .hom3-box .section-box .li .get-detail {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.hom3 .hom3-box .section-box .null-box {
    width: 100%;
    font-size: 0.6rem;
    color: #999;
}

.hom4 {
    background-color: #f5f5f5;
    margin-top: 0.2rem;
    padding: .2rem;
}

.hom4 .uls {
    width: 100%;
    margin-top: 0.6rem;
}

.hom4 .uls img {
    width: 100%;
}

.hom4 .uls .li {
    display: block;
    width: calc((100% - 0.8rem) / 2);
    height: 3rem;
    overflow: hidden;
    margin-right: 0.8rem;
    position: relative;
}

.hom4 .uls .li::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}

.hom4 .uls .li:nth-child(2n) {
    margin-right: 0;
}

.hom4 .uls .li .txt {
    color: #FFF;
    position: absolute;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
}

.hom4 .uls .li .txt h1 {
    font-size: 0.4rem;
    font-weight: bold;
}

.hom4 .uls .li .txt h2 {
    font-size: 0.3rem;
    text-transform: uppercase;
    margin-top: 0.1rem;
}

.hom4 .uls .li .txt::after {
    content: "";
    display: block;
    width: 0.42rem;
    height: 2px;
    background: #FFF;
    margin: 0.4rem auto 0;
}

@media (any-hover: hover) {
    .hom3 .hom3-box .aside .aside-nav .li:hover span::after {
        width: 80%;
    }
    /* .hom3 .hom3-box .section-box .li:hover {
        -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    } */
    /* .hom3 .hom3-box .section-box .li:hover .img::before {
        background: rgba(0, 0, 0, .3);
    }

    .hom3 .hom3-box .section-box .li:hover .infos .times {
        border-bottom: #FFF solid 1px;
    }

    .hom3 .hom3-box .section-box .li:hover .infos .times .day,
    .hom3 .hom3-box .section-box .li:hover .infos .times .year,
    .hom3 .hom3-box .section-box .li:hover .infos .txt h3,
    .hom3 .hom3-box .section-box .li:hover .infos .txt p {
        color: #FFF;
    } */
    .hom4 .uls .li:hover::after {
        background: rgba(121, 6, 6, .8);
    }
    .hom4 .uls .li:hover>img {
        transform: scale(1.05);
    }
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .hom3 .hom3-box .aside {
        padding-right: 0.3rem;
    }
    .hom3 .hom3-box .aside .aside-nav .li span {
        font-size: 0.22rem;
    }
    .hom3 .hom3-box .aside .hom3-more .more .morea {
        padding: 0 0.1rem;
        font-size: 0.2rem;
    }
    .hom3 .hom3-box .aside .hom3-more .more .morea .more-icon {
        margin-left: 0.1rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times {
        margin-right: 0.3rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times .day {
        font-size: 0.3rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times .year {
        font-size: 0.18rem;
    }
    .hom3 .hom3-box .section-box .li .infos .txt h3 {
        font-size: 0.22rem;
    }
    .hom3 .hom3-box .section-box .li .infos .txt p {
        font-size: 0.18rem;
        margin-top: 0.25rem;
    }
}

@media only screen and (min-width:1080px) and (max-width:1366px) {
    .hom3 .hom3-box .aside {
        padding-right: 0.25rem;
    }
    .hom3 .hom3-box .aside .aside-nav .li span {
        font-size: 0.24rem;
    }
    .hom3 .hom3-box .aside .hom3-more .more .morea {
        padding: 0 0.1rem;
        font-size: 0.22rem;
    }
    .hom3 .hom3-box .aside .hom3-more .more .morea .more-icon {
        margin-left: 0.1rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times {
        margin-right: 0.3rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times .day {
        font-size: 0.32rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times .year {
        font-size: 0.2rem;
    }
    .hom3 .hom3-box .section-box .li .infos .txt h3 {
        font-size: 0.24rem;
    }
    .hom3 .hom3-box .section-box .li .infos .txt p {
        font-size: 0.2rem;
        margin-top: 0.2rem;
    }
}

@media only screen and (max-width:1080px) {
    /* .hom3 {
        padding: 0 0.4rem;
    }
    .hom3 .hom3-box {
        flex-direction: column;
        position: relative;
        padding-bottom: 1rem;
    }
    .hom3 .hom3-box .aside {
        width: 100%;
        padding: 0;
    }
    .hom3 .hom3-box .aside .hom3-more {
        margin: auto;
        position: absolute;
        left: 50%;
        bottom: 0;
        z-index: 1;
    }
    .hom3 .hom3-box .aside .hom3-more .more {
        transform: translateX(-50%);
    }
    .hom3 .hom3-box .aside .hom3-more .more .morea {
        padding: 0 0.4rem;
    }
    .hom3 .hom3-box .aside .hom3-more .more .morea .more-icon {
        width: 0.7rem;
        margin-left: 0.5rem;
    }
    .hom3 .hom3-box .aside .aside-nav {
        display: flex;
        flex-wrap: wrap;
    }
    .hom3 .hom3-box .aside .aside-nav .li {
        text-align: center;
    }
    .hom3 .hom3-box .aside .aside-nav .li:nth-child(n+2) {
        margin-top: auto;
    }
    .hom3 .hom3-box .aside .aside-nav .li:nth-child(3n) {
        margin-right: 0;
    }
    .hom3 .hom3-box .aside .aside-nav .li span {
        font-size: 0.26rem;
        line-height: 2;
    }
    .hom3 .hom3-box .aside .aside-nav .li span::after {
        display: none;
    }
    .hom3 .hom3-box .aside .aside-nav .li.li-ing {
    }
    .hom3 .hom3-box .aside .aside-nav .li.li-ing span {
        color: #FFF;
    }
    .hom3 .hom3-box section {
        width: 100%;
    }
    .hom3 .hom3-box .section-box .li {
        width: 100%;
        margin-right: 0;
    }
    .hom3 .hom3-box .section-box .li .img {
        display: none;
    }
    .hom3 .hom3-box .section-box .li .infos {
        padding: 0.3rem;
        position: static;
        background-color: #FFF;
    }
    .hom3 .hom3-box .section-box .li .infos .times {
        margin-right: 0.3rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times .day {
        font-size: 0.36rem;
    }
    .hom3 .hom3-box .section-box .li .infos .times .year {
        font-size: 0.28rem;
    }
    .hom3 .hom3-box .section-box .li .infos .txt h3 {
        font-size: 0.26rem;
    }
    .hom3 .hom3-box .section-box .li .infos .txt p {
        font-size: 0.24rem;
    }
    .hom3 .hom3-box .section-box .null-box {
        font-size: 0.36rem;
    } */
    .hom4 {
        margin-top: 0.5rem;
        margin-bottom: 1.5rem;
        padding: 0 0.4rem;
    }
    .hom4 .uls {
        margin-top: 0.4rem;
    }
    .hom4 .uls .li {
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 0.4rem;
    }
}


/*<<<<<<<<<<<<<<<<<<<<<< 关于我们 >>>>>>>>>>>>>>>>>>>>>>>*/

.abo1-content {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.abo1-1 {
    padding-bottom: 0.4rem;
}

.abo1-1 .logo {
    text-align: center;
    margin-top: 0.6rem;
    height: 0.6rem;
}

.abo1-1 .logo img {
    margin: 0 auto;
}

.abo1-1 .cont {
    margin-top: 0.6rem;
    display: block;
    clear: both;
}

.abo1-1 .cont:after {
    content: '';
    display: block;
    clear: both;
}

.abo1-1 .cont .ps {
    font-size: 18px;
    line-height: 200%;
    text-indent: 2em;
    color: #494949;
    text-align: justify;
    float: left;
}

.abo1-1 .cont .imgs {
    width: 44.921875%;
    float: right;
}

.abo1-1 .cont .imgs .photo {
    margin-top: 0.1rem;
}

.abo1-1 .cont .imgs .photo::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.32rem;
    background: #9B0000;
}

.abo1-1 .cont .imgs .photo img {
    display: block;
    width: 100%;
    height: auto;
}

.abo1-1 .cont .imgs .video {
    margin-top: 0.4rem;
    flex-wrap: wrap;
}

.abo1-1 .cont .imgs .video .get-li {
    display: block;
    width: 49%;
    margin-bottom: 0.15rem;
    text-align: center;
    background: #FFF;
    border: 1px solid #9B0000;
    border-radius: 8px;
}

.abo1-1 .cont .imgs .video .get-li span {
    display: inline-block;
    font-size: 0.22rem;
    line-height: 0.58rem;
    color: #9B0000;
    padding-left: 0.5rem;
}

.abo1-1 .cont .imgs .video .get-li.get-video span {
    background: url(../fonts/icon2-on.svg) no-repeat left center;
    background-size: auto 50%;
}

.abo1-1 .cont .imgs .video .get-li.get-pdf span {
    background: url(../fonts/icon3.svg) no-repeat left center;
    background-size: auto 50%;
}

.abo1-2 {
    margin-top: 0.8rem;
}

.abo1-2 .li {
    position: relative;
    padding: 0.4rem 0.2rem;
    border: 1px solid #7E7E7E;
    border-radius: 8px;
    margin-top: 50px;
    background: #FFF;
    -webkit-box-shadow: 4px 4px 0 1px #D9D9D9;
    -moz-box-shadow: 4px 4px 0 1px #D9D9D9;
    box-shadow: 4px 4px 0 1px #D9D9D9;
}

.abo1-2 .li .li-t {
    font-size: 0.22rem;
    font-weight: bold;
    color: #3B3B3B;
    display: inline-block;
    padding: 0 0.5rem;
    background: #FFF;
    position: absolute;
    left: 0.4rem;
    top: 0;
    z-index: 1;
    transform: translate3d(0, -50%, 0);
}

.abo1-2 .li .ps {
    font-size: 0.2rem;
    color: #9B0000;
    line-height: 180%;
}

.abo1-2 .li .ps.p1 {
    text-indent: 2em;
}

.abo1-2 .li .p2 {
    margin-top: 0.3rem;
}

.abo1-2 .li ul {
    display: inline-block;
}

.abo1-2 .li ul li .sp {
    font-size: 0.2rem;
    line-height: 180%;
    text-align: justify;
    display: inline-block;
    color: #676767;
}

.abo1-2 .li ul li .sp.sp-t {
    flex-shrink: 0;
    color: #9B0000;
}

.abo1-3 {
    margin-top: 1rem;
}

.abo1-3 .img::before {
    content: "";
    font-size: 0;
    display: block;
    width: 100%;
    height: 0.3rem;
    background: #E5E5E5;
}

.abo1-3 .img::after {
    content: "";
    font-size: 0;
    display: block;
    width: 100%;
    height: 0.15rem;
    background: #9B0000;
}

.abo2-content {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.abo2 {
    background: #F5F5F5;
    margin-top: 0.8rem;
}

.abo2 .infos {
    width: 27.34375%;
    flex-shrink: 0;
    background: #9B0000;
}

.abo2 .infos .ps {
    padding: 0.6rem 0.4rem 0.8rem;
}

.abo2 .infos .ps h2 {
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
}

.abo2 .infos .ps h3 {
    font-size: 22px;
    color: #FFF;
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
}

.abo2 .infos .ps p {
    font-size: 16px;
    line-height: 200%;
    margin-top: 0.05rem;
    color: #E6E6E6;
}

.abo2 .text {
    flex: 1;
    padding: 0.6rem 0.7rem;
}

.abo2 .text .ps {
    font-size: 18px;
    line-height: 200%;
    color: #494949;
    text-align: justify;
    text-indent: 2em;
}

.abo2 .text .name {
    margin-top: 0.4rem;
    text-align: end;
}

.abo2 .text .name .name-box {
    display: inline-block;
}

.abo2 .text .name .name-p {
    display: inline-block;
    font-size: 16px;
    line-height: 200%;
}

.abo2 .text .name .name-img {
    height: 0.72rem;
    margin-top: 0.1rem;
}

.abo2 .text .name .name-img img {
    height: 100%;
    width: auto;
}

.abo3 {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.abo3 .abo3-box1 {
    margin-top: 1rem;
    flex-wrap: wrap;
}

.abo3 .abo3-box1 .box1-li {
    width: 48.4375%;
    background: #F0F0F0;
    padding: 0 2.34375% 0 2.34375%;
}

.abo3 .abo3-box1 .box1-li .img {
    width: 48.21428571428571%;
    flex-shrink: 0;
    margin-right: 3.57142857142857%;
    margin-top: -5.35714285714286%;
}

.abo3 .abo3-box1 .box1-li .img img {
    width: 100%;
    height: auto;
}

.abo3 .abo3-box1 .box1-li .infos {
    padding: 20px 0 30px 20px;
}

.abo3 .abo3-box1 .box1-li .infos h1 {
    font-size: 32px;
    color: #9B0000;
}

.abo3 .abo3-box1 .box1-li .infos h2 {
    font-size: 22px;
    color: #9B0000;
    margin-top: 10px;
}

.abo3 .abo3-box1 .box1-li .infos .ps {
    font-size: 18px;
    line-height: 200%;
    color: #494949;
    text-align: justify;
    margin-top: 30px;
}

.abo3 .abo3-box1 .box1-li .infos .ps::before {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background: #B4B4B4;
    margin-bottom: 15px;
}

.abo3 .abo3-box1 .box1-li .infos .ps p {
    position: relative;
}

.abo3 .abo3-box1 .box1-li .infos .ps p::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    font-size: 0;
    border-radius: 50%;
    background-color: #9B0000;
    position: absolute;
    left: -20px;
    top: 15px;
    z-index: 1;
}

.abo3 .abo3-box2 {
    margin-top: 1rem;
}

.abo3 .abo3-box2 .box2-li {
    margin-bottom: 0.65rem;
    padding: 0 2.34375% 2.34375%;
    background: #F0F0F0;
}

.abo3 .abo3-box2 .box2-li .img {
    width: 20.49180327868852%;
    margin-right: 3.27868852459016%;
    flex-shrink: 0;
    margin-top: -2.45901639344262%;
}

.abo3 .abo3-box2 .box2-li .img img {
    width: 100%;
    height: auto;
}

.abo3 .abo3-box2 .box2-li .infos {
    flex: 1;
    padding: 3.27868852459016% 0 3.27868852459016% 20px;
}

.abo3 .abo3-box2 .box2-li .infos h1 {
    font-size: 25px;
    color: #9B0000;
}

.abo3 .abo3-box2 .box2-li .infos h2 {
    font-size: 16px;
    color: #9B0000;
    margin-top: 8px;
}

.abo3 .abo3-box2 .box2-li .infos h2::after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background: #B4B4B4;
    margin-top: 10px;
}

.abo3 .abo3-box2 .box2-li .infos .ps {
    margin-top: 20px;
    text-align: justify;
    font-size: 18px;
    line-height: 2;
    color: #494949;
}

.abo3 .abo3-box2 .box2-li .infos .ps p {
    position: relative;
}

.abo3 .abo3-box2 .box2-li .infos .ps p::before {
    content: "";
    font-size: 0;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #9B0000;
    position: absolute;
    left: -14px;
    top: 15px;
    z-index: 1;
}

.abo4-content {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.abo4-content .abo4 {
    padding: 0.3rem 0.4rem 0.5rem;
    background: #F3F3F3;
    margin-top: 0.5rem;
}

.abo4-content .abo4 .abo4-tit {
    font-size: 24px;
    color: #4C4C4C;
}

.abo4-content .abo4 .img {
    margin-top: 0.5rem;
}

.abo4-content .abo4 .img img {
    max-width: 100%;
    margin: 0 auto;
}

.abo5 {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.abo5-content {
    margin-top: 0.9rem;
}

.abo5-content .abo5-box:nth-child(n+2) {
    margin-top: 18px;
}

.abo5-content .abo5-box .abo5-tit {
    width: 22.65625%;
    flex-shrink: 0;
    margin-right: 1.25%;
    border-radius: 8px;
    background-color: #9B0000;
}

.abo5-content .abo5-box .abo5-tit>span {
    font-size: 22px;
    color: #FFF;
}

.abo5-content .abo5-box .lis {
    flex: 1;
    padding: 18px 20px;
    border: 1px solid #7E7E7E;
    background-color: #FFF;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 3px 3px 0 0 #D9D9D9;
    -moz-box-shadow: 3px 3px 0 0 #D9D9D9;
    box-shadow: 3px 3px 0 0 #D9D9D9;
}

.abo5-content .abo5-box .lis .li:nth-child(n+2) {
    margin-top: 20px;
}

.abo5-content .abo5-box .lis .li .name {
    font-size: 20px;
    line-height: 36px;
    color: #9B0000;
    width: 102px;
    flex-shrink: 0;
    height: 100%;
    margin-right: 30px;
    padding-right: 20px;
    border-right: 2px solid #9B0000;
}

.abo5-content .abo5-box .lis .li .ps {
    font-size: 20px;
    line-height: 36px;
    color: #616161;
}

.abo6-content {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.abo6 {
    margin-top: 0.9rem;
}

.abo6 .li {
    padding: 0 6.25% 2.34375% 2.34375%;
    background-color: #F0F0F0;
}

.abo6 .li:nth-child(n+2) {
    margin-top: 1rem;
}

.abo6 .li .img {
    width: 20.49180327868852%;
    flex-shrink: 0;
    margin-right: 3.27868852459016%;
    margin-top: -2.45901639344262%;
}

.abo6 .li .img img {
    width: 100%;
    height: auto;
}

.abo6 .li .infos {
    flex: 1;
}

.abo6 .li .infos h2 {
    font-size: 36px;
    color: #9B0000;
}

.abo6 .li .infos h2::after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background-color: #494949;
    margin-top: 15px;
    font-size: 0;
}

.abo6 .li .infos .ps {
    font-size: 20px;
    line-height: 2;
    color: #494949;
    text-align: justify;
    margin-top: 15px;
}

.abo7-content {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.abo7-content .abo7-infos {
    margin-top: 0.7rem;
}

.abo7-infos .info .tit {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 10px;
}

.abo7-infos .info .tit h1 {
    font-size: 22px;
    color: #9B0000;
}

.abo7-infos .info .tit h2 {
    font-size: 16px;
    color: #B9B9B9;
    margin-top: 10px;
    text-transform: uppercase;
}

.abo7-infos .info .ps {
    margin-top: 0.6rem;
    font-size: 18px;
    line-height: 2;
    color: #5E5E5E;
}

.abo7-infos .info .ps .p span {
    display: inline-block;
}

.abo7-infos .info .ps .p span.pt {
    flex-shrink: 0;
}

.abo7-infos .qrcode .li {
    width: 2rem;
}

.abo7-infos .qrcode .li .img {
    border: 1px solid #D5D5D5;
}

.abo7-infos .qrcode .li span {
    font-size: 18px;
    color: #5E5E5E;
    display: block;
    margin-top: 10px;
}

.abo7-content .abo7-maps {
    margin-top: 0.6rem;
    height: 500px;
    background-color: #D8D8D8;
}

@media (any-hover: hover) {
    .abo1-1 .cont .imgs .video .get-li:hover {
        background: #9B0000;
    }
    .abo1-1 .cont .imgs .video .get-li.get-video:hover span {
        color: #FFF;
        background: url(../fonts/icon2.svg) no-repeat left center;
        background-size: auto 50%;
    }
    .abo1-1 .cont .imgs .video .get-li.get-pdf:hover span {
        color: #FFF;
        background: url(../fonts/icon3-on.svg) no-repeat left center;
        background-size: auto 50%;
    }
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .abo1-1 .cont .ps {
        font-size: 0.22rem;
    }
    .abo1-2 .li .li-t {
        font-size: 0.26rem;
    }
    .abo1-2 .li .ps,
    .abo1-2 .li ul li .sp {
        font-size: 0.24rem;
    }
    .abo2 .infos .ps h2 {
        font-size: 0.34rem;
    }
    .abo2 .infos .ps h3 {
        font-size: 0.26rem;
    }
    .abo2 .infos .ps p {
        font-size: 0.2rem;
    }
    .abo2 .text .ps {
        font-size: 0.22rem;
    }
    .abo2 .text .name .name-p {
        font-size: 0.2rem;
    }
    .abo3 .abo3-box1 .box1-li .infos h1 {
        font-size: 26px;
    }
    .abo3 .abo3-box1 .box1-li .infos h2 {
        font-size: 18px;
    }
    .abo3 .abo3-box1 .box1-li .infos .ps {
        font-size: 14px;
    }
    .abo3 .abo3-box1 .box1-li .infos .ps p::before {
        top: 11px;
    }
    .abo3 .abo3-box2 .box2-li .infos h1 {
        font-size: 22px;
    }
    .abo3 .abo3-box2 .box2-li .infos h2 {
        font-size: 16px;
    }
    .abo3 .abo3-box2 .box2-li .infos .ps {
        font-size: 16px;
    }
    .abo3 .abo3-box2 .box2-li .infos .ps p::before {
        top: 13px;
    }
    .abo4-content .abo4 .abo4-tit {
        font-size: 22px;
    }
    .abo5-content .abo5-box .abo5-tit>span {
        font-size: 20px;
    }
    .abo5-content .abo5-box .lis .li .name {
        width: 95px;
        font-size: 18px;
        line-height: 30px;
    }
    .abo5-content .abo5-box .lis .li .ps {
        font-size: 18px;
        line-height: 30px;
    }
    .abo6 .li .infos h2 {
        font-size: 32px;
    }
    .abo6 .li .infos .ps {
        font-size: 18px;
    }
    .abo7-infos .info .tit h1 {
        font-size: 20px;
    }
    .abo7-infos .info .tit h2 {
        font-size: 14px;
    }
    .abo7-infos .info .ps {
        font-size: 16px;
    }
    .abo7-infos .qrcode .li span {
        font-size: 16px;
    }
}

@media only screen and (min-width:1080px) and (max-width:1366px) {
    .abo1-1 .cont .ps {
        font-size: 0.24rem;
    }
    .abo1-2 .li .li-t {
        font-size: 0.28rem;
    }
    .abo1-2 .li .ps,
    .abo1-2 .li ul li .sp {
        font-size: 0.26rem;
    }
    .abo2 .infos .ps h2 {
        font-size: 0.36rem;
    }
    .abo2 .infos .ps h3 {
        font-size: 0.28rem;
    }
    .abo2 .infos .ps p {
        font-size: 0.22rem;
    }
    .abo2 .text .ps {
        font-size: 0.24rem;
    }
    .abo2 .text .name .name-p {
        font-size: 0.22rem;
    }
    .abo3 .abo3-box1 .box1-li .infos h1 {
        font-size: 24px;
    }
    .abo3 .abo3-box1 .box1-li .infos h2 {
        font-size: 16px;
    }
    .abo3 .abo3-box1 .box1-li .infos .ps {
        font-size: 12px;
    }
    .abo3 .abo3-box1 .box1-li .infos .ps p::before {
        width: 4px;
        height: 4px;
        top: 10px;
    }
    .abo3 .abo3-box2 .box2-li .infos h1 {
        font-size: 22px;
    }
    .abo3 .abo3-box2 .box2-li .infos h2 {
        font-size: 16px;
    }
    .abo3 .abo3-box2 .box2-li .infos .ps {
        font-size: 16px;
    }
    .abo3 .abo3-box2 .box2-li .infos .ps p::before {
        top: 13px;
    }
    .abo4-content .abo4 .abo4-tit {
        font-size: 18px;
    }
    .abo5-content .abo5-box .abo5-tit>span {
        font-size: 18px;
    }
    .abo5-content .abo5-box .lis .li .name {
        width: 89px;
        font-size: 16px;
        line-height: 26px;
    }
    .abo5-content .abo5-box .lis .li .ps {
        font-size: 16px;
        line-height: 26px;
    }
    .abo6 .li .infos h2 {
        font-size: 28px;
    }
    .abo6 .li .infos .ps {
        font-size: 16px;
    }
    .abo7-infos .info .tit h1 {
        font-size: 20px;
    }
    .abo7-infos .info .tit h2 {
        font-size: 14px;
    }
    .abo7-infos .info .ps {
        font-size: 14px;
    }
    .abo7-infos .qrcode .li span {
        font-size: 14px;
    }
}

@media only screen and (max-width:1080px) {
    .abo1-content {
        margin-top: 0.5rem;
        padding: 0 0.4rem;
    }
    .abo1-1 {
        padding: 0;
    }
    .abo1-1 .cont {
        margin-top: 0.5rem;
        flex-direction: column;
    }
    .abo1-1 .cont .ps {
        font-size: 0.24rem;
        width: 100% !important;
    }
    .abo1-1 .cont .imgs {
        width: 100%;
    }
    .abo1-1 .cont .imgs .photo {
        width: 100%;
        margin-top: 0.4rem;
    }
    .abo1-1 .cont .imgs .photo::after {
        height: 0.2rem;
    }
    .abo1-1 .cont .imgs .video .get-li {
        border-radius: 0.08rem;
    }
    .abo1-1 .cont .imgs .video .get-li span {
        font-size: 0.26rem;
        line-height: 0.7rem;
    }
    .abo1-2 .li {
        padding: 0.4rem 0.3rem 0.3rem;
        margin-top: 0.6rem;
        border-radius: 0.08rem;
    }
    .abo1-2 .li .li-t {
        font-size: 0.3rem;
    }
    .abo1-2 .li .ps {
        font-size: 0.26rem;
    }
    .abo1-2 .li .p2 {
        margin-top: 0.2rem;
    }
    .abo1-2 .li ul li .sp {
        font-size: 0.26rem;
    }
    .abo1-3 {
        margin-top: 0.5rem;
    }
    .abo2-content {
        padding: 0 0.4rem;
    }
    .abo2 {
        flex-direction: column;
        background: transparent;
    }
    .abo2 .infos {
        width: 100%;
        display: flex;
        background: transparent;
    }
    .abo2 .infos>img {
        width: 37%;
        height: 100%;
    }
    .abo2 .infos .ps {
        flex: 1;
        padding: 0.3rem 0.25rem 0.2rem;
        background-color: #9B0000;
        margin-left: 1%;
    }
    .abo2 .infos .ps h2 {
        font-size: 0.36rem;
        margin-bottom: 0.2rem !important;
    }
    .abo2 .infos .ps p {
        font-size: 0.24rem;
        margin-top: 0;
    }
    .abo2 .text {
        padding: 0.3rem;
        margin-top: 0.4rem;
        background-color: #F5F5F5;
    }
    .abo2 .text .ps {
        font-size: 0.24rem;
    }
    .abo2 .text .name {
        margin-top: 0.6rem;
    }
    .abo2 .text .name .name-p {
        font-size: 0.26rem;
    }
    .abo2 .text .name img {
        width: 1rem;
        height: auto;
    }
    .abo3 {
        padding: 0 0.4rem;
    }
    .abo3 .abo3-box1 {
        margin-top: 0.6rem;
        flex-direction: column;
    }
    .abo3 .abo3-box1 .box1-li {
        width: 100%;
    }
    .abo3 .abo3-box1 .box1-li:nth-child(n+2) {
        margin-top: 0.6rem;
    }
    .abo3 .abo3-box1 .box1-li .img,
    .abo3 .abo3-box2 .box2-li .img,
    .abo6 .li .img {
        width: 39.15%;
    }
    .abo3 .abo3-box1 .box1-li .infos,
    .abo3 .abo3-box2 .box2-li .infos {
        padding: 0.2rem 0 0.2rem 0.3rem;
    }
    .abo3 .abo3-box1 .box1-li .infos h1,
    .abo3 .abo3-box2 .box2-li .infos h1,
    .abo6 .li .infos h2 {
        font-size: 0.32rem;
    }
    .abo3 .abo3-box1 .box1-li .infos h2,
    .abo3 .abo3-box2 .box2-li .infos h2 {
        font-size: 0.24rem;
        margin-top: 0.1rem;
    }
    .abo3 .abo3-box1 .box1-li .infos .ps,
    .abo3 .abo3-box2 .box2-li .infos .ps,
    .abo6 .li .infos .ps {
        font-size: 0.24rem;
        margin-top: 0.2rem;
    }
    .abo3 .abo3-box1 .box1-li .infos .ps::before {
        margin-bottom: 0.15rem;
    }
    .abo3 .abo3-box1 .box1-li .infos .ps p::before,
    .abo3 .abo3-box2 .box2-li .infos .ps p::before {
        width: 0.06rem;
        height: 0.06rem;
        top: 0.21rem;
        left: -0.2rem;
    }
    .abo3 .abo3-box2 {
        margin-top: 0.6rem;
    }
    .abo3 .abo3-box2 .box2-li {
        margin-bottom: 0.6rem;
    }
    .abo4-content {
        padding: 0 0.4rem;
    }
    .abo4-content .abo4 {
        padding: 0.3rem 0.3rem 0.6rem;
    }
    .abo4-content .abo4 .abo4-tit {
        font-size: 0.3rem;
    }
    .abo5 {
        padding: 0 0.4rem;
    }
    .abo5-content {
        margin-top: 0.6rem;
    }
    .abo5-content .abo5-box {
        flex-direction: column;
    }
    .abo5-content .abo5-box .abo5-tit {
        width: 100%;
        padding: 0.15rem 0;
        border-radius: 0.08rem 0.08rem 0 0;
        margin-right: 0;
    }
    .abo5-content .abo5-box .abo5-tit>span {
        font-size: 0.28rem;
        line-height: 1.5;
    }
    .abo5-content .abo5-box .lis {
        padding: 0.2rem 0.3rem;
        border-radius: 0.08rem;
        margin-top: 0.2rem;
    }
    .abo5-content .abo5-box .lis .li .name {
        width: 20%;
        font-size: 0.26rem;
        padding-right: 0.2rem;
        margin-right: 0.3rem;
        line-height: 1.5;
        height: auto;
    }
    .abo5-content .abo5-box .lis .li .ps {
        font-size: 0.26rem;
        line-height: 1.5;
        text-align: justify;
    }
    .abo6-content {
        padding: 0 0.4rem;
    }
    .abo6 {
        margin-top: 0.6rem;
    }
    .abo6 .li {
        padding: 0 2.34375% 2.34375%;
        align-items: flex-start;
    }
    .abo6 .li .infos {
        padding: 0.2rem 0.2rem 0.3rem;
    }
    .abo7-content {
        padding: 0 0.4rem;
    }
    .abo7-content .abo7-infos {
        flex-direction: column;
        margin-top: 0.6rem;
        align-items: center;
    }
    .abo7-infos .info .tit {
        padding-bottom: 0.1rem;
    }
    .abo7-infos .info .tit h1 {
        font-size: 0.3rem;
    }
    .abo7-infos .info .tit h2 {
        font-size: 0.24rem;
        margin-top: 0.1rem;
    }
    .abo7-infos .info .ps {
        margin-top: 0.4rem;
        font-size: 0.26rem;
    }
    .abo7-infos .qrcode {
        margin-top: 0.5rem;
    }
    .abo7-infos .qrcode .li {
        width: auto;
    }
    .abo7-infos .qrcode .li .img {
        width: 2rem;
        margin: 0 auto;
    }
    .abo7-infos .qrcode .li span {
        margin-top: 0.15rem;
        font-size: 0.24rem;
    }
    .abo7-content .abo7-maps {
        height: 250px;
    }
}


/*<<<<<<<<<<<<<<<<<<<<<< 新闻中心 >>>>>>>>>>>>>>>>>>>>>>>*/

.news-content {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.news-lists {
    margin-top: 0.8rem;
    flex-wrap: wrap;
}

.news-lists .li {
    width: 32.03125%;
    border: 1px solid #CDCDCD;
    margin-bottom: 0.6rem;
    margin-right: 1.953125%;
    padding: 0.78125% 0.78125% 1.5625%;
    position: relative;
}

.news-lists .li:nth-child(3n) {
    margin-right: 0;
}

.news-lists .li .img {
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #D8D8D8;
    padding-bottom: 62.82051282051282%;
    position: relative;
}

.news-lists .li .img img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-lists .li .txt {
    margin-top: 20px;
}

.news-lists .li .txt h1 {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news-lists .li .txt .time {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #797979;
    padding-left: 25px;
    background: url(../fonts/time-logo.svg) no-repeat left center;
    background-size: auto 100%;
}

.news-lists .li .txt .smalltext {
    font-size: 14px;
    line-height: 22px;
    height: 66px;
    color: #696969;
    margin-top: 10px;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news-lists .li .get-detail {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.news-detail {
    margin-top: .6rem;
    margin-bottom: 2.5rem
}

.news-detail .section {
    width: 67.96875%;
}

.news-detail .detail-head {
    padding-bottom: 20px;
    border-bottom: #D8D8D8 solid 1px;
}

.news-detail .detail-head .title {
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    color: #000;
}

.news-detail .detail-head .infos {
    margin-top: 10px;
    text-align: center;
}

.news-detail .detail-head .infos span {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 2;
    color: #696969;
}

.news-detail .detail-head .infos span.icon {
    width: 1px;
    height: 20px;
    padding: 0;
    font-size: 0;
    background-color: #696969;
}

.news-detail .detail-content {
    margin-top: .5rem;
    font-size: 18px;
    line-height: 2;
    text-align: justify;
    color: #696969;
}

.news-detail .detail-content img {
    display: inline-block;
    max-width: 750px;
    height: auto !important;
    margin: 0.2rem auto;
}

.news-detail .aside {
    flex-shrink: 0;
    width: 27.34375%;
    margin-left: 4.6875%;
}

.news-detail .aside .aside-box:nth-child(n+2) {
    margin-top: 0.3rem;
}

.news-detail .aside .aside-tit {
    font-size: 18px;
    line-height: 42px;
    padding: 0 4%;
    background: #9A0000;
    color: #FFF;
}

.news-detail .aside .aside-ul {
    margin-top: 0.1rem;
    background: #F5F5F5;
    padding: 4%;
}

.news-detail .aside .aside-ul .li {
    display: block;
    position: relative;
    color: #383838;
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #A7A7A7;
}

.news-detail .aside .aside-ul .li:nth-child(n+2) {
    margin-top: 0.1rem;
}

.news-detail .aside .aside-ul .li .h1 {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news-detail .aside .aside-ul .li .time {
    font-size: 12px;
    margin-top: 5px;
}

.news-detail .aside .aside-ul .li .h1::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9A0000;
    position: absolute;
    left: 0;
    top: calc(12px - 4px);
}

.news-detail .aside .aside-ul .li:hover {
    color: #94070A;
}

@media (any-hover: hover) {
    .news-lists .li:hover {
        border: 1px solid #9B0000;
        -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, .5);
    }
    .news-lists .li:hover .img img {
        transform: scale(1.1);
    }
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .news-detail .detail-head .title {
        font-size: 24px;
    }
    .news-detail .detail-content {
        font-size: 18px;
    }
    .news-detail .aside .aside-tit {
        font-size: 18px;
    }
    .news-detail .detail-content img {
        max-width: 100%;
    }
}

@media only screen and (min-width:1080px) and (max-width:1366px) {
    .news-detail .detail-head .title {
        font-size: 22px;
    }
    .news-detail .detail-content {
        font-size: 16px;
    }
    .news-detail .aside .aside-tit {
        font-size: 16px;
    }
    .news-detail .detail-content img {
        max-width: 100%;
    }
}

@media only screen and (max-width:1080px) {
    .news-content {
        padding: 0 0.4rem;
    }
    .news-lists {
        margin-top: 0.6rem;
    }
    .news-lists .li {
        width: 100%;
    }
    .news-lists .li .txt {
        margin-top: 0.2rem;
        padding: 0.1rem 0.2rem;
    }
    .news-lists .li .txt h1 {
        font-size: 0.32rem;
        line-height: 1.5;
        height: auto;
    }
    .news-lists .li .txt .time {
        font-size: 0.24rem;
        margin-top: 0.1rem;
        line-height: 1.5;
        padding-left: 0.5rem;
    }
    .news-lists .li .txt .smalltext {
        font-size: 0.26rem;
        line-height: 1.5;
        margin-top: 0.1rem;
        height: auto;
    }
    .news-detail {
        margin-top: 0.4rem;
        padding: 0 0.4rem;
        flex-direction: column;
    }
    .news-detail .detail-head {
        padding-bottom: 0.2rem;
    }
    .news-detail .detail-head .title {
        font-size: 0.32rem;
    }
    .news-detail .detail-head .infos {
        margin-top: 0.2rem;
    }
    .news-detail .detail-head .infos span.icon {
        height: 0.2rem;
        margin: 0 0.2rem;
    }
    .news-detail .detail-head .infos span {
        font-size: 0.24rem;
        display: block;
        padding: 0;
    }
    .news-detail .detail-head .infos span:nth-child(n+2) {
        border-left: none;
    }
    .news-detail .detail-content {
        font-size: 0.26rem;
        margin-top: 0.3rem;
    }
    .news-detail .detail-content img {
        max-width: 100%;
        height: auto !important;
    }
    .news-detail .section {
        margin-right: 0;
        width: 100%;
    }
    .news-detail .aside {
        width: 100%;
        margin-top: 0.6rem;
        margin-left: 0;
    }
    .news-detail .aside .aside-tit {
        font-size: 0.28rem;
        line-height: 2;
    }
    .news-detail .aside .aside-ul .li {
        padding-left: 0.2rem;
        padding-bottom: 0.2rem;
    }
    .news-detail .aside .aside-ul .li .h1 {
        font-size: 0.26rem;
        line-height: 1.5;
    }
    .news-detail .aside .aside-ul .li .h1::after {
        width: 0.1rem;
        height: 0.1rem;
        top: 0.144rem;
    }
    .news-detail .aside .aside-ul .li .time {
        font-size: 0.24rem;
        margin-top: 0.1rem;
    }
}


/*<<<<<<<<<<<<<<<<<<<<<< 公共样式 >>>>>>>>>>>>>>>>>>>>>>>*/

.research {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.research .teams {
    margin-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.research .section-title h3 {
    font-size: 22px;
    color: #9B0000;
}

.research .section-title h4 {
    font-size: 12px;
    color: #B9B9B9;
    margin-top: 5px;
    text-transform: uppercase;
}

.research .teams .team-ul {
    margin-top: 0.6rem;
    flex-wrap: wrap;
}

.research .teams .team-ul .li {
    width: 47.65625%;
    position: relative;
    z-index: 0;
}

.research .teams .team-ul .li:nth-child(n+3) {
    margin-top: 2rem;
}

.research .teams .team-ul .li .img {
    width: 40.9%;
    height: 0;
    padding-bottom: 52.55737704918033%;
    position: relative;
}

.research .teams .team-ul .li .img img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.research .teams .team-ul .li .img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    display: block;
    font-size: 0;
    width: 111.1111111111111%;
    padding-bottom: 133.3333333333333%;
    background-color: #9B0000;
}

.research .teams .team-ul .li .infos {
    position: absolute;
    right: 0;
    top: 0.8rem;
    z-index: -1;
    width: 80.59016393442623%;
    min-height: 100%;
    padding: 3.27868852459016% 3.27868852459016% 3.27868852459016% 27.86885245901639%;
    margin-left: auto;
    background-color: #FFF;
    border: #DADADA solid 1px;
}

.research .teams .team-ul .li .infos h2 {
    font-size: 24px;
}

.research .teams .team-ul .li .infos h2::after {
    content: '';
    display: block;
    font-size: 0;
    width: 30px;
    height: 2px;
    background-color: #9B0000;
    margin-top: 10px;
}

.research .teams .team-ul .li .infos .ps {
    margin-top: 15px;
}

.research .teams .team-ul .li .infos .ps p {
    position: relative;
    font-size: 16px;
    line-height: 2;
    color: #525252;
    text-align: justify;
    margin-top: 5px;
}

.research .teams .team-ul .li .infos .ps p::before {
    content: '';
    display: block;
    font-size: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #9B0000;
    position: absolute;
    left: -15px;
    top: 13px;
    z-index: 1;
}

.research .single {
    margin-top: 0.6rem;
}

.single .box1 {
    margin-top: 0.6rem;
    padding: 2% 4% 2% 0;
    border-right: 0.1rem solid #9B0000;
    background-color: #F7F7F7;
}

.single .box1 .video-box {
    width: 40.078125%;
    height: 100%;
    flex-shrink: 0;
    margin-right: 8.59375%;
    position: relative;
    z-index: 0;
}

.single .box1 .video-box .video {
    width: 100%;
    height: 0;
    padding-bottom: 59.4541910331384%;
    transform: translate3d(5.2%, -7.5%, 0);
    position: relative;
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
}

.single .box1 .video-box .video img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single .box1 .video-box .video::after {
    content: "";
    display: block;
    font-size: 0;
    width: 0.6rem;
    height: 0.6rem;
    background: url(../fonts/video-play.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    left: calc(50% - 0.3rem);
    top: calc(50% - 0.3rem);
    z-index: 1;
}

.single .box1 .video-box::after {
    content: "";
    display: block;
    font-size: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 94.73684210526316%;
    padding-bottom: 41.13060428849903%;
    background-color: #9B0000;
}

.single .box1 .ps {
    padding: 30px 0 20px;
    font-size: 16px;
    color: #444;
    line-height: 2;
    text-align: justify;
    text-indent: 2em;
}

.single .box2 {
    margin-top: 0.6rem;
    flex-wrap: wrap;
}

.single .box2 .li {
    width: 48.046875%;
}

.single .box2 .li:nth-child(n+3) {
    margin-top: 30px;
}

.single .box2 .li h3 {
    font-size: 18px;
    line-height: 2;
    padding: 5px 20px;
    background-color: #9B0000;
    color: #FFF;
    border-radius: 10px 10px 0 0;
}

.single .box3 {
    margin-top: 0.6rem;
}

.single .box3 .li {
    margin-top: 30px;
}

.single .box3 .li .tit {
    background-color: #EBEBEB;
}

.single .box3 .li .tit .num {
    display: inline-block;
    padding: 0 20px 0 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    line-height: 40px;
    background: url(../fonts/icon4.svg) no-repeat center;
    background-size: 100% auto;
}

.single .box3 .li .tit .h3 {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #3E3E3E;
}

.single .box3 .li .ps {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 2;
    color: #757575;
}

.single .box4 {
    margin-top: 0.6rem;
    flex-wrap: wrap;
}

.single .box4 .li {
    background-color: #F8F8F8;
}

.single .col-box-3 .col-3 {
    width: 31.77083333333333%;
    margin-right: 2.34375%;
}

.single .col-box-3 .col-3:nth-child(3n) {
    margin-right: 0;
}

.single .col-box-2 {
    justify-content: space-between;
}

.single .col-box-2 .col-2 {
    width: 47.65625%;
}

.single .box4 .li h3,
.single .box7 h3 {
    font-size: 18px;
    color: #FFF;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 10px 10px 0 0;
    background-color: #9B0000;
}

.single .box4 .li .p {
    font-size: 16px;
    text-align: justify;
    border-top: 10px solid #FFF;
    line-height: 2;
    padding: 15px 20px;
    color: #444;
}

.single .box5 {
    margin-top: 0.6rem;
}

.single .box6 {
    margin-top: 0.6rem;
}

.single .box6>img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.single .box4 .img {
    border-top: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
    position: relative;
}

.single .box4 .img1 {
    width: 100%;
    height: 0;
    padding-bottom: 62.16216216216216%;
}

.single .box4 .img1>img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single .box4 .img2 img {
    width: 100%;
    height: auto;
}

.single .box4 .img3>img {
    width: 100%;
    height: auto;
}

.single .box4 .img4 {
    margin-top: auto;
}

.single .box4 .box-min1,
.single .box4-606 .box-min1 {
    padding: 20px 0;
    background-color: #F8F8F8;
}

.single .box4-606 .li {
    background-color: #F8F8F8;
}

.single .box4 .box-min1 .min-tit span,
.single .box4-606 .box-min1 .min-tit span {
    display: inline-block;
    font-size: 18px;
    line-height: 2;
    color: #FFF;
    padding: 0 30px 0 20px;
    background: url(../fonts/icon5.svg) no-repeat right center;
    background-size: auto 100%;
}

.single .box4 .box-min1 .ps,
.single .box4-606 .box-min1 .ps {
    font-size: 16px;
    line-height: 2;
    color: #5E5E5E;
    text-align: justify;
    padding: 0 20px;
    margin-top: 20px;
}

.single .box7 {
    margin-top: 0.6rem;
}

.single .box7 .ps {
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    color: #5E5E5E;
}

.single .box7 .img {
    margin-top: 30px;
}

.single .box7 .img>img {
    width: 100%;
    height: auto;
}

.single .box7 .box-row {
    margin-top: 30px;
    flex-wrap: wrap;
}

.single .box7 .box-row .ps {
    flex: 1;
}

.single .box7 .box-row .img {
    width: 52.34375%;
    margin-left: 4.6875%;
}

.single .box7 .img0612 {
    margin-top: 30px;
}

.single .box7 .img0612 .imgl {
    width: 46.875%;
    flex-shrink: 0;
    margin-right: 3.125%;
}

.single .box7 .img0612 .imgl img {
    width: 100%;
    height: auto;
}

.single .box7 .img0612 .imgr {
    width: 50%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single .box7 .img0612 .imgr .imgli {
    width: 48%;
    margin-bottom: 20px;
}

.single .box7 .img0612 .imgr .imgli img {
    width: 100%;
    height: auto;
}

.single .box7 .img0612 .imgr .imgli span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
}

@media (any-hover: hover) {
    .single .box1 .video-box .video:hover img {
        transform: scale(1.1);
    }
}

@media only screen and (min-width:1080px) and (max-width:1366px) {
    .research .teams .team-ul .li .infos h2 {
        font-size: 22px;
    }
    .research .teams .team-ul .li .infos .ps p {
        font-size: 14px;
        line-height: 1.5;
    }
    .research .teams .team-ul .li .infos .ps p::before {
        top: 8px;
    }
    .single .box1 .ps {
        padding: 10px;
        font-size: 14px;
    }
    .single .box2 .li h3 {
        font-size: 16px;
        padding: 0.05rem 0.3rem;
    }
    .single .box3 .li .tit .num {
        font-size: 16px;
        line-height: 34px;
    }
    .single .box3 .li .tit .h3 {
        font-size: 16px;
    }
    .single .box3 .li .ps {
        font-size: 14px;
        padding: 0.1rem 0.2rem;
    }
    .single .box4 .li h3,
    .single .box7 h3 {
        font-size: 16px;
        line-height: 34px;
        padding: 0 0.25rem;
    }
    .single .box4 .li .p {
        font-size: 14px;
        padding: 0.15rem 0.25rem;
    }
    .single .box4 .box-min1 .min-tit span {
        font-size: 16px;
    }
    .single .box4 .box-min1 .ps {
        font-size: 14px;
        padding: 0 0.25rem;
    }
    .single .box7 .ps {
        font-size: 14px;
    }
    .single .box7 .img0612 .imgr .imgli span {
        font-size: 14px;
    }
}

@media only screen and (max-width:1080px) {
    .research {
        padding: 0 0.4rem;
    }
    .research .section-title h3 {
        font-size: 0.32rem;
    }
    .research .section-title h4 {
        font-size: 0.24rem;
        margin-top: 0.1rem;
    }
    .single .box1 {
        flex-direction: column;
        padding: 0 0.3rem 0.5rem;
        border: none;
    }
    .single .box1 .video-box {
        width: 100%;
        margin: 0;
        padding: 0 0 0.2rem 0.2rem;
    }
    .single .box1 .video-box .video {
        transform: translate3d(0, 0, 0)
    }
    .single .box1 .ps {
        margin-top: 0.5rem;
        padding: 0;
        font-size: 0.24rem;
    }
    .single .box2 .li {
        width: 100%;
    }
    .single .box2 .li h3 {
        font-size: 0.26rem;
        padding: 0.1rem 0.2rem;
        border-radius: 0.1rem 0.1rem 0 0;
    }
    .single .box2 .li:nth-child(n+2) {
        margin-top: 0.4rem;
    }
    .research .teams .team-ul {
        margin-top: 0;
    }
    .research .teams .team-ul .li {
        width: 100%;
        margin-top: 1.6rem;
    }
    .research .teams .team-ul .li .img {
        width: 37.314%;
        padding-bottom: 47.38%;
        position: absolute;
        left: 0;
        top: -0.8rem;
    }
    .research .teams .team-ul .li .infos {
        position: static;
        width: 85.590164%;
        min-height: 3rem;
    }
    .research .teams .team-ul .li .infos h2 {
        font-size: 0.32rem;
    }
    .research .teams .team-ul .li .infos .ps {
        margin-top: 0.15rem;
    }
    .research .teams .team-ul .li .infos .ps p {
        font-size: 0.24rem;
        margin-top: 0.05rem;
    }
    .research .teams .team-ul .li .infos .ps p::before {
        width: 0.08rem;
        height: 0.08rem;
        left: -0.2rem;
        top: 0.2rem;
    }
    .single .box3 .li {
        margin-top: 0.6rem;
    }
    .single .box3 .li .tit .num {
        padding: 0 0.2rem 0 0.1rem;
        font-size: 0.26rem;
        line-height: 0.5rem;
        margin-right: 0.2rem;
    }
    .single .box3 .li .tit .h3 {
        font-size: 0.26rem;
        line-height: 0.5rem;
    }
    .single .box3 .li .ps {
        padding: 0.1rem 0.2rem;
        font-size: 0.24rem;
    }
    .single .col-box-3 .col-3 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.4rem;
    }
    .single .box4 .li h3,
    .single .box7 h3 {
        font-size: 0.28rem;
        line-height: 2;
        padding: 0.05rem 0.3rem;
        border-radius: 0.1rem 0.1rem 0 0;
    }
    .single .box4 .li .p {
        font-size: 0.24rem;
        border-top: 0.1rem solid #FFF;
        padding: 0.15rem 0.2rem;
    }
    .single .box4 .img {
        border-top: 0.1rem solid #FFF;
        border-bottom: 0.1rem solid #FFF;
    }
    .single .box4 .box-min1,
    .single .box4-606 .box-min1 {
        padding: 0.2rem 0;
    }
    .single .box4 .box-min1 .min-tit span,
    .single .box4-606 .box-min1 .min-tit span {
        font-size: 0.26rem;
        padding: 0 0.5rem 0 0.3rem;
    }
    .single .box4 .box-min1 .ps,
    .single .box4-606 .box-min1 .ps {
        font-size: 0.24rem;
        padding: 0 0.3rem;
        margin-top: 0.2rem;
    }
    .single .col-box-2 .col-2 {
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .single .box7 .ps {
        margin-top: 0.3rem;
        font-size: 0.26rem;
    }
    .single .box7 .img {
        margin-top: 0.4rem;
    }
    .single .box7 .box-row {
        margin-top: 0.3rem;
        flex-direction: column;
    }
    .single .box7 .box-row .img {
        width: 100%;
        margin-left: 0;
    }
    .single .box7 .img0612 {
        flex-wrap: wrap;
    }
    .single .box7 .img0612 .imgl {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.2rem;
    }
    .single .box7 .img0612 .imgr {
        width: 100%;
    }
    .single .box7 .img0612 .imgr .imgli {
        margin-bottom: 0.2rem;
    }
    .single .box7 .img0612 .imgr .imgli span {
        margin-top: 0.1rem;
        font-size: 0.24rem;
    }
}


/*<<<<<<<<<<<<<<<<<<<<<< 招贤纳士 >>>>>>>>>>>>>>>>>>>>>>>*/

.talent {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.talent-box1 {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.talent .talent-title h2 {
    font-size: 22px;
    color: #9B0000;
}

.talent .talent-title h3 {
    font-size: 12px;
    color: #B9B9B9;
    margin-top: 10px;
    text-transform: uppercase;
}

.talent-box1 .ps {
    margin-top: 0.4rem;
    font-size: 16px;
    line-height: 2;
    color: #444;
    text-align: justify;
}

.talent-box1 .img {
    margin-top: 0.5rem;
}

.talent2-content {
    padding: 0.3rem 0 0.8rem;
    background-color: #F7F7F7;
}

.talent2-content .uls {
    margin-top: 0.6rem;
}

.talent2-content .uls .li {
    flex: 1;
    background-color: #FFF;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #9B0000;
}

.talent2-content .uls .li:nth-child(n+2) {
    margin-left: 10px;
}

.talent2-content .uls .li .num {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    padding: 10px 0 5px;
    position: relative;
    z-index: 1;
}

.talent2-content .uls .li .num::after {
    content: "";
    display: block;
    width: 150%;
    height: 300%;
    border-radius: 100%;
    background-color: #9B0000;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: -1;
    transform: translate3d(-50%, 0, 0);
}

.talent2-content .uls .li .txt {
    text-align: center;
    padding: 20% 4% 30%;
    font-size: 20px;
    color: #3B3B3B;
}

.talent3 {
    margin-top: 0.8rem;
}

.talent3 h5 {
    font-size: 18px;
    margin-top: 0.6rem;
    text-align: justify;
}

.talent3 .ps {
    margin-top: 0.4rem;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
}

.talent3 .ps p {
    color: #444;
}

.talent4 {
    margin-top: 0.8rem;
}

.talent4 .li {
    background-color: #F5F5F5;
}

.talent4 .li.lil {
    width: 31.25%;
    flex-shrink: 0;
    margin-right: 3.125%;
}

.talent4 .li.lir {
    flex: 1;
}

.talent4 .li .title {
    text-align: center;
    padding: 20px 0;
    background-color: #9B0000;
}

.talent4 .li .title h5 {
    font-size: 22px;
    color: #FFF;
}

.talent4 .li .title h6 {
    font-size: 12px;
    color: #DADADA;
    text-transform: uppercase;
    margin-top: 5px;
}

.talent4 .li .ps {
    padding: 0.4rem;
    font-size: 18px;
    line-height: 2;
}

.talent4 .li.lir .ps .p {
    margin-bottom: 15px;
}

.talent4 .li.lir .ps .p .pt {
    flex-shrink: 0;
}

.social {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.social .social-content {
    margin-top: 0.6rem;
}

.social .social-content .aside {
    flex-shrink: 0;
}

.social .social-content .aside .dir {
    position: sticky;
    position: -webkit-sticky;
    top: 2rem;
}

.social .social-content .aside .dir .li {
    display: block;
    font-size: 18px;
    line-height: 2;
    color: #666;
    padding: 5px 40px 5px 30px;
    background-color: #F0F0F0;
    position: relative;
    z-index: 1;
}

.social .social-content .aside .dir .li:nth-child(n+2) {
    margin-top: 5px;
}

.social .social-content .aside .dir .li::after {
    content: '';
    display: block;
    font-size: 0;
    width: 10px;
    height: 10px;
    background: url(../fonts/icon6.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 25px;
    top: calc(50% - 5px);
    z-index: 1;
    transform: scale(0);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.social .social-content .aside .dir .li.li-ing {
    background-color: #9B0000;
    color: #FFF;
}

.social .social-content .aside .dir .li.li-ing::after {
    transform: scale(1) translateX(10px);
}

.social .social-content .section {
    flex: 1;
    margin-left: 3.125%;
}

.social .social-content .section .section-title {
    font-size: 22px;
    color: #555;
}

.social .posts {
    width: 100%;
    margin-top: 1rem;
}

.social .posts tbody tr th {
    border: 1px solid #D8D8D8;
    font-size: 16px;
    color: #FFF;
    background-color: #9B0000;
    white-space: nowrap;
    padding: 10px 5px;
}

.social .posts tbody tr td {
    border: 1px solid #D8D8D8;
    font-size: 16px;
    color: #757575;
    text-align: justify;
    padding: 0.3rem 0.1rem;
}

.social .posts tbody tr td:first-child,
.social .posts tbody tr td:last-child {
    text-align: center;
}

.social .social-single {
    margin-top: 0.4rem;
}

.social .social-single .mar-t10 {
    margin-top: 10px;
}

.social .social-single .mar-t20 {
    margin-top: 20px;
}

.social .social-single .mar-t30 {
    margin-top: 30px;
}

.social .social-single .mar-t40 {
    margin-top: 40px;
}

.social-boxs h1 {
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
    padding: 0 10px;
}


/* .social-boxs .infos .img{flex: 1;} */

.social-boxs.social-box5 .infos {
    padding-bottom: 30px;
    border-bottom: 1px solid #D8D8D8;
}

.social-boxs.social-box5 .infos .img img {
    margin-left: auto;
}

.social-box1 .infos .txt {
    width: 45.36082474226804%;
    margin-right: 2%;
}

.social-box2 .infos .txt {
    width: 48.45360824742268%;
    margin-right: 5%;
}

.social-box4 .infos .txt {
    width: 62.88659793814433%;
    margin-right: 5%;
}

.social-box5 .infos .txt {
    width: 47.42268041237113%;
    margin-right: 3.1%;
}

.social-box6 .infos .txt {
    width: 50%;
    margin-right: 3.1%;
}

.social-box7 .infos .txt {
    width: 44.587628865979381%;
    margin-right: 3.1%;
}

.social-box5 .infos .img img,
.social-box6 .infos .img img,
.social-box7 .infos .img img {
    max-width: 100%;
}

.social-boxs h2 {
    font-size: 18px;
    font-weight: bold;
}

.social-boxs .ps {
    font-size: 16px;
    line-height: 2;
}

.campus-content {
    margin-top: 0.4rem;
}

.campus {
    margin-bottom: 0.4rem;
}

.campus .h2 {
    border-radius: 8px 8px 0 0;
    padding: 10px 15px;
    font-size: 18px;
}

.campus .campus-box {
    padding: 20px 15px;
}

.campus .campus-box .li {
    font-size: 16px;
    line-height: 2;
}

.campus .campus-box .li:nth-child(n+2) {
    margin-top: 20px;
}

.campus .campus-box .li .pt-tit {
    display: inline-block;
    flex-shrink: 0;
}

.campus .campus-box .li .cont {
    flex: 1;
}

@media (any-hover: hover) {
    .social .social-content .aside .dir .li:hover {
        background-color: #9B0000;
        color: #FFF;
    }
    .social .social-content .aside .dir .li:hover::after {
        transform: scale(1) translateX(10px);
    }
}

@media only screen and (min-width:1280px) and (max-width:1366px) {
    .talent2-content .uls .li .num {
        font-size: 20px;
    }
    .talent2-content .uls .li .txt {
        font-size: 16px;
    }
    .talent3 .ps,
    .talent-box1 .ps {
        font-size: 14px;
    }
    .talent3 h5 {
        font-size: 16px;
    }
    .talent .talent-title h2,
    .talent4 .li .title h5 {
        font-size: 20px;
    }
    .talent4 .li .ps {
        font-size: 16px;
    }
    .social .social-content .aside .dir .li {
        font-size: 16px;
        padding: 5px 40px 5px 25px;
    }
    .social .social-content .section .section-title {
        font-size: 20px;
    }
    .social-boxs h1 {
        font-size: 16px;
    }
    .social-boxs h2 {
        font-size: 16px;
    }
    .social-boxs .ps {
        font-size: 14px;
    }
    .social .posts tbody tr th {
        font-size: 14px;
    }
    .social .posts tbody tr td {
        font-size: 14px;
    }
    .campus .h2 {
        font-size: 16px;
        padding: 0.15rem 0.2rem;
    }
    .campus .campus-box {
        padding: 0.2rem;
    }
    .campus .campus-box .li {
        font-size: 14px;
    }
    .campus .campus-box .li:nth-child(n+2) {
        margin-top: 0.15rem;
    }
}

@media only screen and (min-width:1080px) and (max-width:1280px) {
    .talent2-content .uls .li .num {
        font-size: 18px;
    }
    .talent2-content .uls .li .txt {
        font-size: 14px;
    }
    .talent3 .ps,
    .talent-box1 .ps {
        font-size: 14px;
    }
    .talent3 h5 {
        font-size: 16px;
    }
    .talent .talent-title h2,
    .talent4 .li .title h5 {
        font-size: 20px;
    }
    .talent4 .li .ps {
        font-size: 15px;
    }
    .social .social-content .aside .dir .li {
        font-size: 14px;
        padding: 5px 35px 5px 20px;
    }
    .social .social-content .section .section-title {
        font-size: 20px;
    }
    .social-boxs h1 {
        font-size: 16px;
    }
    .social-boxs h2 {
        font-size: 16px;
    }
    .social-boxs .ps {
        font-size: 12px;
    }
    .social .posts tbody tr th {
        font-size: 14px;
    }
    .social .posts tbody tr td {
        font-size: 14px;
        line-height: 1.5;
    }
    .campus .h2 {
        font-size: 16px;
        padding: 0.15rem 0.2rem;
    }
    .campus .campus-box {
        padding: 0.2rem;
    }
    .campus .campus-box .li {
        font-size: 14px;
    }
    .campus .campus-box .li:nth-child(n+2) {
        margin-top: 0.15rem;
    }
}

@media only screen and (max-width:1080px) {
    .talent .h-title.nh-title {
        padding: 0 0.4rem;
    }
    .talent-box1 {
        margin-top: 0.6rem;
        padding: 0 0.4rem;
    }
    .talent .talent-title h2 {
        font-size: 0.34rem;
    }
    .talent .talent-title h3 {
        font-size: 0.24rem;
        margin-top: 0.1rem;
    }
    .talent-box1 .ps {
        font-size: 0.24rem;
    }
    .talent2-content {
        padding: 0.4rem 0.4rem 0.7rem;
    }
    .talent2-content .uls {
        flex-wrap: wrap;
    }
    .talent2-content .uls .li {
        flex: auto;
        width: calc((100% - 0.3rem) / 3);
        border-radius: 0.16rem;
        margin-right: 0.15rem;
        margin-bottom: 0.3rem;
    }
    .talent2-content .uls .li:nth-child(n+2) {
        margin-left: 0;
    }
    .talent2-content .uls .li:nth-child(3n) {
        margin-right: 0;
    }
    .talent2-content .uls .li .num {
        font-size: 0.4rem;
        padding: 0.1rem 0 0.05rem;
    }
    .talent2-content .uls .li .txt {
        padding: 10% 8% 15%;
        font-size: 0.26rem;
    }
    .talent3 {
        padding: 0 0.4rem;
    }
    .talent3 h5 {
        font-size: 0.28rem;
        line-height: 1.5;
    }
    .talent3 .ps {
        font-size: 0.24rem;
    }
    .talent4 {
        flex-direction: column;
        padding: 0 0.4rem;
    }
    .talent4 .li.lil {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .talent4 .li .title {
        padding: 0.2rem 0;
    }
    .talent4 .li .title h5 {
        font-size: 0.28rem;
    }
    .talent4 .li .title h6 {
        margin-top: 0.05rem;
        font-size: 0.24rem;
    }
    .talent4 .li .ps {
        padding: 0.2rem 0.3rem;
        font-size: 0.24rem;
    }
    .talent4 .li.lir .ps .p {
        margin-bottom: 0.1rem;
    }
    .social {
        padding: 0 0.4rem;
    }
    .social .social-content {
        flex-direction: column;
    }
    .social .social-content .aside .dir {
        position: static;
        display: flex;
        flex-wrap: wrap;
    }
    .social .social-content .aside .dir .li::after {
        display: none;
    }
    .social .social-content .aside .dir .li {
        display: inline-block;
        border-radius: 0.1rem;
        font-size: 0.28rem;
        margin-right: 0.1rem;
        padding: 0.05rem 0.2rem;
        margin-bottom: 0.15rem;
    }
    .social .social-content .aside .dir .li:nth-child(n+2) {
        margin-top: 0;
    }
    .social .social-content .section {
        margin-left: 0;
        margin-top: 0.4rem;
    }
    .social .social-content .section .section-title {
        font-size: 0.3rem;
        text-align: center;
    }
    .social .social-single .mar-t10 {
        margin-top: 0.1rem;
    }
    .social .social-single .mar-t20 {
        margin-top: 0.2rem;
    }
    .social .social-single .mar-t30 {
        margin-top: 0.3rem;
    }
    .social .social-single .mar-t40 {
        margin-top: 0.4rem;
    }
    .social-boxs h1 {
        font-size: 0.26rem;
        line-height: 0.5rem;
        padding: 0 0.2rem;
    }
    .social .social-single .infos {
        flex-direction: column;
    }
    .social-box1 .infos .txt {
        width: 100%;
        margin-right: 0;
    }
    .social-boxs h2 {
        font-size: 0.26rem;
    }
    .social-boxs .ps {
        font-size: 0.24rem;
    }
    .posts-swiper-content {
        margin-top: 0.6rem;
    }
    .posts-swiper table tbody tr th {
        border: 1px solid #D8D8D8;
        white-space: nowrap;
        background-color: #9B0000;
        color: #FFF;
        font-size: 0.24rem;
        line-height: 1.5;
        padding: 0.15rem 0.1rem;
    }
    .posts-swiper table tbody tr td {
        border: 1px solid #D8D8D8;
        color: #757575;
        font-size: 0.24rem;
        line-height: 1.5;
        padding: 0.1rem 0.2rem;
        text-align: justify;
    }
    .posts-swiper .swiper-pagination {
        position: static;
        margin-top: 0.3rem;
        margin-left: auto;
        margin-right: auto;
        transform: translate3d(0, 0, 0) !important;
    }
    .posts-swiper .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #9B0000;
    }
    .social-box2 .infos .txt {
        width: 100%;
        margin-right: 0;
    }
    .social .social-single .social-boxs {
        margin-bottom: 0.6rem;
    }
    .social-box4 .infos .txt {
        width: 100%;
        margin-right: 0;
    }
    .social-boxs.social-box5 .infos {
        padding-bottom: 0.3rem;
    }
    .social-box5 .infos .txt,
    .social-box6 .infos .txt,
    .social-box7 .infos .txt {
        width: 100%;
        margin-right: 0;
    }
    .social-box5 .infos .img,
    .social-box6 .infos .img,
    .social-box7 .infos .img {
        margin-top: 0.2rem;
    }
    .campus .h2 {
        font-size: 0.28rem;
        padding: 0.15rem 0.2rem;
        border-radius: 0.1rem 0.1rem 0 0;
    }
    .campus .campus-box {
        padding: 0.15rem 0.2rem;
        background-color: #F5F5F5;
    }
    .campus .campus-box .li {
        font-size: 0.24rem;
        line-height: 1.5;
    }
    .campus .campus-box .li:nth-child(n+2) {
        margin-top: 0.3rem;
    }
}


/*<<<<<<<<<<<<<<<<<<<<<< 招贤纳士、对外合作 >>>>>>>>>>>>>>>>>>>>>>>*/

.box605.box605-1 {
    margin-top: 0.6rem;
}

.box605 .mar-t10 {
    margin-top: 10px;
}

.box605 .mar-t20 {
    margin-top: 20px;
}

.box605 .mar-t30 {
    margin-top: 30px;
}

.box605 .mar-t40 {
    margin-top: 40px;
}

.box605 .mar-t50 {
    margin-top: 50px;
}

.box605 .ps {
    font-size: 16px;
    line-height: 2;
}

.box605-2 {
    margin-top: 0.6rem;
    padding: 0.6rem 0 0.7rem;
}

.box605-2>div.box605 {
    flex-wrap: wrap;
}

.box605-2 .li {
    width: calc(92.96875% / 4);
    margin-right: 2.34375%;
    margin-bottom: 30px;
    border-radius: 10px 10px 0 0;
    background-color: #FFF;
}

.box605-2 .li:nth-child(4n) {
    margin-right: 0;
}

.box605-2 .li .ps {
    padding: 3% 5% 5%;
    border-top: 8px solid #F7F7F7;
}

.box605 h2 {
    font-size: 18px;
    line-height: 2;
    padding: 2px 20px;
    border-radius: 10px 10px 0 0;
}

.box605-3>img {
    max-width: 100%;
    margin: 0 auto;
}

.table605 {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.table605 tr th {
    color: #FFF;
    font-size: 22px;
    padding: 10px 0.4rem;
    text-align: left;
    border: 1px solid #D8D8D8;
    background-color: #9B0000;
}

.table605 tr td {
    color: #757575;
    font-size: 18px;
    padding: 15px 0.4rem;
    border: 1px solid #D8D8D8;
}

.box605-4 {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

.box605-4 .li {
    margin-top: 0.6rem;
}

.box605-4 .li .ps {
    padding: 1.5625%;
}

.box605-5 .img img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-top: 30px;
}

.box606 {
    margin-top: 0.6rem;
    margin-bottom: 1.5rem;
}

@media only screen and (min-width:1280px) and (max-width:1366px) {
    .box605 h2 {
        font-size: 16px;
    }
    .box605 .ps {
        font-size: 14px;
    }
    .table605 tr th {
        font-size: 20px;
        padding: 10px 0.35rem;
    }
    .table605 tr td {
        font-size: 16px;
        padding: 10px 0.35rem;
    }
}

@media only screen and (min-width:1080px) and (max-width:1280px) {
    .box605 h2 {
        font-size: 16px;
    }
    .box605 .ps {
        font-size: 14px;
    }
    .table605 tr th {
        font-size: 18px;
        padding: 10px 0.3rem;
    }
    .table605 tr td {
        font-size: 14px;
        padding: 10px 0.3rem;
    }
}

@media only screen and (max-width:1080px) {
    .box605.box605-1 {
        padding: 0 0.4rem;
    }
    .box605 .mar-t10 {
        margin-top: 0.1rem;
    }
    .box605 .mar-t20 {
        margin-top: 0.2rem;
    }
    .box605 .mar-t30 {
        margin-top: 0.3rem;
    }
    .box605 .mar-t40 {
        margin-top: 0.4rem;
    }
    .box605 .mar-t50 {
        margin-top: 0.5rem;
    }
    .box605 .ps {
        font-size: 0.24rem;
    }
    .box605-2 {
        padding: 0 0.4rem;
        background: transparent !important;
    }
    .box605-2>div.box605 {
        flex-direction: column;
    }
    .box605-2 .li {
        width: 100%;
        margin-right: 0;
        border-radius: 0.1rem 0.1rem 0 0;
        margin-bottom: 0.6rem;
    }
    .box605 h2 {
        font-size: 0.26rem;
        border-radius: 0.1rem 0.1rem 0 0;
        padding: 0.05rem 0.2rem;
    }
    .box605-2 .li .ps {
        border-top: 0.08rem solid #FFF;
        background-color: #F7F7F7;
        padding: 0.1rem 0.2rem;
    }
    .box605-3 {
        padding: 0 0.4rem;
    }
    .table605 {
        width: calc(100% - 0.8rem);
    }
    .table605 tr th {
        font-size: 0.26rem;
        padding: 0.1rem 0.15rem;
    }
    .table605 tr td {
        font-size: 0.24rem;
        padding: 0.1rem 0.15rem;
    }
    .table605 tr td:first-child {
        white-space: nowrap;
    }
    .box606 {
        padding: 0 0.4rem;
    }
    .box605-4 {
        padding: 0 0.4rem;
    }
}

.abo1-1 .cont .ps {
    width: 51.953125%;
    height: 5rem;
    overflow-y: auto;
    padding-right: 3%;
}

.abo1-1 .cont .imgs .photo {
    position: relative;
}

.abo1-1 .cont .imgs .photo .swiper-container {
    position: static;
}

.abo1-1 .cont .imgs .photo p {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    padding: 8px 3%;
    box-sizing: border-box;
}

.abo1-1 .cont .imgs .photo .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 8px
}

:root {
    --swiper-theme-color: #fff
}


/*滚动条整体宽度*/

.abo1-1 .cont .ps::-webkit-scrollbar {
    width: 6px;
    /*宽对应滚动条的尺寸*/
}


/*轨道*/

.abo1-1 .cont .ps::-webkit-scrollbar-track {
    background: #eae9e9;
}


/*滑块*/

.abo1-1 .cont .ps::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #9B0000;
}

.wrap-mode1 {
    background-color: #F1F8FF;
}

.listTitle1 {
    padding: 0 0 0.4rem;
    font-size: 0.36rem;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.listTitle1 span {
    color: #9B0000;
}

.listTitle1 .register{
    font-size: .2rem;
    position: absolute;
    right: 0;
    top: 0;
    line-height: .45rem;
    color: #9B0000;
}

.tab .tabTitle {
    border-bottom: 2px solid #D3D8EE;
    padding-bottom: 0.1rem;
}

.tab .tabTitle a {
    color: #7B8792;
    display: inline-block;
    padding: 0 0.3rem;text-align: center;
}

.tab .tabTitle li.on a {
    color: #9B0000;
}

.item-icon {
    width: 1.28rem;
    height: 1.28rem;
    margin: 0 auto;
    background: no-repeat center/contain;
}

.slide-item {
    background: url(../images/m_bg1.jpg);
    background-size: cover;
    text-align: center;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    display: block;
    padding-bottom: 0.1rem;
}

.item-title {
    font-size: 0.2rem;
    line-height: 0.36rem;
    height: 0.36rem;
    overflow: hidden;
    margin-bottom: 0.05rem;
}

.item-desc {
    color: #7B8792;
    font-size: 0.14rem;
    line-height: 0.22rem;
    height: 0.44rem;
    overflow: hidden;margin: 0 0.15rem;
}

.tabSwiper .swiper-slide {}

.wrap-mode1{padding: .6rem 20px .4rem;}
.index01 .swiper-container{padding: .28rem 0rem .3rem;margin: 0 -0.13rem;filter: drop-shadow(0 .1rem .3rem rgba(0, 0, 0, .08));}
.index01 .slide-item{display: block;margin: 0 .13rem .2rem;border-radius: .1rem;}
.index01 .tabTitle{padding-bottom: 0;justify-content: center;}
.index01 .tabTitle a{padding-bottom: .08rem;}
.index01 .til_tab.on{border-bottom: .02rem solid #9B0000;margin-bottom: -0.02rem;}

.index01 .swiper-pagination{bottom: 0;}
.index01 .swiper-pagination .swiper-pagination-bullet{width: .14rem;height: .14rem;background: #000;opacity: .5;margin: 0 .13rem;border-radius: 50%;vertical-align: middle;}
.index01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: .2rem;height: .2rem;background: #9B0000;border: .02rem solid #fff;}

.index01 .tabListBox.hide{display: none;}

.wrap_mode02{padding: .5rem 20px .4rem;}

.index_02a{}
.index_02a ul{margin: 0 0;}
.index_02a .item{margin: 0 0 .55rem;display: block;}
.index_02a li:last-child .item{margin-bottom: 0;}
.index_02a .top{border-bottom: .02rem solid #D3D8EE;text-align: center;margin-bottom: .44rem;}
.index_02a .title{border-bottom: .02rem solid #9B0000;font-size: .2rem;padding: 0 .3rem .1rem;display: inline-block;margin: 0 0 -0.02rem;font-weight: bold;color: #9B0000;}
.index_02a .bottom{padding: 0 0 0;}
.index_02a .bottom img{display: block;width: 100%;}
.index_02a .links{display: flex;justify-content: space-between;flex-wrap: wrap;margin: -.2rem -0.2rem 0;}
.index_02a .links a{display: block;text-align: center;margin: .2rem .2rem 0;}
.index_02a .links .ico{width: 1.5rem;height: 1.5rem;margin: 0 auto .2rem;}
.index_02a .links .ico img{width: 100%;display: block;}
.index_02a .links p{font-size: .24rem;}

.wrap_mode03{padding: .6rem 20px .6rem;background: #F1F8FF;}
.mode03{}
.mode03 .lf{width: 4.8rem;float: left;}
.mode03 .rt{margin: 0 0 0 5.4rem;}
.index_03a .item{margin: 0 0;position: relative;display: block;}
.index_03a .img_box{height: 0;padding-bottom: 75%;background: no-repeat center/cover;}
.index_03a .bottom{padding: .08rem .2rem .1rem;position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(155, 0, 0, .8);color: #fff;}
.index_03a .time{font-size: .14rem;}
.index_03a .title{margin: .05rem 0 0;font-size: .2rem;line-height: 1.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.index_03b{}
.index_03b ul{margin: 0 0 -0.3rem;}
.index_03b .item{margin: 0 0 .3rem;position: relative;display: block;}
.index_03b .time{font-size: .14rem;color: #7B8792;border-bottom: .01rem solid #7B8792;padding: 0 0 .05rem;}
.index_03b .title{margin: .05rem 0 0;font-size: .2rem;line-height: 1.4em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_03b .summary{margin: .05rem 0 0;color: #7B8792;font-size: .14rem;line-height: 1.4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


/**
 * Created by sunJia on 2026/01/27.
 * @Description: 产品登记列表修改
 */
.gp-ellipsis,.gp-text-truncate { word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.gp-ellipsis-2{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -ms-flexbox; /* IE 10 */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.fwBold{ font-weight: bold;}

.update0127{}
.update0127 a{
    padding: .2rem; 
    background: #fff;
    text-align: left;
    box-shadow: 0px 4px 20px #E4EDFF;
}
.update0127 .top{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.update0127 .companyLogo{
    width: 1.2rem;
    height: .8rem;
    flex-shrink: 0;
    border-radius: .1rem;
    overflow: hidden;
    margin-right: .2rem;
    flex-shrink: 0;
}
.update0127 .companyInfo{
    text-align: left;
    flex: 1;
    min-width: 0;
}
.update0127 .product{
    font-size: .18rem;
    line-height: .23rem;
}
.update0127 .tags{
    display: flex;
    justify-content: flex-start;
    margin-top: .1rem;
}
.update0127 .tags span{
    display: inline-block;
    font-size: .14rem;
    line-height: .26rem;
    border-radius: .04rem;
    padding: 0 .1rem;
    margin-right: .1rem;
    background: #E3F2FF;
    color: #3A78FF;
    border: .01rem solid #C3E2FF;
}
.update0127 .tags span:last-child{
    margin-right: 0;
    background: #FFEFE3;
    color: #F48626;
    border-color: #FFD3B4;
}
.update0127 .middle{
    margin-top: .2rem;
}
.update0127 .name{
    font-size: .16rem;
    line-height: .3rem;
    padding-left: .4rem;
    background: url(../images/company-icon.png) no-repeat left center/auto 100%;
    text-align: left;
}
.update0127 .summary{
    font-size: .14rem;
    line-height: .24rem;
    height: .72rem;
    color: #999;
    margin-top: .1rem;
    overflow: hidden;
}
.update0127 .bottom{
    margin-top: .2rem;
    padding-top: .2rem;
    border-top: .01rem solid rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
}
.update0127 .date{
    font-size: .14rem;
    line-height: .18rem;
    color: #999;
}
.update0127 .check{
    font-size: .14rem;
    color: #3A78FF;
}
.update0127 .check::after{
    content: '>';
    display: inline-block;
    margin-left: .04rem;
    width: .18rem;
    text-align: center;
}








@media only screen and (max-width:1080px) {
    .tab .tabTitle a,.index_02a .title,.hom3 .hom3-box .aside .aside-nav .li{padding-left: 6px;padding-right: 6px;}
    .listTitle1{padding-bottom: 20px;}
    .index_02a .item{margin-bottom: 0.3rem;}

    .index_02a .links .ico{width: 1rem;height: 1rem;margin-bottom: .1rem;}
    .index_02a .links p{font-size: .16rem;}

    .wrap_mode03{padding: .4rem 20px .4rem;}
    .mode03 .lf{width: 3.6rem;}
    .mode03 .rt{margin: 0 0 0 3.8rem;}
    .index_03b .item{margin-bottom: 0.2rem;}

    .update0127 .companyLogo{
        margin-right: .1rem;
    }
    .index01 .slide-item{
        padding: .15rem;
    }
    .update0127 .middle{
        margin-top: .1rem;
    }
    .update0127 .name{
        padding-left: .35rem;
    }
    .update0127 .bottom{
        padding-top: .15rem;
        margin-top: .15rem;
    }
    .update0127 .summary{
        margin-top: .05rem;
    }
}
@media only screen and (max-width:639px){
    .tab .tabTitle a,.index_02a .title,.hom3 .hom3-box .aside .aside-nav .li{padding-left: 0;padding-right: 0;font-size: 16px;padding-bottom: 10px;padding-top: 10px;}
    .index01 .til_tab{margin-right: 15px;}

    .wrap-mode1,.wrap_mode02,.hom3-content{padding-left: 10px;padding-right: 10px;}

    .index01 .tabTitle{flex-wrap: wrap;justify-content: flex-start;}

    .listTitle1{padding-bottom: 12px;}
    .item-desc{font-size: 12px;line-height: 1.4em;height: 2.8em;}
    
    .index_02a .links{justify-content: center;}
    .index_02a .links a{width: 30%;margin-left: 0;margin-right: 0;}
    .index_02a .links p,.index_03a .time,.index_03b .time,.index_03b .summary{font-size: 14px;}
    .item-title,.index_03a .title,.index_03b .title{font-size: 16px;}
    
    .mode03 .lf{width: 100%;float: none;}
    .mode03 .rt{margin: 20px 0 0;}


}


