body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
mid-cer,
header,
hgroup,
menu,
nav,
section {
    margin: 0px;
    padding: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul,
li {
    list-style-type: none;
}

img {
    border-style: none;
    vertical-align: middle;
}

body {
    font-family: Microsoft YaHei;
}

a {
    color: #333;
}

a:link,
a:active,
a:visited,
a:hover {
    text-decoration: none;
}

button:focus {
    outline: none;
    border: 1px solid white;
}

input,
textarea {
    outline: none;
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 清楚浮动 */
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    /*不用有内容也可以*/
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* 试运行 */
.date_dates {
    height: 50px;
    background-color: #404244;
    line-height: 50px;
}

.date_dates .date_box {
    margin: 0 auto;
    width: 70%;
}

.date_dates .date_box .logo {
    float: right;
}

.date_dates .date_box .date_item {
    float: left;
    color: #fff;
}

/* header开始 */

.header_right_mobile {
    display: block;
}

.header_right_pc {
    display: none;
}

.header_right_pc a img:nth-child(2) {
    display: none;
}

.header_right_pc a:hover span {
    color: #666;
}

.header_right_pc a:hover img:first-child {
    display: none;
}

.header_right_pc a:hover img:nth-child(2) {
    display: inline-block;
}

.header_left {
    float: left;
    width: 50%;
}

.header_left img {
    max-width: 100%;
}

.header_right_mobile {
    float: right;
    text-align: right;
}

.header_right_mobile img {
    max-width: 22%;
    margin-left: 15px;
}

.header_top {
    line-height: 70px;
}

.header_right_mobile a {
    position: relative;
}

.header_right {
    position: relative;
}

.search_box {
    z-index: 999;
}

.search_box input {
    width: 120px;
    line-height: 25px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    float: left;
    padding: 4px 35px 4px 8px;
}

.search_box button {
    width: 35px;
    height: 35px;
    float: left;
    background-color: #10c5cd;
    border: none;
    border-radius: 6px;
    background: #10c5cd url("/gyzy/2020szsy011.png") no-repeat center;
    background-size: 50%;
    margin-left: -30px;
}

.search {
    position: absolute;
    right: 15px;
    top: 16px;
    display: none;
}

/* 移动端导航栏 */
.nav_mobile {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 99;
}

.nav_mobile>.container>ul>li>a {
    font-size: 18px;
    display: block;
    line-height: 55px;
    background: url("/gyzy/2020szsy012.png") no-repeat right center;
    border-bottom: 1px solid #d2d2d2;
}

.nav_mobile>.container>ul>li>a.active {
    color: #10c5cd;
    background: url("/gyzy/2020szsy013.png") no-repeat right center;
}

.subnav>li>a {
    font-size: 18px;
    line-height: 55px;
    display: block;
    border-bottom: 1px solid #d2d2d2;
    text-indent: 3em;
    position: relative;
}

.subnav>li>a.active {
    color: #10c5cd;
}

.subnav>li>a::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 22px;
    left: 35px;
    width: 0;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #a0a0a0;
}

/* banner开始 */

.banner {
    position: relative;
}

.banner_main img {
    width: 100%;
}

.banner_icon {
    position: absolute;
    z-index: 55;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
    padding: 10px 0px;
}

.banner_item {
    text-align: center;
}

.banner_item a:hover img {
    transform: rotateY(180deg);
}

.banner_item a img {
    max-width: 40%;
    transition: all 0.7s;
}

.banner_main a p {
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}

.banner_item+.banner_item {
    border-left: 1px solid #e2e2e2;
}

.footer_top {
    display: none;
}

.footer_bottom {
    display: none;
}

.footer_bottom_moblie {
    background-color: #292c2b;
    text-align: center;
    padding: 30px 0;
}

.footer_bottom_moblie span {
    display: block;
    font-size: 18px;
    color: #c8c8c8;
    margin-bottom: 8px;
}

.footer_bottom_moblie a {
    color: #c8c8c8;
}

.footer_bottom_moblie p {
    color: #c8c8c8;
}

.footer_bottom_moblie div {
    margin-top: 30px;
}

.footer_bottom_moblie {
    display: block;
}

.banner_moblie {
    display: block;
}

.banner_pc {
    display: none;
}


.date_dates .date_box .logo {
    float: right;
    margin-left: 15px;
}

.bannerCon {
    margin-top: 20px;
}

.bannerCon .areaL img {
    max-width: 60%;
    width: auto;
}

.bannerCon .areaL {
    padding-top: 10px;
    float: left;
}

.bannerCon .area {
    background: #f3f3f3;
    overflow: hidden;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
    height: 80px;
}

.bannerCon .col-xs-6 {
    padding-right: 10px;
    padding-left: 10px;
}

.bannerCon .areaR {
    text-align: center;
}

.bannerCon .areaR p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    color: #000;
}

.model_introduction h1 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.model_introduction P {
    line-height: 1.8;
    font-size: 16px;
}

.model_introduction {
    text-align: center;
    margin-top: 30px;
}

.introductionPic img {
    max-width: 100%;
}

.introductionPic .col-xs-6 {
    padding-right: 10px;
    padding-left: 10px;
}

.introductionPic a {
    display: block;
    margin-top: 20px;
}

.introductionPic a img {
    width: 100%;
}

.pic_m {
    display: none;
}

.model_ourDepartments {
    text-align: center;
}

.model_ourDepartments h1 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.model_ourDepartments p {
    line-height: 1.8;
    font-size: 16px;
    color: #fff;
}

.model_ourDepartments {
    background: #1b92e5;
    padding: 30px;
    margin-top: 30px;
}

.ourDepartments_swiper ul li a {
    display: block;
    padding: 12px 6px;
    border-radius: 20px;
    background: #fff;
    min-height: 141px;
}

.ourDepartments_swiper ul li a p {
    color: #333;
    line-height: 1.4;
}

.ourDepartments_swiper ul li a img {
    max-width: 30%;
    margin-bottom: 10px;
}

.ourDepartments_swiper {
    margin-top: 30px;
    padding-bottom: 60px;
    overflow: hidden;
}


.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    z-index: 50;
    height: 5px;
    width: 65%;
    background: #404040;
    opacity: 1 !important;
}

.swiper-scrollbar-drag {
    background: #fff;
}

.ourDepartments_swiper .swiper-button-next,
.ourDepartments_swiper .swiper-button-prev {
    top: inherit;
    bottom: 12px;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.ourDepartments_swiper .swiper-button-next {
    background: #fff url(/gyzy/yk20260828_030.png) no-repeat center;
}

.ourDepartments_swiper .swiper-button-prev {
    background: #fff url(/gyzy/yk20260828_029.png) no-repeat center;
}

.bookingServicesLeft {
    text-align: center;
    background: #f1f8fe;
    padding: 30px 0 24px;
}

.bookingServicesLeft h1 {
    font-size: 36px;
    margin-bottom: 10px;
}

.bookingServicesLeft p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 10px;
}

.bookingServicesLeft ul li {
    margin-bottom: 15px;
}

.bookingServicesLeft ul li a img {
    float: left;
    max-width: 16%;
    display: none;
}

.bookingServicesLeft ul li a div h3 {
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.bookingServicesLeft ul li a div {
    float: left;
    border-left: 1px solid #e0f1ff;
    padding-left: 5px;
    margin-left: 5px;
    text-align: left;
}

.bookingServicesLeft ul li a div span {}

.bookingServicesLeft ul li a {
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    padding: 15px 10px;
}

.bookingServicesLeft .col-xs-6 {
    padding-right: 8px;
    padding-left: 8px;
}

.bookingServicesRight {
    background: #e6f4f0;
    padding: 30px 0;
}

.bookingServicesRight .hour {
    overflow: hidden;
    background: #fff;
    padding: 16px 0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

.bookingServicesRight .hour img {
    float: left;
    margin-right: 15px;
}

.bookingServicesRight .hour div {
    font-size: 18px;
    padding-top: 5px;
}

.bookingServicesRight .hour div span {
    font-weight: bold;
}

.patientGuide {
    margin-top: 50px;
}

.patientGuide h1 {
    margin-bottom: 20px;
}

.patientGuide ul {
    position: relative;
}

.patientGuide ul li a {
    font-size: 18px;
    display: block;
    border-radius: 10px;
    padding: 15px 0;
    color: #fff;
    text-align: left;
    padding-left: 20px;
}

.patientGuide ul li+li {
    margin-top: 12px;
}

.bgOne {
    background: linear-gradient(to top right, #009944, #258ee8);
}

.bgTwo {
    background: linear-gradient(to top right, #258ee8, #009944);
}

.patientGuide ul li a span {
    margin-right: 10px;
    vertical-align: middle;
}

.patientPic {
    position: absolute;
    top: -61px;
    max-width: 80px;
    right: 0;
}

.model_fivePc {
    display: none;
}



@media (min-width: 500px) {

    .bookingServicesLeft ul li a img {
        display: block;
        height: 36px;
    }

    .bookingServicesLeft ul li a div {
        padding-left: 12px;
        margin-left: 12px;
    }

}


@media (min-width: 425px) {
    .header_top {
        line-height: 100px;
    }

    .header_right_mobile img {
        margin-left: 25px;
    }

    .search_box input {
        line-height: 22px;
        padding: 8px 42px 8px 8px;
    }

    .search_box button {
        width: 40px;
        height: 40px;
        margin-left: -40px;
    }

    .search {
        top: 32px;
    }

    .search_box input {
        width: 145px;
    }

    .banner_icon {
        padding: 15px 0px;
    }

    .library_two_main span {
        margin-left: 20px;
        transition: all 0.4s;
    }

    .library_three_l_item a {
        padding: 35px 0;
    }

    .lyjd {
        padding-right: 6px;
    }

    .ybbx {
        padding-left: 6px;
    }

    .zybllc {
        padding-right: 6px;
    }

    .cybllc {
        padding-left: 6px;
    }

    .service_three .col-sp-6:first-child {
        padding-right: 0px;
    }

    .service_three .col-sp-6+.col-sp-6 {
        padding-left: 0px;
    }

    .service_three .col-sp-6:first-child {
        margin-bottom: 0;
    }

    .tzgg_content li a p {
        width: 85%;
    }

    .tzgg_content li {
        margin-top: 20px;
    }

    .zxjz_content li {
        margin-top: 20px;
    }

    .yldt_main ul li {
        margin-top: 20px;
    }

    #doctor_mobile {
        width: 200px;
    }

    .ksjs_top .ksjs_top_wrap ul li a {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .kejs_search input {
        height: 40px;
        padding: 19px 10px;
        font-size: 16px;
        width: 88%;
    }

    .kejs_search button {
        width: 40px;
        height: 40px;
    }

    .model_four_main .pic1,
    .model_four_main .pic2_l {
        padding-right: 0;
    }

    .model_four_main .pic1_introduce,
    .model_four_main .pic2_r {
        padding-left: 0;
    }

    .pagelist {
        margin-top: 20px;
    }

    .library_two_main h3::before {
        left: -15px;
    }

    .search_icon img {
        max-width: 50%;
    }

    .mid_footer .col-sm-6 {
        width: calc(50% - 20px);
        padding: 0;
        margin: 10px;
    }

    .mid_footer .col-sm-12 {
        width: calc(100% - 20px);
        padding: 0;
        margin: 10px;
    }


}

@media (min-width: 768px) {
    .header_top {
        line-height: 120px;
    }

    .header_right_mobile img {
        margin-left: 70px;
    }

    .search_box input {
        line-height: 24px;
        height: 42px;
        width: 260px;
        padding: 8px 50px 8px 8px;
        font-size: 16px;
    }

    .search_box button {
        width: 42px;
        height: 42px;
        margin-left: -42px;
    }

    .search_box button {
        background-size: auto;
    }

    .search {
        top: 42px;
    }

    .nav_mobile>.container>ul>li>a {
        font-size: 30px;
        line-height: 75px;
    }

    .subnav>li>a {
        font-size: 30px;
        line-height: 75px;
    }

    .subnav>li>a::before {
        bottom: 32px;
        left: 62px;
    }

    .banner_icon {
        padding: 30px 0px;
    }

    .banner_main a p {
        padding-top: 10px;
        font-size: 18px;
    }

    .footer_bottom_moblie span {
        display: inline-block;
    }

    .xqy_title {
        margin-bottom: 30px;
    }

    .xqy_title h3 {
        font-size: 24px;
        -webkit-line-clamp: 1;
        margin-bottom: 20px;
    }

    .xqy_title>span {
        font-size: 16px;
        margin: 5px 0;
    }

    .xqy_main p {
        margin-bottom: 25px;
    }

    .pagelist {
        margin-top: 40px;
    }

    .dsj_select {
        font-size: 24px;
        margin-top: 3px;
    }

    .bookingServicesLeft ul li a img {
        height: 60px;
    }

    .bookingServicesLeft ul li a div h3 {
        font-size: 18px;
    }

    .bookingServicesLeft ul li a div span {
        font-size: 18px;
    }

    .bookingServicesLeft ul li a div {
        padding-left: 20px;
        margin-left: 20px;
    }

    .bookingServicesLeft ul li a {
        padding: 26px;
        min-height: 128px;
    }

}

@media (min-width: 1024px) {

    .banner_icon {
        padding: 35px 0px;
    }

    .banner_moblie {
        display: none;
    }

    .banner_pc {
        display: block;
    }

    .footer_bottom_moblie {
        display: none;
    }

    .footer_bottom {
        display: block;
    }

    .footer_top ul li {
        float: left;
        width: 16.6%;
        text-align: center;
        border-left: 1px solid #cccccc;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 10px;
    }

    .footer_top ul li:first-child {
        border: none;
        padding-left: 0;
    }

    .footer_top ul {
        overflow: hidden;
        border-top: 1px solid #cccccc;
        padding: 8px 0;
    }

    .footer_top ul li a {
        font-size: 16px;
        color: #666666;
        transition: all 0.4s;
    }

    .footer_top ul li a:hover {
        color: #10c5cd;
    }

    .footer_top {
        display: block;
    }

    .footer_bottom {
        background-color: #292c2b;
        padding: 36px 0;
    }

    .footer_bottom span {
        font-size: 14px;
        color: #c8c8c8;
        margin-right: 15px;
        display: block;
    }

    .footer_bottom a {
        font-size: 14px;
        color: #c8c8c8;
    }

    .footer_bottom_l div {
        margin-bottom: 5px;
    }

    .support {
        margin-top: 20px;
    }

    .footer_bottom_l {
        float: left;
        width: 50%;
    }

    .footer_bottom_r {
        float: right;
    }

    .footer_bottom_content {
        overflow: hidden;
    }

    .footer_bottom_r>a>img {
        float: left;
        margin-top: 30px;
        margin-right: 50px;
    }

    .footer_bottom_r>div {
        float: left;
        text-align: center;
        color: #c8c8c8;
    }


    .position_nav {
        display: block;
    }

    .position {
        background: url("/gyzy/2020szsy032.png") no-repeat left center;
        padding-left: 15px;
        color: #666666;
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #dddddd;
    }

    .position a {
        color: #666666;
        margin: 0 5px;
    }

    .position a:hover {
        text-decoration: underline;
    }


    .xqy_title {
        text-align: center;
        padding-bottom: 25px;
    }

    .xqy_title h3 {
        margin-bottom: 15px;
        padding: 0 80px;
    }

    .xqy_title>span {
        display: inline-block;
        margin: 0 10px;
    }

    .xqy_main p {
        margin-bottom: 40px;
    }

    .bookingServicesLeft ul li a img {
        height: auto;
    }

    .model_fivePc {
        background: #0c6ac9;
        display: block;
    }

    .model_fivePc ul {
        padding-left: 70px;
    }

    .model_fivePc ul li {
        float: left;
        margin-right: 25px;
        line-height: 84px;
        font-size: 18px;
    }

    .model_fivePc ul li a {
        color: #fff;
    }

}

@media (min-width: 1350px) {
    .header_right_mobile {
        display: none;
    }

    .header_right_pc {
        display: block;
        text-align: right;
    }

    .header_right_pc span {
        font-size: 16px;
        color: #b4b4b4;
    }

    .header_right_pc>span {
        margin: 0 40px;
    }

    .headRight>ul>li {
        float: left;
        position: relative;
    }

    .headRight>ul>li>a {
        padding: 14px 22px;
        font-size: 20px;
        border-radius: 30px;
        transition: .3s;
    }

    .headRight>ul>li:hover>a {
        background: #00a0e9;
        color: #fff;
    }

    .headRight>ul>li:hover ul {
        display: block;
    }

    .headRight>ul {
        float: right;
    }

    .header_left {
        width: 334px;
    }

    .bannerCon .area img {
        max-width: 100%;
        width: auto;
    }

    .bannerCon .area {
        padding: 30px 26px;
        background: none;
        border-radius: 0;
        margin-bottom: 8px;
        text-align: center;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bannerCon .areaL {
        padding-top: 10px;
        float: left;
    }

    .bannerCon .areaL img {
        margin-right: 30px;
        max-width: 100%;
    }

    .bannerCon .areaR p {
        font-size: 18px;
        font-weight: bold;
    }

    .bannerCon .areaR span {
        font-size: 18px;
    }

    .bannerCon .col-xs-6+.col-xs-6::before {
        height: 40px;
        left: -10px;
        top: 50px;
        display: block;
        width: 1px;
        position: absolute;
        content: "";
        background-color: #c5c5c5;
    }

    .bannerCon .col-xs-6 {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
    }

    .bannerCon .container {
        border-radius: 30px;
        background: #fff;
    }

    .bannerCon {
        position: absolute;
        bottom: 76px;
        z-index: 99;
        left: 0;
        right: 0;
    }

    .pic_mobile {
        display: none;
    }

    .pic_m {
        display: block;
    }

    .pic_m a img {
        width: 100%;
        height: 250px;
    }

    .model_introduction P {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .model_introduction h1 {
        margin-bottom: 50px;
        font-size: 60px;
    }

    .model_introduction {
        margin-top: 80px;
    }

    .ourDepartments_swiper ul li a {
        padding: 50px 12px;
        min-height: 300px;
    }

    .ourDepartments_swiper ul li a img {
        max-width: 45%;
        margin-bottom: 26px;
    }

    .model_ourDepartments {
        margin-top: 60px;
        padding: 80px 30px 110px;
    }

    .model_ourDepartments h1 {
        margin-bottom: 50px;
        font-size: 60px;
    }

    .model_ourDepartments p {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .ourDepartments_swiper ul li a p {
        font-size: 16px;
    }

    .ourDepartments_swiper {
        padding-bottom: 100px;
    }

    .swiper-container-horizontal>.swiper-scrollbar {
        bottom: 40px;
    }

    .ourDepartments_swiper .swiper-button-next,
    .ourDepartments_swiper .swiper-button-prev {
        width: 62px;
        height: 62px;
    }

    .ourDepartments_swiper .swiper-button-prev {
        left: 130px;
    }

    .ourDepartments_swiper .swiper-button-next {
        right: 130px;
    }

    .model_bookingServices {
        overflow: hidden;
        margin: 110px 0;
    }

    .model_bookingServices .flex {
        width: 50%;
        float: left;
        border-radius: 20px;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
    }

    .bookingServicesLeft .container,
    .bookingServicesRight .container {
        width: auto;
    }

    .row1280 {
        margin-right: -15px;
        margin-left: -15px;
        margin: auto;
        width: 1280px;
    }

    .bookingServicesLeft ul li a {
        padding: 23px 0 0px 18px;
        min-height: 104px;
    }

    .bookingServicesLeft {
        border-radius: 20px;
    }

    .bookingServicesRight {
        border-radius: 20px;
        padding: 30px 25px;
    }

    .bookingServicesLeft p {
        margin-bottom: 50px;
        font-size: 20px;
    }

    .bookingServicesRight .hour img {
        margin-right: 30px;
    }

    .bookingServicesRight .hour div {
        font-size: 20px;
    }

    .patientGuide h1 {
        font-weight: bold;
        padding-left: 30px;
    }

    .patientPic {
        top: -129px;
        max-width: 100%;
        right: 20px;
    }

    .patientGuide ul li+li {
        margin-top: 18px;
    }

    .patientGuide ul li a {
        font-size: 20px;
        border-radius: 30px;
        padding-left: 50px;
    }

    .patientGuide {
        margin-top: 90px;
    }

    .bookingServicesLeft ul li {
        margin-bottom: 20px;
    }

    .bookingServicesLeft h1 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .headRight>ul>li>ul {
        position: absolute;
        z-index: 999;
        width: 100%;
        display: none;
    }

    .headRight>ul>li>ul>li {
        background-color: #fff !important;
        line-height: 1.4;
        text-align: center;
    }

    .headRight>ul>li>ul>li a {
        color: #00a0e9;
        font-size: 20px;
        display: block;
        transition: .3s;
        padding: 10px 6px;
    }

    .headRight>ul>li>ul>li a:hover {
        color: #fff;
        background-color: #00a0e9;
    }

}


@media (max-width: 992px) {}

@media (max-width: 414px) {}