@media screen and (max-width: 800px) {
    .nav {
        width: 100%;
        position: absolute;
        background: url(../images/top_bg.png) no-repeat center;
        z-index: 1111111;
        background-size: 150%;
        height: auto;
        transition: all 0s;
    }
    .logo {
        width: 250px;
        height: auto;
    }
    .logo a {
        display: block;
    }
    .top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .top_search{
        display: none;
    }
    .w-1600 {
        width: 100%;
        padding: 0 2%;
    }
    .ipt {
        outline: none;
        width: 195px;
        vertical-align: top;
        height: 35px;
        padding-left: 10px;
    }
    .sub {
        width: 35px;
        height: 35px;
        background: url(../images/search.png) no-repeat center;
        background-size: 100%;
    }
    .search {
        display: none;
        justify-content: space-between;
        width: 68px;
    }
    .nav-dh {
        display: none;
        height: auto;
        line-height: unset;
        transition: unset;
        width: 100%;
        margin-top: 10px;
        padding-bottom: 10px;
        /* padding-left: .3rem; */
    }
    .nav_box {
        display: block;
        /* margin-top: 33px; */
        position: relative;
    }
    .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: left;
        display: inline-block;
        vertical-align: middle;
        transform: perspective(5000px);
        /* padding-right: 0.18125rem; */
        /* padding-left: 0.16125rem; */
        height: auto;
        line-height: 34px;
        height: auto !important;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    .nav.on{
        background: #00479d;
    }
    .top_link a {
        font-size: 12px;
        color: white;
        display: block;
        height: 100%;
        line-height: 18px;
        padding-left: 20px;
        position: relative;
    }
    a:hover {
        /* color: rgb(6, 89, 176); */
        text-decoration: none;
    }
    .phone_box{
        display: block;
        width: 23px;
        height: 23px;
        right: 5px;
        background: url(../images/phone_btn.png)no-repeat;
        top: 3px;
        background-size: 100%;
        position: relative;
    }
    .phone_box::after{
        content: '菜单';
        position: absolute;
        top: -20px;
        left: -2px;
        font-size: 14px;
        color: #fff;
        width: 2em;
    }
    .nav-dh ul li>a {
        font-size: 16px;
        text-align: left;
        display: inline-block;
        position: relative;
        color: rgb(255, 255, 255);
        width: unset;
        text-shadow: rgba(0, 0, 0, 0.3) 1px 3px 3px;
        z-index: 11111111;
        font-family: "shbd";
    }
    .nav-dh ul li.on .subNav {
        display: block;
    }
    .subNav li {
        float: left;
        width: 100% !important;
        height: 38px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .subNav li a {
        line-height: 25px;
    }
    .nav-dh ul li.on .subNav {
        display: block;
    }
    .subNav {
        position: absolute;
        z-index: 111;
        visibility: hidden;
        transition: all 0.3s ease 0s;
        top: 65px;
        /* width: 121%; */
        left: 0px;
        box-sizing: border-box;
        min-width: 100%;
        /* transform: translateY(15%); */
        background-color: white;
        opacity: 0;
    }
    .nav-dh .subNav li a {
        font-size: 12px;
        color: #efefef;
        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: 17px;
        transition: all .3s;
    }
    .top_nav p:hover {
        font-weight: bold;
    }
    .nav-item:hover .subNav {
        visibility: visible;
        opacity: 1;
        position: unset;
    }
    .subNav li:last-child{
        
border: none;
    }
    .nav-item:hover {
        background-color: #568bd0;
    }
    .nav-item .subNav li:hover a {
        font-weight: bold;
        z-index: 1111111111;
        color: white;
    }
    .logo img {
        width: 100%;
        display: block;
    }
    .nav-dh>ul {
        display: block;
    }
    /* banner -----------开始*/
    .banner-container {
        width: 100%;
        /* max-width: 1920px; */
        overflow: hidden;
        margin: 0px 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: 330px;
        background: url("../images/prev.png") 0% 0% / 100% no-repeat;
        background-size: 100%;
    }
    .banner-container .next {
        left: 320px;
        background: url("../images/next.png") 0% 0% / 100% no-repeat;
        background-size: 100%;
    }
    .banner-container .prev,
    .banner-container .next {
        width: 44px;
        height: 84px;
        line-height: 56px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        cursor: pointer;
        z-index: 11111;
        display: none;
    }
    .banner-hd,
    .news-list-hd {
        position: absolute;
        text-align: right;
        bottom: 0px;
        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: 3px;
        font-size: 27px;
        background-color: white;
        height: 5px;
        width: 5px;
        display: inline-block;
        color: #2c6fc9;
    }
    .banner-container .banner-hd li.on {
        border-radius: 10px;
        transition: all .3s;
        background-color: #ffffff00;
        border: 1px solid white;
    }
    .top_link {
        height: 100%;
    }
    .top_link a::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 19px;
        background: url(../images/home.png) no-repeat center;
        background-size: 100%;
        left: 0px;
        bottom: 0px;
    }
    /* section_01 */
    .section_01 {
        width: 100%;
        
    }
    .s01_box {
        display: block;
        justify-content: space-between;
        margin-bottom: 5px;
    }
    .s01_1 {
        width: 100%;
    }
    .s01_2 {
        width: 100%;
    }
    .section_tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .section_tit a {
        display: block;
        color: #920783;
        font-size: 12px;
        position: relative;
    }
    .s_tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .s_tit p {
        font-size: 18px;
        font-weight: 600;
        color: #920783;
    }
    .s_tit span {
        display: block;
        font-size: 14px;
        color: #920783;
        padding-top: 10px;
        padding-left: 5px;
    }
    .s_tit_line {
        width: 80px;
        height: 1px;
        background-color: #920783;
        margin-left: 10px;
        position: relative;
    }
    .s_tit_line::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 100%;
        background-color: #920783;
        right: 0px;
        bottom: -2px;
    }
    .section_01 {
        margin-top: 5px;
    }
    .s01_1_list {
        width: 100%;
        margin-top: 8px;
        position: relative;
    }
    .s01_1_1 {
        width: 100%;
        position: relative;
    }
    .s01_1_1_lb a {
        display: block;
        position: relative;
    }
    .s01_1_1_img {
        width: 450px;
        height: 192px;
        overflow: hidden;
    }
    .s01_1_1_img img {
        width: 100%;
        height: 100%;
    }
    .s01_1_1_info {
        width: 238px;
        height: 126px;
        overflow: hidden;
        position: absolute;
        right: 0;
        bottom: 0;
        top: unset;
        padding: 16px;
        padding-bottom: 5px;
        padding-right: 0;
        background-color: #ffffffbf;
        border-radius: 26px 0 0 0;
    }
    .s01_1_1_info p {
        font-size: 14px;
        color: #5f52a0;
    }
    .s01_1_1_info span {
        display: block;
        font-size: 12px;
        margin-top: 2px;
        line-height: 16px;
        text-indent: 2em;
        color: #4c4c4c;
        height: unset;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .s01_1_1_info div {
        font-size: 12px;
        color: #5f52a0;
        margin-top: 0px;
        text-align: right;
        position: relative;
    }
    .s01_1_1_info div::after {
        content: "";
        position: absolute;
        width: 13px;
        height: 16px;
        background: url(../images/time.png) no-repeat center;
        background-size: 100%;
        right: 70px;
    }
    .s01_prev,
    .s01_next {
        width: 27px;
        height: 36px;
        position: absolute;
        bottom: unset;
        z-index: 111;
        top: 11px;
        cursor: pointer;
    }
    .s01_prev {
        background: url(../images/s01_prev.png) no-repeat center;
        background-size: 100%;
        right: 0;
    }
    .s01_next {
        background: url(../images/s01_next.png) no-repeat center;
        background-size: 100%;
        right: 50px;
    }
    .s01_1_2 {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .s01_1_2 ul {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
    }
    .s01_1_2 ul li {
        width: 100%;
        margin-top: 15px;
        transition: all .3s;
    }
    .s01_1_2 ul li:nth-child(even) {
        margin-left: 0;
    }
    .s01_1_2 ul li a {
        display: block;
        overflow: hidden;
        background-color: #f8f8f8;
        border-bottom: 1px solid #5f52a0;
    }
    .s01_1_2 ul li a p {
        font-size: 14px;
        margin-top: 8px;
        padding: 0 30px;
        position: relative;
        padding-left: 30px;
    }
    .s01_1_2 ul li a p::after {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        background: url(../images/time.png) no-repeat center;
        background-size: 100%;
        left: 7px;
    }
    .s01_1_2 ul li a span {
        display: block;
        font-size: 13px;
        padding: 0 15px;
        margin-bottom: 8px;
        margin-top: 10px;
    }
    .s01_1_1_lb ul li img {
        transition: all .5s;
        width: 270px;
        height: 192px;
    }
    .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: 18px;
    }
    .s01_2_list a {
        display: block;
        justify-content: space-between;
        align-items: center;
    }
    .s01_2_img {
        height: 260px;
        width: 100%;
        overflow: hidden;
        border: 1px solid #5f52a0;
    }
    .s01_2_img img {
        width: 100%;
        height: 100%;
    }
    .s01_02_info {
        width: 100%;
    }
    .s01_02_info p {
        font-size: 16px;
        color: #5f52a0;
        width: 100%;
        word-break: break-all;
        line-height: 20px;
        margin-top: 10px;
    }
    .s01_02_info span {
        display: block;
        text-indent: 2em;
        margin-top: 0px;
        font-size: 12px;
        color: #4c4c4c;
        line-height: 17px;
        word-break: break-all;
    }
    .s01_02_info div {
        font-size: 12px;
        color: #5f52a0;
        position: relative;
        text-align: right;
        margin-top: 10px;
    }
    .s01_02_info div::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 18px;
        background: url(../images/time.png) no-repeat center;
        background-size: 100%;
        right: 70px;
    }
    .s01_2_box1 a img {
        transition: all .5s;
        display: block;
    }
    .s01_2_box1 a:hover img {
        transform: scale(1.1);
    }
    .s01_2_box2 {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-top: 14px;
    }
    .s01_2_box2 ul li a {
        display: block;
        width: 100%;
        height: auto;
        background-color: #f0f6ff;
        /* padding: .1rem; */
        padding-bottom: 10px;
    }
    .s01_2_box2 ul li a p {
        font-size: 15px;
        line-height: 23px;
        padding: 0 12px;
        padding-top: 12px;
        height: auto;
        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: 14px;
        color: #5f52a0;
        /* margin-top: .35rem; */
        display: block;
        padding: 0 13px;
        padding-top: 0px;
    }
    .s01_2_box2 ul li {
        width: 100%;
        display: block;
        position: relative;
    }
    .s01_2_box2 ul li:hover a {
        border: 1px solid #5f52a0;
        width: 99%;
        height: 207px;
    }
    .s01_2_box2 ul li p {
        transition: all .3s;
    }
    .s01_2_box2 ul li:hover p {
        color: #5f52a0;
    }
    .s01_2_box2 .swiper {
        padding-bottom: 30px;
    }
    .s01_2_box2 .swiper-container-horizontal>.swiper-scrollbar {
        opacity: 1 !important;
        height: 10px;
        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: block;
        justify-content: space-between;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .s02_box>div {
        width: 100%;
        margin-bottom: 10px;
    }
    .s02_01_list {
        width: 100%;
        padding-bottom: 10px;
    }
    .s02_01_list ul li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .s02_01_time {
        width: 95px;
        height: 38px;
    }
    .s02_01_info {
        width: 84%;
        font-size: 14px;
        padding-left: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .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: 13px;
        color: white;
        text-align: center;
    }
    .s02_01_time span {
        display: block;
        width: 50%;
        font-size: 26px;
        color: white;
        text-align: center;
    }
    .s02_01_year {
        margin-top: 3px;
    }
    .s02_01_m {
        font-size: 13px;
    }
    .s02_01_list ul li {
        margin-top: 15px;
        position: relative;
        transition: all .3s;
    }
    .s02_01_list ul li::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #eeeeee;
        left: 0;
        bottom: -9px;
    }
    .s02_01_list ul li:hover {
        transform: translateY(-4px);
    }
    .s02_02_list {
        width: 100%;
        margin-top: 16px;
    }
    .s02_02_list ul li a {
        display: flex;
        justify-content: space-between;
    }
    .s02_02_list ul li a p {
        font-size: 14px;
        width: 77%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 13px;
        position: relative;
    }
    .s02_02_list ul li a p::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 100%;
        border: 1px solid #8a9ac9;
        left: 0;
        bottom: 5px;
        background-color: white;
        transition: all .3s;
    }
    .s02_02_list ul li a span {
        width: 20%;
        font-size: 12px;
    }
    .s02_02_list ul li {
        margin-top: 15px;
        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/phone_bg.png) no-repeat center;
        background-size: 100% 100%;
        overflow: hidden;
        height: 290px;
        padding-top: 10px;
    }
    .s03_hd_box {
        width: 520px;
    }
    .s03_hd {
        position: relative;
        width: 100%;
        height: 280px;
        display: flex;
        justify-content: space-between;
    }
    .s03_hd_zs {
        width: 0;
        height: 320px;
        position: absolute;
        left: -104%;
        bottom: 36px;
        border: 1px dashed #5f52a0;
        border-radius: 0 200px 200px 0;
        z-index: 0;
    }
    .s03_hd_box {
        display: block;
        justify-content: space-between;
        padding-top: 0;
        align-items: center;
        height: 100%;
        position: relative;
        z-index: 1;
    }
    .s03_dh {
        width: 128px;
        height: 128px;
        border: 1px dashed #448aca;
        border-radius: 100%;
        display: block;
        justify-content: center;
        align-items: center;
        /* position: absolute; */
        transform: none;
        z-index: 2;
        transition: all 1s;
    }
    .s03_dh1{
        border: 1px dashed #c490bf;
    }
    .s03_hd_box .on {
        width: 128px;
        height: 128px;
        border: 1px dashed #ae5da1;
        transform: unset !important;
        transition: all 1s;
    }
    .s03_wb_box {
        width: 110px;
        height: 110px;
        background-color: #448aca;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .s03_dh1 .s03_wb_box{
         background-color: #c08abb;
    }
    .s03_hd_box .on .s03_wb_box {
        width: 110px;
        height: 110px;
        background-color: #ae5da1;
        /* position: relative; */
        z-index: 111111;
    }
    .s03_nb_box {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        background-color: #00479d;
        text-align: center;
    }
    .s03_dh1 .s03_nb_box{
         background-color: #ae5da1;
    }
    .s03_hd_box .on .s03_wb_box .s03_nb_box {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        background-color: #8957a1;
        /* position: relative; */
        z-index: 111111;
    }
    .s03_nb_box p {
        color: white;
        font-size: 14px;
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    .s03_nb_box span {
        font-size: 12px;
        color: white;
        display: block;
        margin-top: 0px;
    }
    .s03_hd_box .on .s03_wb_box .s03_nb_box p {
        font-size: 14px;
        margin-top: 15px;
    }
    .s03_hd_box .on .s03_wb_box .s03_nb_box span {
        font-size: 12px;
        margin-top: 0;
    }
    .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(0%);
    }

.s03_dh {
    margin-bottom: 15px;
}
    .s03_hd_zs2 {
        height: 210px;
        width: 1338px;
        left: -230px;
        position: absolute;
        background-color: unset;
        top: 100px;
        border-radius: 140px;
        z-index: -1;
        /* width: 0; */
    }
    .s03_hd_box .on .s03_hd_zs2 {
        width: 1258px;
        transition: all 1s;
    }
    .s03_bd_box {
        width: 68%;
        height: 100%;
        position: unset;
        z-index: 0;
        right: 0px;
    }
    .s03_bd_container {
        width: 100%;
        height: 50%;
        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: 30px; */
        width: 140px;
        /* margin: 22px; */
    }
    .s03_bd_container ul li a {
        width: 100px;
        height: 100px;
        border: 1px 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: 80px;
        height: 80px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #c490bf;
    }
    .s03_bd_c_02 {
        width: 60px;
        height: 60px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #b270ab;
    }
     .s03_bd_container2 ul li a{
        border: 1px dashed #448aca;
    }
     .s03_bd_container2 .s03_bd_c_01{
        background-color: #448aca;
     }
     .s03_bd_container2 .s03_bd_c_02 {
         background-color: #00479d;
     }
    .s03_bd_c_02 p {
        font-size: 12px;
        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: block;
        justify-content: space-between;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .s04_box>div {
        width: 100%;
        padding-top: 10px;
    }
    .s04_1_img {
        width: 80%;
        height: 290px;
        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: 250px;
        height: 144px;
        background: url(../images/s04_1_info.png) no-repeat center;
        background-size: 100%;
        right: 0px;
        bottom: 0;
        padding: 10px;
    }
    .s04_1_info p {
        font-size: 12px;
        color: white;
        position: relative;
        padding-left: 21px;
    }
    .s04_1_info p::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        background: url(../images/time2.png) no-repeat center;
        background-size: 100%;
        left: 0;
        bottom: 2px;
    }
    .s04_1_info span {
        display: block;
        color: white;
        font-size: 16px;
        line-height: 22px;
        margin-top: 6px;
        height: 45px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .s04_1_sj,
    .s04_1_dd {
        font-size: 12px;
        color: white;
        margin-top: 5px;
    }
    .s04_1_sj {
        margin-top: 10px;
    }
    .s04_1_info i {
        font-style: normal;
        width: 51px;
        height: 2px;
        background-color: white;
        display: block;
        margin-top: 10px;
        position: absolute;
        right: 20px;
    }
    .s04_1_lb {
        position: relative;
        margin-top: 20px;
    }
    .s04_1_bd {
        position: absolute;
        top: 115px;
        right: 0px;
    }
    .s04_1_bd ul {
        width: 70px;
        display: flex;
        justify-content: space-between;
    }
    .s04_1_bd ul li {
        border: 1px dashed #9ea8d3;
        width: 20px;
        height: 20px;
        display: block;
        font-size: 12px;
        border-radius: 100%;
        text-align: center;
        line-height: 18px;
        color: #9ea8d3;
    }
    .s04_1_bd ul li {
        padding: 0 5px;
    }
    .s04_1_bd ul li.on {
        background-color: #9ea8d3;
        color: white;
        font-size: 15px;
    }
    .s04_2_list {
        width: 100%;
        display: block;
        justify-content: space-between;
        background-color: #eaf4fc;
        padding: 0px;
        margin-top: 15px;
    }
    .s04_2_img_box {
        width: 100%;
    }
    .s04_2_img {
        width: 100%;
        height: 240px;
        overflow: hidden;
    }
    .s04_2_img img {
        width: 100%;
        height: 100%;
    }
    .s04_2_img_info {
        background-color: white;
        padding: 10px 6px;
    }
    .s04_2_img_info span {
        display: block;
        font-size: 12px;
        color: #9ea8d3;
        position: relative;
        padding-left: 19px;
    }
    .s04_2_img_info span::before {
        content: "";
        position: absolute;
        left: 0;
        width: 14px;
        height: 14px;
        background: url(../images/time.png) no-repeat center;
        background-size: 100%;
    }
    .s04_2_img_info p {
        font-size: 14px;
        margin-top: 5px;
    }
    .s04_2_box {
        width: 100%;
    }
    .s04_2_box ul li span {
        color: #9ea8d3;
        display: block;
        font-size: 12px;
        position: relative;
        padding-left: 19px;
    }
    .s04_2_box ul li span::before {
        content: "";
        position: absolute;
        left: 0;
        width: 14px;
        height: 14px;
        background: url(../images/time.png) no-repeat center;
        background-size: 100%;
    }
    .s04_2_box ul li p {
        height: 30px;
        color: #737373;
        margin-top: 0px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 30px;
        white-space: nowrap;
    }
    .s04_2_box ul li:first-child {
        margin-top: 0;
        padding-top: 15px;
    }
    .s04_2_box ul li {
        margin-top: 5px;
        position: relative;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 15px;
        transition: all .3s;
    }
    .s04_2_box ul li::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #601986;
        left: 0px;
        bottom: 8px;
    }
    .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: 20px;
        display: block;
        justify-content: center;
        position: relative;
    }
    .f_lk1,
    .f_lk2 {
        width: 86%;
        height: 30px;
        background-color: white;
        /* position: relative; */
        margin: 0 30px;
        margin-bottom: 10px;
    }
    .f_lk1 p,
    .f_lk2 p {
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
        position: relative;
        z-index: 11111;
    }
    .f_lk1::before {
        content: "";
        position: absolute;
        width: 45px;
        height: 40px;
        background: url(../images/f_lk1.png) no-repeat center;
        left: 29%;
        bottom: 0px;
        display: none;
    }
    .f_lk1_list,
    .f_lk1_list2 {
        position: absolute;
        width: 100%;
        height: unset;
        /* border: .01rem solid #5f52a0; */
        top: 100%;
        padding: 10px 0;
        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: block;
        justify-content: left;
        height: unset;
        width: 100%;
        align-items: center;
        padding: 0 00px;
    }
    .f_lk1_list ul li a,
    .f_lk1_list2 ul li a {
        display: block;
        font-size: 16px;
        line-height: 27px;
        border-bottom: 1px solid;
        color: white;
    }
    .f_lk1 .on,
    .f_lk2 .on {
        opacity: 1;
        transform: translateY(0px);
    }
    .f_lk1_list ul li,
    .f_lk1_list2 ul li {
        margin: 0 20px;
    }
    .f_sc {
        width: 100%;
    }
    .f_link::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: white;
        bottom: -20px;
    }
    .f_sc {
        margin-top: 35px;
        display: block;
        justify-content: space-between;
        padding-bottom: 30px;
    }
    .f_logo {
        width: 80%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
    .f_info {
        display: block;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .sc_evm img {
        width: 100%;
        height: 100%;
    }
    .sc_evm {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .sc_info p {
        font-size: 11px;
        color: white;
        margin-top: 3px;
        text-align: center;
    }
    .static_bg {
        width: 100%;
        height: auto;
        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;
        float: none;
        margin-top: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
    .teacher-center-box-left h2 {
        /* width: 2.96rem; */
        /* height: 1.06rem; */
        color: white;
        font-size: 20px;
        font-weight: bold;
        /* white-space: nowrap; */
        margin-top: 8px;
        margin-bottom: 5px;
        /* margin: auto 0; */
        text-align: center;
    }
    .teacher-nav {
        background-color: #f1f1f1;
        padding-top: 0px;
        padding-bottom: 0px;
        display: block;
    }
    .teacher-nav>li {
        /* height: .65rem; */
        text-align: center;
        line-height: 43px;
        border-bottom: 1px solid #ccc;
    }
    .teacher-nav>.on {
        background-color: #5f50a90f;
    }
    .teacher-nav>.on .sjlm {
        display: block;
    }
    .sjlm {
        display: none;
    }
    .teacher-nav>.on>a {
        border-left: 3px solid #5f52a0;
        background-color: #5f50a90f;
    }
    .teacher-nav li a {
        font-size: 14px;
        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: none;
        width: 100%;
        position: relative;
    }
    .location {
        margin-top: 0;
        position: relative;
        z-index: 1111;
        font-size: 14px;
        text-align: left;
        height: unset;
        line-height: 35px;
        padding-right: 0;
    }
    .location span {
        margin-left: 10px;
        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: 79px;
        position: absolute;
        top: 78px;
        display: none;
    }
    .teacher-list {
        width: 100%;
        margin-top: 10px;
    }
    .teacher-list>.human-infor>ul {
        padding-bottom: 30px;
    }
    .teacher-list>.human-infor>ul>li {
        padding-top: 50px;
        margin-left: 36px;
        margin-bottom: 27px;
    }
    .teacher-list>.human-infor>ul>li>div {
        width: 460px;
    }
    .teacher-list>.human-infor>ul>li>.human-infor-container>.infor-box>.message {
        width: 265px;
    }
    .search-list>ul>li {
        /* padding-top: .18rem; */
        /* padding-bottom: .18rem; */
        border: 1px solid rgb(223, 223, 223);
        margin-top: 0;
        margin-bottom: 15px;
    }
    .search-list>ul>li>a {
        display: block;
        overflow: hidden;
        position: relative;
        transition: all .3s;
        width: 100%;
        height: unset;
        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: 16px;
        line-height: 32px;
        /* border-radius: 5px 5px 0px 0px; */
        position: relative;
        background-color: #45a4f2;
        color: white;
    }
    .search-date span {
        font-size: 12px;
        position: relative;
        line-height: 30px;
        /* border-radius: 5px 5px 0px 0px; */
        /* display: block; */
        display: block;
    }
    .search-date {
        background-color: rgb(236, 236, 236);
        width: 50px;
        height: auto;
        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: 841px
    }
    .search-list-tit {
        display: block;
        margin-left: 68px;
        height: 41px;
        font-size: 14px;
        line-height: 25px;
        color: black;
        margin-top: 2px;
        transition: all 0.3s ease 0s;
    }
    .search-last-text {
        overflow: hidden;
        padding-top: 0;
    }
    .search-last-text h1 {
        font-size: 16px;
        font-weight: normal;
        padding-left: 10px;
        color: rgb(9, 9, 9);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: unset;
        line-height: 26px;
    }
    .search-last-text p {
        font-size: 12px;
        color: rgb(118, 118, 118);
        margin-top: 2px;
        text-indent: 2em;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .search-list {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 12px;
        min-height: unset;
    }
    .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: 20px;
        line-height: 25px;
        margin-top: 8px;
        color: rgb(9, 9, 9);
        text-align: center;
    }
    .value-tit-p {
        font-size: 12px;
        line-height: 25px;
        background-color: rgb(244, 244, 244);
        color: rgb(118, 118, 118);
        text-align: center;
        text-indent: 0;
        margin-top: 10px;
    }
    .search-right {
        overflow: hidden;
        background-color: rgb(255, 255, 255);
        padding: 0;
        min-height: 300px;
        margin-top: 0;
        margin-left: 0;
    }
    .search-right img{
        max-width:100%;
        height:auto !important;
    }
    .value-tit-p span {
        display: inline-block;
        margin: 0px 8px;
    }
    .value-text p {
        font-size: 14px;
        color: black;
        text-align: justify;
        margin-top: 10px;
    }
    .value-text img{
        max-width:100%;
        height: auto !important;
    }
    .value-text p img{
        
text-indent: -2em;
        
display: block;
    }
    .value-text-link {
        margin-top: 42px;
    }
    .value-text-link a {
        margin: 30px 0px;
        color: rgb(103, 103, 103);
        font-size: 16px;
    }
    .value-text-link div {
        margin: 15px 0px;
    }
    .value-text-link a:hover {
        color: #45a4f2;
    }
    .f_logo img {
        width: 100%;
        height: 100%;
    }
    .szdw_box {
        width: 100%;
        /* padding: 0 .7rem; */
        padding-left: 0;
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .szdw_box ul {
        display: block;
        padding-bottom: 40px;
    }
    .szdw_box ul li {
        width: 48%;
        height: 263px;
        float: left;
        margin: 0;
        background-color: #e8e8f596;
        margin-top: 30px;
        position: relative;
        transition: all .3s;
        padding: 1% 0;
        margin-right: 2%;
    }
    .szdw_box ul li:hover {
        transform: translateY(-4px);
    }
    .szdw_box ul li:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 50%;
        background-color: #b7aee8;
        z-index: 0;
        top: 0;
    }
    .szdw_box ul li a {
        width: 95%;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    .team_pic {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 0;
    }
    .team_pic img {
        width: 100%;
        height: 230px;
    }
    .szdw_box ul li a p {
        font-size: 14px;
        text-align: center;
        margin-top: 0;
    }
}