@charset "utf-8";

@font-face {
    font-family: "sisong-normal";
    src: url(../fonts/SOURCEHANSERIFCN-MEDIUM.OTF);
}

@font-face {
    font-family: "oppo";
    src: url(../fonts/OPPOSans-R.ttf);
}

@font-face {
    font-family: "oppo-light";
    src: url(../fonts/OPPOSans-L.ttf);
}

html {
    overflow-x: hidden;
}


.header {
    position: relative;
}

.header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -.53rem;
    background: url(../images/nhead-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.footer {
    background-size: cover;
    padding-top: 0.9rem;
}

.pagination {
    text-align: center;
    font-size: 0;
    margin-top: 1rem;
}

.pagination a {
    display: inline-block;
    border: 1px 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: #015098;
    color: #fff;
    border: 1px solid #015098;
}

.pagination a:hover {
    background: #015098;
    color: #fff;
    border: 1px solid #015098;
}

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



.position {
    position: relative;
    z-index: 999;
    padding: .55rem 0 .5rem 0;
}

.position-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 82.5%;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.position-bg img {
    width: 82.5%;
    height: 100%;
    object-fit: cover;
}

.position .wp {
    position: relative;
    z-index: 9;
}

.position h3 {
    font-size: 0.38rem;
    font-weight: normal;
    line-height: 0.4rem;
    color: #333333;
    padding-left: .6rem;
    background: url(../images/ny-titbg.png) no-repeat left center;
    background-position: left center;
    background-size: .4rem auto;
}

.position .wp div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.4rem;
    letter-spacing: 0rem;
    color: #666666;
    margin-top: .1rem;
}

.position .wp div a {
    color: #666666;
}

.position .wp div a:hover {
    color: #0974E5;
}


.inner {
    margin-top: .6rem;
    padding-bottom: .9rem;
    position: relative;
z-index: 9999;
}

.inner.nobpd {
    padding-bottom: 0;
}

.ny-btmbg {
    background: url(../images/ny-btmbg1.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.inner-c {
    display: flex;
}

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

.inner-r {
    width: 2.5rem;
    margin-left: 1rem;
}

.pubnav .w-nymenu h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #015eea;
    padding: 0.1rem .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #fff;
    font-family: OPPOSans-R;
}

.pubnav .w-nymenu h3 b {
    display: block;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/w-nymenu.png) no-repeat;
    background-size: .26rem auto;
    background-position: center;
}

.pubnav ul {
    transition: all 0.5s;
    width: 100%;
}

.pubnav ul:hover {
    box-shadow: 0rem 0rem 0.8rem 0rem rgba(136, 165, 192, 0.2);
}

.pubnav ul li {
    position: relative;
}

.pubnav ul li::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-image: linear-gradient(93deg,
            #116dd1 0%,
            #1990bf 54%,
            #21b2ac 100%);
    opacity: 0.4;
    z-index: 1;
}

.pubnav ul li div {
    padding: .15rem 0;

    position: relative;
    padding-right: .4rem;
    padding-left: .2rem;
    position: relative;
}

.pubnav ul li div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(92deg, #e7f1fd 0%, rgba(231, 241, 253, .5) 20%, #ffffff 100%);
    transition: all 0.3s;
    z-index: 1;
}

.pubnav ul li div::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #0971E8 0%, #0EC1AC 100%);
    transition: all 0.3s;
    opacity: 0;
    z-index: 2;
}

.pubnav ul li div a {
    display: block;
    font-family: OPPOSans-R;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.26rem;
    color: #333333;
    position: relative;
    z-index: 9;
}

.pubnav ul li div b {
    position: absolute;
    right: 0;
    top: 0.08rem;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 9;
}

.pubnav ul li div b::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/pubnav-cir.png) no-repeat;
    background-position: center center;
    background-size: .11rem auto;
    transition: all 0.3s;
}

.pubnav ul li div b::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/pubnav-rgt.png) no-repeat;
    background-position: center center;
    background-size: .11rem auto;
    transition: all 0.3s;
    opacity: 0;
}

.pubnav ul li dl {
    padding: .15rem .2rem;
    display: none;
}

.pubnav ul li.on dl {
    padding: .15rem .2rem;
    display: block;
}
.pubnav ul li.on.active dl{
display: block
}
.pubnav ul li dl dd a {
    display: block;
    font-size: 0.16rem;
    line-height: .36rem;
    color: #666666;
}

.pubnav ul li dl dd a:hover {
    color: #0971E8;
}


/*  */
.pubnav ul li.on div::before {
    opacity: 0;
}

.pubnav ul li.on div::after {
    opacity: 1;
}

.pubnav ul li.on div a {
    color: #fff;
}

.pubnav ul li.on div b::before {
    opacity: 0;
}

.pubnav ul li.on div b::after {
    opacity: 1;
    transform: rotate(90deg);
}


/* 机构设置 */
.jgsz-box {
    padding: .3rem .4rem .54rem .4rem;
    margin-top: .45rem;
    position: relative;
}

.jgsz-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all .5s;
    border: solid 1px #e6ecf8;
}

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

.jgsz-box:hover::before {
    background-color: #ffffff;
    box-shadow: 0rem 0rem 0.8rem 0rem rgba(136, 165, 192, 0.2);
    border-color: transparent;
}

.jgsz-box h3 {
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.24rem;
    color: #0175ec;
    position: relative;
    z-index: 9;
}

.jgsz-box ul {
    margin: 0 -.14rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 9;
}

.jgsz-box ul li {
    width: 25%;
    position: relative;
    margin-top: .3rem;
}

.jgsz-box ul li:nth-child(-n+4) {
    margin-top: .25rem;
}

.jgsz-box ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .14rem;
    text-align: center;
    border: solid 0.01rem #e6ecf8;
    background: #fff;
    line-height: .28rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #333333;
    overflow: hidden;
    padding: .15rem .1rem;
    position: relative;
    transition: all 0.5s;
    min-height: 100%;
}

.jgsz-box ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, #0973e7 0%, #0ebdaf 100%);
    z-index: 1;
    transition: all 0.5s;
    opacity: 0;
    transform: translateX(-100%);
}

.jgsz-box ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: -.12rem;
    bottom: 0;
    background: url(../images/jgsz-itemlogo.png) no-repeat;
    background-position: right center;
    background-size: .68rem auto;
    z-index: 1;
    transition: all 0.5s;
    z-index: 2;
    opacity: 0;
    transform: translateX(100%);
}

.jgsz-box ul li a p {
    position: relative;
    z-index: 9;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
}

.jgsz-box ul li a:hover {
    color: #fff;
}

.jgsz-box ul li a:hover::before {
    opacity: 1;
    transform: translateX(0%);
}

.jgsz-box ul li a:hover::after {
    transition-delay: .3s;
    opacity: 1;
    transform: translateX(0%);
}



/* 校园生活 */

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

.life-c ul {
    width: 37.5%;
}

.life-c ul li {
    margin-bottom: .2rem;
    margin-bottom: 4.5%;
}

.life-c ul li a .pic {
    padding-top: 56.2%;
}

.life-bigimg {
    width: 60.3%;
    margin-bottom: 1.7%;
}

.life-bigimg a .pic {
    padding-top: 72.5%;
}

a.life-imgs {
    display: block;
    position: relative;
}

a.life-imgs .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

a.life-imgs .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #0a75e5;
    opacity: 0;
    z-index: 1;
    transform: scale(0);
    transition: all 0.5s;
}

a.life-imgs .info img {
    height: 0.27rem;
    position: relative;
    z-index: 9;
    opacity: 0;
    transition: all 0.5s;
    transform: translateY(.1rem);
}

a.life-imgs .info p {
    font-family: OPPOSans-R;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.36rem;
    color: #ffffff;
    margin-top: .05rem;
    position: relative;
    z-index: 9;
    opacity: 0;
    transition: all 0.5s;
    transform: translateY(.1rem);
}

a.life-imgs:hover .info::before {
    transform: scale(1);
    opacity: .6;
}


a.life-imgs:hover .info img {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
}

a.life-imgs:hover .info p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
}


/* 学术期刊 */
.xsqk {
    border: solid 1px #e6ecf8;
    /*border-bottom: none;*/
    margin-bottom:0.2rem;
}

.xsqk {
    position: relative;
}

.xsqk .swiBtn {
    position: absolute;
    right: 0.3rem;
    display: flex;
    align-items: center;
    z-index: 9;
    transform: translateY(-50%);

}

.xsqk .swiBtn a {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    position: relative;
    transition: all 0.5s;
    margin-left: .2rem;
}

.xsqk .swiBtn a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    transition: all 0.5s;
    border: solid 0.01rem #dce8f7;
    z-index: 1;
}

.xsqk .swiBtn a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    transition: all 0.5s;
    z-index: 2;
}

.xsqk .swiBtn a:hover {
    background: linear-gradient(270deg, #00d198 0%, rgba(0, 96, 255, 1) 100%);
}

.xsqk .swiBtn a.prev::before {
    background: #fff url(../images/prev-jb.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
}

.xsqk .swiBtn a:hover.prev::before {
    opacity: 0;
}

.xsqk .swiBtn a.prev::after {
    background: url(../images/prev-w.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
    opacity: 0;
}

.xsqk .swiBtn a:hover.prev::after {
    opacity: 1;
}

.xsqk .swiBtn a.next::before {
    background: #fff url(../images/next-jb.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
}

.xsqk .swiBtn a:hover.next::before {
    opacity: 0;
}

.xsqk .swiBtn a.next::after {
    background: url(../images/next-w.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
    opacity: 0;
}

.xsqk .swiBtn a:hover.next::before {
    opacity: 0;
}

.xsqk .swiBtn a:hover.next::after {
    opacity: 1;
}

.xsqk .des {
    padding: .4rem .5rem .6rem .5rem;
    padding: .4rem .5rem;
    display: flex;
}
.des_l{
    width: 1.6rem;
    width: 3rem;
    margin-right: .3rem;
}
.des_l img{display:block;width:100%;height: auto;}
.xsqk .des h3 {
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.44rem;
    margin-bottom:0.1rem;
    color: #333333;
}

.xsqk .des div.des_r {
    position: relative;
    padding-left: .3rem;
    margin-top: .22rem;
    margin-left: 0;
    flex: 1;
    min-width: 0;
}

.xsqk .des div.des_r::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.03rem;
    background-image: linear-gradient(180deg, #0973e7 0%, #0ebdaf 100%);
}

.xsqk .des div p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    opacity: 0.8;
    margin-top: .15rem;
}

.xsqk .des div p:nth-child(1) {
    margin-top: 0;
}

.xsqk-box {
    position: relative;
    background: url(../images/xsqk-box-bg.png) no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding: .65rem .55rem .7rem .55rem;
}

.xsqk-t {
    display: flex;
    justify-content: space-between;
}

.xsqk-tname {
    padding-top: .1rem;
    text-align: center;
    margin-bottom: .35rem;
    display: flex;
    justify-content: flex-start;

}

.xsqk-tname h3 {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.4rem;
    color: #ffffff;
    width: 1.44rem;
    background: url(../images/xsqk-tname-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.xsqk-tpic ul {
    display: flex;
}

.xsqk-tpic ul li {
    margin-left: .6rem;
}

.xsqk-tpic ul li:nth-child(1) {
    margin-left: 0;
}

.xsqk-tpic ul li div {
    width: 0.98rem;
    margin: 0 auto;
    border-radius: 50%;
}

.xsqk-tpic ul li div .pic {
    padding-top: 153%;
    background-color: #ffffff;
    border: solid 0.02rem rgba(255, 255, 255, 0.35);
}

.xsqk-tpic ul li div p {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.24rem;
    color: #ffffff;
    margin-top: .13rem;
}

.xsqk-tcont {
    border-left: 1px solid rgba(230, 236, 248, .2);
    border-right: 1px solid rgba(230, 236, 248, .2);
    padding: 0 .6rem;
}

.xsqk-tms p {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.24rem;
    color: #ffffff;
    margin-top: .13rem;
}

.xsqk-tms p span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #ffffff;
}

.xsqk-b {
    margin-top: 1rem;
}

.xsqk-bimg img {
    display: block;
    width: 100%;
}

.xsqk-b ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .2rem .4rem;
    margin-top: .62rem;
}

.xsqk-b ul::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(0deg, #209cff 0%, #68e0cf 100%);
    border-radius: 0.35rem;
    opacity: 0.09;
    z-index: 1;
}

.xsqk-b ul li {
    position: relative;
    z-index: 9;
    padding: 0 .2rem;
}

.xsqk-b ul li a {
    display: block;
    padding-left: .15rem;
    position: relative;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
}

.xsqk-b ul li a:hover {
    color: #209cff;
}

.xsqk-b ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #209cff 0%, #68e0cf 100%);
}


/* 师资队伍 */
.szdw{
    position: relative;
}
.szdw_search {
    position: absolute;
    right: 0.07rem;
    top: 0.08rem;
}
.szdw-sel {
    background: rgba(217, 217, 217, .4);
    display: flex;
    align-items: center;
    padding: 0 .07rem 0 .3rem;
    margin-bottom: .35rem;
    background: linear-gradient(0deg, rgba(32, 156, 255, .09) 0%, rgba(104, 224, 207, .09) 100%);
    padding-right: 4.05rem;
}

.szdw-sel>span {
    font-size: 0.2rem;
    font-weight: 600;
    line-height: 0.3rem;
    color: #000000;
}

.szdw-sel ul {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

.szdw-sel ul li {
    padding: 0.15rem .3rem;
    position: relative;
    position: relative;
    flex: 1;
    min-width: 0;
}

.szdw-sel ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.3rem;
    width: 1px;
    background: #d9d9d9;
}

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

.szdw-sel ul li p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    position: relative;
    cursor: pointer;
}

.szdw-sel ul li:nth-child(1) p {
    /* min-width: 1.5rem; */
}

.szdw-sel ul li:nth-child(2) p {
    /* min-width: 2.4rem; */
}

.szdw-sel ul li:nth-child(3) p {
    /* min-width: 2.15rem; */
}

.szdw-sel ul li p::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-width: .09rem .06rem 0 0.06rem;
    border-color: #6d6e6d transparent transparent transparent;
    border-style: solid;
}

.szdw-sel ul li div {
    position: absolute;
    left: 0;
    top: 100%;
    left: 50%;
    width: 2.5rem;
    transform: translateX(-50%) scaleY(0);
    transform-origin: center top;
    background: #fff;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    padding: .2rem 0;
    transition: all 0.5s;
    z-index: 9;
}

.szdw-sel ul li div a {
    display: block;
    padding: 0 .15rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.4rem;
    color: #333333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.1s;
}

.szdw-sel ul li div a:hover {
    color: #fff;
    background: #0971E8;
}

.szdw-sel ul li:hover div {
    transform: translateX(-50%) scaleY(1);
}


.szdw-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.szdw-list ul li {
    width: 48.8%;
    padding: .25rem .3rem;
    transition: all 0.5s;
    position: relative;
}

.szdw-list ul li:nth-child(2)~li {
    margin-top: .5rem;
}

.szdw-list ul li a {
    display: flex;
    position: relative;
}

.szdw-list ul li::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .25rem;
    height: 1.01rem;
    background: linear-gradient(0deg, #209cff 0%, #68e0cf 100%);
    opacity: 0.09;
}

.szdw-list ul li a .pics {
    width: 1.76rem;
    position:relative;
    z-index:8;
    box-shadow: 0.01rem 0.04rem 0.06rem 0rem rgba(0, 0, 0, 0.14);
}

.szdw-list ul li a .pics .pic {
    padding-top: 135%;
}

.szdw-list ul li a .info {
    flex: 1;
    min-width: 0;
    padding-top: .15rem;
}

.szdw-list ul li a .info div {
    margin-left: .28rem;
    position: relative;
    padding-left: .25rem;
}

.szdw-list ul li a .info div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.02rem;
    background-image: linear-gradient(0deg, #0dbcb0 0%, #0977ed 100%);
}

.szdw-list ul li a .info div h3 {
    font-family: OPPOSans-M;
    font-size: 0.26rem;
    font-weight: normal;
    line-height: 0.36rem;
    color: #000000;
}

.szdw-list ul li a .info div p {
    font-family: OPPOSans-R;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .48rem;
    margin-top: .05rem;
}

.szdw-list ul li a .info span {
    display: block;
    width: 0.98rem;
    height: 0.22rem;
    background: url(../images/xsqk-tname-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    font-family: OPPOSans-M;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.22rem;
    color: #ffffff;
    text-align: center;
    margin-left: .23rem;
    margin-top: .2rem;
}

.szdw-list ul li a .info dl {
    margin-left: .43rem;
    margin-top: .2rem;
}

.szdw-list ul li a .info dl dd {
    font-family: OPPOSans-M;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #0397fb;
    position: relative;
    padding-left: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.szdw-list ul li a .info dl dd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.1rem;
    width: 0.03rem;
    height: 0.03rem;
    background: #0397fb;
    border-radius: 50%;
}

.szdw-list ul li a .info b {
    position: absolute;
    right: -.3rem;
    bottom: 0;
    transform: translateY(50%);
    width: 1.45rem;
    background-image: linear-gradient(92deg, #0971e8 0%, #0ec1ac 100%);
    border-radius: .2rem 0 0 .2rem;
    padding-left: .45rem;
    font-family: OPPOSans-M;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.35rem;
    color: #ffffff;
    opacity: 0;
    transition: all 0.5s;
}

.szdw-list ul li a .info b::before {
    content: "";
    position: absolute;
    width: 0.33rem;
    height: .33rem;
    left: 0.01rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/szdw-slogo.png) no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

/* 文创产品 */
.wccp {
    display: flex;
}

.wccp ul {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
}

.wccp ul.wccp2-list li {
    width: 25%;
    margin-top: 0 !important;
}

.wccp ul.wccp2-list li a {
    margin-top: 0 !important;
}

.wccp ul.wccp2-list li:nth-child(4)~li a {
    margin-top: .1rem !important;
}

.wccp ul.wccp4-list li a .pic{
      padding-top: 166%;
}


.wccp ul li {
    width: 33.33%;
}

.wccp ul li:nth-child(3)~li a {
    margin-top: .1rem;
}

.wccp ul li a {
    margin-right: .1rem;
}

.wccp ul li a .pic {
    padding-top: 81.39%;
}

.wccp>div.last_item {
    width: calc(25% - 0.075rem);
}

.wccp>div a .pic {
    padding-top: 166%;
}

.wccp-item {
    display: block;
    position: relative;
}

.wccp-item .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.6rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.wccp-item .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .15rem .1rem;
    transition: all 0.5s;
}

.wccp-item .info p {
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #ffffff;
}

.wccp-item:hover .info {
    transform: translateY(-.1rem);
}


/* 师资详情页 */
.szartjj {
    display: flex;
    position: relative;
    padding-bottom: .33rem;
}

.szartjj::before {
    content: "";
    position: absolute;
    left: .14rem;
    top: 0.06rem;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(90deg, #0972E8 1%, #0EBFAD 100%);
}

.szartjj-pic {
    width: 1.9rem;
    margin-right: .78rem;
    position: relative;
    z-index: 9;
}

.szartjj-pic .pic {
    padding-top: 126%;
}

.szartjj-r {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: flex-end;
}

.szartjj-des {
    flex: 1;
    min-width: 0;
}

.szartjj-bt {
    position: relative;
}

.szartjj-bt::before {
    content: "";
    position: absolute;
    left: -.32rem;
    top: 0;
    width: 0.01rem;
    height: 0.95rem;
    background-color: #ffffff;
    opacity: 0.2;
}

.szartjj-bt h3 {
    font-size: 0.3rem;
    font-weight: 600;
    line-height: 0.3rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
}

.szartjj-bt p {
    font-family: OPPOSans-L;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #ffffff;
    margin-top: .1rem;
    opacity: .6;
}


.szartjj-rwsm p {
    font-family: OPPOSans-R;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: .15rem;
}

.szartjj-info {
    width: 4rem;
    margin-left: 1.3rem;
}

.szartjj-info ul {
    margin-right: -.6rem;
}

.szartjj-info ul li {
    position: relative;
}

.szartjj-info ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #e5e5e5;
    transform: skewX(-15deg);
    transition: all .5s;
}

.szartjj-info ul li p {
    font-family: OPPOSans-R;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.34rem;
    color: #1f1f1f;
    margin-top: .1rem;
    padding: 0 .3rem;
    position: relative;
    word-break: break-all;
}

.szartjj-info ul li:hover::before {
    background-color: #ffffff;
    box-shadow: 0.03rem 0.08rem 0.22rem 0rem rgba(151, 174, 178, 0.3);
}


.szart-c {
    display: flex;
    margin-top: .42rem;
}

.szart-l {
    width: 1.9rem;
}

.szart-m {
    flex: 1;
    min-width: 0;
    margin: 0 .75rem;
}

.szart-r {
    width: 3.39rem;
}

.szart-mbox {
    margin-top: .4rem;
}

.szart-mbox:nth-child(1) {
    margin-top: 0;
}


.szart-mtype {
    display: flex;
    align-items: center;
}

.szart-mtype b {
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.32rem;
    color: #333333;
}

.szart-mtype span {
    width: 0.06rem;
    height: 0.22rem;
    background: #097edd;
    border-right: 0.03rem solid #0dbaaf;
    margin-left: .18rem;
}

.szart-mdes {
    margin-top: .2rem;
}

.szart-mdes p {
    font-family: OPPOSans-R;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.32rem;
    color: #333333;
    text-indent: 2em;
}

.szart-rbox {
    background: #f6f6f6;
    padding-top: .28rem;
    padding-bottom: 0.2rem;
}

.szart-rbox+.szart-rbox {
    margin-top: .7rem;
}

.szart-rtype {
    margin-left: -0.06rem;
    background: linear-gradient(90deg, #0972E8 1%, #0EBFAD 100%);
    height: .53rem;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: .24rem;
    padding-left: .25rem;
}

.szart-rtype::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    border-width: .06rem 0 0 .06rem;
    border-style: solid;
    border-color: #0972E8 transparent transparent transparent;
}

.szart-rtype img {
    max-height: .22rem;
}

.szart-rtype span {
    display: block;
    font-size: 0.22rem;
    font-weight: 600;
    line-height: 0.32rem;
    letter-spacing: 0.01rem;
    color: #eef4f9;
    margin-left: .1rem;
}

.szrty-cylist {}

.szrty-cylist ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .15rem;
}

.szrty-cylist ul li {
    width: 33.33%;
}

.szrty-cylist ul li:nth-child(3)~li {
    margin-top: .05rem;
}

.szrty-cylist ul li a {
    display: block;
}

.szrty-cylist ul li a .pics {
    width: 0.8rem;
    margin: 0 auto;
}

.szrty-cylist ul li a .pics .pic {
    padding-top: 100%;
    border-radius: 50%;
}



.szrty-cylist ul li a .info p {
    font-family: OPPOSans-R;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.32rem;
    color: #000000;
    text-align: center;
}

.szrty-cylist ul li a:hover .info p {
    color: #0972E8;
}

.szrty-tjlist ul {
    padding: 0 .17rem;
}

.szrty-tjlist ul li+li {
    margin-top: 0.2rem;
}

.szrty-tjlist ul li a {
    display: block;
}

.szrty-tjlist ul li a .pic {
    padding-top: 75%;
}


/* 研究生教育 */
.yjsjj {
    padding-bottom: .34rem;
    position: relative;
}

.yjsjj a {
    display: block;
}

.yjsjj::before {
    content: "";
    position: absolute;
    left: .95rem;
    top: .25rem;
    right: -.5rem;
    bottom: 0;
    background-color: #0975e5;
    z-index: 1;
}

.yjsjj .pic {
    padding-top: 3.4rem;
    position: relative;
    z-index: 9;
    box-shadow: 0.03rem 0.11rem 0.17rem 0.04rem rgba(0, 0, 0, 0.24);
}

.yjsjj .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.7rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.yjsjj .info {
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.6rem;
    z-index: 9;
    padding-right: 3rem;
    background: url(../images/arrw.png) no-repeat;
    background-position: right bottom;
    background-size: .22rem;
}

.yjsjj .info h3 {
    font-size: 0.32rem;
    font-weight: 600;
    line-height: 0.4rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yjsjj .info p {
    font-family: OPPOSans-R;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.25rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .5rem;
    margin-top: .15rem;
}

.yjs-c {
    display: flex;
    align-items: flex-start;
    margin-top: .5rem;
}

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

.yjs-tit {
    display: flex;
    align-items: center;
}

.yjs-tit span {
    height: 0.02rem;
    background-color: #0975e5;
    flex: 1;
    min-width: 0;
}

.yjs-tit b {
    font-size: 0.22rem;
    font-weight: 600;
    line-height: 0.32rem;
    color: #0975e5;
    margin: 0 .4rem;
}

.yjs-list1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .27rem;
}

.yjs-list1 li {
    width: 48%;
}

.yjs-list1 li:nth-child(2)~li {
    margin-top: .15rem;
}

.yjs-list1 li a {
    display: block;
}

.yjs-list1 li a span {
    display: block;
    width: 0.66rem;
    height: 0.27rem;
    background-image: linear-gradient(90deg, #116cd2 0%, #21b3ab 100%);
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.27rem;
    color: #ffffff;
    text-align: center;
}

.yjs-list1 li a p {
    font-family: OPPOSans-R;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.23rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .1rem;
}

.yjs-list1 li a:hover p {
    color: #1989e1;
}

.yjs-list1 li a div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.yjs-list1 li a div span {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.25rem;
    color: #0975e5;
    margin-left: .15rem;
}

.yjs-lbox2 {
    margin-top: .6rem;
}

.yjs-lbox2 .tp-list2 {
    margin-top: .4rem;
}


.tp-list-cont {
    font-family: OPPOSans-R;
    margin-bottom: .5rem;
}

.tp-list-cont p {
    font-size: .18rem;
    line-height: .36rem;
}

.tp-list-cont p+p {
    margin-top: .2rem;
}

.tp-list2 li+li {
    margin-top: .15rem;
}

.tp-list2 li a {
    display: flex;
    align-items: center;
    background-image: linear-gradient(90deg, rgba(17, 108, 210, .03) 0%, rgba(33, 179, 171, .03) 100%);
    padding: 0.16rem .25rem .16rem .16rem;
    position: relative;
}

.tp-list2 li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/tw-bg.jpg) no-repeat center right;
    background-size: cover;
    transition: all .5s;
    opacity: 0;
    z-index: 1;

}

.tp-list2 li a .pics {
    width: 3rem;
    margin-right: .34rem;
    position: relative;
    z-index: 9;
}

.tp-list2 li a .pics::before {
    content: "";
    position: absolute;
    left: -.16rem;
    top: -.16rem;
    right: 0.07rem;
    bottom: 0.05rem;
    z-index: 1;
    background-image: linear-gradient(90deg, #116cd2 0%, #21b3ab 100%);
    opacity: 0.1;
}

.tp-list2 li a .pics .pic {
    padding-top: 50%;
    position: relative;
    z-index: 9;
}

.tp-list2 li a .pics .pic span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.91rem;
    height: 0.27rem;
    text-align: center;
    background-image: linear-gradient(90deg, #116cd2 0%, #21b3ab 100%);
    font-family: OPPOSans-M;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.27rem;
    color: #ffffff;
}

.tp-list2 li a .info {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 9;
}

.tp-list2 li a .info h3 {
    font-size: 0.22rem;
    font-weight: 600;
    line-height: 0.3rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tp-list2 li a .info p {
    font-family: OPPOSans-R;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .48rem;
    margin-top: .07rem;
    margin-bottom: .2rem;
}

.tp-list2 li a .info div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.tp-list2 li a .info div span {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.25rem;
    letter-spacing: 0rem;
    color: #0975e5;
    margin-left: .15rem;
}

.tp-list2 li a:hover::before {
    opacity: 1;
}

.tp-list2 li a:hover .info h3 {
    color: #fff;
}

.tp-list2 li a:hover .info p {
    color: #fff;
}

.tp-list2 li a:hover .info div span {
    color: #fff;
}



.yjs-r {
    width: 3.4rem;
    margin-left: 1.07rem;
    background-color: #f6f6f6;
    padding-top: .28rem;
    padding-bottom: 1.2rem;
}

.yjs-rbox {
    margin-top: .3rem;
}

.yjs-rtit {
    padding: 0 .5rem 0 .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yjs-rtit div {}

.yjs-rtit div p {
    font-family: OPPOSans-M;
    font-size: 0.17rem;
    font-weight: normal;
    line-height: 0.23rem;
    color: #46aef7;
    display: flex;
    align-items: flex-end;
}

.yjs-rtit div p a {
    font-family: OPPOSans-M;
    font-size: 0.08rem;
    font-weight: normal;
    line-height: 0.16rem;
    color: #46aef7;
}

.yjs-rtit span {
    flex: 1;
    min-width: 0;
    max-width: 0.99rem;
    height: 1px;
    background-image: linear-gradient(0deg,
            #89f7fe 0%,
            #66a6ff 100%);
    opacity: 0.72;
}

.yjs-rlist ul {
    margin-top: 0.2rem;
    padding: 0 .37rem;
}

.yjs-rlist ul li {
    position: relative;
}

.yjs-rlist ul li a {
    display: block;
    font-family: OPPOSans-R;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.yjs-rlist ul li::before {
    content: "";
    position: absolute;
    left: -.16rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background: #000;
}

.yjs-rlist ul li:hover::before {
    background: #0975e5;
}

.yjs-rlist ul li:hover a {
    color: #0975e5;
}

/* 校友活动 */


.xyhd-tit b {
    display: block;
    font-size: 0.26rem;
    font-weight: 600;
    line-height: 0.3 rem;
    letter-spacing: 0.01rem;
    color: #333333;
}


.xyhd1-c {
    display: flex;
    align-items: center;
    margin-top: .3rem;
}

.xyhd1-c .swiper-container {
    flex: 1;
    min-width: 0;
    margin-left: .17rem;
}

.xyhd1-c .swiBtn-btn {
    margin-left: 1rem;
    display: flex;
}


.xyhd1-c .swiBtn-btn a {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    position: relative;
    transition: all 0.5s;
    margin-left: .2rem;
}

.xyhd1-c .swiBtn-btn a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    transition: all 0.5s;
    border: solid 0.01rem #dce8f7;
    z-index: 1;
}

.xyhd1-c .swiBtn-btn a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    transition: all 0.5s;
    z-index: 2;
}

.xyhd1-c .swiBtn-btn a:hover {
    background: linear-gradient(270deg, #00d198 0%, rgba(0, 96, 255, 1) 100%);
}

.xyhd1-c .swiBtn-btn a.next::before {
    background: #fff url(../images/next-jb.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
}

.xyhd1-c .swiBtn-btn a:hover.next::before {
    opacity: 0;
}

.xyhd1-c .swiBtn-btn a.next::after {
    background: url(../images/next-w.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
    opacity: 0;
}

.xyhd1-c .swiBtn-btn a:hover.next::before {
    opacity: 0;
}

.xyhd1-c .swiBtn-btn a:hover.next::after {
    opacity: 1;
}

.xyhd1-c .swiper-slide a {
    display: block;
    position: relative;
    padding-bottom: .15rem;
}

.xyhd1-c .swiper-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #209cff;
    background-image: linear-gradient(0deg, #209cff 0%, #68e0cf 100%);
}

.xyhd1-c .swiper-slide a span {
    display: block;
    width: 0.66rem;
    height: 0.27rem;
    background: linear-gradient(90deg, #116cd2 0%, #21b3ab 100%);
    text-align: center;
    line-height: 0.27rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #ffffff;
}

.xyhd1-c .swiper-slide a p {
    font-size: 0.18rem;
    line-height: 0.26rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .52rem;
    margin-top: .15rem;
    font-weight: 600;
}

.xyhd1-c .swiper-slide a:hover p {
    color: #1989e1;
}

.xyhd2 {
    margin-top: .5rem;
}

.xyhd2-c {
    margin-top: .15rem;
    position: relative;
    padding-top: .44rem;
}

.xyhd2-c::before {
    content: "";
    position: absolute;
    left: -.07rem;
    right: -.5rem;
    top: 0;
    height: 50%;
    background-image: linear-gradient(0deg, #209cff 0%, #68e0cf 100%);
    opacity: 0.1;
    z-index: 1;
}

.xyhd2-c ul {
    position: relative;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
}

.xyhd2-c ul li {
    width: 25%;
}

.xyhd2-c ul li a {
    display: block;
    padding-left: .3rem;
    position: relative;
}

.xyhd2-c ul li a .pics {
    position: relative;
}

.xyhd2-c ul li a .pic {
    padding-top: 71.18%;
}

.xyhd2-c ul li a .pics span {
    position: absolute;
    left: -.15rem;
    bottom: 0.1rem;
    width: 1rem;
    background-image: linear-gradient(90deg, rgba(17, 108, 210, .7) 0%, rgba(33, 179, 171, .7) 100%);
    text-align: center;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #ffffff;
    z-index: 10;
}

.xyhd2-c ul li a .info {
    padding-top: .2rem;
}

.xyhd2-c ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.26rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .52rem;
}

.xyhd2-c ul li a:hover .info h3 {
    color: #1989e1;
}


.xyhd3 {
    margin-top: .5rem;
}

.xyhd3-c {
    display: flex;
        margin-top: .2rem;
    align-items: flex-start;
}

.xyhd3-l {
    width: 5.2rem;
    margin-right: .3rem;
    margin-left: .27rem;
}

.xyhd3-l ul {
    display: flex;
    flex-wrap: wrap;
}

.xyhd3-l ul li {
    width: 50%;
}

.xyhd3-l ul li a {
    display: block;
    margin-right: .2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 1.9rem;
}

.xyhd3-l ul li:nth-child(2)~li {
    margin-top: .2rem;
}

.xyhd3-l ul li a div {
    width: 0.8rem;
    height: 0.8rem;
}

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

.xyhd3-l ul li:hover a div {
    animation: beat 0.5s 1;
}

.xyhd3-l ul li a p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .1rem;
    margin-top: .15rem;
}

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

.xyhd3-r ul {}

.xyhd3-r ul li {}

.xyhd3-r ul li a {
    display: flex;
    align-items: center;
    height: 0.7rem;
    border-bottom: 1px dashed #cbe0df;
}

.xyhd3-r ul li a span {
    font-size: 0.14rem;
    font-weight: 600;
    line-height: 0.16rem;
    color: #126dd1;
    background: linear-gradient(45deg, #116cd2, #20afae);
    -webkit-background-clip: text;
    color: transparent;
    background: transparent\0;
    color: #1889e2 \0;
    width: 1.18rem;
    border-right: 1px solid #cbe0df;
    margin-right: .18rem;
}

.xyhd3-r ul li a p {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.xyhd3-r ul li a:hover p {
    color: #1989e1;
}

.xyhd4 {
    margin-top: .5rem;
    position: relative;
    padding-bottom: 1.6rem;
}

.xyhd4::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: .65rem;
    background-image: linear-gradient(0deg,
            #209cff 0%,
            #68e0cf 100%);
    opacity: 0.1;
    z-index: 1;
}

.xyhd4-c {
    position: relative;
    padding-top: .76rem;
    display: flex;
    align-items: center;
}

.xyhd4-c::before {
    content: "";
    position: absolute;
    left: 0;
    right: calc((-100vw + 16rem) / 2);
    top: 0;
    bottom: 0;
    background: url(../images/xyhd4bg.jpg) no-repeat;
    background-position: center center;
    z-index: 1;
    background-size: cover;
}

.xyhd4-l {
    position: relative;
    z-index: 9;
    flex: 1;
    min-width: 0;
    padding-left: 1.18rem;
}

.xyhd4-r {
    position: relative;
    z-index: 9;
    width: 6.4rem;
    margin-left: .84rem;
    padding: .4rem .3rem .6rem .3rem;
}

.xyhd4-lt img {
    display: block;
    width: 2.56rem;
}

.xyhd4-lb {
    margin-top: .6rem;
}

.xyhd4-lb ul {
    display: flex;
    justify-content: space-between;
}

.xyhd4-lb ul li a {
    display: block;
}

.xyhd4-lb ul li a div {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
}

.xyhd4-lb ul li a:hover div {
    animation: beat 0.5s 1;
}

.xyhd4-lb ul li a div img {
    display: block;
    width: 100%;
    height: 100%;
}

.xyhd4-lb ul li a p {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.28rem;
    color: #ffffff;
    text-align: center;
    margin-top: .13rem;
}

.xyhd4-r::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -0.86rem;
    background: linear-gradient(to bottom, #126ed1, transparent);
}

.xyhd4-r div {
    position: relative;
    z-index: 9;
    overflow-y: auto;
    padding: .55rem .3rem .3rem .3rem;
    height: 5rem;
}

.xyhd4-r div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/s4-sup.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.xyhd4-r div::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/s4-sub.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.xyhd4-r div h3 {
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.28rem;
    color: #ffffff;
    margin-bottom: .25rem;
}

.xyhd4-r div p {
    font-size: 0.16rem;
    font-weight: 600;
    line-height: 0.26rem;
    color: #ffffff;

}

.xyhd4-r div p+p {
    margin-top: .26rem;
}

/* 文字列表 */
.tlist ul li {
    position: relative;
}

.tlist ul li::before {
    content: "";
    position: absolute;
    left: -.4rem;
    right: -0.4rem;
    bottom: 0;
    top: 0;
    background: url(../images/rq-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 0;
    z-index: 1;
}

.tlist ul li a {
    display: block;
    position: relative;
    z-index: 9;
    transition: all 0.5s;
}

.tlist ul li a .tlist1 {
    display: flex;
    align-items: center;
    height: 0.93rem;
    border-bottom: 1px dashed #979797;
}

.tlist ul li a .tlist1 span {
    width: 1.5rem;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .24rem;
    color: #666666;
}

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

.tlist ul li a .tlist2 {
    height: 1.1rem;
    display: flex;
    align-items: center;
    display: none;
    margin-top: -1px;
}

.tlist ul li a .tlist2 .date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 0.89rem;
    height: 0.99rem;
    background: url(../images/ny-rq.png) no-repeat center center;
    background-size: 100% 100%;
    margin: 0 .55rem 0 .1rem;
}

.tlist ul li a .tlist2 .date b {
    font-size: 0.22rem;
    line-height: .26rem;
    color: #fff;
}

.tlist ul li a .tlist2 .date span {
    margin-top: .07rem;
    line-height: .17rem;
    font-size: 0.14rem;
    color: #fff;
}

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

.tlist ul li a .tlist2 h4 {
    font-size: 0.18rem;
    line-height: .24rem;
    color: #FFFFFF;
    font-weight: normal;
    margin-left: .2rem;
}

/* 内容页 */

.nrcont-c {
    display: flex;
    align-items: flex-start;
}

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

.nrcont-r {
    width: 3.37rem;
    margin-left: 1.1rem;
    position: relative;
    padding-bottom: .78rem;
    margin-top: 1.72rem;
}

.nr-tit {
    padding-bottom: .25rem;
    border-bottom: 1px solid rgba(9, 113, 232, .2);
}

.nr-tit>h3 {
    font-size: .38rem;
    line-height: .5rem;
}

.cont-tit>ul {
    display: flex;
    flex-wrap: wrap;
}

.cont-tit>ul li {
    margin-right: .1rem;
}

.cont-tit>ul li span {
    display: block;
}

.cont-tit>ul li span a {
    font-size: .16rem;
    color: #0A81DB;
    line-height: 0.3rem;
    font-family: "oppo";
}


.cont-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: .2rem;

}

.cont-tit .nry-bt {
    position: relative;
    display: flex;
    align-items: center;
}

.cont-tit .nry-bt > span {
    margin-right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: .1rem;
    position: relative;
}

.cont-tit .nry-bt span.dianzan img {
    transition: all .6s;
}

.cont-tit .nry-bt span.dianzan:hover img {
    animation: icon-yh 0.6s linear;
}

.cont-tit .nry-bt span b {
    font-size: 0.16rem;
    line-height: .24rem;
    color: #0A81DB;
    margin-left: .1rem;
}

@keyframes icon-yh {
    0% {
        transform: rotateZ(0);
    }

    10% {
        transform: rotateZ(10deg);
    }

    20% {
        transform: rotateZ(0);
    }

    30% {
        transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(0);
    }

    50% {
        transform: rotateZ(10deg);
    }

    60% {
        transform: rotateZ(0);
    }

    70% {
        transform: rotateZ(-10deg);
    }

    80% {
        transform: rotateZ(0);
    }

    90% {
        transform: rotateZ(10deg);
    }

    100% {
        transform: rotateZ(0);
    }
}

.cont-tit .nr-lj a {
    color: #0972E7;
}


.cont-tit .liulan {
    position: absolute;
    right: 0;
    bottom: 0;
}


.nrbody p {
    position: relative;
    text-indent: 2em;
    text-align: justify;
    font-size: 0.18rem !important;
    color: #000;
    line-height: .3rem !important;
    margin-top: 0.5rem !important;
    margin-top: 0.1rem !important;
    font-family: "oppo" !important;
}

.nrbody img,
.nrbody video {
    position: relative;
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto !important;
    border: 0px !important;
}

/*
.nrbody span {
    display: block;
    text-indent: 0;
    font-size: 0.16rem;
    color: #000;
    line-height: 0.34rem;
    margin-bottom: 0.2rem !important;
    text-align: center;
}
*/
.share {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
    display: none;
    z-index: 9999;
}

.share {
    position: absolute;
    left: 100%;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
    display: none;
    white-space: nowrap;
    font-size: 0;
    height: auto !important;
    background: #fff;
}
.share a{
    display: inline-block !important;
}
.share .wx {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/wx-icon.png) no-repeat center;
    background-size: 100% 100%;
}

.share .qz {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/qq-icon.png) no-repeat center;
    background-size: 100% 100%;
}

.share .wb {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/wb-icon.png) no-repeat center;
    background-size: 100% 100%;
}

.social-share .icon-wechat:hover {
    background: url(../images/wx-icon.png) no-repeat center;
    background-size: 100% 100%;
}

.social-share .icon-qzone:hover {
    background: url(../images/qq-icon.png) no-repeat center;
    background-size: 100% 100%;
}

.social-share .icon-weibo:hover {
    background: url(../images/wb-icon.png) no-repeat center;
    background-size: 100% 100%;
}

.nrcont-r::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #CACACA;
    left: .12rem;
}

.nrcont-r h2 {
    position: relative;
    padding-left: 0.32rem;
}

.nrcont-r h2 span {
    display: block;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.24rem;
    color: #0A7FDD;
}

.nrcont-r h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.24rem;
    height: 0.24rem;
    background: #0A7FDD;
}

.nrcont-r ul {
    padding-top: .14rem;
    padding-left: 0.32rem;
}

.nrcont-r ul li {
    margin-top: .12rem;
}

.nrcont-r ul li a {
    display: block;
    font-size: 0.16rem;
    line-height: .28rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nrcont-r ul li:hover a {
    color: #0A7FDD;
    font-weight: 600;
}


/* 历史沿革 */

#history .inner-r {
    margin-left: .5rem;
}

.history {
    position: relative;
}

.history::before {
    content: "";
    position: absolute;
    left: 50%;
    top: .68rem;
    bottom: 0;
    width: 1px;
    background-color: #666666;
    opacity: 0.2;
}

.history-logo a {
    display: block;
}

.history-logo a img {
    display: block;
    margin: 0 auto;
    width: 0.68rem;
}

.history ul li {
    width: 50%;
    min-height: 3.2rem;
    margin-top: -1.55rem;
    margin-left: 50%;
}

.history ul li:last-child {
    min-height: auto;
}

.history ul li:nth-child(1) {
    margin-top: .55rem;
}

.history ul li a {
    display: block;
    display: flex;
    flex-direction: column;
}

.history ul li a .his-year {
    position: relative;
}

.history ul li a .his-year::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.15rem;
    height: 0.15rem;
    background-color: #0175ec;
    border-radius: 50%;
}

.history ul li a .his-year::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.8rem;
    height: 1px;
    background-color: #0a81db;
    opacity: 0.7;
}

.history ul li a .his-year b {
    display: block;
    font-size: 0.44rem;
    font-weight: normal;
    line-height: 0.6rem;
    color: #333333;
    font-family: "sys"
}

.history ul li a .his-thing {
    margin-top: .07rem;
}

.history ul li a .his-thing p {
    font-size: 0.2rem;
    font-weight: 100;
    line-height: 0.3rem;
    color: #333333;
}

.history ul li a .his-img {
    width: 3rem;
    max-width: 100%;
    margin-top: .13rem;
}

.history ul li a .his-img img {
    display: block;
    width: 100%;
}

.history ul li a {

    text-align: left;

    padding-left: .97rem;

    align-items: flex-start;
}

.history ul li a .his-year::before {
    left: -.97rem;
    right: auto;
    transform: translateY(-50%) translateX(-50%);
}

.history ul li a .his-year::after {
    left: -0.97rem;
    right: auto;
}


/* 影音资源 */
.dmedia {
    margin: 0 .5rem;
}

.dmedia ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.15rem;
}

.dmedia ul li {
    width: 33.33%;
}

.dmedia ul li:nth-child(3)~li {
    margin-top: .55rem;
}

.dmedia ul li a {
    display: block;
    margin: 0 .15rem;
}

.dmedia ul li a .pic {
    padding-top: 69%;
    background: #000;
}

.dmedia ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/icon-play.png) no-repeat;
    background-position: center center;
    background-size: .32rem auto;
    z-index: 9;
}

.dmedia ul li a .pic div {
    opacity: .6;
}

.dmedia ul li a p {
    text-align: center;
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .24rem;
}

.dmedia ul li a:hover p {
    color: #1989e1;
}

.dmedia ul li a:hover .pic div {
    opacity: 1;
}



@media screen and (min-width:1025px) {

    .pubnav ul li:hover div::before {
        opacity: 0;
    }

    .pubnav ul li:hover div::after {
        opacity: 1;
    }

    .pubnav ul li:hover div a {
        color: #fff;
    }

    .pubnav ul li:hover div b::before {
        opacity: 0;
    }

    .pubnav ul li:hover div b::after {
        opacity: 1;
    }

    .szdw-list ul li:hover {
        box-shadow: 0.03rem 0.11rem 0.25rem 0.02rem rgba(0, 0, 0, 0.1);
        background: #fff;
    }

    .szdw-list ul li:hover a .info b {
        opacity: 1;
    }

    .tlist ul li:hover::before {
        opacity: 1;
    }

    .tlist ul li:hover a .tlist1 {
        display: none;
    }

    .tlist ul li:hover a .tlist2 {
        display: flex;
    }

    .history ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .history ul li:nth-child(2n+1) a {
        padding-right: .97rem;
        align-items: flex-end;
        padding-left: 0;
    }

    .history ul li:nth-child(2n+1) a .his-year::before {
        right: -.97rem;
        left: auto;
        transform: translateY(-50%) translateX(50%);
    }

    .history ul li:nth-child(2n+1) a .his-year::after {
        right: -0.97rem;
        left: auto;
    }
}





#search-body .header::before {
    bottom: -1.8rem;
    background: url(../images/nhead-bg2.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

#search-body .inner {
    margin-top: .87rem;
}

.ser-place {
    background-color: #ffffff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .4rem;
    padding-bottom: .05rem;
}

.ser-place::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0.05rem;
    background-image: linear-gradient(270deg, #00d198 0%, rgba(0, 96, 255, 1) 100%);
}

.ser-place-text {
    flex: 1;
    min-width: 0;
}

.ser-place-text input {
    display: block;
    width: 100%;
    font-size: 0.34rem;
    font-weight: normal;
    line-height: 1.2rem;
    height: 1.2rem;
    color: #000000;

}

.ser-place-text input::placeholder {
    opacity: 0.5;
}

.ser-place-btn {
    margin-left: .2rem;
}

.ser-place-btn input {
    background: url(../images/ser2.png) no-repeat;
    background-position: center center;
    background-size: .33rem auto;
    height: 0.39rem;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
}



.ser-rult ul li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: .4rem 0 .15rem 0;
    transition: all 0.3s;
}

.ser-rult ul li a .info h3 {
    font-size: 0.22rem;
    font-weight: 600;
    line-height: 0.3rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.ser-rult ul li a .info p {
    font-family: OPPOSans-R;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.26rem;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .52rem;
    margin-top: .15rem;
    margin-bottom: .25rem;
}

.ser-rult ul li a .info div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.ser-rult ul li a .info div span {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.26rem;
    color: #0975e5;
    margin-left: .15rem;
}

.ser-rult ul li a:hover {
    border-color: #1989e1;
}

.ser-rult ul li a:hover .info h3 {
    color: #1989e1;
}

/* 领导信箱 */
.inner-l.w100 {
    width: auto;
    padding: 0 1rem 0 0;
}

.mailbox {}

.mailbox-title {
    background: #ECF6FF;
    padding: 0.215rem 0.2rem;
}

.mailbox-title h3 {
    font-size: 0.32rem;
    font-weight: normal;
    color: #0973E6;
}

.mailbox-c {
    background: #FFFFFF;
    box-shadow: 0px 0.3rem 0.3rem 0px rgba(219, 219, 219, 0.5);
    padding: 0.4rem 0.3rem 0.75rem 0.3rem;
}

.mailbox-c .form {
    border: 1px solid rgba(3, 151, 251, 0.2243);
    margin-bottom: 0.4rem;
}

.mailbox-c ul li {
    display: flex;
    border-top: 1px solid rgba(3, 151, 251, 0.2243);
}

.mailbox-c ul li:first-child {
    border-top: 0;
}

.mailbox-c ul li label {
    width: 1.4rem;
    font-size: 0.2rem;
    color: #0973E6;
    padding: 0.3rem 0.1rem 0.27rem 0.27rem;


}

.mailbox-c ul li .tx {
    flex: 1;
    min-width: 0;
    border-left: 1px solid rgba(3, 151, 251, 0.2243);
    min-height: 0.8rem;
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
}

.mailbox-c ul li .tx input,
.mailbox-c ul li .tx select,
.mailbox-c ul li .tx input,
.mailbox-c ul li .tx textarea {
    height: 0.4rem;
    line-height: 0.4rem;
    border: 1px solid #D2D2D2;
    border-radius: 0.06rem;
    width: 100%;
    max-width: 7.4rem;
    padding: 0 0.15rem;
}

.mailbox-c ul li sup {
    display: inline-block;
    width: 0.1rem;
    font-size: 0.2rem;
    color: #E60911;
    vertical-align: middle;
    margin-right: 0.08rem;
}

.mailbox-c ul li .tx sup {
    margin: 0 0.08rem 0 0.3rem;
}

.mailbox-c ul li .tx span {
    font-size: 0.2rem;
    color: #0973E6;
    line-height: 0.4rem;
}

.mailbox-c ul li .tx span.m10 {
    margin-left: 0.48rem;
}

.mailbox-c ul li .tx select {
    color: rgba(51, 51, 51, 0.4);
}

.mailbox-c ul li .tx select option {
    color: #333;
    font-size: 0.14rem;
}

.mailbox-c ul li .tx textarea {
    max-width: inherit;
    height: 3.05rem;
    margin-right: 0;
}

.mailbox-c ul li.yzm .tx {
    display: flex;
    align-items: center;
}

.mailbox-c ul li.yzm input {
    max-width: 1.3rem;
}

.mailbox-c ul li.yzm .yzmpic {
    width: 1.3rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background: #AFD5FF;
    border-radius: 0.07rem;
    font-size: 0.2rem;
    color: #0973E6;
    margin-left: 0.1rem;
}

.mailbox-c ul li.yzm .btn {
    margin-left: 0.13rem;
    border-radius: 7px;
    background: #0973E6;
    font-size: 0.2rem;
    color: #FFFFFF;
    max-width: 1rem;
    cursor: pointer;
}

.mailbox-c>p {
    padding-left: 0.3rem;
    font-size: 0.14rem;
    line-height: 0.26rem;
    color: #3A3F63;
}

/* 机构设置详情页 */
.jg-xq {}

.jg-xqt {
    background: url(../images/jg-xqtbg.png) no-repeat right top;
    background-size: cover;
    padding: 0.55rem 0.38rem 0 0.38rem;
    min-height: 3.28rem;
}

.jg-xqt h3 {
    font-size: 0.32rem;
    font-weight: bold;
    color: #333333;
    position: relative;
    padding-left: 0.16rem;
}

.jg-xqt h3::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 4px;
    height: 0.36rem;
    background: url(../images/jg-xql.png) no-repeat;
    background-size: 100% 100%;
}

.jg-xqt>p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #4F4F4F;
    margin-top: 0.36rem;
    text-indent: 2em;
}

.jg-xqd {
    margin-top: 0.44rem;
}

.jg-xqd-tit {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jg-xqd-tit span {
    display: inline-block;
    font-size: 0.26rem;
    font-weight: bold;
    color: #0397FB;
}

.jg-xqd-tit::before {
    content: "";
    display: block;
    flex: 1;
    border-top: 1px solid #0397FB;
    margin-right: 0.2rem;
}

.jg-xqd-tit::after {
    content: "";
    display: block;
    flex: 1;
    border-top: 1px solid #0397FB;
    margin-left: 0.2rem;
}

.jg-xqd-bd {
   /* overflow-x: auto; */
}

.jg-xqd table {
    min-width: 600px;
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.48rem;
}

.jg-xqd table tr:first-child {
    background: linear-gradient(90deg, #0971E8 -1%, #0EC1AC 100%);
}

.jg-xqd table tr th {
    font-size: 0.22rem;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0.22rem 0.3rem;
    text-align: center;
    position: relative;
}

.jg-xqd table tr th::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 0.2rem;
    border-left: 1px solid #fff;
    opacity: 0.3;
}

.jg-xqd table tr th:first-child:before {
    display: none;
}

.jg-xqd table tr th:nth-child(3) {
    text-align: left;
}

.jg-xqd table tr td {
    font-size: 0.18rem;
    line-height: 0.26rem;
    padding: 0.17rem 0.3rem;
    text-align: center;
    color: #666666;
    position: relative;
}

.jg-xqd table tr td::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 0.43rem;
    border-left: 1px solid #A7A7A7;
    opacity: 0.3;
}

.jg-xqd table tr td:first-child:before {
    display: none;
}

.jg-xqd table tr:nth-child(even) {
    background-color: #f2faff;
}

.jg-xqd table tr td:first-child {
    width: 10%;
    min-width: 1rem;
}

.jg-xqd table tr td:nth-child(2) {
    width: 12%;
    min-width: 1rem;
}

.jg-xqd table tr td:nth-child(3) {
    width: 58%;
    text-align: left;
}

.jg-xqd table tr td:nth-child(4) {
    width: 20%;
}




.foot-media1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.foot-media1>div {
    position: relative;
    cursor: pointer;
}

.foot-media1>div a {
    display: block;
}

.foot-media1>div:hover div {
    display: block;
}

.foot-media1>div>span,
.foot-media1>div>a>span {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: none;
    border-radius: 50%;
    text-align: center;
    position: relative;
    font-size: 0;
    transition: all 0.4s;
}

.foot-media1>div>span>img,
.foot-media1>div>a>span>img {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    max-width: 100%;
}

.foot-media1>div>div,
.foot-media1>div>a>div {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.07rem);
    transform: translateY(-50%);
    width: 2rem;
    padding: 0.05rem;
    background: #FFFFFF;
    box-shadow: 0px 0.05rem 0.15rem 0px rgba(214, 214, 214, 0.5);
    z-index: 9;
    display: none;
}

.foot-media1>div>a>div::before,
.foot-media1>div>div::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.07rem;
    border-right: 0.07rem solid #fff;
    border-top: 0.05rem solid transparent;
    border-bottom: 0.05rem solid transparent;
}

.foot-media1>div>a>div {
    width: auto;
    padding: 0.06rem 0.2rem;
}

.foot-media1>div>a>div em {
    font-size: 0.16rem;
    color: #0397FB;
}

.foot-media1>div:nth-child(2) {
    margin-left: 0.1rem;
}

.foot-media1>div>div img {
    display: block;
    width: 100%;
}

.foot-media1>div>img {
    display: block;
    margin: 0 auto;
}










/* 留言板 */

.lyb-t {
    padding-top: .65rem;
}

.lyb-t ul {
    position: relative;
    height: 3.95em;
    margin-left: 2.15rem;
}

.lyb-t ul li {
    position: absolute;
    transition: all 1s;
    transform: translateY(.5em);
    opacity: 0;
}



.lyb-t ul li a {
    visibility: visible;
    opacity: 1;
    animation: maColor 4s 2s linear infinite;
}

.lyb-t ul li:nth-child(1) {
    left: 0;
    top: 29.8%;

    transition-delay: 2.2s;
}

.lyb-t ul li:nth-child(1) a {
    animation-delay: -1.2s;
}

.lyb-t ul li:nth-child(2) {
    left: 19%;
    top: 10%;

    transition-delay: 2.4s;

}

.lyb-t ul li:nth-child(2) a {
    animation-delay: -1.4s;
}

.lyb-t ul li:nth-child(3) {
    left: 8%;
    top: 48.5%;

    transition-delay: 2.6s;

}

.lyb-t ul li:nth-child(3) a {
    animation-delay: -.6s;
}

.lyb-t ul li:nth-child(4) {
    left: 19.3%;
    top: 60.3%;

    transition-delay: 2.8s;

}

.lyb-t ul li:nth-child(4) a {
    animation-delay: -.8s;
}

.lyb-t ul li:nth-child(5) {
    left: 23.4%;
    top: 23.7%;

    transition-delay: 2.3s;

}

.lyb-t ul li:nth-child(5) a {
    animation-delay: -1.3s;
}

.lyb-t ul li:nth-child(6) {
    right: 15.7%;
    top: 0;

    transition-delay: 2.5s;

}

.lyb-t ul li:nth-child(6) a {
    animation-delay: -1.5s;
}

.lyb-t ul li:nth-child(7) {
    right: 0;
    top: 25%;

    transition-delay: 2.7s;

}

.lyb-t ul li:nth-child(7) a {
    animation-delay: -1.7s;
}

.lyb-t ul li:nth-child(8) {
    right: 26.6%;
    top: 37.9%;

    transition-delay: 2.9s;

}

.lyb-t ul li:nth-child(8) a {
    animation-delay: -.9s;
}

.lyb-t ul li:nth-child(9) {
    right: 5%;
    top: 55.6%;
    transition-delay: 3s;

}

.lyb-t ul li:nth-child(9) a {
    animation-delay: -.12s;
}

.lyb-t ul li:nth-child(10) {
    right: 11.9%;
    bottom: 0;

    transition-delay: 3.1s;

}

.lyb-t ul li:nth-child(10) a {
    animation-delay: -.4s;
}

.lyb-t ul li:nth-child(11) {
    right: 36.3%;
    bottom: 10%;

    transition-delay: 3.3s;

}

.lyb-t ul li:nth-child(11) a {
    animation-delay: -.6s;
}

.lyb-t ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .05em .3em;
    max-width: 5em;
    min-height: .6em;
    position: relative;
    transition: all 0.5s;
}

.lyb-t ul li a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    border: solid 1px #029af2;
    transition: all 0.5s;
    border-radius: 0.5em;
    z-index: 2;
}

.lyb-t ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-radius: 0.4em;
    bottom: 0;
    background-image: linear-gradient(90deg, #019bf2 0%, #265ee1 100%);
    transition: all 0.5s;
    opacity: 0;
    z-index: 1;
}

.lyb-t ul li a b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SourceHanSansSC-Regular;
    font-size: 0.16em;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.6875;
    height: 0;
    color: #ffffff;
    width: 100%;
    position: relative;
    z-index: 3;
    transition: all 0.5s;
}

.lyb-t ul li a p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.22em;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #029af2;
    font-weight: 600;
    position: relative;
    z-index: 3;
    transition: all 0.5s;
}

@keyframes maColor {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1
    }
}

.lyb-t ul li:hover {
    z-index: 9;
}

.lyb-t ul li:hover a {
    animation: none;
}

.lyb-t ul li:hover a::before {
    border: solid 6px rgba(35, 98, 226, 0.18);
}

.lyb-t ul li:hover a::after {
    opacity: 1;
}

.lyb-t ul li:hover a b {
    display: block;
    height: 0.27rem;
}

.lyb-t ul li:hover a p {
    color: #fff;
}

.lyb {
    position: relative;
    font-size: 1rem;
}

.lyb::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding-top: 27.6%;
    background: url(../images/lybtdhg-bg.png) no-repeat;
    background-position: right top;
    background-size: 95% auto;
    pointer-events: none;
    transform: translateY(.5rem) scale(0.5);
    transition: all 2.5s;
    opacity: 0;
}

.lyb-b {
    margin-top: .45rem;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.lyb-b::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/lyb-jz-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.lyb-jz {
    width: 4rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.lyb-jz ul {
    position: relative;
}

.lyb-jz ul li {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.lyb-jz ul li div {
    overflow: hidden;
}

.lyb-jz ul li div img {
    display: block;
    width: 100%;
    max-width: 100%;
    transform: translateY(100%);
    transition: all 0.5s;
    opacity: 0;
}
.lyb-jz ul li.on {
    z-index: 9;
}
.lyb-jz ul li.on img {
    transition-delay: .3s;
    transform: translateY(0);
    opacity: 1;
}

.lyb-write {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem;
    margin-left: 4rem;
}

.lyb-write-text {
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.lyb-write-text img {
    display: block;
    height: .73rem;
}

.lyb-write-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    background: url(../images/lyb-write-text-bef.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.46rem;
}

.lyb-write-text div {
    display: flex;
    align-items: flex-end;
}

.lyb-write-text div::after {
    content: "";
    display: block;
    background: url(../images/lyb-write-text-aft.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.46rem;
    align-self: flex-end;
    transform: translateY(.1rem);
    margin-left: .2rem;
}

.lyb-write-btn {
    position: relative;
    z-index: 9;

    /* border-image-slice: 1; */
    border-radius: .5rem;
}

.lyb-write-btn::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: rgba(39, 97, 224, 0.18);
    background-color: rgba(39, 97, 224, 0.18);
    z-index: 2;
    border-radius: .5rem;
}

.lyb-write-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    background: rgba(39, 97, 224, 0.18);
    z-index: 1;
    border-radius: .5rem;
    border-style: solid;
    border-width: 0.1rem;
    border-color: rgba(39, 97, 224, 0.18);
    opacity: 0;
}

.lyb-write-btn a {
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    line-height: .6rem;
    background-image: linear-gradient(90deg, #265fe1 0%, #3ac7af 100%);
    border-radius: .5rem;
    position: relative;
    z-index: 9;
}


.lyb-write-btn a span {
    display: block;
    font-family: SourceHanSansSC-Bold;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.6rem;
    color: #ffffff;
}

.lyb-write-btn a img {
    display: block;
    height: 0.32rem;
    margin-left: .15rem;
}

.lyb-write-btn:hover::after {
    animation: _anibtn .8s linear 1;
}

@keyframes _anibtn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(1.2);
    }
}


.lyb.showdiv::before {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.lyb.showdiv .lyb-t ul li {
    transform: translateY(0);
    opacity: 1;
}

/*送祝福弹窗样式 */
 #popup {
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: rgba(40, 39, 40, .5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 999;
            display: none;
        }

        .popup-c {
            width: 9.65rem;
            background: url(../images/popup-bg.jpg) no-repeat;
            background-position: center center;
            background-size: cover;
            border-radius: 0.2rem;
            padding: .35rem .55rem .45rem .55rem;
            position: relative;
            margin: 0 auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

        .close-popup {
            position: absolute;
            width: 0.31rem;
            height: 0.31rem;
            top: 0.45rem;
            right: 0.55rem;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            z-index: 999;
        }

        .close-popup img{
            width: 0.25rem;
        }

        .close-popup:hover img {
            transform: rotate(180deg);
            transition: all .5s;
        }

        /* 未登录 */
        .popup-no {
            text-align: center;
            padding-bottom: .45rem;
        }

        .popup-no-message {
            display: flex;
            justify-content: center;
            margin-top: -.87rem;
        }

        .popup-no-message img {
            width: 3.01rem;
        }

        .popup-no h3 {
            font-size: 0.46rem;
            font-weight: 600;
            line-height: 0.46rem;
            color: #282728;
            text-align: center;
            display: inline-block;
            background: linear-gradient(45deg, #2864ff, #a1aeff);
            -webkit-background-clip: text;
            color: transparent;
            background: transparent\0;
            color: #1889e2 \0;
            margin: 0.85rem 0 .35rem 0;
        }

        .popup-no p {
            text-align: center;
            font-size: 0.3rem;
            font-weight: normal;
            line-height: 0.3rem;
            color: #282728;
            opacity: 0.8;
        }
        .popup-no .popup-btn{
            margin-top: .5rem;
        }

        /* 已登录 */
        .popup-yes {
        }

        .popup-yes h2 {
            font-size: 0.46rem;
            font-weight: 600;
            line-height: .46rem;
            color: #282728;
            /* 文字渐变 */
            display: inline-block;
            background: linear-gradient(45deg, #2864ff, #a1aeff);
            -webkit-background-clip: text;
            color: transparent;
            background: transparent\0;
            color: #1889e2 \0;
        }

        .popup-write {
            background-color: #ffffff;
            border-radius: 0rem 0rem 0.2rem 0.2rem;
            border: solid 0.01rem #e3e9f3;
            padding: .15rem;
            border-top: 0.03rem solid #2e67fe;
            margin-top: .35rem;
        }

        .popup-write-head {
            display: flex;

        }

        .popup-write-head .pics {
            width: 0.64rem;
            height: 0.64rem;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: .1rem;
        }

        .popup-write-head .pics img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .popup-write-head p {
            flex: 1;
            min-width: 0;
            font-size: 0.2rem;
            font-weight: normal;
            line-height: 0.28rem;
            color: #282728;
            border-bottom: 0.02rem solid rgba(0, 0, 0, .1);
            display: flex;
            align-items: center;
        }

        .popup-write-cont {
            padding-top: .25rem;
            padding-left: .15rem;
            padding-right: .15rem;
            padding-bottom: .1rem;
        }

        .popup-write-cont textarea {
            border: none;
            display: block;
            width: 100%;
            /* 禁止拖动 */
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            -khtml-user-select: none;
            /* 右下角显示最大字数和已输入字数 */
            resize: none;
            font-size: .18rem;
            line-height: .3rem;
            font-family: "微软雅黑";
            color: rgba(40, 39, 40, 1);
        }

        .popup-write-cont textarea::placeholder {
            color: rgba(40, 39, 40, .3);
        }

        #charCount {
            text-align: right;
            color: #282728;
            opacity: 0.3;
            font-weight: 600;
        }

        .popup-btn {
            margin-top: .4rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .popup-btn a {
            display: block;
            width: 1.82rem;
            background-image: linear-gradient(90deg, #116cd2 0%, #21b3ab 100%);
            border-radius: 0.24rem;
            text-align: center;
            line-height: .48rem;
            font-size: 0.22rem;
            font-weight: normal;
            color: #ffffff;
            font-weight: 600;
            transition: all .5s;
        }

        .popup-btn a:hover {
            box-shadow: .1rem 0.15rem 0.25rem 0px rgba(3, 151, 251, 0.3278);
        }
        @media screen and (max-width: 1024px) {
            .popup-c{
                width: calc(100% - .3rem);
                max-width: 8rem;
                padding: .35rem .25rem;
            }
            .popup-no{
                padding-bottom: 0;
            }
            .popup-no-message img{
                width: 2rem;
            }
            .popup-no h3{
                font-size: .3rem;
                line-height: .3rem;
                margin: .5rem 0 .2rem 0;
            }
            .popup-no p{
                font-size: .2rem;
            }
            .popup-btn a{
                font-size: .2rem;
            }
            .popup-no .popup-btn{
                margin-top: .35rem;
            }
            .popup-yes h2{
                font-size: .3rem;
            }
           
            .close-popup{
                right: .2rem;
                top: 0.2rem;
            }
            .popup-write-head .pics{
                width: 0.5rem;
                height: 0.5rem;
            }
            .popup-write-head p{
                font-size: .18rem;
            }
            .popup-btn{
                margin-top: .25rem;
            }
        }