.nav {
    width: 100%;
    position: absolute;
    background: url(../images/top_bg.png) no-repeat center;
    z-index: 1111111;
    background-size: cover;
    height: 3.5rem;
}

.logo {
    width: 5.74rem;
    height: 1rem;
    overflow: hidden;
}

.top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ipt {
    outline: none;
    width: 1.95rem;
    vertical-align: top;
    height: .35rem;
    padding-left: .1rem;
}

.sub {
    width: .35rem;
    height: .35rem;
    background: url(../images/search.png) no-repeat center;
    background-size: 100%;
}

.search {
    display: flex;
    justify-content: space-between;
    width: 23%;
}

.nav-dh {
    height: 0.56rem;
    line-height: 0.56rem;
    transition: all 0.3s ease 0s;
    width: 100%;
    margin-top: 0.2rem;
    /* padding-left: .3rem; */
}

.nav_box {
    display: block;
    margin-top: .33rem;
}

.nav>ul {
    margin: 0px auto;
    font-size: 0px;
    text-align: center;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 11111;
}

.nav-dh ul>li {
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    transform: perspective(50rem);
    /* padding-right: 0.18125rem; */
    /* padding-left: 0.16125rem; */
    height: 0.55rem;
    line-height: 0.56rem;
    width: 100%;
}

.top_link a {
    font-size: .18rem;
    color: white;
    display: block;
    height: 100%;
    line-height: .38rem;
    padding-left: .28rem;
    position: relative;
}

a:hover {
    /* color: rgb(6, 89, 176); */
    text-decoration: none;
}

.nav-dh ul li>a {
    font-size: 0.22rem;
    display: block;
    position: relative;
    width: 100%;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.3) 0.01rem 0.03rem 0.03rem;
    z-index: 11111111;
    font-family: "shbd";
}

.nav-dh ul li.on .subNav {
    display: block;
}

.subNav li {
    float: left;
    width: 100% !important;
    height: 0.38rem !important;
    padding-left: 0.06rem !important;
    padding-right: 0.06rem !important;
}

.subNav li a {
    line-height: 0.38rem;
}

.nav-dh ul li.on .subNav {
    display: block;
}

.subNav {
    position: absolute;
    z-index: 111;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    top: 0.65rem;
    /* width: 121%; */
    left: 0rem;
    box-sizing: border-box;
    min-width: 100%;
    /* transform: translateY(15%); */
    background-color: white;
    opacity: 0;
}

.nav-dh .subNav li a {
    font-size: .18rem;
    color: black;
    text-shadow: none;
    white-space: nowrap;
    width: 100%;
}

.nav-dh .subNav li:hover {
    background-color: #2c6fc9;
    color: white;
    width: 100%;
}

.top_box {
    position: relative;
    /* height: 1.9rem; */
}

.top_nav p {
    font-size: 0.17rem;
    transition: all .3s;
}

.top_nav p:hover {
    font-weight: bold;
}

.nav-item:hover .subNav {
    visibility: visible;
    opacity: 1;
    top: .55rem;
}

.nav-item:hover {
    background-color: #568bd0;
}

.nav-item .subNav li:hover a {
    font-weight: bold;
    z-index: 1111111111;
    color: white;
}

.logo img {
    width: 100%;
}

.nav-dh>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* banner -----------开始*/

.banner-container {
    width: 100%;
    /* max-width: 1920px; */
    overflow: hidden;
    margin: 0rem auto;
    position: relative;
    /* z-index: -1; */
}

.banner-bd ul li img {
    width: 100%;
    display: block;
    animation: 10s ease-in-out 0s infinite alternate none running zoomin;
}

@keyframes zoomin {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

.banner-bd ul li {
    overflow: hidden;
    position: relative;
}

.banner-container .prev {
    right: 3.3rem;
    background: url("../images/prev.png") 0% 0% / 100% no-repeat;
    background-size: 100%;
}

.banner-container .next {
    left: 3.2rem;
    background: url("../images/next.png") 0% 0% / 100% no-repeat;
    background-size: 100%;
}

.banner-container .prev,
.banner-container .next {
    width: 0.44rem;
    height: 0.84rem;
    line-height: 0.56rem;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    cursor: pointer;
    z-index: 11111;
}

.banner-hd,
.news-list-hd {
    position: absolute;
    text-align: right;
    bottom: .1rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 111;
    left: calc(50% - 23px);
}

.banner-container .banner-hd li {
    border-radius: 50%;
    margin: 0.08rem;
    font-size: .27rem;
    background-color: white;
    height: .15rem;
    width: .15rem;
    display: inline-block;
    color: #2c6fc9;
}

.banner-container .banner-hd li.on {
    border-radius: 10px;
    transition: all .3s;
    background-color: #ffffff00;
    border: .01rem solid white;
}

.top_link {
    height: 100%;
}

.top_link a::before {
    content: "";
    position: absolute;
    width: .23rem;
    height: .25rem;
    background: url(../images/home.png) no-repeat center;
    background-size: 100%;
    left: 0rem;
    bottom: .08rem;
}


/* section_01 */

.section_01 {
    width: 100%;
}

.s01_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: .4rem;
}

.s01_1 {
    width: 49%;
}

.s01_2 {
    width: 49%;
}

.section_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section_tit a {
    display: block;
    color: #920783;
    font-size: .16rem;
    position: relative;
}

.s_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s_tit p {
    font-size: .26rem;
    color: #920783;
}

.s_tit span {
    display: block;
    font-size: .2rem;
    color: #920783;
    padding-top: .1rem;
    padding-left: .05rem;
}

.s_tit_line {
    width: 1.8rem;
    height: .01rem;
    background-color: #920783;
    margin-left: 0.1rem;
    position: relative;
}

.s_tit_line::after {
    content: "";
    position: absolute;
    width: .05rem;
    height: .05rem;
    border-radius: 100%;
    background-color: #920783;
    right: 0rem;
    bottom: -.02rem;
}

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

.s01_1_list {
    width: 100%;
    margin-top: .18rem;
    position: relative;
}

.s01_1_1 {
    width: 100%;
    position: relative;
}

.s01_1_1_lb a {
    display: block;
    position: relative;
}

.s01_1_1_img {
    width: 4.5rem;
    height: 3.2rem;
    overflow: hidden;
}

.s01_1_1_img img {
    width: 100%;
    height: 100%;
}

.s01_1_1_info {
    width: 3.7rem;
    height: 2.4rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: .5rem;
    padding: .25rem;
    background-color: #ffffffbf;
    border-radius: .5rem 0 0 0;
}

.s01_1_1_info p {
    font-size: .18rem;
    color: #5f52a0;
}

.s01_1_1_info span {
    display: block;
    font-size: .15rem;
    margin-top: .12rem;
    line-height: .26rem;
    text-indent: 2em;
    color: #4c4c4c;
    height: 1rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.s01_1_1_info div {
    font-size: .12rem;
    color: #5f52a0;
    margin-top: .15rem;
    text-align: right;
    position: relative;
}

.s01_1_1_info div::after {
    content: "";
    position: absolute;
    width: .18rem;
    height: .18rem;
    background: url(../images/time.png) no-repeat center;
    background-size: 100%;
    right: .75rem;
}

.s01_prev,
.s01_next {
    width: .36rem;
    height: .36rem;
    position: absolute;
    bottom: .0rem;
    z-index: 111;
    cursor: pointer;
}

.s01_prev {
    background: url(../images/s01_prev.png) no-repeat center;
    background-size: 100%;
    right: .6rem;
}

.s01_next {
    background: url(../images/s01_next.png) no-repeat center;
    background-size: 100%;
    right: 1.2rem;
}

.s01_1_2 {
    width: 100%;
    margin-top: .2rem;
}

.s01_1_2 ul {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.s01_1_2 ul li {
    width: 48%;
    margin-top: .15rem;
    transition: all .3s;
}

.s01_1_2 ul li:nth-child(even) {
    margin-left: .31rem;
}

.s01_1_2 ul li a {
    display: block;
    overflow: hidden;
    background-color: #f8f8f8;
    border-bottom: .01rem solid #5f52a0;
}

.s01_1_2 ul li a p {
    font-size: .14rem;
    margin-top: .15rem;
    padding: 0 .3rem;
    position: relative;
    padding-left: .55rem;
}

.s01_1_2 ul li a p::after {
    content: "";
    position: absolute;
    width: .18rem;
    height: .18rem;
    background: url(../images/time.png) no-repeat center;
    background-size: 100%;
    left: .3rem;
}

.s01_1_2 ul li a span {
    display: block;
    font-size: .18rem;
    padding: 0 .3rem;
    margin-bottom: .15rem;
    margin-top: .1rem;
}

.s01_1_1_lb ul li img {
    transition: all .5s;
}

.s01_1_1_lb ul li:hover img {
    transform: scale(1.1);
}

.s01_1_2 ul li:hover {
    transform: translateY(-4px);
}

.s01_2_list {
    width: 100%;
    margin-top: .18rem;
}

.s01_2_list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s01_2_img {
    height: 3.2rem;
    width: 4.6rem;
    overflow: hidden;
    border: .01rem solid #5f52a0;
}

.s01_2_img img {
    width: 100%;
    height: 100%;
}

.s01_02_info {
    width: 39%;
}

.s01_02_info p {
    font-size: .18rem;
    color: #5f52a0;
    width: 100%;
    word-break: break-all;
    line-height: .3rem;
}

.s01_02_info span {
    display: block;
    text-indent: 2em;
    margin-top: .1rem;
    font-size: .15rem;
    color: #4c4c4c;
    line-height: .24rem;
    word-break: break-all;
}

.s01_02_info div {
    font-size: .14rem;
    color: #5f52a0;
    position: relative;
    text-align: right;
    margin-top: .1rem;
}

.s01_02_info div::after {
    content: "";
    position: absolute;
    width: .18rem;
    height: .18rem;
    background: url(../images/time.png) no-repeat center;
    background-size: 100%;
    right: .83rem;
}

.s01_2_box1 a img {
    transition: all .5s;
}

.s01_2_box1 a:hover img {
    transform: scale(1.1);
}

.s01_2_box2 {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: .35rem;
}

.s01_2_box2 ul li a {
    display: block;
    width: 100%;
    height: 2.1rem;
    background-color: #f0f6ff;
    /* padding: .1rem; */
}

.s01_2_box2 ul li a p {
    font-size: .18rem;
    line-height: .29rem;
    padding: 0 .2rem;
    padding-top: .2rem;
    height: 1.36rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.s01_2_box2 ul li a span {
    font-size: .14rem;
    color: #5f52a0;
    /* margin-top: .35rem; */
    display: block;
    padding: 0 .2rem;
    padding-top: .1rem;
}

.s01_2_box2 ul li {
    width: 100%;
    display: block;
    position: relative;
}

.s01_2_box2 ul li:hover a {
    border: .01rem solid #5f52a0;
    width: 99%;
    height: 2.07rem;
}

.s01_2_box2 ul li p {
    transition: all .3s;
}

.s01_2_box2 ul li:hover p {
    color: #5f52a0;
}

.s01_2_box2 .swiper {
    padding-bottom: .3rem;
}

.s01_2_box2 .swiper-container-horizontal>.swiper-scrollbar {
    opacity: 1 !important;
    height: .1rem;
    background-color: #eeeeee;
}

.s01_2_box2 .swiper-scrollbar-drag {
    background-color: #f8b551;
}


/* section_02 */

.section_02 {
    width: 100%;
    background: url(../images/section_02.png) no-repeat center;
    background-size: 100%;
    overflow: hidden;
}

.s02_box {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
    margin-bottom: .46rem;
}

.s02_box>div {
    width: 49%;
}

.s02_01_list {
    width: 100%;
}

.s02_01_list ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s02_01_time {
    width: .95rem;
    height: .38rem;
}

.s02_01_info {
    width: 84%;
    font-size: .18rem;
}

.s02_01_time {
    display: flex;
    justify-content: space-between;
    background: url(../images/s02_01_time.png) no-repeat center;
}

.s02_01_time p {
    display: block;
}

.s02_01_box {
    width: 50%;
    font-size: .13rem;
    color: white;
    text-align: center;
}

.s02_01_time span {
    display: block;
    width: 50%;
    font-size: .26rem;
    color: white;
    text-align: center;
}

.s02_01_year {
    margin-top: .03rem;
}

.s02_01_list ul li {
    margin-top: .5rem;
    position: relative;
    transition: all .3s;
}

.s02_01_list ul li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: .01rem;
    background-color: #eeeeee;
    left: 0;
    bottom: -.25rem;
}

.s02_01_list ul li:hover {
    transform: translateY(-4px);
}

.s02_02_list {
    width: 100%;
    margin-top: .5rem;
}

.s02_02_list ul li a {
    display: flex;
    justify-content: space-between;
}

.s02_02_list ul li a p {
    font-size: .18rem;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .2rem;
    position: relative;
}

.s02_02_list ul li a p::after {
    content: "";
    position: absolute;
    width: .05rem;
    height: .05rem;
    border-radius: 100%;
    border: .01rem solid #8a9ac9;
    left: 0;
    bottom: .07rem;
    background-color: white;
    transition: all .3s;
}

.s02_02_list ul li a span {
    width: 12%;
    font-size: .14rem;
}

.s02_02_list ul li {
    margin-top: .36rem;
    transition: all .3s;
}

.s02_02_list ul li:hover p::after {
    background-color: #8a9ac9;
}

.s02_02_list ul li:hover p,
.s02_02_list ul li:hover span {
    color: #8a9ac9;
}

.s02_02_list ul li:hover {
    transform: translateY(-4px);
}

.s02_02_list ul li:first-child {
    margin-top: 0;
}


/* section_03 */

.section_03 {
    width: 100%;
    background: url(../images/s03_bg.png) no-repeat center;
    background-size: 100%;
    overflow: hidden;
    height: 4.01rem;
}

.s03_hd_box {
    width: 5.2rem;
}

.s03_hd {
    position: relative;
    width: 100%;
    height: 4.01rem;
    display: flex;
    justify-content: space-between;
}

.s03_hd_zs {
    width: 136%;
    height: 3.2rem;
    position: absolute;
    left: -104%;
    bottom: .36rem;
    border: .01rem dashed #5f52a0;
    border-radius: 0 2rem 2rem 0;
    z-index: 0;
}

.s03_hd_box {
    display: flex;
    justify-content: space-between;
    padding-top: .8rem;
    align-items: center;
    height: 3.3rem;
    position: relative;
    z-index: 1;
}

.s03_dh {
    width: 1.96rem;
    height: 1.96rem;
    border: .01rem dashed #448aca;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: absolute; */
    transform: translateX(-162%);
    z-index: 2;
    transition: all 1s;
}

.s03_hd_box .on {
    width: 2.5rem;
    height: 2.5rem;
    border: .01rem dashed #ae5da1;
    transform: translateX(91%) !important;
    transition: all 1s;
}

.s03_wb_box {
    width: 1.65rem;
    height: 1.65rem;
    background-color: #448aca;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s03_hd_box .on .s03_wb_box {
    width: 2.1rem;
    height: 2.1rem;
    background-color: #ae5da1;
    /* position: relative; */
    z-index: 111111;
}

.s03_nb_box {
    width: 1.41rem;
    height: 1.41rem;
    border-radius: 100%;
    background-color: #00479d;
    text-align: center;
}

.s03_hd_box .on .s03_wb_box .s03_nb_box {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 100%;
    background-color: #8957a1;
    /* position: relative; */
    z-index: 111111;
}

.s03_nb_box p {
    color: white;
    font-size: .24rem;
    display: block;
    width: 100%;
    margin-top: .53rem;
}

.s03_nb_box span {
    font-size: .1rem;
    color: white;
    display: block;
    margin-top: .1rem;
}

.s03_hd_box .on .s03_wb_box .s03_nb_box p {
    font-size: .3rem;
    margin-top: 0.7rem;
}

.s03_hd_box .on .s03_wb_box .s03_nb_box span {
    font-size: .12rem;
}

.s03_dh a {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s03_hd_box .s03_dh.on:last-child {
    transform: translateX(-19%) !important;
}

.s03_hd_box .s03_dh:first-child {
    transform: translateX(-8%);
}

.s03_hd_zs2 {
    height: 2.1rem;
    width: 13.38rem;
    left: -2.3rem;
    position: absolute;
    background-color: #e7e9f2;
    top: 1rem;
    border-radius: 1.4rem;
    z-index: -1111111111111111111111111111111111111111;
    /* width: 0; */
}

.s03_hd_box .on .s03_hd_zs2 {
    width: 12.58rem;
    transition: all 1s;
}

.s03_bd_box {
    width: 68%;
    height: 100%;
    position: absolute;
    z-index: 0;
    right: 0rem;
}

.s03_bd_container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.s03_bd_container ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    overflow: hidden;
}

.s03_bd_container ul li {
    /* padding-left: .3rem; */
    width: 1.8rem;
    /* margin: 0 .22rem; */
}

.s03_bd_container ul li a {
    width: 1.46rem;
    height: 1.46rem;
    border: .01rem dashed #b46daa;
    display: block;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    transition: all .3s;
}

.s03_bd_c_01 {
    width: 1.23rem;
    height: 1.23rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c490bf;
}

.s03_bd_c_02 {
    width: 1.01rem;
    height: 1.01rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b270ab;
}

.s03_bd_c_02 p {
    font-size: .16rem;
    color: white;
    text-align: center;
}

.s03_bd_container ul li p {
    transition: all .5s;
}

.s03_bd_container ul li:hover p {
    transform: scale(1.3);
}


/* section_04 */

.section_04 {
    width: 100%;
    background: url(../images/s04_bg.png) no-repeat center;
    background-size: 100%;
    overflow: hidden;
}

.s04_box {
    display: flex;
    justify-content: space-between;
    margin-top: .45rem;
    margin-bottom: .4rem;
}

.s04_box>div {
    width: 49%;
}

.s04_1_img {
    width: 4.5rem;
    height: 3.9rem;
    overflow: hidden;
}

.s04_1_img img {
    width: 100%;
    height: 100%;
}

.s04_1_hd ul li a {
    position: relative;
    display: block;
}

.s04_1_info {
    position: absolute;
    width: 3.5rem;
    height: 3rem;
    background: url(../images/s04_1_info.png) no-repeat center;
    background-size: 100%;
    right: 0rem;
    bottom: 0;
    padding: .24rem;
}

.s04_1_info p {
    font-size: .18rem;
    color: white;
    position: relative;
    padding-left: .3rem;
}

.s04_1_info p::after {
    content: "";
    position: absolute;
    width: .21rem;
    height: .19rem;
    background: url(../images/time2.png) no-repeat center;
    background-size: 100%;
    left: 0;
    bottom: .04rem;
}

.s04_1_info span {
    display: block;
    color: white;
    font-size: .22rem;
    line-height: .36rem;
    margin-top: .15rem;
    height: 1rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.s04_1_sj,
.s04_1_dd {
    font-size: .16rem;
    color: white;
    margin-top: .05rem;
}

.s04_1_sj {
    margin-top: .1rem;
}

.s04_1_info i {
    font-style: normal;
    width: .6rem;
    height: .05rem;
    background-color: white;
    display: block;
    margin-top: .15rem;
    position: absolute;
    right: .4rem;
}

.s04_1_lb {
    position: relative;
    margin-top: .27rem;
}

.s04_1_bd {
    position: absolute;
    top: 0.5rem;
    right: 0rem;
}

.s04_1_bd ul {
    width: 1.4rem;
    display: flex;
    justify-content: space-between;
}

.s04_1_bd ul li {
    border: .01rem dashed #9ea8d3;
    width: .25rem;
    height: .25rem;
    display: block;
    font-size: .15rem;
    border-radius: 100%;
    text-align: center;
    line-height: .25rem;
    color: #9ea8d3;
}

.s04_1_bd ul li {
    padding: 0 .05rem;
}

.s04_1_bd ul li.on {
    background-color: #9ea8d3;
    color: white;
    font-size: .15rem;
}

.s04_2_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #eaf4fc;
    padding: .38rem;
    margin-top: .3rem;
}

.s04_2_img_box {
    width: 3.3rem;
}

.s04_2_img {
    width: 3.3rem;
    height: 2.1rem;
    overflow: hidden;
}

.s04_2_img img {
    width: 100%;
    height: 100%;
}

.s04_2_img_info {
    background-color: white;
    padding: .1rem .17rem;
}

.s04_2_img_info span {
    display: block;
    font-size: .16rem;
    color: #9ea8d3;
    position: relative;
    padding-left: .25rem;
}

.s04_2_img_info span::before {
    content: "";
    position: absolute;
    left: 0;
    width: .18rem;
    height: .18rem;
    background: url(../images/time.png) no-repeat center;
    background-size: 100%;
}

.s04_2_img_info p {
    font-size: .18rem;
    margin-top: .13rem;
}

.s04_2_box {
    width: 45%;
}

.s04_2_box ul li span {
    color: #9ea8d3;
    display: block;
    font-size: .16rem;
    position: relative;
    padding-left: .25rem;
}

.s04_2_box ul li span::before {
    content: "";
    position: absolute;
    left: 0;
    width: .18rem;
    height: .18rem;
    background: url(../images/time.png) no-repeat center;
    background-size: 100%;
}

.s04_2_box ul li p {
    height: .42rem;
    color: #737373;
    margin-top: .1rem;
    font-size: .18rem;
    overflow: hidden;
    text-overflow:ellipsis;
    line-height: .42rem;
    white-space:nowrap;
}

.s04_2_box ul li:first-child {
    margin-top: 0;
}

.s04_2_box ul li {
    margin-top: .34rem;
    position: relative;
    transition: all .3s;
}

.s04_2_box ul li::after {
    position: absolute;
    content: "";
    width: 100%;
    height: .01rem;
    background-color: #601986;
    left: 0rem;
    bottom: -.16rem;
}

.s04_2_img_box:hover img {
    transform: scale(1.1);
}

.s04_2_img_box img {
    transition: all .5s;
}

.s04_2_box ul li:hover {
    transform: translateY(-4px);
}

.s04_1_hd ul li img {
    transition: all .5s;
}

.s04_1_hd ul li:hover img {
    transform: scale(1.1);
}


/* footer */

.footer {
    width: 100%;
    background: url(../images/f_bg.png) no-repeat center;
    background-size: cover;
    /* overflow: hidden; */
}

.f_link {
    padding-top: .3rem;
    display: flex;
    justify-content: center;
    position: relative;
}

.f_lk1,
.f_lk2 {
    width: 2.2rem;
    height: .4rem;
    background-color: white;
    /* position: relative; */
    margin: 0 .3rem;
}

.f_lk1 p,
.f_lk2 p {
    line-height: .4rem;
    text-align: center;
    font-size: .15rem;
    cursor: pointer;
    position: relative;
    z-index: 11111;
}

.f_lk1::before {
    content: "";
    position: absolute;
    width: .45rem;
    height: .4rem;
    background: url(../images/f_lk1.png) no-repeat center;
    left: 29%;
    bottom: 0rem;
}

.f_lk1_list,
.f_lk1_list2 {
    position: absolute;
    width: 100%;
    height: .5rem;
    /* border: .01rem solid #5f52a0; */
    top: -.5rem;
    left: 0;
    background-color: #45a4f2;
    transform: translateY(50px);
    z-index: 1;
    transition: all .5s;
    opacity: 0;
}

.f_lk1_list ul,
.f_lk1_list2 ul {
    display: flex;
    justify-content: left;
    height: .5rem;
    width: 100%;
    align-items: center;
    padding: 0 .2rem;
}

.f_lk1_list ul li a,
.f_lk1_list2 ul li a {
    display: block;
    font-size: .16rem;
    color: white;
}

.f_lk1 .on,
.f_lk2 .on {
    opacity: 1;
    transform: translateY(0rem);
}

.f_lk1_list ul li,
.f_lk1_list2 ul li {
    margin: 0 .2rem;
}

.f_sc {
    width: 100%;
}

.f_link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: .01rem;
    background-color: white;
    bottom: -.2rem;
}

.f_sc {
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: .3rem;
}

.f_logo {
    width: 5.71rem;
    height: 1rem;
    overflow: hidden;
}

.f_info {
    display: flex;
    justify-content: space-between;
    width: 44%;
    align-items: center;
}
.sc_evm img{
    width: 100%;
    height: 100%;
}
.sc_evm{
    width: 1rem;
    height: 1rem;
}
.sc_info p {
    font-size: .2rem;
    color: white;
    margin-top: .2rem;
}

.static_bg {
    width: 100%;
    height: 5rem;
    overflow: hidden;
}

.static_bg img {
    display: block;
    width: 100%;
    /* max-width: 19.2rem; */
    margin: 0 auto;
}

.teacher-center {
    background: url("../images/news_bg.png") center top no-repeat;
    position: relative;
}

.teacher-center-box-left {
    background-color: #5f52a0;
    text-align: center;
    /* line-height: 1.06rem; */
    float: left;
    margin-top: -0.78rem;
    width: 20%;
    height: 100%;
}

.teacher-center-box-left h2 {
    /* width: 2.96rem; */
    /* height: 1.06rem; */
    color: white;
    font-size: 0.3rem;
    font-weight: bold;
    /* white-space: nowrap; */
    margin-top: 0.5rem;
    margin-bottom: .5rem;
    /* margin: auto 0; */
    text-align: center;
}

.teacher-nav {
    background-color: #f1f1f1;
    padding-top: .15rem;
    padding-bottom: .10rem;
    display: block;
}

.teacher-nav>li {
    /* height: .65rem; */
    text-align: center;
    line-height: .7rem;
}
.teacher-nav>.on{
    background-color:#5f50a90f;
}
.teacher-nav>.on .sjlm{
    display:block;
}
.sjlm{
    display:none;
}
.teacher-nav>.on>a{
    border-left: .03rem solid #5f52a0;
    background-color: #5f50a90f;
}
.teacher-nav li a {
    font-size: .22rem;
    display: block;
}

.teacher-nav>li:hover {
    background-color: #45a4f270;
}

.teacher-nav>li.on>ul>li:hover {
    background-color: rgb(167 167 167);
}

.teacher-nav>li:hover>a {
    color: white;
}

.teacher-nav>li.on>ul>li:hover a {
    color: white;
}

.teacher-center-box-right {
    float: right;
    width: 80%;
    position: relative;
}

.location {
    margin-top: -6.3%;
    position: relative;
    z-index: 1111;
    font-size: .16rem;
    text-align: right;
    height: .79rem;
    line-height: .79rem;
    padding-right: .5rem;
}

.location span {
    margin-left: .1rem;
    z-index: 1111;
    font-weight: bold;
}

.location a {
    z-index: 111;
}

.opcity-bg {
    background-color: rgb(238, 238, 238);
    opacity: 0.4;
    width: 100%;
    float: left;
    height: .79rem;
    position: absolute;
    top: -.78rem;
}

.teacher-list {
    width: 100%;
    margin-top: .1rem;
}

.teacher-list>.human-infor>ul {
    padding-bottom: .3rem;
}

.teacher-list>.human-infor>ul>li {
    padding-top: .5rem;
    margin-left: .36rem;
    margin-bottom: .27rem;
}

.teacher-list>.human-infor>ul>li>div {
    width: 4.6rem;
}

.teacher-list>.human-infor>ul>li>.human-infor-container>.infor-box>.message {
    width: 2.65rem;
}

.search-list>ul>li {
    /* padding-top: .18rem; */
    /* padding-bottom: .18rem; */
    border: 1px solid rgb(223, 223, 223);
    margin-top: .2rem;
}

.search-list>ul>li>a {
    display: block;
    overflow: hidden;
    position: relative;
    transition: all .3s;
    width: 100%;
    height: 1rem;
    overflow: hidden;
}

.search-list>ul>li>a:hover {
    box-shadow: rgba(0, 0, 0, 0.5) 3px 7px 31px -5px;
    transform: scale(1) translateY(-3px);
    background-color: white;
}

.search-list li .search-date p {
    font-size: .27rem;
    line-height: 0.6rem;
    /* border-radius: 5px 5px 0px 0px; */
    position: relative;
    background-color: #45a4f2;
    color: white;
}

.search-date span {
    font-size: .18rem;
    position: relative;
    line-height: .42rem;
    /* border-radius: 5px 5px 0px 0px; */
    /* display: block; */
    display: block;
}

.search-date {
    background-color: rgb(236, 236, 236);
    width: 1rem;
    height: 1rem;
    text-align: center;
    /* margin-left: .3rem; */
    color: black;
    /* border-radius: 0px 0px 5px 5px; */
    overflow: hidden;
    /* transition: all 0.3s ease 0s; */
}

.background-images img {
    width: 100%;
    height: 8.41rem;
}

.search-list-tit {
    display: block;
    margin-left: .68rem;
    height: .41rem;
    font-size: .14rem;
    line-height: 25px;
    color: black;
    margin-top: .02rem;
    transition: all 0.3s ease 0s;
}

.search-last-text {
    overflow: hidden;
    padding-top: .1rem;
}

.search-last-text h1 {
    font-size: .22rem;
    font-weight: normal;
    padding-left: .24rem;
    color: rgb(9, 9, 9);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 800px;
}

.search-last-text p {
    font-size: .17rem;
    color: rgb(118, 118, 118);
    margin-top: .1rem;
    text-indent: 2em;
    padding: 0 .3rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.search-list {
    margin-left: .18rem;
    margin-top: .2rem;
    margin-bottom: .12rem;
    min-height: 450px;
}

.search-list ul li {
    transition: all 0.3s ease 0s;
}

.search-list ul li:hover {
    box-shadow: rgba(0, 0, 0, 0.5) 3px 7px 31px -5px;
    transform: scale(1) translateY(-3px);
    background-color: white;
}

.search-list ul li:hover .search-last-text h1 {
    font-weight: bold;
}

.value-tit h4 {
    font-size: .35rem;
    line-height: 1;
    margin-top: .2rem;
    color: rgb(9, 9, 9);
    text-align: center;
}

.value-tit-p {
    font-size: .14rem;
    line-height: 40px;
    background-color: rgb(244, 244, 244);
    color: rgb(118, 118, 118);
    text-align: center;
    text-indent: 2em;
    margin-top: .15rem;
}

.search-right {
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    padding: .0rem .3rem .5rem;
    min-height: 500px;
    margin-top: .22rem;
    margin-left: .41rem;
}
.search-right a{
    
text-decoration: blink !important;
}
.value-tit-p span {
    display: inline-block;
    margin: 0px 0.08rem;
}

.value-text p {
    font-size: .2rem;
    color: black;
    margin-top: .3rem;
}

.value-text-link {
    margin-top: .42rem;
}

.value-text-link a {
    margin: .3rem 0px;
    color: rgb(103, 103, 103);
    font-size: .16rem;
}

.value-text-link div {
    margin: .15rem 0px;
}

.value-text-link a:hover {
    color: #45a4f2;
}
.f_logo img{
    width:100%;
    height: 100%;
}
.szdw_box{
    width: 100%;
    /* padding: 0 .7rem; */
    padding-left: .4rem;
    margin-top: 0.2rem;
    margin-bottom: .5rem;
}
.szdw_box ul{
    
/* display: flex; */
}
.szdw_box ul li{
    width: 21%;
    height: 3.9rem;
    float: left;
    margin: 0 2%;
    background-color: #e8e8f596;
    margin-top: .3rem;
    position: relative;
    transition:all .3s;
}
.szdw_box ul li:hover{
    transform:translateY(-4px);
}
.szdw_box ul li:before{
    content:"";
    position:absolute;
    width: 100%;
    height: 60%;
    background-color: #b7aee8;
    z-index: 0;
}
.szdw_box ul li a{
    width: 90%;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.team_pic{
    width: 2.13rem;
    height: 3.1rem;
    overflow: hidden;
    margin: 0 auto;
    margin-top: .2rem;
}
.team_pic img{
    
width: 100%;
    
height: 100%;
}
.szdw_box ul li a p{
    font-size: .2rem;
    text-align: center;
    margin-top: .14rem;
}