@charset "utf-8";

        .ny-month {
            font-size: .32rem;
            color: #333333;
            margin-bottom: .2rem;
        }
        .ny-sj {
            margin-right: .3rem;
            width: .85rem;
            text-align: center;}

        .ny-sj ul li a {
            font-size: 30px;
            font-family: Impact;
            display: block;
            position: relative;
            color: #333333;}

        .ny-sj ul li.on a {
            color: #257eb4;}

        .ny-sj ul li {
    padding-bottom: .4rem;
    background: url(../images/line.png) no-repeat center bottom .1rem;
    background-size: auto .25rem;}

        .ny-sj ul li:last-child {
            background-size: 0;}














html {
    overflow-x: hidden;
}
body{
    overflow: hidden;
    height: auto;
}
html, body {
    background: #EFEFEF;
}

.banner {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.banner a {
    display: block;
}

.banner a img {
    display: block;
    width: 100%;
}

.banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1.6rem;
    top: 0;
    background: url(../images/banner-zzc3.png) repeat-x;
    background-position: center top;
    background-size: auto 1.6rem;
    z-index: 9;
}

.banner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/banner-zzc4.png) repeat-x;
    background-position: center bottom;
    z-index: 1;
}


.pagination {
    text-align: center;
    font-size: 0.14rem;
    padding-top: 0.5rem;
}
.pagination .pb_sys_style1 .p_no_d {
    border: 1px solid #1C7AA7;
    color: #fff;
    background-color: #1C7AA7;
}
/*.pagination a {
    display: inline-block;
    border: 0.01rem solid #dcdcdc;
    padding: 0 0.12rem;
    height: 0.35rem;
    font-size: 0.14rem;
    line-height: 0.35rem;
    text-align: center;
    color: #666;
    margin: 0 0.07rem;
}

.pagination a.active {
    background: #1C7AA7;
    color: #fff;
    border: 0.01rem solid #1C7AA7;
}

.pagination a:hover {
    background: #1C7AA7;
    color: #fff;
    border: 0.01rem solid #1C7AA7;
}

.pagination span {
    display: inline-block;
    font-size: 0.14rem;
}
*/

.canvas-ny {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    z-index: -1;
}

.canvas-ny img {
    display: block;
    width: 100%;
}

.tit {
    display: flex;
    align-items: flex-end;
    position: relative;
    padding-top: .11rem;
    padding-left: .35rem;
    padding-bottom: .28rem;
    justify-content: center;
    margin-bottom: .5rem;
}

.tit>div::before {
    content: "";
    position: absolute;
    left: -.35rem;
    top: -.11rem;
    height: 0.97rem;
    width: 100%;
    background: url(../images/tit-bg1.png) no-repeat;
    background-position: left center;
    background-size: auto 100%;
}

.tit>div {
    position: relative;
    padding-right: .12rem;
}

.tit>div::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -.17rem;
    width: 0.59rem;
    height: 0.24rem;
    background: url(../images/tit-bg2.png) no-repeat;
    background-size: 100% 100%;
}

.tit>div img {
    margin-right: .1rem;
}

.tit>div h2 {
    font-family: PingFang-SC-Medium;
    font-size: 0.45rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.4rem;
    color: #333333;
    position: relative;
    z-index: 9;
}

.tit>div h2 img {
    position: absolute;
    left: -.53rem;
    top: 50%;
    transform: translateY(-50%);
    max-width: .45rem;
}

.tit>div h3 {
    font-family: CenturyGothic;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.18rem;
    letter-spacing: 0rem;
    color: #ccaf4b;
    opacity: 0.8;
    position: relative;
}

.tit>div h3::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(#EFEFEF, rgba(255, 255, 255, 0) 90%);
}


.ny-tit {
    position: absolute;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    bottom: .7rem;
}

.ny-tit h2 {
    font-size: .46rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.69px;
    color: #FFFFFF;
}
.ny-tit h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.36px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3335) 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ny-tit h3{background: none;color: #fff;}
    }
.ny-tit div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10%;
}

.ny-tit div img {}

.ny-tit div span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #F5F5F5;
    margin-left: .05rem;
}

.ny-tit div a {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #F5F5F5;
    margin-left: .05rem;
}

.ny-tit div a:hover {
    color: #3D48B3;
}

.sjnav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: .75rem;
}

.sjnav ul li {
    margin: 0 .2rem;
    min-width: 3.35rem;
}

.sjnav ul li a {
    display: block;
    padding: .13rem .15rem;
    text-align: center;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .3rem;
    text-align: center;
    color: #333333;
    background: url(../images/sjnav-bg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    transition: all 0.5s;
}

.sjnav ul li.on a {
    background: url(../images/sjnav-actbg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
}

.sjnav ul li.on a {
    color: #1C7AA7;
}

.ny {
    position: relative;
    z-index: 99;
    background: #EDF3F4 url(../images/ny-bg.png) no-repeat;
    background-position: left bottom;
    padding-bottom: 1rem;
}

.ny.nybg2 {
    background: #EDF3F4 url(../images/ny-bg2.png) no-repeat;
    background-position: center bottom;
    padding-bottom: 2.85rem;
}

.ny::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/ny-bgt.png) no-repeat;
    background-position: left top;
    background-size: 8rem auto;
    z-index: 1;
}

.ny>.w1440 {
    position: relative;
    z-index: 9;
}

.ny.nobg {
    background-image: none;
}

.ny-c {
    display: flex;
    justify-content: space-between;
}

.ny-l {
    flex: 1;
    min-width: 0;
}

.ny-r {
    width: 3.6rem;
    margin-left: 4%;
}




.leftNav {
    position: relative;
    transform: translateY(-50%);
    z-index: 99;
}

.leftNav::before {
    content: "";
    position: absolute;
    left: -10rem;
    right: calc(100% - .6rem);
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: #D7A92E;
    z-index: 9;
}

.leftNav::after {
    content: "";
    position: absolute;
    right: -10rem;
    left: calc(100% - .6rem);
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: #D7A92E;
    z-index: 9;
}

.leftNav>h2 {
    line-height: 1.13rem;
    color: #fffafc;
    font-size: .36rem;
    text-align: center;
    background: #693329;
    position: relative;
    display: none;
}


.leftNav>h2 img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}

.leftNav p {
    margin-left: 0.2rem;
    font-size: 0.26rem;
    font-weight: 600;
    color: #fff;
    padding: 0.2rem 0;
}

.leftNav>ul {
    background-position: right bottom;
    position: relative;
    display: flex;
    justify-content: center;
    background: url(../images/leftNav-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    padding: 0 .6rem;
}

.leftNav>ul::before {
    content: "";
    position: absolute;
    left: .6rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #D7A92E;
    top: 50%;
    transform: translateY(-50%);
    /* background: #fff; */
}

.leftNav>ul::after {
    content: "";
    position: absolute;
    right: .6rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #D7A92E;
    top: 50%;
    transform: translateY(-50%);
    /* background: #fff; */
}

.leftNav>ul::after {}

.leftNav>ul>li {}

.leftNav>ul>li:first-child {
    border-top: none;
}

.leftNav ul li a {
    display: block;
    font-size: .2rem;
    line-height: .3rem;
    color: #fff;
    position: relative;
    padding: .34rem .3rem;
}

.leftNav>ul>li>span {
    position: absolute;
    width: .3rem;
    height: .3rem;
    right: .1rem;
    top: .38rem;
    background: url(../images/sub_left_down4.png) no-repeat center center;
    background-size: .09rem;
    cursor: pointer;
    transition: all 0.3s;
    opacity: 1;
    display: none;
}



.leftNav>ul>li.on>a {
    color: #D7A92E;
}



.leftNav>ul>li.activ {
    background: #dadada;
}

.leftNav>ul>li.active>a {
    color: #D7A92E;
}

.leftNav>ul>li.active>a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: .22rem;
    transform: translateY(50%);
    width: 5px;
    height: 5px;
    background: #D7A92E;
    border-radius: 50%;
}

.leftNav ul li:hover {}

.leftNav ul li.active {}

.leftNav ul li.active ul {}

.leftNav ul li a:hover {
    color: #D7A92E;
}

.leftNav ul li:hover span {
    opacity: 1;
}

.leftNav ul li:hover ul {
    transform: scaleY(1);
}

.leftNav>ul>li>ul {
    padding: .2rem;
    position: absolute;
    left: 0;
    z-index: 9;
    right: 0;
    top: 100%;
    transform: scaleY(0);
    transition: all 0.5s;
    background: #fff;
    display: flex;
    justify-content: center;
    transform-origin: center top;
    border-radius: .5rem;
}

.leftNav>ul>li>ul>li>a {
    font-size: 0.18rem;
    line-height: 0.36rem;
    /* border-top: 1px solid #eeeeee; */
    /* padding-left: 65px; */
    color: #666666;
    border: none;
    padding: 0 0 0 .3rem;
}

.leftNav>ul>li>ul>li:nth-child(1)>a {
    border: none;
}



/* 文字列表页 */

.tlist ul li {
    background: #FFFFFF url(../images/tlist-teembg.png) no-repeat;
    background-position: right bottom;
    margin-top: .35rem;
    border-radius: 0.1rem;
    position: relative;
}

.tlist ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/tlist-teembg2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transform-origin: center top;
    transform: scaleY(0);
    transition: all 0.5s;
    border-radius: 0.1rem;
    z-index: 1;
}

.tlist ul li:nth-child(1) {
    margin-top: 0;
}

.tlist ul li a {
    display: flex;
    align-items: center;
    padding: .18rem .5rem .18rem .2rem;
    position: relative;
    z-index: 9;
}


.tlist ul li a .data {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    padding: 0 .3rem;
    width: 1.54rem;
}

.tlist ul li a .data::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 0.54rem;
    border-right: 1px solid rgba(151, 151, 151, .4);
    transform: translateY(-50%);
}

.tlist ul li a .data span {
    font-size: 0.28rem;
    font-weight: normal;
    line-height: normal;
    text-align: right;
    color: #1C7AA7;
}

.tlist ul li a .data b {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: normal;
    text-align: right;
    color: #666666;
    margin-top: .09rem;
}

.tlist ul li a .info {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 0 0 0 .3rem;
}

.tlist ul li a .info p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #333333;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tlist ul li a .info span {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #666666;
    margin-left: .1rem;
}

.tlist ul li:hover::before {
    transform: scaleX(1);
}

.tlist ul li:hover a .data span {
    color: #FFFFFF;
}

.tlist ul li:hover a .data b {
    color: #FFFFFF;
}

.tlist ul li:hover a .info p {
    color: #FFFFFF;
}

.tlist ul li:hover a .info span {
    color: #FFFFFF;
}

/* 图片列表页 */

.img-lists ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;
}

.img-lists ul li {
    width: 33.33%;
    margin-bottom: .5rem;
}

.img-lists ul li a {
    display: block;
    margin: 0 .2rem;
}

.img-lists ul li a .pic {
    padding-top: 52%;
}

.img-lists ul li a .info {
    background: #fff url(../images/tlist-teembg.png) no-repeat;
    background-position: right bottom;
    background-size: 65% auto;
    height: 1rem;
    padding: 0 .3rem 0 .75rem;
    display: flex;
    align-items: center;
    position: relative;
}

.img-lists ul li a .info::before {
    content: "";
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 1px;
    background: #D7A92E;
    top: 50%;
    transform: translateY(-50%);
}

.img-lists ul li a .info::after {
    content: "";
    position: absolute;
    left: .4rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #D7A92E;
    top: 50%;
    transform: translateY(-50%);
}

.img-lists ul li a .info p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-right: .6rem;
    width: 100%;
}

.img-lists ul li a .info p::after {
    content: "";
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.46rem;
    height: 0.46rem;
    background: url(../images/img-lists-more.png) no-repeat;
    background-position: center right;
    background-size: 100%;
}

/* 内容页 */

.content .content-tit h3 {
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: .28rem;
    font-weight: normal;
}


.content .content-body {
    font-size: .18rem;
    font-size: .16rem;
    line-height: .36rem;
}

.content .content-body p {
    color: #000000;
    text-indent: 2em;
   font-family: "微软雅黑" !important;
    font-size: 0.18rem !important;
    line-height: 0.36rem !important;
    margin-bottom: 0.2rem !important;
}

.content .content-body img {
    max-width: 100% !important;
    display: block;
    margin: .3rem auto;
    height: auto!important;
    width:700px !important;
}
.content .content-body video {
    max-width: 100% !important;
    display: block;
    margin: .3rem auto;
    height: auto!important;
    width:720px;
}
.content .content-tit div {
    font-size: 0;
    text-align: center;
    line-height: .26rem;
    margin-top: .24rem;
    padding-top: .2rem;
    position: relative;
}

.content .content-tit div::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #1C7AA7;
    width: 2.12rem;
    height: 0.04rem;
    max-width: 50%;
    top: 0;
}

.content .content-tit div img {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin-right: 5px;
}

.content .content-tit div .liulan {
    margin-left: 50px;
}

.content .content-tit div span {
    display: inline-block;
    vertical-align: middle;
    font-size: .16rem;
    margin: 0 .1rem;
    color: #666666;
}

.content-info {
    border-top: 1px dashed #eaeaea;
    margin-top: 25px;
}

.pnext {
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #1C7AA7;
    padding-top: .48rem;
}

.pnext p {
    text-indent: initial;
    font-size: .16rem;
    line-height: .28rem;
    color: #666666;
    max-width: 49%;
    position: relative;
}

.pnext p svg * {
    fill: #666666;
}

.pnext p a {
    color: #666666;
    display: block;
}

.pnext p:hover {
    color: #1C7AA7;
}

.pnext p:hover a {
    color: #1C7AA7;
}

.pnext p:hover svg * {
    fill: #1C7AA7;
}

.cont-prev {
    padding-left: .5rem;
}

.cont-prev svg {
    position: absolute;
    left: 0;
    top: .25rem;
}

.cont-next {
    padding-right: .5rem;
}

.cont-next svg {
    position: absolute;
    right: 0;
    top: .25rem;
}

/* 学术科研 */

.learning-first a {
    display: flex;
    align-items: center;
}

.learning-first a .pics {
    width: 6.27rem;
}

.learning-first a .pics .pic {
    padding-top: 56%;
}

.learning-first a .lear-info {
    margin-left: -.25rem;
    padding: .4rem 1rem .35rem .3rem;
    position: relative;
    border-radius: 0.14rem;
    background-position: right -50%;
    background: #fff;
    transition: all 0.5s;
}

.learning-first a:hover .lear-info {
    box-shadow: 0 .1rem .1rem rgba(61, 72, 179, .2);
}

.learning-first a .lear-info::after {
    content: "";
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.46rem;
    height: 0.46rem;
    background: url(../images/img-lists-more.png) no-repeat;
    background-position: center right;
    background-size: 100%;
}

.lear-info {
    flex: 1;
    min-width: 0;
    position: relative;
}

.learning-first a .lear-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 65%;
    background: url(../images/tlist-teembg.png) no-repeat;
    background-position: right bottom;
    background-size: auto 260%;

}

.lear-info h3 {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: normal;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lear-info h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: .24rem;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .48rem;
    margin-top: .25rem;
}

.lear-info div {
    margin-top: .2rem;
}

.lear-info div p {
    padding-left: .25rem;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.38rem;
    color: #666666;
    position: relative;
    z-index: 9;
}

.lear-info div p.icon-bguser {
    background: url(../images/icon-bguser2.png) no-repeat;
    background-position: left center;
    background-size: .16rem auto;
}

.lear-info div p.icon-bgtime {
    background: url(../images/icon-bgtime2.png) no-repeat;
    background-position: left center;
    background-size: .14rem auto;
}

.lear-info div p.icon-bgadd {
    background: url(../images/icon-bgadd2.png) no-repeat;
    background-position: left center;
    background-size: .13rem auto;
}

.learning a:hover .lear-info h3 {
    color: #3D48B3;
}

.learning ul li {
    margin-top: .5rem;
}

.learning ul li a {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border-radius: 0.14rem;
    padding: .4rem .5rem .4rem .6rem;
    position: relative;
    transition: all 0.5s;
}

.learning ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 65%;
    background: url(../images/tlist-teembg.png) no-repeat;
    background-position: right bottom;
    background-size: auto 260%;

}

.learning ul li a::after {
    content: "";
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.46rem;
    height: 0.46rem;
    background: url(../images/img-lists-more.png) no-repeat;
    background-position: center right;
    background-size: 100%;
}

.learning ul li a .date {
    width: 0.86rem;
    margin-right: .16rem;
}

.learning ul li a .date b {
    display: block;
    font-size: 0.36rem;
    font-weight: normal;
    line-height: normal;
    color: #1C7AA7;
    position: relative;
}

.learning ul li a .date b::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 2px;
    background: #D7A92E;
    width: 0.4rem;
}

.learning ul li a .date span {
    display: block;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #333333;
    margin-top: .06rem;
}

.learning ul li a:hover {
    box-shadow: 0 .1rem .1rem rgba(61, 72, 179, .2);
}



/* 云赏信大 */
.viewing {
    position: relative;
    overflow: hidden;
}

.viewing>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: -9;
    transition: all 0.5s;
    transform: translateY(100%);
    display: flex;
    align-items: flex-start;
}

.viewing>div.on {
    position: relative;
    z-index: 9;
    opacity: 1;
    transform: translateY(0);
}

.viewing-l {
    width: 75.8%;
    margin-right: .3rem;
}

.viewing-l ul li a {
    display: block;
}

.viewing-l ul li a .pic {
    padding-top: 60%;
}

.viewing-r {
    flex: 1;
    min-width: 0;
}

.viewing-r ul {
    margin: -.18rem 0;
}

.viewing-r .slick-vertical .slick-slide a {
    border: 1px solid #979797;
    border-radius: 0.06rem;
    overflow: hidden;
}

.viewing-r ul li a {
    display: block;
    margin: .1rem 0;
}

.viewing-r ul li a .pic {
    padding-top: 56%;
}


.viewing-rarrow {
    display: flex;
    align-items: center;
    margin-top: .25rem;
}

.viewing-rarrow div {
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    margin-left: .22rem;
    cursor: pointer;
    position: relative;
    margin-left: .35rem;
}

.viewing-rarrow div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 2;
}

.viewing-rarrow div::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #3082a6;
    z-index: 1;
    transform: scale(.9);
}

.viewing-rprev::before {
    background: url(../images/viewing-prev.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 1;
}


.viewing-rnext::before {
    background: url(../images/viewing-next.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 1;
}


.viewing-rarrow div:hover::after {
    animation: scaleTwo 1s 1;
}

@keyframes scaleTwo {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .9
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.3);
        opacity: 0
    }
}






/* 校园标识 */
.mark ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;
}

.mark ul li {
    width: 33.33%;
    padding-top: 0.55rem;
    margin-top: .5rem;
}

.mark ul li:nth-child(-n+3) {
    margin-top: 0;
}

.mark ul li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 .2rem;
    background: #EDF3F4;
    border: 1px solid #1C7AA7;
    height: 100%;
    padding: 0 15%;
    padding-bottom: .3rem;
    transition: all 0.5s;
    position: relative;
    padding-top: .55rem;
}

.mark ul li a .icons {
    background: #EDF3F4;
    box-sizing: border-box;
    width: 1.09rem;
    height: 1.09rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -.55rem;
}

.mark ul li a .icons::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #1C7AA7;
    border-radius: 50%;
    border-color: #1C7AA7 #1C7AA7 transparent transparent;
    transform: rotate(-45deg);
}

.mark ul li a .icons::after {
    content: "";
    position: absolute;
    left: .05rem;
    right: 0.05rem;
    bottom: 0.05rem;
    top: 0.05rem;
    background: #1C7AA7;
    border-radius: 50%;
    z-index: 1;
}

.mark ul li a .icons img {
    max-width: 55%;
    max-height: 55%;
    position: relative;
    z-index: 9;
}

.mark ul li a .info {
    margin-top: .1rem;
}

.mark ul li a .info h3 {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

.mark ul li a .download {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .2rem;
}

.mark ul li a .download span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.24px;
    color: #666666;
    margin-right: .1rem;
}

.mark ul li a:hover {
    box-shadow: 0 .1rem .1rem rgba(61, 72, 179, .2);
}

.mark ul li a:hover .info h3 {
    color: #1C7AA7;
}

.mark ul li a:hover .download span {
    color: #1C7AA7;
}


/* 公共服务 */

.service ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;
}

.service ul li {
    width: 33.33%;
    margin-top: .45rem;
}

.service ul li:nth-child(-n+3) {
    margin-top: 0;
}

.service ul li a {
    display: block;
    position: relative;
    margin: 0 .2rem;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px dashed #1C7AA7;
    padding: .12rem;
    position: relative;
    transition: all 0.5s;
}

.service ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #D7A92E;
    width: 0.5rem;
    transform: translateY(-50%);
    height: 0.05rem;
    transition: all 0.5s;
    opacity: 0;
}

.service ul li a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #D7A92E;
    width: 0.5rem;
    transform: translateY(50%);
    height: 0.05rem;
    transition: all 0.5s;
    opacity: 0;
}

.service ul li a span {
    display: block;
    border: 1px dashed rgba(151, 151, 151, .3);
    line-height: .69rem;
    padding: 0 .6rem 0 .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.24rem;
    font-weight: normal;
    color: #333333;

    position: relative;
}

.service ul li a span::after {
    content: "";
    position: absolute;
    right: .4rem;
    top: 0;
    bottom: 0;
    width: 0.2rem;
    background: url(../images/service-right.png) no-repeat;
    background-position: right center;
    background-size: .16rem;
}

.service ul li a svg {
    position: absolute;
    left: .7rem;
    top: 50%;
    transform: translateY(-50%);
    max-height: 60%;
}

.service ul li a svg * {
    fill: #1C7AA7;
    opacity: .4 !important;
}

.service ul li a:hover {
    border-color: #1C7AA7;
    background: #1C7AA7;
}

.service ul li a:hover::before {
    left: 20%;
    opacity: 1;
}

.service ul li a:hover::after {
    right: 20%;
    opacity: 1;
}

.service ul li a:hover span {
    color: #fff;
}

.service ul li a:hover span::after {
    background: url(../images/service-right2.png) no-repeat;
    background-position: right center;
    background-size: .16rem;
}

.service ul li a:hover svg * {
    fill: rgba(255, 255, 255, .8) !important;
}

/* 校园地图 */
.map {
    display: flex;
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, .8);
    padding: 5%;
}

.map-l {
    flex: 1;
    min-width: 0;
    padding-top: .85rem;
    background: url(../images/map-logo.png) no-repeat;
    background-position: .35rem top;
    background-size: 1.72rem;
}

.map-l h3 {
    font-size: 0.32rem;
    font-weight: normal;
    line-height: normal;
    color: #1C7AA7;
}

.map-l div {
    margin-top: .45rem;
}

.map-l div p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .46rem;
    color: #666666;
    padding-left: .28rem;
    position: relative;
}

.map-l div p img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.18rem;
}

.map-r {
    width: 9.2rem;
    padding: .06rem;
    background: #D7A92E;
}

.map-r img {
    display: block;
    width: 100%;
}

/* 学生 */
.student-box {
    margin-top: .85rem;
}

.student-box:nth-child(1) {
    margin-top: 0;
}

.student-name {
    position: relative;
    z-index: 9;
}

.student-name::before {
    content: "";
    position: absolute;
    left: .35rem;
    right: .35rem;
    top: 0;
    bottom: 0;
    background: #1C7AA7;
    border-radius: 0.1rem 0.1rem 0rem 0rem;
}

.student-name::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: .15rem;
    bottom: 0;
    background: #1C7AA7;
    border-radius: 0.1rem 0.1rem 0px 0px;
}

.student-name div {
    background: url(../images/student-tit-bg.png) no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.student-name div img {
    margin-right: .15rem;
    height: 0.21rem;
}

.student-name div span {
    font-size: 0.24rem;
    font-weight: normal;
    line-height: .85rem;
    color: #FFFFFF;
}

.student-box ul {
    background: #FFFFFF;
    box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1107);
    display: flex;
    flex-wrap: wrap;
    padding: .25rem .4rem .25rem .6rem;
}

.student-box ul li {
    width: 20%;
    padding: .3rem .1rem .3rem 0;
}

.student-box ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-left: .25rem;
    font-size: 0.2rem;
    line-height: .24rem;
}


.student-box ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #1C7AA7;
    width: 0.14rem;
    height: 0.03rem;

}

.student-box ul li a:hover {
    color: #1C7AA7;
}


/* 机构设置 */
.jgsz-box {
    margin-top: 0.8rem;
}

.jgsz-box:nth-child(1),.jgsz-box:nth-child(2) {
    margin-top: 0;
}

.jgsz-tit {
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    background: #1C7AA7;
    /* margin-right: 2.3rem; */
}

.jgsz-tit img {
    margin-right: .15rem;
    height: 0.21rem;
}

.jgsz-tit span {
    font-size: 0.24rem;
    font-weight: normal;
    line-height: .74rem;
    color: #FFFFFF;
}

.jgsz-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.1rem;
    padding-top: .3rem;
}

.jgsz-box ul li {
    width: 33.33%;
    padding: 0 .25rem;
    background: url(../images/jgsz-item-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-top: .15rem;
    transition: all 0.5s;
    transition: all 0.5s;
}

.jgsz-box ul li a {
    display: block;
    padding-right: .3rem;
    background: url(../images/service-right.png) no-repeat;
    background-position: right center;
    background-size: .16rem;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.3px;
    color: #333333;
    margin: 0 .1rem;
}

.jgsz-box ul li:hover {
    background: url(../images/jgsz-item-bg2.png) no-repeat;
    background-position: right center;
    background-size: 100% 100%;
}

.jgsz-box ul li:hover a {
    color: #fff;
    background: url(../images/service-right2.png) no-repeat;
    background-position: right center;
    background-size: .16rem;
}


/* 历任领导 */
.lrleader {
    display: flex;
    justify-content: space-between;
}

.lrleader-box {
    position: relative;
    width: 48%;
    padding-bottom: .45rem;
}

.lrleader-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: .3rem;
    right: 0;
    bottom: 0;
    background: rgba(28, 122, 167, .2);
    z-index: 0;
}

.lrleader-box table {
    width: 100%;
    position: relative;
    z-index: 9;
    margin-top: .15rem;
}

.lrleader-box table tr td {
    width: 50%;
}

.lrleader-box table tr td a {
    display: block;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .3rem;
    padding: .15rem 0;
    color: #333333;
}

.lrleader-box table tr td a:hover {
    color: #1C7AA7;
}

.lrleader-box table tr td:nth-child(1) {
    text-align: right;
    padding-right: .25rem;
    font-size: 0;
}

.lrleader-box table tr td:nth-child(1) a {
    display: inline-block;
    text-align-last: justify;
    min-width: .6rem;
}

.lrleader-box table tr td:nth-child(2) {
    text-align: left;
    padding-left: .25rem;
}

.scleader-main {
    background: #fff;
    box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1107);
}

.scleader-main ul {
    padding: .4rem 7% 1rem 8%;
}

.scleader-main ul li {
    border-bottom: 1px solid rgba(151, 151, 151, .4);
}

.scleader-main ul li a {
    display: flex;
    align-items: center;
    padding: .35rem 0;
}

.scleader-main ul li a p {
    width: 55%;
    margin-right: .5rem;
    font-size: 0.24rem;
    font-weight: normal;
    line-height: .3rem;
    color: #333333;
    position: relative;
    padding-left: .2rem;
}

.scleader-main ul li a p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1C7AA7;
    width: 0.03rem;
}

.scleader-main ul li a span {
    min-width: .8rem;
    text-align-last: justify;
    font-size: 0.24rem;
    font-weight: normal;
    line-height: .3rem;
    color: #333333;
}

.scleader-main ul li a:hover p {
    color: #1C7AA7;
}

.scleader-main ul li a:hover span {
    color: #1C7AA7;
}



/* 学校领导 */
.ny-smalltit {
    margin-bottom: .8rem;
}

.ny-smalltit ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ny-smalltit ul li {
    position: relative;
    padding: 0 .4rem;
}

.ny-smalltit ul li::before {
    content: "";
    position: absolute;
    left: 0;
    height: 0.29rem;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(151, 151, 151, .4);
}

.ny-smalltit ul li:nth-child(1)::before {
    display: none;
}

.ny-smalltit ul li a {
    display: block;
    font-size: 0.28rem;
    font-weight: normal;
    line-height: .34rem;
    color: #666666;
}

.ny-smalltit ul li.on a {
    padding-left: .45rem;
    background: url(../images/student-tit-img2.png) no-repeat;
    background-position: left center;
    background-size: .32rem auto;
    color: #1C7AA7;
}

.ny-smalltit ul li a:hover {
    color: #1C7AA7;
}

/* 学校章程 */


.prospectus {
    background: #FFFFFF url(../images/prospectus-tbg.png) no-repeat;
    background-position: center top;
    background-size: 100% auto;
    position: relative;
    overflow: hidden;

}

.prospectus>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: -9;
    transition: all 0.5s;
    transform: translateY(100%);
    padding: .25rem .3rem;
    max-height: 10rem;
    overflow-y: auto;
    padding-bottom: .7rem;
}

.prospectus>div.on {
    position: relative;
    z-index: 9;
    opacity: 1;
    transform: translateY(0);
}

.prospectus-logo a {
    display: block;
}

.prospectus-logo a img {
    display: block;
    max-width: 100%;
}

.prospectus-tit {
    margin-top: .4rem;
}

.prospectus-tit h3 {
    font-size: 0.36rem;
    font-weight: normal;
    line-height: .46rem;
    text-align: center;
    color: #333333;
}

.prospectus-t {
    margin-top: .7rem;
}

.prospectus-h5 {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: normal;
    color: #333333;
}


.prospectus-text p {
    font-size: 0.2rem!important;
    font-weight: normal;
    line-height: normal!important;
    color: #666666;
    margin-top: .3rem;
}

.prospectus-text p strong {
    color: #333333;
    margin-right: .15rem;
}

.prospectus-text ul li {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .43rem;
    color: #666666;
}

.prospectus-h6 {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: normal;
    color: #333333;
    margin-top: .15rem;
    margin-bottom: .1rem;
}

.prospectus-lk {
    padding-top: .1rem;
}

.prospectus-lk p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: normal;
    text-align: right;
    color: #333333;
    margin-top: .25rem;
}

.prospectus-b {
    margin-top: .7rem;
}

.prospectus-h3 {
    font-size: 0.3rem;
    font-weight: normal;
    line-height: normal;
    color: #333333;
    text-align: center;
}

.prospectus-h4 {
    font-size: 0.26rem;
    font-weight: normal;
    line-height: normal;
    color: #333333;
    margin-top: .35rem;
}


.prospectus-fj {
    border-top: 1px solid rgba(215, 169, 46, .4);
    padding-top: .55rem;
    margin-top: .55rem;
}

.prospectus-fj ul li {
    display: flex;
}

.prospectus-fj ul li div {
    display: flex;
    align-items: center;
    height: 0.3rem;
    margin-right: .1rem;
}

.prospectus-fj ul li img {
    height: 0.2rem;
    border: 0px!important;
}

.prospectus-fj ul li p {
    flex: 1;
    min-width: 0;
    font-size: 0.2rem!important;
    font-weight: normal;
    line-height: .3rem!important;
    color: #333333!important;
    text-indent: 0em!important;
}
.prospectus-fj ul li p a{
    color: #333333!important;
    text-decoration: none!important;
}

.prospectus-fj ul li a:hover p {
    color: #1C7AA7;
}

/* 图文列表页 */

.tplist ul {}

.tplist ul li {
    position: relative;
    background: #ffffff url(../images/tlist-teembg.png) no-repeat;
    background-position: right bottom;
    background-size: 65% auto;
    border-radius: 0.2rem;
    border: solid 1px #dfe2e5;
    overflow: hidden;
    margin-top: .17rem;
}

.tplist ul li:nth-child(1) {
    margin-top: 0;
}

.tplist ul li .tplist-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    top: 100%;
    background: url(../images/tplist-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.tplist ul li a {
    display: flex;
    padding: .5rem;
    align-items: center;
    position: relative;
    z-index: 9;
}

.tplist ul li a .pics {
    width: 3.93rem;
    position: relative;
    margin-right: .65rem;
}

.tplist ul li a .pics::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: #fff;
    width: 0.4rem;
}

.tplist ul li a .pics::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: .4rem;
}

.tplist ul li a .pics .pic {
    padding-top: 61.8%;
}

.tplist ul li a .info {
    flex: 1;
    min-width: 0;
    padding-right: .8rem;
    background: url(../images/img-lists-more2.png) no-repeat;
    background-position: right center;
    background-size: .7rem;
}

.tplist ul li a .info h3 {
    font-size: 0.26rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tplist ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    opacity: 0.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .6rem;
    margin: .3rem 0 .55rem 0;
}

.tplist ul li a .info div {
    display: flex;
    align-items: center;
}

.tplist ul li a .info div span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    opacity: 0.6;
    margin-left: 10%;
}

.tplist ul li a .info div span:nth-child(1) {
    margin-left: 0;
}

/* 学院简介 */
.about1 {
    display: flex;
    align-items: center;
    position: relative;
}

.about1::before {
    content: "";
    position: absolute;
    height: 3.38rem;
    bottom: 0;
    right: 0;
    width: calc(100% + (100vw - 14.4rem) / 2);
    background: url(../images/about-canvas1.png) no-repeat;
    background-position: left center;
    background-size: auto 100%;
    transform: translateY(50%);
    z-index: -1;
    pointer-events: none;
}

.about1-l {
    width: 55%;
}

.about1-timg img {
    display: block;
    max-width: 100%;
    max-height: 0.68rem;
}

.about-text p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    margin-top: .3rem;
}

.about1-r {
    flex: 1;
    min-width: 0;
}

.about1-r div {
    width: calc(100% + (1920px  - 14.4rem) /2);
    position: relative;
}

.about1-r div img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.about2 {
    padding-right: .8rem;
    margin-top: 1.2rem;
}

.about3 {
    position: relative;
    padding: .3rem 0;
    margin-top: .7rem;
}

.about3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% + (100vw - 14.4rem) / 2);
    top: -2.45rem;
    background: url(../images/about-bg1.png) no-repeat;
    background-position: left top;
}

.about3 ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem 0 .1rem;
}

.about3 ul li {
    width: 20%;
    margin-top: .15rem;
}

.about3 ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.1rem;
    height: 2.1rem;
    position: relative;
    border-radius: 50%;
    background: transparent;
    border: dashed 1px transparent;
    margin: 0 auto;
    transition: all 0.5s;
}


.about3 ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s4-itembg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transition: all 1s;
    transform: scale(0);
    border-radius: 50%;
    opacity: 0;
}

.about3 ul li a b {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: _anirotate 15s linear infinite;
    opacity: 0;
}



@keyframes _anirotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.about3 ul li a b::before {
    content: "";
    position: absolute;
    width: 0.45rem;
    height: 0.52rem;
    left: .05rem;
    top: 0.15rem;
    background: url(../images/s4-line1.png) no-repeat;
    background-position: top center;
    background-size: 100% 100%;
}

.about3 ul li a b::after {
    content: "";
    position: absolute;
    width: 0.45rem;
    height: 0.52rem;
    right: .05rem;
    bottom: 0.15rem;
    background: url(../images/s4-line2.png) no-repeat;
    background-position: top center;
    background-size: 100% 100%;
}


.about3 ul li a div {
    width: 1.8rem;
    height: 1.8rem;
    border: dashed 0.01rem transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.5s;
}

.about3 ul li a div h3 {
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #d7a92e;
    font-family: "sysong";
    text-align: center;
    transition: all 0.5s;
}

.about3 ul li a div p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #fff;
    margin-top: .15rem;
    text-align: center;
    transition: all 0.5s;
}

.about4 {
    margin-top: 1.4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.about4-l {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.about4-l div {
    width: calc(100% + (1920px  - 14.4rem) / 2);
    position: absolute;
    right: 0;
    bottom: -.2rem;
}

.about4-l div img {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
}

.about4-r {
    width: 53%;
    margin-left: 2%;
}

.about5 {
    margin-top: 1rem;
}

.about6 {
    margin-top: .5rem;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.about6::before {
    content: "";
    position: absolute;
    height: 3.38rem;
    top: 0;
    right: 0;
    width: calc(100% + (100vw - 14.4rem) / 2);
    background: url(../images/about-canvas1.png) no-repeat;
    background-position: left center;
    background-size: auto 100%;
    transform: translateY(-20%);
    z-index: -1;
    pointer-events: none;
}

.about6-l {
    width: 62.7%;
    margin-right: 2%;
}

.about6-l ul {
     display: flex;
    margin-right: -61%;
    justify-content: space-between;
    margin-bottom: 1.8rem;
    position: relative;
    z-index: 9;
}

.about6-l ul li {
    max-width: 20%;
}

.about6-l ul li div {
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.5rem;
    color: #d7a92e;
    font-family: "sysong";
margin-bottom: .1rem;
    display: flex;
    align-items: center;
}
.about6-l ul li div b{
    font-weight: normal;
}
.about6-l ul li p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    color: #333333;
    opacity: 0.6;
}

.about6-r {
    flex: 1;
    min-width: 0;
    position: relative;
}

.about6-r div {
    width: calc(100% + (1920px - 14.4rem) / 2);
    position: absolute;
    left: 0;
    bottom: -.3rem;
}

.about6-r div img {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
}

.about7 {
    display: flex;
    align-items: flex-start;
    margin-top: .3rem;
    position: relative;
}

.about7::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% + (100vw - 14.4rem) / 2);
    background: url(../images/about7-bg.png) no-repeat;
    background-position: left center;
    background-size: 7.43rem;
    z-index: -1;
    pointer-events: none;
}

.about7-l {
    width: 39.5%;
    position: relative;
    margin-right: 5%;
}
.about7-l img {
    display:block;
    max-width: 100%;
}
.about7-l div {
    width: calc(100% + (1920px - 14.4rem) / 2);
    position: absolute;
    right: 0;
}


.about7-l ul {
    padding-top: 145.789%;
}

.about7-l ul li {
    position: absolute;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.1107);
    z-index: 9;
}

.about7-l ul li:nth-child(1) {
    top: 0;
    left: 0;
}

.about7-l ul li:nth-child(2) {
    top: 7%;
    right: 25%;
}

.about7-l ul li:nth-child(3) {
    bottom: 55%;
    right: 0;
}

.about7-l ul li:nth-child(4) {
    top: 55%;
    right: 0;
}

.about7-l ul li:nth-child(5) {
    bottom: 7%;
    right: 25%;
}

.about7-l ul li:nth-child(6) {
    bottom: 0;
    left: 0;
}

.about7-l ul li a {
    display: block;
}

.about7-l ul li a div img {
    display: block;
    width: 100%;
}

.about7-r {
    flex: 1;
    min-width: 0;
    padding-top: 1rem;
}


.about7-lm {
    position: absolute;
    left: .5rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}



.about7-lm a {
    position: relative;
    z-index: 9;
    display: block;
}

.about7-lm a::before {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    right: -50%;
    bottom: -50%;
    border-radius: 50%;
    z-index: 1;
    background: rgba(255, 255, 255, .3);
    border: dashed 1px rgba(0, 0, 0, 0.3);
    animation: _circlescale infinite 3s linear;
}

.about7-lm a::after {
    content: "";
    position: absolute;
    left: -100%;
    top: -100%;
    right: -100%;
    bottom: -100%;
    border-radius: 50%;
    z-index: 1;
    background: rgba(255, 255, 255, .3);
    border: dashed 1px rgba(0, 0, 0, 0.3);
    animation: _circlescale infinite 3s linear;
}

.about7-lm a .icons {
    position: relative;
    z-index: 9;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    padding: .2rem;
}

.about7-lm a .icons::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-radius: 50%;
    bottom: 0;
    box-shadow: -8px 5px 117px 0px #dae3ea;
    animation: _circlescale infinite 3s linear;
}

.about7-lm a .icons::after {
    content: "";
    position: absolute;
    left: .2rem;
    top: .2rem;
    right: .2rem;
    border-radius: 50%;
    bottom: .2rem;
    border: solid 0.2rem rgba(255, 255, 255, 0.5);
    animation: _circlescale infinite 3s linear;
}

.about7-lm a .icons div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: dashed 1px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    background: #fff;
}

.about7-lm a .icons img {
    display: block;
    max-height: 55%;
    max-width: 55%;
}



@keyframes _circlescale {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.about7-lm-dot {
    position: absolute;
    left: -50%;
    top: -50%;
    right: -50%;
    bottom: -50%;
}

.about7-lm-dot b {
    position: absolute;
    width: 0.29rem;
    height: 0.29rem;
    background-color: #00679c;
    border-radius: 50%;
}

.about7-lm-dot b:nth-child(1) {
    right: 5%;
    top: 20%;
    animation: _circlescale infinite 2s -.1s linear;
}

.about7-lm-dot b:nth-child(2) {
    right: 5%;
    bottom: 20%;
    animation: _circlescale infinite 2.6s -.2s linear;
}

.about7-lm-dot b:nth-child(3) {
    left: 2%;
    bottom: 23%;
    animation: _circlescale infinite 2.4s linear;
}

.about7-gx {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #2f8cb8;
    text-align: right;
    margin-top: .8rem;
}

@media screen and (min-width:1025px) {
    .tplist ul li a:hover .info h3 {
        color: #ffffff;
    }

    .tplist ul li a:hover .info p {
        color: #ffffff;
    }

    .tplist ul li a:hover .info div span {
        color: #ffffff;
        opacity: 0.6;
    }

    .about3 ul li a:hover {
        background: #fff;
        border: dashed 1px #1c79af;
    }

    .about3 ul li a:hover b {
        opacity: 1;
    }

    .about3 ul li a:hover div {
        border: dashed 0.01rem rgba(148, 148, 148, .5);
    }

    .about3 ul li a:hover div p {
        color: #333;
    }

   
}




@media screen and (max-width:1920px) {
    .about1-r div,.about4-l div,.about7-l div,.about6-r div{
        width: calc(100% + (100vw - 14.4rem) / 2);
    }
}