body,
    h1,
    h2,
    h3,
    h4,
    h5,
    p,
    dl,
    dd,
    ol,
    ul,
    th,
    td,
    fieldset,
    input,
    button,
    textarea,
    form,
    canvas,
    audio,
    video,
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        margin: 0;
        padding: 0px;
        outline: none;
        font-weight: normal;
    }
    
    ol,
    ul,
    li {
        list-style: none
    }
    
    img {
        border: 0;
        -ms-interpolation-mode: bicubic
    }
    
    li,
    img,
    label,
    input {
        vertical-align: middle
    }
    
    a {
        text-decoration: none;
        outline: none;
        cursor: pointer;
        color: #333;
    }
    
    a:hover {
        color: #2E4B70;
    }
    
    .clear {
        clear: both;
    }
    
    .left {
        float: left;
    }
    
    .right {
        float: right;
    }
    
    html {
        font-size: 100px;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    
    body {
        color: #333;
        font-size: .16rem;
        font-family: "Microsoft YaHei";
        font-family: 'hpr';
    }
    
    img {
        max-width: 100%;
        border: none;
        -webkit-transition: all 5s ease;
        -moz-transition: all 5s ease;
        -ms-transition: all 5s ease;
        -o-transition: all 5s ease;
        transition: all 5s ease;
    }
    
    .ctbx {
        width: 92%;
        margin: 0 auto;
    }
    
    @media (min-width: 600px) {
        .ctbx {
            width: 90%;
        }
    }
    
    @media (min-width: 1250px) {
        .ctbx {
            width: 12rem;
        }
    }
    
    @media (min-width: 1640px) {
        .ctbx {
            width: 14rem;
        }
    }
    
    @font-face {
        font-family: 'hpb';
        src: url(../fonts/Alibaba-PuHuiTi-Bold.otf)
    }
    
    @font-face {
        font-family: 'hpm';
        src: url(../fonts/Alibaba-PuHuiTi-Medium.otf);
    }
    
    @font-face {
        font-family: 'hph';
        src: url(../fonts/Alibaba-PuHuiTi-Heavy.otf);
    }
    
    @font-face {
        font-family: 'hpr';
        src: url(../fonts/Alibaba-PuHuiTi-Regular.otf);
    }
    
    @font-face {
        font-family: 'hpl';
        src: url(../fonts/Alibaba-PuHuiTi-Light.otf);
    }
    /* 首页 */
    
    .toplink {
        background: #358CC2;
        overflow: hidden;
    }
    
    .toplink .nr {
        float: right;
        width: 181px;
        height: 41px;
        background: url(../images/toplk_bg.png) no-repeat;
    }
    
    .toplink .nr .a {
             float: left;
            line-height: 46px;
          margin-left: 25px;
        margin-right: 15px;
        transition: all 0.4s ease-out 0s;
    }
    
    .toplink .nr .a a {
        font-size: 18px;
        color: #fff;
    }
    
    .toplink .nr .a:hover {
        transform: translateY(3px);
    }
    
    .toplink .sstc {
        vertical-align: -4px;
        display: inline-block;
        cursor: pointer;
    }
    
    .sstc_box {
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-out 0s;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        backdrop-filter: blur(5px)
    }
    
    .sstc_box.showdiv {
        opacity: 1;
        visibility: visible;
    }
    
    .sstc_box .serclose {
        position: absolute;
        right: .3rem;
        top: .25rem;
        width: .3rem;
        height: .3rem;
        cursor: pointer;
        background: url(../images/close.png) no-repeat;
        background-size: 100%;
    }
    
    .sstc_box .serform {
        width: 90%;
        margin: 0 auto;
        margin: 0\0;
        -webkit-transform: translateY(1.5rem);
        transition: .2s .1s
    }
    
    .sstc_box.showdiv .serform {
        transform: translateY(0);
        transition: .5s .3s
    }
    
    .sstc_box .serform .input-group {
        max-width: 5.5rem;
        margin: 0 auto;
        position: relative;
    }
    
    .sstc_box .serform .input-group .sub {
        position: absolute;
        right: 0;
        top: 0;
        width: .9rem;
        height: .5rem;
        overflow: hidden;
        background: 0 0;
        cursor: pointer;
        border-radius: 0 5px 5px 0;
        outline: none;
        border-style: none;
    }
    
    .sstc_box .serform .input-group .sub:before {
        content: '';
        background: linear-gradient(to right, #358CC2, #275289);
        transform: skewX(-12deg);
        position: absolute;
        top: 0;
        bottom: -1px;
        left: 0;
        z-index: 0;
        right: -6px;
        transform-origin: left bottom
    }
    
    .sstc_box .serform .input-group .sub:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: url(../images/search.png) no-repeat center;
    }
    
    .sstc_box .serform .input-group .inp {
        height: .5rem;
        border: 0;
        border-right: 0;
        padding-right: .9rem;
        width: 100%;
        padding-left: .15rem;
        background: #fff;
        border-radius: 5px 10px 10px 5px;
        box-sizing: border-box;
    }
    
    .top_box {
        /* height: 278px; */
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 7;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 28%, rgba(0, 0, 0, 0) 100%);
    }
    
    .top_box .topwp {
        width: 18rem;
        margin: auto;
    }
    
    .tc_logo {
        width: 5.7rem;
        float: left;
        height: 0.86rem;
        position: relative;
        margin-top: 0.2rem;
    }
    
    .tc_logo img {
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translate(0, -50%);
        max-width: 100%;
        max-height: 100%;
    }
    /* .top_rg .topss .srk::input-placeholder {
        color: #d8d8d8;
    }
    
    .top_rg .topss .srk::-webkit-input-placeholder {
        color: #d8d8d8;
    }
    
    .top_rg .topss .srk::-moz-placeholder {
        color: #d8d8d8;
    }
    
    .top_rg .topss .srk::-moz-placeholder {
        color: #d8d8d8;
    }
    
    .top_rg .topss .srk::-ms-input-placeholder {
        color: #d8d8d8;
    } */
    /* 导航 */
    
    .navbar {
        float: right;
        margin-top: 0.25rem;
    }
    
    .navbar .menu-bott {
        display: none;
    }
    
    .navbar .nav-button {
        display: none;
    }
    
    .navbar .navbar-nav {
        padding: 0;
        list-style: none;
    }
    
    .navbar .navbar-nav>li {
        position: relative;
        text-align: center;
        float: left;
    }
    
    .navbar .navbar-nav>li>a {
        font-size: 0.18rem;
        color: #fff;
        padding: 0.15rem 0.1rem;
        line-height: 0.2rem;
        display: block;
        box-sizing: border-box;
    }
    
    .navbar .navbar-nav>li:hover>a {
        /* font-weight: bold; */
    }
    
    .navbar .navbar-nav>li:hover>ul {
        opacity: 1;
        visibility: visible;
    }
    /* .navbar .hasChild:before {
    content: "";
    position: absolute;
    z-index: 10;
    width: calc(100% - 20px);
    bottom: 0px;
    left: 10px;
    height: 4px;
    background: #0d8a49;
 margin-left: -10px;
    box-shadow: 0px 0px 59px 0px rgb(19 40 83 / 10%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    transform: scaleY(0); 
    transition: all 2s ease-out 0s;
    opacity: 0;
}

.navbar .hasChild:hover:before {
    opacity: 1;
    transform: scaleY(1);
} */
    
    .navbar .navbar-nav>li.current>a,
    .navbar .navbar-nav>li:hover>a {
   border-bottom: #358cc2 2px solid;
    }
    
    .navbar .nav-child {
        overflow: hidden;
        position: absolute;
        top: 100%;
        z-index: 999999;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        left: 0px;
        padding: 8px 0px;
        background: rgba(0, 0, 0, 0.6);
    }
    
    .navbar .nav-child li a {
        font-size: 16px;
        line-height: 24px;
        padding: 8px 5px;
        display: block;
        color: #fff;
        box-sizing: border-box;
    }
    
    .navbar .nav-child li:hover a {
        background: #358CC2;
    }
    
    .top_box.hdfixed .top_rg .navbar .navbar-nav>.current>a,
    .top_box.hdfixed .top_rg .navbar .navbar-nav>li:hover>a {
        color: #358CC2;
    }
    
    @-webkit-keyframes opacity {
        0%,
        100% {
            -webkit-transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.02);
        }
    }
    
    @keyframes opacity {
        0%,
        100% {
            -webkit-transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.02);
        }
    }
    
    .ban_box {
        /* height: 100vh; */
        position: relative;
    }
    
    .banlb {
        width: 100%;
        display: block !important;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
    }
    
    .banlb img {
        width: 100%;
        display: block !important;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -ms-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
    }
    
    .banlb img:hover {
        transform: scale(1.05);
    }
    
    .ban_box .ban-dot {
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 38px;
        color: #fff;
        text-align: center;
        z-index: 2;
        margin: 0px;
        padding: 0px;
        font-size: 0px;
    }
    
    .ban_box .ban-dot span {
        margin: 0px 5px;
        cursor: pointer;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        background: none;
        outline: none;
        opacity: 1;
        width: 52px;
        height: 55px;
        font-size: 0px;
        background: url(../images/ban-dot.png) no-repeat center;
        background-size: 100%;
    }
    
    .ban_box .ban-dot span.swiper-pagination-bullet-active {
        background: url(../images/ban-dot2.png) no-repeat center;
        background-size: 100%;
    }
    
    .kstd_box {
        padding: 0.2rem 0rem;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        margin-bottom: 0.75rem;
    }
    
    .kstd_box ul {
        display: flex;
    }
    
    .kstd_box li {
        width: 33.3%;
        float: left;
        position: relative;
    }
    
    .kstd_box li::after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        width: 1px;
        height: 100%;
        background: rgba(209, 209, 209, 0.5);
        transform: skewX(-12deg);
    }
    
    .kstd_box li:nth-last-of-type(1)::after {
        display: none;
    }
    
    .kstd_box li .mar {
        margin: 0px 0.6rem;
        overflow: hidden;
        padding: 0.1rem 0.5rem;
        display: flex;
        align-items: center;
    }
    
    .kstd_box li .mar span {
        width: 0.7rem;
        height: 0.7rem;
        display: inline-block;
        background: url(../images/kstd_ic01.png) no-repeat center;
        margin-right: 0.25rem;
    }
    
    .kstd_box li .mar h2 {
        font-family: 'hpr';
        font-size: .24rem;
        color: #264061;
        flex: 1;
        overflow: hidden;
    }
    
    .kstd_box li:hover .mar {
        background: url(../images/kstd_bg.png) no-repeat;
        background-size: 100% 100%;
    }
    
    .kstd_box li:hover .mar span {
        background: url(../images/kstd_ic01_h.png) no-repeat center;
    }
    
    .kstd_box li:hover .mar h2 {
        color: #fff;
    }
    
    .kstd_box li:nth-of-type(2) .mar span {
        background: url(../images/kstd_ic02.png) no-repeat center;
    }
    
    .kstd_box li:nth-of-type(3) .mar span {
        background: url(../images/kstd_ic03.png) no-repeat center;
    }
    
    .kstd_box li:nth-of-type(2):hover .mar span {
        background: url(../images/kstd_ic02_h.png) no-repeat center;
    }
    
    .kstd_box li:nth-of-type(3):hover .mar span {
        background: url(../images/kstd_ic03_h.png) no-repeat center;
    }
    
    .sydh {
        overflow: hidden;
        text-align: center;
    }
    
    .sydh h1 {
        font-family: 'hpr';
        font-size: 0.34rem;
        color: #333;
        font-weight: 600;
        line-height: 0.4rem;
        display: block;
    }
    
    .sydh h2 {
        font-size: 0.14rem;
        color: #358CC2;
        font-family: Arial;
        line-height: 0.3rem;
    }
    
    .sydh h2 span {
        width: 0.22rem;
        height: 0.02rem;
        background: #358CC2;
        display: inline-block;
        vertical-align: 4px;
        margin: 0 0.02rem;
    }
    
    .sydh2 {
        width: 3.45rem;
        float: left;
    }
    
    .sydh2 h1 {
        font-family: 'hpr';
        font-size: 0.34rem;
        color: #333;
        font-weight: 600;
        line-height: 0.4rem;
        display: block;
    }
    
    .sydh2 h2 {
        font-size: 0.14rem;
        color: #358CC2;
        font-family: Arial;
        line-height: 0.3rem;
    }
    
    .sydh2 h2 i {
        width: 0.22rem;
        height: 0.02rem;
        background: #358CC2;
        display: inline-block;
        margin-left: 0.1rem;
        vertical-align: 3px;
    }
    
    .sydh2 span {
        float: left;
        width: 1.4rem;
        height: 0.35rem;
        line-height: 0.35rem;
        background: url(../images/ic_more2.png) no-repeat;
        font-size: 0.14rem;
        color: #fff;
        text-align: center;
        margin-top: 0.6rem;
    }
    
    .sydh2 span a {
        color: #fff;
    }
    
    .sydh2 span img {
        margin-left: 0.1rem;
    }
    
    .sydh2 span:hover {
        opacity: 0.9;
    }
    
    .sydh2.dhtzgg {
        margin-top: 0.5rem;
    }
    
    .sydh2.dhkxyj,
    .sydh2.dhxsgz {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    
    .sydh2.dhkxyj .lf,
    .sydh2.dhxsgz .lf {
        float: left;
    }
    
    .sydh2.dhkxyj .lf h1,
    .sydh2.dhkxyj .lf h2 {
        color: #fff;
    }
    
    .sydh2.dhkxyj .lf h2 i {
        background: #fff;
    }
    
    .sydh2.dhkxyj span {
        float: right;
        width: 1.4rem;
        height: 0.35rem;
        line-height: 0.35rem;
        background: url(../images/ic_more.png) no-repeat;
        font-size: 0.14rem;
        color: #fff;
        text-align: center;
        margin-top: 0.15rem;
    }
    
    .sydh2.dhxsgz span {
        margin-top: 0.15rem;
        float: right;
    }
    /* 新闻动态 */
    
    .cont1_bg {
        background: url(../images/cont_bg1.jpg) no-repeat center;
        overflow: hidden;
        padding-bottom: 0.8rem;
    }
    
    .cont1_box {
        margin: 0px -20px;
        padding-top: 0.25rem;
        overflow: hidden;
    }
    
    .cont1_box .one {
        overflow: hidden;
    }
    
    .cont1_box .one li {
        width: 33.3%;
        float: left;
    }
    
    .cont1_box .one li .mar {
        margin: 0px 20px 0.41rem;
    }
    
    .cont1_box .one li .mar .picture {
        padding-bottom: 56%;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }
    
    .cont1_box .one li .mar .picture img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }
    
    .cont1_box .one li .mar .picture img:hover {
        transform: scale(1.05);
    }
    
    .cont1_box .one li .mar .text {
        overflow: hidden;
        background: url(../images/xwdt_bg.png) no-repeat center top;
        background-size: 100% 100%;
        padding: 0.4rem 0.28rem 0.28rem;
        margin-top: 0.12rem;
        transition: all 0.4s ease;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.03);
    }
    
    .cont1_box .one li .mar .text h2 {
        font-size: 0.18rem;
        color: #333;
        line-height: 0.3rem;
        height: 0.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0.23rem;
    }
    
    .cont1_box .one li .mar .text span {
        padding-left: 0.2rem;
        font-family: 'Times New Roman', Times, serif;
        font-size: 0.16rem;
        color: #358CC2;
        background: url(../images/ic_time.png) no-repeat left center;
    }
    
    .cont1_box .one li:hover .mar .text {
        background: url(../images/xwdt_bg2.png) no-repeat center top;
        background-size: 100% 100%;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);
    }
    
    .cont1_box .one li:hover .mar h2 {
        color: #fff;
    }
    
    .cont1_box .one li:hover .mar .text span {
        color: #fff;
        background: url(../images/ic_time2.png) no-repeat left center;
    }
    
    .cont1_box .two {
        overflow: hidden;
    }
    
    .cont1_box .two li {
        width: 50%;
        float: left;
    }
    
    .cont1_box .two li .mar {
        margin: 0px 20px 0.4rem;
    }
    
    .cont1_box .two li .mar a {
        display: block;
        overflow: hidden;
        background: #fff;
        padding: 0.27rem 0.5rem 0.26rem 0.3rem;
        transition: all 0.4s ease;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.03);
        position: relative;
    }
    
    .cont1_box .two li .mar a::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0.25rem;
        width: 0.02rem;
        height: calc(100% - 0.5rem);
        background: #358CC2;
    }
    
    .cont1_box .two li .mar a h2 {
        font-size: 0.18rem;
        color: #333;
        line-height: 0.3rem;
        height: 0.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0.1rem;
    }
    
    .cont1_box .two li .mar a span {
        padding-left: 0.2rem;
        font-family: DIN;
        font-size: 0.16rem;
        color: #358CC2;
        background: url(../images/ic_time.png) no-repeat left center;
    }
    
    .cont1_box .two li:hover .mar a h2 {
        color: #358CC2;
    }
    
    .ic_more {
        margin: auto;
        width: 1.4rem;
        height: 0.35rem;
        line-height: 0.35rem;
        background: url(../images/ic_more2.png) no-repeat;
        font-size: 0.14rem;
        color: #fff;
        text-align: center;
    }
    
    .ic_more a {
        color: #fff;
    }
    
    .ic_more img {
        margin-left: 0.1rem;
    }
    
    .ic_more:hover {
        opacity: 0.9;
    }
    /* 通知公告 */
    
    .cont2_bg {
        background: url(../images/cont_bg2.jpg) no-repeat;
        background-size: cover;
        padding: 0.95rem 0px 0.93rem;
        overflow: hidden;
        position: relative;
    }
    
    .cont2_bg::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 1.98rem;
        width: 12.6%;
        height: 2px;
        background: #358CC2;
    }
    
    .cont2_box {
        width: calc(100% - 3.45rem);
        float: right;
    }
    
    .tzgg {
        position: relative;
        padding-bottom: 0.11rem;
    }
    /* .tzgg .swiper-container {
        width: 100%;
        height: 3.50rem;
        margin-left: auto;
        margin-right: auto;
    }
    
    .tzgg .swiper-slide {
        height: calc((100% - 50px) / 2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
     */
    
    .tzgg ul {
        overflow: hidden;
        margin: 0 -0.25rem;
    }
    
    .tzgg ul li {
        width: 50%;
        float: left;
    }
    
    .tzgg ul li .lbbg {
        padding: 0.05rem;
        position: relative;
        margin: 0 0.25rem 0.3rem;
    }
    
    .tzgg ul li .lbbg a {
        display: block;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #358CC2;
        border-radius: 5px 5px 0px 5px;
        overflow: hidden;
        padding: 0.28rem 0.25rem 0.23rem;
    }
    
    .tzgg ul li .lbbg::before,
    .tzgg ul li .lbbg::after {
        content: "";
        position: absolute;
        background: #358CC2;
        z-index: 1;
    }
    
    .tzgg ul li .lbbg::before {
        width: calc(100% - 0.08rem);
        height: 5px;
        bottom: 0px;
        right: 0px;
        border-radius: 0px 0px 9px 9px;
    }
    
    .tzgg ul li .lbbg::after {
        width: 5px;
        height: calc(100% - 0.08rem);
        bottom: 0px;
        right: 0px;
        border-radius: 0px 9px 9px 0px;
    }
    
    .tzgg ul li .lbbg .time {
        background: url(../images/ic_time3.png) no-repeat;
        text-align: center;
        width: 0.83rem;
        height: 0.88rem;
        float: left;
    }
    
    .tzgg ul li .lbbg .time b {
        font-family: DIN;
        font-size: 0.32rem;
        line-height: 0.28rem;
        color: #FFFFFF;
        display: inline-block;
        margin: 15px 0px 22px;
        font-weight: normal;
    }
    
    .tzgg ul li .lbbg .time span {
        font-family: DIN;
        font-size: 0.16rem;
        color: #358CC2;
        display: block;
    }
    
    .tzgg ul li .lbbg .text {
        width: calc(100% - 1rem);
        float: right;
    }
    
    .tzgg ul li .lbbg .text h2 {
        font-size: 0.18rem;
        color: #333;
        line-height: 0.3rem;
        height: 0.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 0.03rem 0 0.1rem;
    }
    
    .tzgg ul li .lbbg .text span {
        font-size: 0.14rem;
        line-height: 0.3rem;
        color: rgba(136, 136, 136, 0.88);
        padding-right: 0.25rem;
        background: url(../images/jt_hs.png) no-repeat right center;
        font-family: 'hpl';
    }
        .tzgg ul li:hover .lbbg .text h2{
   color:#358CC2;
}
    .tzgg .tzgg-dot {
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 0px;
        color: #fff;
        text-align: center;
        z-index: 2;
        margin: 0px;
        padding: 0px;
        font-size: 0px;
    }
    
    .tzgg .tzgg-dot span {
        margin: 0px 10px;
        cursor: pointer;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        background: none;
        outline: none;
        opacity: 1;
        width: 10px;
        height: 10px;
        font-size: 0px;
        background: #D3D3D3;
        border-radius: 50%;
    }
    
    .tzgg .tzgg-dot span.swiper-pagination-bullet-active {
        background: #358CC2;
    }
    /* 科学研究 */
    
    .cont3_bg {
        padding: 0.9rem 0 0.69rem;
        position: relative;
        overflow: hidden;
        background: url(../images/cont_bg3.jpg) no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .cont3_bg::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 1.44rem;
        width: 12.6%;
        height: 2px;
        background: #fff;
    }
    
    .part2 {
        margin-top: 0.35rem;
        position: relative;
    }
    
    .part2::before,
    .part2::after {
        content: "";
        position: absolute;
        z-index: 5;
        width: 3rem;
        height: 100%;
        top: 0px;
        background: linear-gradient(270deg, #2F70A6 0%, rgba(41, 91, 145, 0) 101%);
    }
    
    .part2::before {
        left: 0px;
        transform: rotate(180deg);
    }
    
    .part2::after {
        right: 0px;
    }
    
    .part2_lb {
        z-index: 2;
    }
    
    .part2_lb .swiper-slide {}
    
    .part2_lb .swiper-slide:nth-of-type(even) {
        width: 22.5%!important;
    }
    
    .part2_lb .swiper-slide a {}
    
    .part2_lb .swiper-slide .picture {
        padding-bottom: 56%;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }
    
    .part2_lb .swiper-slide .picture img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 10px;
        transition: all 0.4s;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .part2_lb .swiper-slide .picture img:hover {
        transform: scale(1.05);
    }
    
    .part2_lb .swiper-slide .text {
        padding: 0.2rem;
        position: relative;
        z-index: 11;
        overflow: hidden;
    }
    
    .part2_lb .swiper-slide .text::before {
        transition: 0.4s;
        content: "";
        width: 0.02rem;
        height: calc(100% - 0.5rem);
        background: #D8AD8A;
        position: absolute;
        left: 0;
        top: 0.25rem;
    }
    
    .part2_lb .swiper-slide .text h2 {
        height: 0.3rem;
        line-height: 0.3rem;
        overflow: hidden;
        font-size: 0.18rem;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0.09rem;
    }
    
    .part2_lb .swiper-slide .text span {
        padding-left: 0.2rem;
        font-family: DIN;
        font-size: 0.16rem;
        color: #fff;
        background: url(../images/ic_time2.png) no-repeat left center;
    }
    
    @keyframes p2_con_b {
        0% {
            height: 100%;
        }
        50% {
            height: 0%;
        }
        100% {
            height: 0%;
        }
    }
    
    @media screen and (max-width: 640px) {
        .part2_lb .swiper-slide:nth-of-type(even) {
            padding-top: 0;
        }
        .part2_lb {
            margin: 0 auto;
            width: 100%;
            overflow: initial;
            background: none;
        }
    }
    
    .index_miso>.cursor {
        z-index: 100;
        background: url(../images/icon_td.png) no-repeat;
        transition: 0.1s;
        opacity: 0 !important;
    }
    
    .index_miso>.cursor.on {
        opacity: 1 !important;
    }
    
    .cursor {
        display: none;
    }
    
    .credits {
        align-self: flex-start;
        padding: 5rem 0 0 0;
    }
    
    .credits a {
        text-decoration: underline;
    }
    
    @media screen and (min-width: 53em) {
        .frame {
            flex-direction: column;
            align-items: flex-end;
            text-align: right;
            background: none;
            height: 50vh;
            pointer-events: none;
            padding-bottom: 0;
        }
        .frame__links a:not(:last-child) {
            margin-right: 0;
        }
        .frame__links {
            margin: 0.5rem 0 2rem;
            justify-self: start;
        }
        .frame__links a {
            margin-left: 0.5rem;
            pointer-events: auto;
        }
        .frame__button {
            cursor: not-allowed;
            pointer-events: auto;
            margin-top: auto;
            transform: translateY(50%);
        }
        .menu__item {
            padding-left: 25vw;
            justify-content: initial;
        }
        /* .menu__item-text {
            padding: 1vh 0;
            font-size: 4vw;
        } */
        .menu__item-sub {
            display: flex;
        }
    }
    
    @media (any-pointer: fine) {
        .cursor {
            position: fixed;
            top: 0;
            left: 0;
            display: block;
            pointer-events: none;
        }
        .cursor__inner {
            fill: var(--cursor-fill);
            stroke: var(--cursor-stroke);
            stroke-width: var(--cursor-stroke-width);
            opacity: 0.3;
        }
        .credits {
            padding-left: 25vw;
        }
    }
    
    .cont4_bg {
        padding: 0.78rem 0 1rem;
        position: relative;
        overflow: hidden;
        background: #fff;
        background-size: cover;
        position: relative;
        background: url(../images/cont_bg4.jpg) no-repeat center bottom;
    }
    
    .cont4_bg::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 1.33rem;
        width: 12.6%;
        height: 2px;
        background: #358CC2;
    }
    
    .cont4_bg .xslf {
        width: calc(100% - 7.15rem);
        float: left;
        /* overflow: hidden; */
    }
    
    .cont4_bg .xsrg {
        width: 6.3rem;
        float: right;
        overflow: hidden;
        margin-top: 0.1rem;
    }
    
    .cont4_bg .xslf .xsgzlb {
        margin: 0.3rem -17px 0;
    }
    
    .cont4_bg .xslf .xsgzlb li {
        width: 50%;
        float: left;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar {
        margin: 0px 17px 0.35rem;
        padding: 0.34rem 0.25rem 0.23rem 0;
        overflow: hidden;
        border-radius: 0px 0px 5px 5px;
        border-top: #358CC2 2px solid;
        background: linear-gradient(180deg, #F4F9FA 2%, #FFFFFF 30%);
        box-sizing: border-box;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
        position: relative;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar .time {
        text-align: center;
        width: 0.8rem;
        float: left;
        color: #358CC2;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar .time b {
        font-family: DIN;
        font-size: 0.32rem;
        line-height: 0.28rem;
        display: inline-block;
        font-weight: normal;
        position: relative;
        margin-bottom: 0.25rem;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar .time b::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0.44rem;
        width: 0.35rem;
        height: 0.01rem;
        transform: rotate(144.78deg);
        background: #358CC2;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar .time span {
        font-family: DIN;
        font-size: 0.16rem;
        display: block;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar .text {
        width: calc(100% - 0.8rem);
        float: right;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar .text h2 {
        font-size: 0.18rem;
        color: #333;
        line-height: 0.3rem;
        height: 0.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .cont4_bg .xslf .xsgzlb li .mar .text span {
        font-family: 'hpl';
        font-size: 0.14rem;
        line-height: 0.3rem;
        color: #888;
        padding-right: 0.25rem;
        background: url(../images/jt_hs.png) no-repeat right center;
        margin-top: 0.3rem;
        display: inline-block;
    }
    
    .cont4_bg .xslf .xsgzlb li:hover .mar {
        background: linear-gradient(180deg, rgba(39, 82, 137, 0.8) 0%, rgba(53, 140, 194, 0.8) 100%);
        border-radius: 5px;
    }
    
    .cont4_bg .xslf .xsgzlb li:hover .mar .time,
    .cont4_bg .xslf .xsgzlb li:hover .mar .text h2,
    .cont4_bg .xslf .xsgzlb li:hover .mar .text span {
        color: #fff;
    }
    
    .cont4_bg .xslf .xsgzlb li:hover .mar .text span {
        background: url(../images/jt_bs.png) no-repeat right center;
    }
    
    .cont4_bg .xslf .xsgzlb li:hover .mar .time b::after {
        background: #fff;
    }
    
    .cont4_bg .xslf .xsgzlb li:hover .mar::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.04rem;
        background: #D8AD8A;
    }
    
    .cont4_bg .xsrg ul {
        margin: 0px -22px;
    }
    
    .cont4_bg .xsrg ul li {
        width: 50%;
        float: left;
    }
    
    .cont4_bg .xsrg ul li .mar {
        margin: 0px 22px;
        position: relative;
        border-radius: 10px;
        height: 4.27rem;
        position: relative;
        overflow: hidden;
        border-radius: 0px 0px 15px 15px;
    }
    
    .cont4_bg .xsrg ul li .mar .picture {
        position: relative;
        padding-bottom: 110%;
        overflow: hidden;
    }
    
    .cont4_bg .xsrg ul li .mar .picture img {
        border-radius: 5px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.4s;
    }
    
    .cont4_bg .xsrg ul li .mar .text {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .cont4_bg .xsrg ul li .mar .text span {
        position: absolute;
        right: 0.2rem;
        bottom: 0.2rem;
    }
    
    .cont4_bg .xsrg ul li:nth-of-type(1) .mar {
        margin-top: 0.54rem;
    }
    
    .cont4_bg .xsrg ul li:nth-of-type(1) .mar .text {
        padding: 0.5rem 0.2rem 0 0.3rem;
    }
    
    .cont4_bg .xsrg ul li:nth-of-type(2) .mar .text {
        padding: 0.35rem 0.2rem 0 0.3rem;
    }
    
    .cont4_bg .xsrg ul li:nth-of-type(1) .mar .text {
        background: url(../images/xsrg_bg1.png) no-repeat;
        background-size: 100% 100%;
        height: 1.63rem;
    }
    
    .cont4_bg .xsrg ul li:nth-of-type(2) .mar .text {
        background: url(../images/xsrg_bg2.png) no-repeat;
        background-size: 100% 100%;
        height: 2.23rem;
    }
    
    .cont4_bg .xsrg ul li .mar .text h2 {
        font-family: 'hpb';
        font-size: 0.24rem;
        font-weight: 600;
        line-height: 0.3rem;
        color: #FFFFFF;
    }
    
    .cont4_bg .xsrg ul li .mar .text p {
        font-size: 0.18rem;
        line-height: 0.3rem;
        color: #FFFFFF;
        padding-right: 0.5rem;
        margin-bottom: 0.2rem;
        box-sizing: border-box;
    }
    /* 底部 */
    
    .dibu_bg {
        border-top: #358cc2 6px solid;
        background: #314a6b url(../images/dibu_bg.jpg) no-repeat bottom;
        position: relative;
    }
    
    .dibu_bg .go_top {
        width: 1.56rem;
        position: absolute;
        right: 0px;
        top: 0px;
        cursor: pointer;
    }
    
    .db_one {
        padding: 0.55rem 0 0.37rem;
    }
    
    .db_one .dblogo {
        width: 5.15rem;
        float: left;
    }
    
    .db_one .dblogo img {
        max-width: 100%;
    }
    
    .dbewm {
        float: right;
        margin-top: 0.06rem;
    }
    
    .dbewm a.ic {
        width: 0.45rem;
        height: 0.45rem;
        float: left;
    }
    
    .dbewm a:nth-of-type(1).ic {
        margin-right: 0.35rem;
        background: url(../images/db_wx.png) no-repeat;
        position: relative;
    }
    
    .dbewm a:nth-of-type(2).ic {
        background: url(../images/db_wb.png) no-repeat;
    }
    
    .dbewm a.ic .nr {
        display: none;
    }
    
    .dbewm a.ic:hover .nr {
        display: block;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -0.6rem;
        width: 1.2rem;
        height: 1.2rem;
        transition: all 0.5s ease;
    }
    
    .dbewm a.ic:hover .nr img {
        width: 100%;
        height: 100%;
    }
    
    .dblk {
        padding: 0.2rem 0.35rem;
        overflow: hidden;
        border-radius: 10px;
        box-sizing: border-box;
        border: 1px solid #358CC2;
    }
    
    .dblk h2 {
        float: left;
        font-size: 0.14rem;
        line-height: 0.28rem;
        width: 0.7rem;
        color: rgba(255, 255, 255, 0.8);
    }
    
    .dblk .nr {
        width: calc(100% - 0.7rem);
        float: right;
    }
    
    .dblk .nr a {
        font-size: 0.14rem;
        line-height: 0.28rem;
        color: rgba(255, 255, 255, 0.8);
        margin-left: 0.2rem;
    }
    
    .dblk .nr a:hover {
        font-weight: bold;
    }
    
    .dbpq {
        overflow: hidden;
        text-align: center;
        padding: 0.4rem 0;
    }
    
    .dbpq p {
        font-size: 0.14rem;
        line-height: 0.28rem;
        color: rgba(255, 255, 255, 0.8);
    }
    
    .go_top {
        width: 1.56rem;
        height: 1.06rem;
    }
    
    .go_top img {
        width: 100%;
    }
    
    .list_pic {
        /* height: 450px; */
        position: relative;
    }
    
    .list_pic img {
        width: 100%;
    }
    
    .list_pic .ltpic_lm {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
    }
    
    .list_pic .ltpic_lm h1 {
            font-size: 0.4rem;
    line-height: 0.4rem;
        /* font-weight: 600; */
        color: #FFFFFF;
        padding: 28px 15px 35px;
        box-sizing: border-box;
        width: 2.8rem;
        border-radius: 10px 10px 0px 0px;
        background: linear-gradient(270deg, #2E6EA4 0%, #358CC2 100%);
        position: relative;
        text-align: center;
    }
    
    .list_pic .ltpic_lm h1::before {
        content: "";
        position: absolute;
        width: 0.17rem;
        height: 0.09rem;
        background: url(../images/sjx_hs.png) no-repeat;
        left: 50%;
        margin-left: -0.08rem;
        bottom: 10px;
    }
    
    .sjmenu {
        display: none;
    }
    
    .list_wkbg {
        overflow: hidden;
        background: url(../images/list_bg.jpg) no-repeat center bottom;
        padding-bottom: 0.5rem;
    }
    
    .ltlf_dh {
        font-size: 24px;
        color: #105aa7;
        padding: 28px 15px 22px 40px;
        line-height: 30px;
        background: #1665c8 url(../images/ltlf_dhbg.png) no-repeat top;
        background-size: 100% 100%;
        font-weight: bold;
        position: relative;
        display: none;
    }
    
    .list_lf {
        width: 2.8rem;
        float: left;
        box-sizing: border-box;
        position: relative;
        padding: 0 0 0.48rem 0.14rem;
        padding-bottom: 0.48rem;
        border-radius: 0px 0px 50px 10px;
        background: linear-gradient(270deg, #2E6EA4 0%, #358CC2 100%);
    }
    
    .sideMenu {
        overflow: hidden;
        padding: 0.3rem 0.18rem 1.3rem;
        border-radius: 5px 0px 0px 5px;
        background: #EBF4FA url(../images/ltlf_bg.png) no-repeat center bottom;
    }
    
    .sideMenu li {
        width: 100%;
        float: left;
        position: relative;
        box-sizing: border-box;
        border-bottom: #d0dae7 1px solid;
    }
    
    .sideMenu li em {
        position: absolute;
        z-index: 2;
        right: 0px;
        top: 0.11rem;
        width: 0.4rem;
        height: 0.4rem;
        background: url(../images/ltsj1.png) no-repeat center;
        cursor: pointer;
    }
    
    .sideMenu li h3 a {
        display: block;
        padding: 0.15rem 0.45rem 0.15rem 0.2rem;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        font-size: 0.2rem;
        color: #333;
        line-height: 0.3rem;
    }
    
    .sideMenu dl {
        display: none;
        padding: 0.12rem 0 0.15rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .sideMenu dl dd a {
        display: block;
        width: 100%;
        font-size: 0.16rem;
        color: #333;
        line-height: 0.26rem;
        cursor: pointer;
        padding: 0.05rem 0.15rem 0.05rem 0.4rem;
        box-sizing: border-box;
    }
    
    .sideMenu li.current h3>a,
    .sideMenu li:hover h3>a,
    .sideMenu dl dd:hover a,
    .sideMenu dl dd.current a {
        color: #2E4B70;
    }
    
    .sideMenu li.current em,
    .sideMenu li:hover em {
        background: url(../images/ltsj2.png) no-repeat center;
    }
    
    .sideMenu li.current dl {
        display: block !important;
    }
    
    .list_rg {
        float: right;
        width: calc(100% - 3.4rem);
        margin-top: 0.55rem;
    }
    
    .list_rdh {
        overflow: hidden;
        border-bottom: #bfbfbf 1px solid;
        padding-bottom: 0.17rem;
    }
    
    .list_rdh h1 {
        float: left;
        font-size: 0.34rem;
        color: #333;
        padding-left: 0.45rem;
        background: url(../images/ltrg_lmbg.png) no-repeat left center;
        background-size: auto 0.36rem;
    }
    
    .list_rdh span {
        float: right;
        font-size: 0.14rem;
        color: #777;
        line-height: 0.3rem;
        padding-left: 0.2rem;
        background: url(../images/ic_home.png) no-repeat left 7px;
        margin-top: 0.16rem;
    }
    
    .list_rdh span a {
        color: #777;
    }
    
    .list_rdh span a:hover {
        color: #2E4B70;
    }
    /* 列表页文字 */
    
    .list_lb {
        min-height: 500px;
    }
    
    .list_lb ul {
        padding: 26px 0px 32px;
        overflow: hidden;
    }
    
    .list_lb li {
        width: 100%;
        float: left;
        margin: 0.12rem 0;
        box-sizing: border-box;
        border: 1px solid #E7E7E7;
        background: linear-gradient(308deg, #FFFFFF 62%, #EBF4FA 104%);
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
        transition: all 0.2s ease-out 0s;
    }
    
    .list_lb li .mar {
        overflow: hidden;
        padding-right: 0.3rem;
        height: 0.9rem;
    }
    
    .list_lb li .time {
        width: 1.23rem;
        float: left;
        text-align: center;
        color: #358CC2;
        font-family: DIN;
    }
    
    .list_lb li .time b {
        font-size: 0.32rem;
        line-height: 0.28rem;
        display: block;
        font-weight: normal;
        margin-top: 0.18rem;
        margin-bottom: 0.02rem;
    }
    
    .list_lb li .time span {
        font-size: 0.16rem;
        line-height: 0.28rem;
        display: block;
    }
    
    .list_lb li .text {
        width: calc(100% - 1.23rem);
        float: right;
        padding-right: 0.3rem;
        box-sizing: border-box;
        overflow: hidden;
        background: url(../images/ltwz_jt1.png) no-repeat center right;
    }
    
    .list_lb li .text h2 {
        font-size: 0.18rem;
        color: #333;
        line-height: 0.9rem;
        height: 0.9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .list_lb li .time2 {
        display: none;
    }
    
    .list_lb li:hover {
        background: url(../images/ltwz_bg.png) no-repeat;
    }
    
    .list_lb li:hover .time {
        background: url(../images/ltwz_sjbg.png) no-repeat;
        color: #fff;
    }
    
    .list_lb li:hover .text {
        background: url(../images/ltwz_jt2.png) no-repeat center right;
    }
    
    .list_lb li:hover .text h2 {
        color: #fff;
    }
    /* 新闻图片列表 */
    
    .list_xw {
        min-height: 500px;
        overflow: hidden;
    }
    
    .list_xw ul {
        padding: 0.35rem 0px;
        overflow: hidden;
    }
    
    .list_xw li {
        width: 100%;
        float: left;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #E7E7E7;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
        transition: all 0.2s ease-out 0s;
        border-radius: 10px;
        margin: 0.15rem 0px;
    }
    
    .list_xw li .mar {
        padding: 0.3rem;
        overflow: hidden;
        position: relative;
    }
    
    .list_xw li .mar::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0.3rem;
        width: 0.03rem;
        height: calc(100% - 0.6rem);
        background: url(../images/ltxw_xian.png) no-repeat;
    }
    
    .list_xw li .mar .picture {
        float: left;
        width: 2.6rem;
    }
    
    .list_xw li .mar .picture span {
        display: block;
        position: relative;
        padding-bottom: 56%;
        overflow: hidden;
        border-radius: 5px;
    }
    
    .list_xw li .mar .picture span img {
        border-radius: 5px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.4s;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .list_xw li .mar .picture span img:hover {
        transform: scale(1.05);
    }
    
    .list_xw li .mar .text {
        width: calc(100% - 2.9rem);
        float: right;
    }
    
    .list_xw li .mar .text h2 {
        color: #333;
        font-size: 0.18rem;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .list_xw li .mar .text p {
        color: #9E9E9E;
        font-size: 0.14ren;
        line-height: 0.24rem;
        height: 0.72rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin: 0.07rem 0px 0.15rem;
    }
    
    .list_xw li .mar .text span {
        font-family: DIN;
        font-size: 0.16rem;
        line-height: 0.3rem;
        background: url(../images/ic_time.png) no-repeat left;
        padding-left: 0.2rem;
    }
    
    .list_xw li:hover {
        background: url(../images/ltxw_bg.png) no-repeat;
        background-size: cover;
    }
    
    .list_xw li:hover .text h2 {
        font-weight: bold;
        color: #fff;
    }
    
    .list_xw li:hover .text p {
        color: rgba(255, 255, 255, 0.7);
    }
    
    .list_xw li:hover .text span {
        color: #fff;
        background: url(../images/ic_time2.png) no-repeat left;
    }
    /* 教师列表 */
    
    .list_js {
        min-height: 500px;
        overflow: hidden;
    }
    
    .list_js ul {
        padding: 0.3rem 0rem;
        ;
        overflow: hidden;
        margin: 0rem -0.2rem;
    }
    
    .list_js li {
        width: 50%;
        float: left;
    }
    
    .list_js li .mar {
        margin: 0.2rem;
        padding: 0.3rem;
        overflow: hidden;
        background: linear-gradient(180deg, #F4F9FA 2%, #FFFFFF 30%);
        box-sizing: border-box;
        border: 1px solid #E7E7E7;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
        border-top: #358CC2 2px solid;
        border-radius: 0px 0px 5px 5px;
    }
    
    .list_js li .mar .picture {
        width: 1.25rem;
        float: left;
    }
    
    .list_js li .mar .picture span {
        display: block;
        position: relative;
        padding-bottom: 150%;
        overflow: hidden;
    }
    
    .list_js li .mar .picture span img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.4s;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .list_js li .mar .picture span img:hover {
        transform: scale(1.05);
    }
    
    .list_js li .mar .text {
        width: calc(100% - 1.55rem);
        float: right;
    }
    
    .list_js li .mar .text h2 {
        color: #2E4B70;
        font-size: 0.2rem;
        line-height: 0.3rem;
        height: 0.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all 0.4s ease-out 0s;
    }
    
    .list_js li .mar .text h3 {
        position: relative;
        margin: 0.08rem 0 0.12rem;
    }
    
    .list_js li .mar .text h3::after {
        content: "";
        position: absolute;
        top: 0.12rem;
        left: 0;
        width: 100%;
        height: 1px;
        background: #EBF4FA;
    }
    
    .list_js li .mar .text h3 b {
        display: inline-block;
        font-size: 0.14rem;
        line-height: 0.24rem;
        height: 0.24rem;
        background: #EBF4FA;
        padding: 0 0.12rem;
        border-radius: 5px;
        position: relative;
        z-index: 3;
        font-weight: normal;
    }
    
    .list_js li .mar .text p {
        font-size: 0.14rem;
        color: #9E9E9E;
        line-height: 0.24rem;
        height: 0.72rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    
    .list_js li .mar .text span {
        float: right;
        width: 0.7rem;
        height: 0.21rem;
        line-height: 0.21rem;
        background: url(../images/ic_more3.png) no-repeat;
        background-size: 100% 100%;
        font-size: 0.12rem;
        color: #fff;
        text-align: center;
        margin-top: 0.12rem;
        transition: all 0.4s ease-out 0s;
    }
    
    .list_js li:hover .mar .text h2 {
        transform: translateX(5px);
    }
    
    .list_js li:hover .mar .text span {
        transform: translateY(5px);
    }
    /*内容页*/
    
    .contt_box {
        min-height: 450px;
        margin-top: 12px;
    }
    
    .contt_tit {
        overflow: hidden;
        text-align: center;
        border-bottom: #e5e5e5 1px solid;
        padding: 35px 20px 18px;
    }
    
    .contt_tit h1 {
        font-size: 0.22rem;
        color: #2E4B70;
        margin-bottom: 10px;
    }
    
    .contt_tit h3 {
        font-size: 0.14rem;
        color: #9E9E9E;
        line-height: 0.3rem;
        overflow: hidden;
    }
    
    .contt_zhwen {
        padding: 0.25rem 0 0.3rem;
        overflow: hidden;
    }
    
    .contt_zhwen p {
        font-size: 0.16rem!important;
        color: #333!important;
        line-height: 0.35rem!important;
        margin-bottom: 0.15rem;
        text-indent: 0.4rem;
    }
    
    .contt_zhwen p img {
        max-width: 90%;
        height: auto !important;
    }
    
    .contt_zhwen p td {
        text-indent: 0em;
    }
    
    .contt_zhwen iframe {
        max-width: 90%;
    }
    
    .contt_zhwen video {
        max-width: 90%;
    }
    
    .contt_sxp {
        border-top: #e5e5e5 1px solid;
        padding: 30px 0px 20px;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .contt_sxp ul {
        width: 100%;
        float: left;
    }
    
    .contt_sxp li {
        width: 100%;
        float: left;
        font-size: 16px;
        color: #333;
        line-height: 28px;
        margin: 4px 0px;
    }
    
    .contt_sxp li a {
        color: #333;
    }
    
    .contt_sxp li:hover a {
        color: #358CC2;
    }