@media screen and (max-width:1500px){
    .nav .nav-list ul{
        width: 94%;
    }
    .nav .nav-list ul li a{
        font-size: 0.24rem;
    }
    .swiper-container{
        height: 6rem;
    }
    .page2 .wrapper .left ul li a .bottom{
        margin-top: 0.2rem;
    }
}
@media screen and (max-width: 900px) {
    .gxHead {
        display: block;

    }

    .pc-line {
        display: none;
    }

    .nav-height {
        display: block;
    }

    .nav {
        display: none;
    }

    .wrap {
        width: 100%;
    }

    .page1 .wrap .tabs {
        width: 94%;
        margin-top: 0px;
        /* min-height: 90px; */
        /* height: 80px; */
        /* height: inherit; */
    }

    .banner {
        height: 45vw;
    }

    .swiper-container {
        margin-top: 70px;
        height: fit-content;
    }

    .page1 .wrap .tabs ul {
        flex-wrap: wrap;

    }

    .page1 .wrap .tabs ul li {
        margin-top: 10px;
        border: none;
        width: 24%;
    }

    .page1 .wrap .tabs ul li a img {
        width: 30px;
        height: 30px;
    }

    .page1 .wrap .tabs ul li a p {
        font-size: 14px;
        line-height: 30px;
        margin: 0;
    }

    .page1 .news-center .left .swiper-slide img {
        height: 100%;
    }

    .page2 .container .wrapper .right ul li {

        margin-right: 15px;
    }

    .page2 .container .wrapper .right ul li div h4 {
        white-space: nowrap;
    }

    .swiper-container .swiper-pagination {
        display: none;
    }

    .page2 .container .wrapper .right ul li div span {
        margin-left: 20px;
    }

    .drop-nav {
        margin-top: 0px;
        flex-wrap: wrap;
        left: 0;
        height: 50px;
        width: 100%;
    }

    .drop-nav ul .active {
        box-sizing: border-box;
    }

    .drop-nav ul {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .drop-nav ul li {
        line-height: 50px;
        flex-shrink: 0;
    }

    .staticbox {
        display: none;
    }

    .page1 .zf {
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 3%;
    }

    .page1 .zf .left {
        width: 100%;
    }

    .page1 .zf .right {
        width: 100%;
        height: 80px;
        margin-top: 3%;
    }

    .page1 .news-center {
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .page1 .news-center .left {
        width: 100%;
    }

    #swiper-news {
        width: 100%;
        height: 340px;
        margin-top: 15px;
    }

    .page1 .news-center .middle {
        margin: 20px 0px 0px 0px;
    }

    .page1 .news-center .right {
        width: 100%;
        height: fit-content;
    }

    .page2 .ks-nav ul {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        padding: 0% 3%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .page2 .ks-nav ul li {
        flex-shrink: 0;
    }

    .page2 .container .wrapper {
        width: 100%;
        padding-top: 20px;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 30px 3%;
    }

    .page2 .container .wrapper .left {
        width: 100%;
    }

    .page2 .container .wrapper .right {
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }

    .page3 .wrapper {
        width: 100%;
        padding: 30px 3%;
        box-sizing: border-box;


    }

    .page3 .wrapper ul li {
        width: 100%;
    }

    .page3 .wrapper ul li img {
        width: 100%;
        height: fit-content;
    }

    .top {
        height: fit-content;
    }

    .container_o {
        width: 100%;
        /* flex-wrap: wrap; */
        box-sizing: border-box;
        padding: 0px 3%;
    }

    .container_o h1 {
        flex-shrink: 0;
    }

    .container_o ul {
        flex-wrap: wrap;
    }

    .center .container {
        width: 100%;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0px 3%;
    }

    .center .container .left {
        width: 100%;
    }

    .center .container .right {
        width: 100%;
        flex-wrap: wrap;
    }

    .center .container .right {
        height: 100%;
        display: none;
    }

    .mobileNav ul {
        margin: 0;
        padding: 0;
    }

    .page1 .news-center .left .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .page1 .zf a {
        width: 100%;
        display: block;
    }

    .open .controllerbar {
        width: 100%;
        padding: 0px 10px;
    }

    .open .controllerbar ul {
        overflow-x: scroll;
    }

    .about-container {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
        flex-wrap: wrap;
    }

    .about-container .left {
        width: 100%;
        margin-left: 0%;
        margin: 0;
    }

    .about-container .right {
        width: 100%;
    }

    .about-container .left img {
        width: 100%;
        height: fit-content;
        margin-bottom: 20px;
    }

    .leader-list {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .leader-list .item {
        width: 100%;
    }

    .leader-list .item .info {
        padding: 20px 10px;
    }

    .leader-list .item .title h1 {
        white-space: nowrap;
    }

    .leader-list .item .info p {
        line-height: 22px;
        font-size: 14px;
    }

    .honor-list {
        width: 100%;
        flex-wrap: wrap;
    }

    .honor-list .item .show {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .honor-list .item {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .news-container {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .news-container .item a {
        display: flex;
        flex-wrap: wrap;
    }

    .news-container .item .right {
        margin: 0;
    }

    .news-container .item {
        padding: 10px;
    }

    .news-container .item .left {
        width: 100%;
        height: fit-content;
    }

    .news-container .active .times-icon {
        background-color: rgba(255, 102, 153, 0.85);
    }

    .ppage a {
        padding: 0 12px;
    }

    .open .contents {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .open .contents .container .item .top .right {
        flex-shrink: 0;
    }

    .open .contents .container .item {
        margin: 15px 0px;
    }

    .ks-container {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .ks-container .item {
        padding: 10px;
        width: 100%;
    }

    .ks-container .item h1 {
        font-size: 18px;
        color: #333333;
        flex-shrink: 0;
    }

    .ks-container .item header .right ul {
        padding-left: 20px;
    }

    .ks-container .ks-info {
        flex-wrap: wrap;
        height: auto;
    }

    .about-list {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .controllerbar .search .hanlder {
        width: 70%;
    }

    .about-list .list li {
        width: 30%;
        margin-right: 3%;
        margin-bottom: 10px;
        height: fit-content;
    }

    .about-list .list li:nth-child(7n) {
        margin-right: 3%;
    }

    .about-list .list li img {
        width: 100%;
        height: fit-content;
    }

    .doctor_introduce .controllerbar .container {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .doctor_introduce .contents .container {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }

    .open .contents .container .item .top .left span a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;

    }

    .open .contents .container .item .top .left .shap {
        flex-shrink: 0;
    }

    .ppage a {
        padding: 0px 8px;
    }

    .contact {
        width: 100%;
        padding: 0px 3%;
        flex-wrap: wrap;
    }

    .contact .leftt {
        width: 40%;
    }

    .contact .left {
        width: 100%;
    }

    .contact .show-img {
        width: 100%;
        height: fit-content;
    }

    .contact .show-img img {
        width: 100%;

    }

    .doctor_introduce .contents .container h1 {
        font-size: 20px;
        text-align: left;
    }

    .news-title ul {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0;
    }



    .page1 .wrap .tabs {
        width: 100%;
        margin-top: 0px;
        /* min-height: 90px; */
        /* height: 80px; */
        /* height: inherit; */
        height: 40px;
        display: flex;
        align-items: center;
        border-radius: 0px;
    }

    #notices {
        margin-top: 0px;
    }

    #notices .swiper-slide {
        font-size: 12px;
    }

    #notices .swiper-slide {
        flex-wrap: wrap;
    }

    .page1 .wrap .tabs .title {
        font-size: 12px;
        flex-wrap: nowrap;
        display: flex;
        width: 5.2rem;
    }

    #notices .swiper-slide span {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-height: 40px;
    }

.page1 .wrap .tabs .title img {
    width: 20px;
}
    #notices .swiper-slide a{
        display: flex;
        width: 100%;
        height: 100%;
    }

    .page1 {
        padding-bottom: 0px;
    }

    .page2 .wrapper {
        width: 96%;
        padding: 10px 0px;
        flex-wrap: wrap;
    }

    .page2 .wrapper .left {
        width: 100%;
    }

    .page2 .wrapper .right {
        width: 100%;
        height: auto;
        margin-left: 0px;
    }

    .page2 .wrapper .left ul {
        width: 100%;
        justify-content: space-between;
        margin-top: 0px;
    }

    .page2 .wrapper .left ul li:nth-child(1) {
        width: 48%;
    }

    .page2 .wrapper .left ul li {
        width: 48%;
        height: 60px !important;
        margin-bottom: 10px;
        border-radius: 10px !important;
    }

    .page2 .wrapper .left ul li:nth-child(7) {
        width: 100%;
    }

    .page2 .wrapper .left ul li:nth-child(2) {
        width: 48%;
    }

    .page2 .wrapper .left ul li .label {
        font-size: 18px !important;
    }

    .page2 .wrapper .left ul li .value {
        width: 50px;
        height: 50px;
    }

    .page2 .wrapper .left ul li .value img {
        width: 100%;
        height: 100%;
    }

    .page2 .wrapper .left ul li a .bottom {
        font-size: 18px;
        display: flex;
        justify-content: end;
        flex-direction: column;
        width: fit-content;
        float: right;
    }

    .page2 .wrapper .left ul li a {
        flex-direction: row;
        justify-content: space-between;
    }

    .page2 .wrapper .left ul li a .bottom span {}

    .page2 .wrapper .left ul li a .bottom img {
        width: 15px;
        height: 15px;
        position: relative;
        top: 10px;
    }

    .page3 .wrapper {
        padding-top: 10px;
    }

    .page3 .title .left {
        font-size: 22px;
    }

    .page3 .title .right {
        width: 100px;
        line-height: 30px;
        height: 30px;
        border-radius: 15px;
        font-size: 15px;
        border: 1px solid;
    }

    .page3 {
        height: auto;
    }

    .page3 .ks {
        flex-wrap: wrap;
        justify-content: unset;
    }

    .page3 .introduce {
        font-size: 16px;
        width: 100%;
        line-height: 26px;
        margin: 20px 0px;
        max-height: 210px;
    }

    .page3 .box {
        display: flex;
        flex-wrap: wrap;
    }

    .page3 ul {
        position: unset;
    }

    .page3 .wrapper ul li {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .page3 .wrapper ul li img {
        width: 40px;
        height: fit-content;
    }

    .page3 .wrapper ul {
        margin-right: 10px;
    }

    .page3 .wrapper ul:nth-child(4) {
        margin-right: 0px;
    }

    .page3 ul li a h2 {
        font-size: 12px;
    }

    .page4 {
        height: auto;
        /* background-size: 100% 100%; */
        background-repeat: repeat;

    }

    .page4 .wrapper {
        width: 96%;
    }

    .page4 .wrapper .title .left {
        font-size: 22px;
    }

    .page4 .wrapper .title .right {
        width: 100px;
        line-height: 30px;
        height: 30px;
        border-radius: 15px;
        font-size: 15px;
        border: 1px solid;
    }

    .page4 .list {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page4 .list li {
        width: 48%;
        flex-wrap: wrap;
        flex-shrink: 0;
        height: auto;
        margin-bottom: 20px;
    }

    .page4 .list li a {
        height: 100%;
        width: 100%;
    }

    .page4 .list li a img {
        height: 210px;
        object-fit: cover;
    }

    .page4 .list li a .content {
        height: 30px;
    }

    .page4 .list li a .content .name {
        font-size: 16px;
    }

    .page4 .list li a .content .set {
        font-size: 14px;
    }

    .page1 .news-center {
        margin-top: 20px;
    }

    .page1 .news-center .swiper-container {
        margin: 0;
    }

    .page5 .news-center .swiper-container {
        width: 100% !important;
    }

    .page5 .news-center .swiper-container .swiper-slide {
        width: 46%;
    }

    .page5 .news-center .swiper-container .swiper-slide p {
        font-size: 16px;
        line-height: unset;
    }

    .page5 .news-center .left {
        margin-bottom: 30px;
    }

    .page5 .news-center .middle {
        width: 100%;
    }

    .page5 .news-center .left .swiper-slide img {
        height: 160px;
        object-fit: cover;
    }

    .gxHead .logo img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        margin-left: -40px;
    }
    .center .container .left .header{
        width: 100%;
    }
}