@media (max-width: 1680px) {
    html {
        font-size: 15px
    }

    .header .logo {
        width: 380px
    }

    .list-mymk .kslist li {
        width: calc(25% - 1rem)
    }
}

@media (max-width: 1480px) {
    .header .logo {
        width: 280px
    }

    .header .navbar {
        padding-top: 0
    }

    .index-yyks .hd {
        width: 20rem
    }

    .index-yyks .hd li.on {
        width: 20rem;
        height: 20rem
    }

    .index-yyks .bd {
        width: calc(100% - 21rem)
    }

    .index-yyks .bd li a {
        font-size: 1.125rem
    }

    .list-txt li .txt {
        width: calc(100% - 100px)
    }

    .doctcor-con .row .pic {
        width: 240px
    }

    .doctcor-con .row .txt {
        width: calc(100% - 270px)
    }
}

@media (max-width: 1280px) {
    .header .navbar li {
        padding: 0 5px
    }

    .header .lb {
        padding: 10px 0
    }

    .header .navbar li .lv1 {
        padding-right: 15px;
        font-size: 1.125rem
    }

    .index-yyks .bd li {
        width: calc(33.3% - 0.875rem)
    }

    .footer .footer-logo {
        width: 240px
    }

    .list-mymk .kslist li {
        width: calc(33.3% - 1rem)
    }
    .index-title h2{
        font-size:2rem;
    }
    .three-box .col{
        width: calc(33.3% - 10px);
    }
}

@media (max-width: 1080px) {
    .header {
        position: relative;
        z-index: 9999
    }

    .header .container {
        position: relative
    }

    .header .logo {
        width: auto
    }

    .header .logo img {
        height: 50px
    }

    .menu-btn {
        display: block;
        width: 30px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 9;
        padding-top: 4px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .menu-btn b {
        display: block;
        height: 3px;
        background-color: #B81005;
        margin-bottom: 5px;
        border-radius: 2px;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s
    }

    .navbar {
        display: none
    }

    .phone-menu {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: rgb(184, 16, 5);
        z-index: 99;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 130px 3% 30px;
        left: 0;
        top: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .phone-menu .navbar {
        margin-bottom: 20px;
        display: block;
        float: none;
        width: 100%;
        background: none
    }

    .phone-menu .navbar li {
        float: none;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        position: relative
    }

    .phone-menu .navbar li>a {
        display: block;
        color: #fff;
        padding: 0;
        line-height: 40px;
        text-align: left;
        font-weight: normal !important;
        background: none !important
    }

    .phone-menu .navbar li em {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 20px;
        background: url(../images/nav-select.png) center 25px no-repeat
    }

    .phone-menu .navbar .subnav {
        position: relative;
        display: none;
        background: none;
        padding: 0 0px 0 10px;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: 0s;
        transition: 0s
    }

    .phone-menu .navbar .subnav dd {
        text-align: left;
        position: relative;
        background: none !important
    }

    .phone-menu .navbar .subnav a {
        color: #fff !important;
        display: block;
        line-height: 30px
    }

    .phone-menu .navbar li.active .subnav {
        display: block !important
    }

    .phone-menu .navbar .lv3 {
        -webkit-transform: none !important;
        transform: none !important;
        background: none !important;
        position: relative;
        left: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        display: none;
        -webkit-transition: none;
        transition: none
    }

    .phone-menu .navbar .lv3 a {
        padding: 0 10px
    }

    .phone-menu .navbar dd:hover:after {
        display: none !important
    }

    .phone-menu .search-box {
        margin: 0;
        width: 100%
    }

    body.side-right {
        overflow: hidden
    }

    body.side-right .header {
        background: #B81005
    }

    body.side-right .header .logo {
        display: none
    }

    body.side-right .header .logo2 {
        display: block
    }

    body.side-right .menu-btn b {
        display: none;
        margin: 0;
        position: absolute;
        background: #fff;
        left: 0;
        top: 50%;
        width: 30px
    }

    body.side-right .menu-btn b:first-child {
        display: block;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    body.side-right .menu-btn b:last-child {
        display: block;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg)
    }

    body.side-right .phone-menu {
        opacity: 1;
        visibility: visible;
        top: 0
    }

    .kjrk-list {
        width: 100%
    }

    .index-yyks .hd {
        float: none;
        width: 100%;
        overflow: hidden
    }

    .index-yyks .hd li {
        float: left;
        width: 50% !important;
        height: 4rem !important;
        border-radius: 0% !important;
        margin: 0 !important;
        background: #fff
    }

    .index-yyks .hd li .pic {
        display: none !important
    }

    .index-yyks .hd li h2 {
        color: #000;
        font-size: 1.25rem !important;
        text-align: center !important;
        padding: 0 !important
    }

    .index-yyks .hd li.on {
        background: #B81005
    }

    .index-yyks .hd li.on h2 {
        color: #fff
    }

    .index-yyks .bd {
        float: none;
        width: 100%;
        max-height: none
    }

    .list-page {
        padding: 40px 0
    }

    .list-page .left {
        float: none;
        width: 100%
    }

    .list-page .right {
        float: none;
        width: 100%;
        margin-top: 30px
    }

    .list-nav .lv1 {
        display: none
    }

    .list-nav .phone-column {
        display: block;
        line-height: 24px;
        text-align: left;
        padding: 10px 25px;
        background: #B81005;
        background-size: 100% 100%;
        position: relative
    }

    .list-nav .phone-column h2 {
        font-size: 1.25rem;
        font-weight: bold;
        color: #feffff
    }

    .list-nav .phone-column em {
        display: block;
        width: 40px;
        height: 100%;
        background: url(../images/phone-sidemenu.png) center no-repeat;
        background-size: auto 40%;
        position: absolute;
        top: 0;
        right: 15px
    }

    .list-nav .subnav {
        display: none;
        padding-bottom: 0
    }

    .list-nav .subnav li .lv2 {
        padding: 10px 25px
    }

    .list-nav .subnav dd {
        padding: 8px 15px 8px 35px
    }

    .list-pics li {
        width: 50%
    }
}

@media (max-width: 992px) {
    .row4 {
        padding: 3rem 0
    }

    .three-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .three-box .col {
        width: 100%;
        margin: 1.25rem 0
    }

    .index-ztzl {
        margin-top: 1.25rem
    }

    .footer .row {
        display: block;
        text-align: center
    }

    .footer .contact {
        max-width: none
    }

    .footer .footer-logo {
        margin: 1rem auto
    }

    .footer .xmt li {
        float: none;
        display: inline-block;
        margin: 10px
    }
}

@media (max-width: 768px) {
    html {
        font-size: 14px
    }

    .index-title h2 {
        font-size: 1.75rem;
        text-align: left;
        max-width: calc(100% - 90px)
    }

    .row1 {
        padding: 4rem 0
    }

    .kjrk-pic {
        padding: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .kjrk-list {
        position: relative;
        bottom: auto
    }

    .kjrk-list li {
        padding: 1.5rem 10px
    }

    .kjrk-list li .ico {
        width: 4rem;
        height: 4rem
    }

    .kjrk-list li .cn {
        font-size: 1.5rem
    }

    .kjrk-list li .en {
        font-size: 1rem
    }

    .index-doctor .doctor-pagination span {
        margin: 0 8px
    }

    .index-doctor .doctor-pagination:before, .index-doctor .doctor-pagination:after {
        width: calc(50% - 8rem)
    }

    .index-yyks .bd li {
        width: calc(33.3% - 0.875rem)
    }

    .index-doctor .swiper-slide {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .index-doctor .txt {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 2rem !important
    }

    .index-doctor .txt .abst {
        height: 3rem;
        -webkit-line-clamp: 2
    }

    .footer {
        padding-top: 3rem
    }

    .footer .xmt {
        overflow: hidden
    }

    .footer .xmt li {
        margin: 5px
    }

    .footer .cory .left {
        float: none;
        text-align: center
    }

    .footer .cory .right {
        float: none;
        text-align: center
    }

    .list-news li {
        padding: 10px
    }

    .list-news li .pic {
        float: none;
        width: 100%;
        height: auto
    }

    .list-news li .pic a {
        width: 100%;
        height: 46vw
    }

    .list-news li .txt {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .list-txt li {
        padding-left: 1px
    }

    .list-leader li a {
        padding: 15px
    }

    .list-doctor li {
        width: 100%
    }

    .list-yyry a {
        margin: 0 5px
    }
}

@media (max-width: 600px) {
    .header .logo img {
        height: 40px
    }

    .index-yyks .bd li {
        width: calc(50% - 5px);
        margin-bottom: 1rem
    }

    .kjrk-list li {
        width: 50%
    }

    .kjrk-list .li01 {
        margin-left: 0
    }

    .kjrk-list .li06 a {
        display: block
    }

    .kjrk-list .li06 .ico {
        margin: 0 auto
    }

    .kjrk-list .li06 .txt {
        text-align: center;
        margin: 1.25rem 0 0
    }

    .links-box h2 {
        float: none
    }

    .links-box ul {
        margin-top: 10px;
        float: none;
        width: 100%
    }

    .footer .xmt {
        overflow: hidden
    }

    .footer .xmt li {
        width: 50%;
        float: left;
        margin: 10px 0;
        text-align: center
    }

    .footer .xmt li .img {
        margin: 0 auto
    }

    .list-pics li {
        width: 100%
    }

    .list-pics .box .date {
        left: 1rem
    }

    .list-pics .box .tit {
        padding: 1rem
    }

    .list-leader li {
        width: 100%;
        float: none
    }

    .doctcor-con .row .pic {
        float: none;
        margin: 0 auto
    }

    .doctcor-con .row .txt {
        float: none;
        width: 100%;
        text-align: center
    }

    .doctcor-con .row .txt .abst {
        text-align: left
    }

    .list-yyry li {
        width: 50%;
        margin-bottom: 10px;
        padding: 5px;
        background: url(../images/yyry-line.png) bottom center no-repeat;
        background-size: 100%
    }

    .list-yyry .box {
        padding-bottom: 0;
        margin-bottom: 0;
        background: none;
        padding: 0
    }
}

@media (max-width: 420px) {
    .list-doctor li .pic {
        float: none;
        margin: 0 auto
    }

    .list-doctor li .txt {
        float: none;
        margin-top: 10px;
        width: 100%
    }

    .list-doctor li .txt h2, .list-doctor li .txt h3 {
        text-align: center
    }
}

@media (max-width: 1080px) {
    .page-ks .ks-title h2 {
        font-size: 2rem
    }

    .con-jj {
        flex-wrap: wrap
    }

    .con-jj .txt {
        width: 100%;
        padding: 1rem 0 2rem
    }

    .con-jj .pic-jj {
        width: 100%;
        margin-top: 2rem;
        padding: 1rem 1rem 1rem 0
    }

    .mod-ksjj, .mod-kszj, .mod-ksdt {
        padding: 4rem 0
    }

    .mod-ksdt {
        padding-top: 0
    }

    .pic-kszj {
        padding: 0 3rem
    }

    .con-ksdt {
        flex-wrap: wrap
    }

    .con-ksdt .pic-ksdt {
        width: 100%
    }

    .con-ksdt .txt-ksdt {
        width: 100%;
        margin-top: 1rem
    }

    .ks-tab .bd ul {
        flex-wrap: wrap
    }

    .ks-tab .bd ul li {
        width: calc(50% - 1rem);
        margin-bottom: 1rem
    }
}

@media (max-width: 600px) {
    .page-ks .ks-title h2 {
        font-size: 1.5rem
    }

    .page-ks .mod-ksdt .ks-more,.page-ks .mod-xjsb .ks-more {
        top: 0px
    }

    .list-mymk .kslist li {
        width: calc(50% - 5px)
    }
}

@media (max-width: 600px) {
    .index-yyks .hd li {
        width: 100% !important
    }

    .list-mymk .kslist li a {
        padding: 10px
    }
}