@charset "utf-8";
      

    
    ul,
    li,
    div,
    ul,
    li,
    p,
    em,
    i,
    address {
        font-style: normal;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    

    
    textarea,
    button {
        font-size: 14px;
        border-radius: 0;
        -webkit-border-radius: 0;
        color: #333;
        font-family: Microsoft YaHei, arial, sans-serif;
    }    

    button,   
    textarea {
        border: 0px;
        outline: none;
        /*-webkit-appearance:none;*/
        /*强制去除表单自带的样式*/
    }
    
    button {
        cursor: pointer;
    }
    
    textarea {
        resize: none;
        /*-webkit-appearance:none;*/
        /*强制去除textarea自带的样式*/
    }  
    
    
    img {        
        border: none;
        border: 0;        
    }
    
    a {
        color: #333333;
        text-decoration: none;
        transition: all ease 0.3s;
    }
    
    a:focus {
        outline: none;
        -moz-outline: none;
    }
    
    a:hover { text-decoration: none; color: #FF0000; }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    .clear {
        clear: both;
    }
    /*单行文本省略号*/
    
    .dot {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .dot2,
    .dot3,
    .dot4 {
        display: -webkit-box;
        display: box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-box-orient: vertical;
    }
    
    .dot2 {
        -webkit-line-clamp: 2;
    }
    /*多行文本省略号*/
    
    .dot3 {
        -webkit-line-clamp: 3;
    }
    
    .dot4 {
        -webkit-line-clamp: 4;
    }
    /*input字体*/

    .imgbox {
        overflow: hidden;
        position: relative;       
    }
    
    .imgbox span {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .imgbox img {
        width: auto !important;
        max-height: 100%;
    }
    
    
    .Contain {
        width: 95%;
        max-width: 1300px;
        margin: 0 auto;
    }
    
    @media(max-width:1024px) {
        body {
            font-size: 14px;
        }
    }
    
    @keyframes move {
        0%,
        65% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        70% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        75% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        80% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        85% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        90% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        95% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    
    @-webkit-keyframes move {
        0%,
        65% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        70% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        75% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        80% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        85% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        90% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        95% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
   
   
    /* HomeBan */
    
    .HomeBan {}
    
    .HomeBan .item {
        position: relative;
    }
    
    .HomeBan .item .imgbox {
        padding-top: 36.2%;
    }
    
    .HomeBan .item .txt {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        z-index: 999;
        text-align: right;
    }
    
    .HomeBan .item .txt .txtbox {
        max-width: 1000px;
        width: 90%;
        color: #fff;
    }
    
    .HomeBan .item .txt .txtbox h1 {
        font-family: yuweij;
        font-size: 105px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 130px;
        letter-spacing: 0px;
        color: #0c5bd3;
        opacity: 0;
        transform: translateY(130px);
        -webkit-transform: translateY(130px);
        -webkit-transition: all 0.7s;
        transition: all 0.7s;
    }
    
    .HomeBan .item .txt .txtbox h1:first-child {
        padding-right: 5%;
    }
    
    .HomeBan .item .txt .txtbox h2 {
        font-family: SourceHanSansCN-Light;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 2px;
        color: #1350b8;
        width: 40%;
        float: right;
        margin-top: 2%;
        opacity: 0;
        transform: translateY(130px);
        -webkit-transform: translateY(130px);
        -webkit-transition: all 0.7s;
        transition: all 0.7s;
    }
    
    .HomeBan .item.active .txt .txtbox h1,
    .HomeBan .item.active .txt .txtbox h2 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    
    .HomeBan .slick-dots {
        bottom: 20px;
    }
    
    .HomeBan .slick-dots li {
        width: 12px;
        height: 12px;
        margin: 0 8px;
        position: relative;
        border-radius: 50%;
        border: none;
    }
    
    .HomeBan .slick-dots li button {
        width: 4px;
        height: 4px;
        background: #000;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .HomeBan .slick-dots li.slick-active button {
        background: #fff;
        width: 12px;
        height: 12px;
    }
    
    .HomeBan .slick-dots li.slick-active {
        border: none;
    }
    
    .slider {
        overflow: hidden;
    }
    
    .slick-arrow {
        font-size: 0;
        z-index: 10;
        position: absolute;
        top: 50%;
        margin-top: -22px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        padding: 0;
        transition: all ease 0.3s;
        color: #000;
    }
    
    .slick-arrow:hover {
        color: #fff;
        background-color: #1f64dc;
        border: 1px solid #1f64dc;
    }
    
    .slick-prev:before,
    .slick-next:before {
        display: block;
        font-size: 20px;
        font-family: "宋体";
        font-weight: bold;
    }
    
    .slick-prev:before {
        content: '<';
    }
    
    .slick-next:before {
        content: '>';
    }
    
    .slick-prev {
        left: -80px;
    }
    
    .slick-next {
        right: -80px;
    }
    
    .slider:hover .slick-prev {
        left: 20px;
    }
    
    .slider:hover .slick-next {
        right: 20px;
    }
    
    @media(max-width:1440px) {
        .HomeBan .item .txt .txtbox h1 {
            font-size: 90px;
        }
        .HomeBan .item .txt .txtbox p {
            font-size: 18px;
            line-height: 30px;
        }
        .HomeBan .item .txt .txtbox h1:first-child {
            padding-right: 10%;
        }
    }
    
    @media(max-width:1200px) {
        .HomeBan .item .txt .txtbox h1 {
            font-size: 85px;
        }
    }
    
    @media(max-width:1200px) {
        .HomeBan .item .txt .txtbox h1 {
            font-size: 78px;
            line-height: 100px;
        }
    }
    
    @media(max-width: 992px) {
        .HomeBan .item .txt .txtbox h1 {
            font-size: 70px;
            line-height: 86px;
        }
    }
    
    @media(max-width:768px) {
        .HomeBan .item .txt .txtbox h1 {
            font-size: 56px;
            line-height: 80px;
        }
        .HomeBan .item .txt .txtbox h2 {
            font-size: 12px;
            line-height: 16px;
            margin: 5px 0;
        }
        .HomeBan .slick-dots {
            bottom: 0px;
        }
        .HomeBan .slick-dots li {
            width: 15px;
            height: 15px;
        }
        .HomeBan .slick-dots li.slick-active button {
            height: 4px;
            width: 4px;
        }
    }
    
    @media(max-width:414px) {
        .HomeBan .item .txt .txtbox h1 {
            font-size: 30px;
            line-height: 36px;
        }
        .HomeBan .item .txt .txtbox h2 {
            width: 70%;
        }
    }
    /* HomeBan */

    /* 首页内容 */    
    .HomeCon {}
    @media(max-width:640px) {}
    
    @media(max-width:414px) {}
    
    @media(max-width:375px) {}
    
    @media(max-width:360px) {}
    
    .Hospital_branchs {
        background: #fbfbfb;
        padding-bottom: 4%;
        border-top: 1px #e7eaf4 solid;
    }
    
    .Hospital_branchs .hosp_list {
        overflow: unset;
    }
    
    .Hospital_branchs .hosp_list li { padding-top: 42px; position: relative; margin-top: 0; margin-right: 45px; margin-bottom: 0; margin-left: 45px;    }
    
    .Hospital_branchs .hosp_list li a {
        display: block;
    }
    
    .Hospital_branchs .hosp_list li .tit {
        font-family: MicrosoftYaHei-Bold;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
        padding: 0 20px;
    }
    
    .Hospital_branchs .hosp_list li .txt {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 25px;
        height: 50px;
        letter-spacing: 0px;
        color: #6c6c6c;
        overflow: hidden;
        text-overflow: ellipsis;
        display: box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 376px;
        padding: 0 20px;
        margin: 5% 0 7%;
    }
    
    .Hospital_branchs .hosp_list li .more_btn {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #b0b3b9;
        padding-left: 40px;
        position: relative;
        margin-bottom: 10%;
    }
    
    .Hospital_branchs .hosp_list li .more_btn:before {
        content: '';
        width: 15px;
        height: 15px;
        background: url(../2024img/ico_internet1.svg) no-repeat;
        background-size: 100%;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .Hospital_branchs .hosp_list li .imgbox {
        padding-top: 67.8%;
    }
    
    .Hospital_branchs .hosp_list .slick-arrow {
        width: 35px;
        height: 65px;
        line-height: 65px;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 0;
    }
    
    .Hospital_branchs .hosp_list .slick-prev {
        left: -80px;
    }
    
    .Hospital_branchs .hosp_list .slick-next {
        right: -80px;
    }
    
    .Hospital_branchs .hosp_list li:before {
        content: '';
        width: 0;
        height: 2px;
        background-color: #0a4fbf;
        position: absolute;
        top: 0px;
        left: 0;
        transition: all 0.3s;
    }
    
    .Hospital_branchs .hosp_list li:hover:before {
        width: 100%;
    }
    
    .Hospital_branchs .hosp_list li:hover .tit {
        color: #0a4fbf;
    }
    
    .Hospital_branchs .hosp_list li:hover .more_btn {
        color: #0a4fbf;
    }
    
    .Hospital_branchs .hosp_list li:hover .more_btn:before {
        background: url(../2024img/ico_internet2.svg) no-repeat;
        background-size: 100%;
    }
    
    @media(max-width:1366px) {
        .Hospital_branchs .hosp_list {
            overflow: hidden;
        }
        .Hospital_branchs .hosp_list .slick-prev {
            left: 0;
        }
        .Hospital_branchs .hosp_list .slick-next {
            right: 0;
        }
    }
    
    @media(max-width:1024px) {}
    
    @media(max-width:768px) {
        .Hospital_branchs .hosp_list li {
            margin: 0 25px;
        }
        .Hospital_branchs .hosp_list li .txt {
            width: 256px;
        }
    }
    
    @media(max-width:640px) {
        .Hospital_branchs .hosp_list li .txt {
            width: 214px;
        }
    }
    
    @media(max-width:414px) {
        .Hospital_branchs {
            padding-bottom: 10%;
        }
       
        .Hospital_branchs .hosp_list li .txt {
            width: 88%;
        }
        .Hospital_branchs .hosp_list li .txt {
            margin: 4% 0;
        }
        .Hospital_branchs .hosp_list li .more_btn {
            margin-bottom: 5%;
        }
    }
    
    @media(max-width:375px) {}
    
    @media(max-width:360px) {}