@tailwind base;
@tailwind components;
@tailwind utilities;
.w1200{
    width: 1200px;
    margin: 0 auto;
}

.pd40 {
    padding: 40px 0;
}

.left {
    margin-right: 40px;
}


.right {
    flex-shrink: 0;
    width: 384px;
    height: 431px;
}


.module-title {
    font-weight: 600;
    font-size: 32px;
    color: #327CE4;
    letter-spacing: 0;
    text-align: center;
}

.special {
    /*background-color: #ffffff;*/
    padding: 40px 0;
}

/*.desc {*/
/*    margin-top: 20px;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    color: #222222;*/
/*    letter-spacing: 0;*/
/*    text-align: center;*/
/*    line-height: 32px;*/
/*}*/

.img-home {
    margin: 0 auto; /* 居中显示 */
    padding: 10px; /* 左右边距 */
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 图片居中对齐 */

    /* 媒体查询：根据页面宽度确定一行放几张图片 */
    @media (min-width: 1200px) {
        img {
            width: calc(25% - 20px); /* 一行四张图，考虑间距 */
            height: auto;
            margin: 5px; /* 图片间距 */
        }
    }

    @media (max-width: 1200px) {
        img {
            width: calc(50% - 20px); /* 一行两张图，考虑间距 */
            height: auto;
            margin: 5px; /* 图片间距 */
        }
    }
}


.development {
    background-image: url('/pic/img/licheng-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 511px 280px;
    height: 334px;
    padding: 40px 0;

    .progress {
        margin-top: 37px;
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;


        .line {
            position: absolute;
            top: 4px;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #EFF0F8;
        }

        .list {
            position: relative;
            z-index: 2;
        }

        .item {
            width: 206px;
            margin-right: 30px;
            flex-shrink: 0;

            .circle {
                width: 8px;
                height: 8px;
                background: #B27041;
                border-radius: 16px;
            }

            .year {
                margin: 10px 0;
                font-weight: 500;
                font-size: 16px;
                color: #B27041;
                letter-spacing: 0;
                line-height: 22px;
            }

            .intro {
                line-height: 20px;
                font-weight: 400;
                font-size: 14px;
                color: #222222;
                letter-spacing: 0;
                min-height: 130px;
            }
        }
    }
}


@media screen and (max-width: 1200px) {
    .pd40 {
        :deep(>.pd40) {
            flex-direction: column;
        }
    }

    .left {
        margin-right: 0;
        padding: 10px;
    }

    .development {
        .progress {
            padding: 10px;
            .line{
                top: 14px;
            }
            .item {
                width: 160px;
            }
        }
    }
}


.photo-wall {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.photo-wall video {
    width: 450px;
    height: 300px;
    margin: 10px;
}

.photo {
    margin: 40px;
    width: 380px; /* 调整适当的宽度 */
    height: 280px; /* 调整适当的高度 */
    overflow: hidden; /* 隐藏超出容器尺寸的部分 */
}

.photo img {
    /*min-width: 100%; !* 最小宽度为容器的100% *!*/
    min-height: 100%; /* 最小高度为容器的100% */
    object-fit: cover; /* 图像保持纵横比并填充容器，可能会裁切图像 */
    max-width: 100%;
}

.video-wall {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.video-wall video {
    width: 380px;
    height: 280px;
    margin: 40px;
}

.hos-img {
    width: 300px;
    height: 200px;
}


* {
    box-sizing: border-box;
}
body {
    margin: 0;
}
#ik7ukf{
    color:#327ce4;
}
#iebr3b{
    color:#d48f8f;
    font-weight:600;
    font-size:30px;
}
#idkoir{
    color: #262626;
}
#ildmkk{
    height:300px;
    width:90%;
}
#isnd6j{

}
#ilkuas{
    width:90%;
    height:300px;
}
*{
    box-sizing:border-box;
}
body{
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Jhenghei", sans-serif;
}
.logo path{
    pointer-events:none;
    fill:none;
    stroke-linecap:round;
    stroke-width:7;
    stroke:rgb(255, 255, 255);
}
.wechat-group img{
    max-width:220px;
    height:auto;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    margin-top:0px;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    width:100%;
}
.welcome-img img{
    width:100%;
}
.text-center{
    text-align:center;
}
.fdb-block .text-h1, .fdb-block h1{
    font-size:1.75rem;
    margin-bottom:0.5em;
    margin-top:0.3em;
    font-weight:400;
}
.fdb-block .col-fill-right{
    width:50%;
    position:absolute;
    right:0px;
    top:0px;
    bottom:0px;
    background-size:cover;
    background-position-x:center;
    background-position-y:center;
    z-index:1;
}
.fdb-block .col-fill-right + div{
    position:relative;
    z-index:2;
}
a{
    color:rgb(0, 123, 255);
    text-decoration-line:none;
    text-decoration-thickness:initial;
    text-decoration-style:initial;
    text-decoration-color:initial;
    background-color:transparent;
}
a:hover{
    color:rgb(0, 86, 179);
    /*text-decoration-line:underline;*/
    text-decoration-thickness:initial;
    text-decoration-style:initial;
    text-decoration-color:initial;
}
.media-icons a{
    margin-right:12px;
}
#header:not(.sticky-header) #logo a{
    opacity:0;
    pointer-events:none;
}
.c7529{
    font-size:52px;
    letter-spacing:10px;
    word-spacing:5px;
}
.c7549{
    color:#888;
    letter-spacing:10px;
    font-size:18px;
}
.c7567{
    max-width:600px;
    line-height:1.8;
    color:#AAA;
}
.c7490{
    /*background-image:url('https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/one-page/images/page/1.jpg');*/
    background-position:top center;
}
.c7845{
    max-width:700px;
    font-size:40px;
}
.c7864{
    max-width:800px;
}
.c7882{
    font-size:16px;
}
.c7932{
    max-width:1000px;
}
.c8632{
    max-width:900px;
}
.c9935{
    max-width:900px;
}
.c10579{
    /*background-image:url('http://localhost:8777/pic/hos/医院图4.jpg');*/
    padding:150px 0;
}
.c12000{
    line-height:1.7;
}
.c11992{
    font-size:16px;
    line-height:1.7;
}
.c11958{
    background-color:#F5F5F5;
}
.c15763{
    font-size:32px;
    color:rgb(50, 124, 228);
    margin-bottom:40px;
    font-family:"Microsoft YaHei";
    letter-spacing:normal;
    word-spacing:0px;
}
.lead.topmargin.c7567{
    color:#72589c;
    line-height:120%;
}
.c15965{
    color:rgb(34, 34, 34);
    font-family:"Microsoft YaHei UI", "Microsoft YaHei", Arial, SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif;
    font-size:16px;
    text-indent:32px;
}
.c16892{
    color:rgb(34, 34, 34);
    font-family:"Microsoft YaHei UI", "Microsoft YaHei", Arial, SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif;
    font-size:16px;
    letter-spacing:normal;
    text-indent:32px;
    text-transform:none;
}
.slider-inner.c7490{
    background-repeat:repeat;
    background-position:top center;
    background-attachment:scroll;
    background-size:auto;
    /*background-image:url('https://template-1253409072.cos.ap-guangzhou.myqcloud.com/user-upload-images/4441/医院图4.jpg');*/
}
.mx-auto.bottommargin.font-body.c7845{
    text-align:center;
}
.c18144{
    font-size:32px;
    color:rgb(50, 124, 228);
    margin-bottom:40px;
    font-family:"Microsoft YaHei";
    text-align:start;
}
.title.c18144{
    text-align:center;
}
.lead.mx-auto.bottommargin.c7864{
    font-family:"Microsoft Yahei", sans-serif;
    border-color:#000000;
    color:#000000;
}
.c18294{
    color:#000000;
    font-family:"Microsoft YaHei UI", "Microsoft YaHei", Arial, SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif;
    font-size:16px;
    text-align:start;
    text-indent:32px;
}
.center.page-section{
    height:1050px;
}
.c20714{
    font-size:32px;
    color:rgb(50, 124, 228);
    letter-spacing:normal;
    font-family:"Microsoft YaHei";
}
.section.m-0{
    height:100px;
    text-align:center;
}
.page-section.pt-0{
    background-image: url('../pic/hos/bg.png');
}

.row-home {
    display: flex;
    flex-wrap: wrap;
    height: 600px;
}

.htmlpage-row{
    display: flex;
    justify-content: space-between; /* 图片之间留有相等的外边距 */
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    width:100%;
}
.htmlpage-cell{
    background-size: cover;
    width:8%;
    height:280px;
    flex: 1; /* 每个小盒子占据四分之一的面积 */
    margin: 10px; /* 设置内边距 */
}
.c24656{
    font-size:32px;
    color:rgb(50, 124, 228);
    letter-spacing:normal;
    font-family:"Microsoft YaHei";
}
.c31352{
    color: #000000;
    font-family:"Microsoft YaHei";
    font-size:medium;
    text-indent:2em;
}
.c31370{
    color: #000000;
    font-family:"Microsoft YaHei";
    font-size:medium;
    text-indent:2em;
}
.c31388{
    color: #000000;
    font-family:"Microsoft YaHei";
    font-size:medium;
    text-indent:2em;
}
.c31870{
    font-size:32px;
    color:rgb(50, 124, 228);
    margin-bottom:40px;
    font-family:"Microsoft YaHei";
    letter-spacing:normal;
}
.c31974{
    color:rgb(34, 34, 34);
    font-family:"Microsoft YaHei UI", "Microsoft YaHei", Arial, SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif;
    text-indent:32px;
}
@media (max-width: 768px){
    .htmlpage-cell{
        width:100%;
        display:block;
    }
}


/* 遮罩层的样式 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(211, 211, 211,1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    transition: opacity 1s; /* 添加 opacity 过渡效果，持续 1 秒 */
}

/* 通过增加类名来触发遮罩层的渐隐动画 */
.hidden {
    opacity: 0;
    pointer-events: none; /* 防止遮罩层上的点击事件 */
}

.p-padding-left-right{
    padding: 0 200px;
}