/* =================================
仁泰首页 Banner
================================= */
/* =========================
首页统一宽度
========================= */


.home-container{

width:1200px;

max-width:calc(100% - 40px);

margin:0 auto;

}



.home-section-title{


text-align:center;


margin-bottom:40px;


}



.home-section-title h2{


font-size:32px;


font-weight:bold;


color:#333;


margin:0;


}

.rt-banner{


width:100%;

position:relative;

overflow:hidden;


}



.rt-banner-box{


position:relative;

width:100%;

height:auto;


}



.rt-banner-item{


display:none;

width:100%;


}



.rt-banner-item.active{


display:block;


}



.rt-banner-item img{


display:block;

width:100%;

height:auto;


}




/* ====================
底部横线
==================== */


.rt-banner-nav{


position:absolute;

bottom:25px;

left:0;

width:100%;

display:flex;

justify-content:center;

align-items:center;

gap:35px;


}



.rt-banner-nav span{


display:block;

width:38px;

height:4px;

background:#aaa;

cursor:pointer;


}



.rt-banner-nav span.active{


background:#f47721;


}

/* =================================
移动端Banner
================================= */


.rt-mobile-banner{


display:none;

width:100%;

position:relative;

overflow:hidden;


}



.rt-mobile-banner-box{


width:100%;


}



.rt-mobile-banner-item{


display:none;

width:100%;


}



.rt-mobile-banner-item.active{


display:block;


}



.rt-mobile-banner-item img{


display:block;

width:100%;

height:auto;


}



/* 移动端横线 */


.rt-mobile-banner-nav{


position:absolute;

bottom:18px;

left:0;

width:100%;


display:flex;

justify-content:center;

gap:15px;


}



.rt-mobile-banner-nav span{


width:25px;

height:3px;

background:#ddd;


}



.rt-mobile-banner-nav span.active{


background:#f47721;


}

@media(max-width:768px){


.rt-banner{

display:none;

}



.rt-mobile-banner{

display:block;

}



}



/* =====================
 首页关于模块
===================== */


.home-about{

width:100%;

background:#fff;

}



.home-about-box{


max-width:1200px;

margin:auto;

padding:80px 0 90px;


}




/* 标题 */


.home-about-header{


text-align:center;


}




.home-about-small{


font-size:26px;

font-weight:bold;

color:#f47721;

margin-bottom:8px;


}



.home-about-header h2{


font-size:36px;

font-weight:bold;

color:#333;

margin:0 0 25px;


}



.home-about-text{


width:520px;

margin:auto;

font-size:14px;

line-height:2;

color:#666;


}




.home-about-more{


display:inline-block;

margin-top:30px;

width:80px;

height:34px;

line-height:34px;

border:1px solid #f47721;

font-size:13px;

color:#f47721;


}




/* 三个图片 */


.home-about-list{


display:flex;

gap:5px;

margin-top:50px;


}



.home-about-item{


width:33.333%;

position:relative;

overflow:hidden;


}


/* =====================
 三张图片 hover 放大效果
===================== */


.home-about-item{

    overflow:hidden;

}


/* 图片默认状态 */

.home-about-item img{


    width:100%;

    display:block;

    transition:all .6s ease;


}



/* 鼠标经过图片 */


.home-about-item:hover img{


    transform:scale(1.08);


}




/* 增加遮罩过渡 */


.home-about-mask{


    transition:all .5s ease;


}



/* hover时遮罩稍微加深 */


.home-about-item:hover .home-about-mask{


    background:rgba(0,0,0,.28);


}



/* 箭头动画 */


.home-about-mask i{


    transition:all .4s ease;


}



.home-about-item:hover .home-about-mask i{


    transform:translateX(8px);


}




.home-about-item img{


width:100%;

display:block;


}




.home-about-mask{


position:absolute;

left:0;

top:0;

right:0;

bottom:0;


display:flex;

align-items:center;

justify-content:center;


color:#fff;

font-size:20px;

background:rgba(0,0,0,.18);



}



.home-about-mask span{


font-weight:bold;


}



.home-about-mask i{


position:absolute;

right:30px;

bottom:18px;

font-size:35px;

font-style:normal;


}
@media(max-width:768px){



.home-about-box{


padding:45px 25px;


}



.home-about-small{


font-size:22px;


}



.home-about-header h2{


font-size:26px;


}



.home-about-text{


width:100%;

font-size:14px;

text-align:left;


}



.home-about-more{


margin-top:25px;


}




.home-about-list{


display:block;

margin-top:35px;


}



.home-about-item{


width:100%;

margin-bottom:16px;


}

.home-about-item:hover img{


    transform:none;


}


.home-about-item:hover .home-about-mask{


    background:rgba(0,0,0,.18);


}

.home-about-mask{


font-size:18px;


}



.home-about-mask i{


right:20px;

bottom:15px;


}


}


/* 新闻 */

/* 新闻 */

.home-news{

padding:80px 0;

}



.home-news-box{

width:1200px;

margin:auto;

}



.home-news-title{

text-align:center;

margin-bottom:45px;

}


.home-news-title h2{

font-size:36px;

margin-bottom:25px;

}



.home-news-title a{

display:inline-block;

width:80px;

height:34px;

line-height:34px;

border:1px solid #f47721;

color:#f47721;

font-size:14px;

}



.news-container{

display:flex;

gap:40px;

}



/* 图片 */


.news-image-box{

width:55%;

position:relative;

height:auto;

overflow:hidden;

}


.news-image-item{

display:none;

width:100%;

height:100%;

}



.news-image-item.active{

display:block;

}


.news-image-item img{

width:100%;

height:100%;

object-fit:cover;

}




/* 新闻列表 */


.news-list-box{

width:45%;

}



.news-list-item{

padding:18px 0;

border-bottom:1px solid #ddd;

}



.news-list-item .news-date{

font-size:13px;

margin-bottom:10px;

color:#666;

}



.news-list-item a{

font-size:17px;

color:#333;

}



.news-list-item.active a{

color:#f47721;

}



/* 更多按钮 */


.news-list-box:after{

content:"了解更多";

display:block;

width:80px;

height:34px;

line-height:34px;

border:1px solid #f47721;

color:#f47721;

text-align:center;

float:right;

margin-top:25px;

}




/* 手机 */

@media(max-width:768px){


.home-news-box{

width:100%;

padding:0 15px;

}



.news-container{

display:block;

}



.news-image-box{

width:92%;

height:auto;

aspect-ratio:16/9;

}



.news-list-box{

display:none;

}


.news-image-item img{

border-radius:8px;

}


}


/*=====================
招商加盟开始
=====================*/


/* ==========================================================
   招商加盟
========================================================== */

.join-section {
    width: 100%;
    background: #fff;
    padding: 70px 0 80px;
    overflow: hidden;
}


/* 全站统一内容宽度 */
.join-container {
    width: calc(100% - 40px);
    max-width: 1200px;
    margin: 0 auto;
}


/* ==========================================================
   标题
========================================================== */

.join-title {
    margin: 0 0 42px;
    padding: 0;

    text-align: center;

    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;

    color: #252525;
}


/* ==========================================================
   三张加盟图片 - PC
========================================================== */

.join-types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;

    width: 100%;
}


.join-type {
    min-width: 0;
}


.join-type-image {
    position: relative;

    width: 100%;
    height: 230px;

    overflow: hidden;
}


/* 图片 */
.join-type-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .45s ease;
}


/* 黑色透明背景 */
.join-type-image::after {
    content: "";

    position: absolute;
    z-index: 1;

    inset: 0;

    background: rgba(0, 0, 0, .18);

    pointer-events: none;
}


/* PC 图片中央文字 */
.join-type-pc-title {
    position: absolute;
    z-index: 2;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    font-size: 22px;
    line-height: 1;
    font-weight: 700;

    white-space: nowrap;
}


/* PC 隐藏图片下面标题 */
.join-type-mobile-title {
    display: none;
}


/* hover */
@media (hover:hover) {

    .join-type:hover .join-type-image img {
        transform: scale(1.035);
    }

}


/* ==========================================================
   PC 科室滚动区域
========================================================== */

.join-dept-pc {
    display: block;

    width: 100%;

    margin-top: 48px;
}


.join-dept-marquee {
    position: relative;

    width: 100%;

    overflow: hidden;
}


/*
 * JS 会负责轨道移动。
 * HTML 里面不需要复制第二组。
 */
.join-dept-track {
    display: flex;

    align-items: center;

    width: max-content;

    will-change: transform;

    transform: translate3d(0, 0, 0);
}


/* 单个科室 */
.join-dept-card {
    flex: 0 0 170px;

    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;

    min-width: 0;

    padding: 5px 10px;

    box-sizing: border-box;
}


/* 图标 */
.join-dept-card img {
    display: block;

    width: 54px;
    height: 54px;

    object-fit: contain;

    margin: 0 auto 13px;

    opacity: .78;
}


/* 文字 */
.join-dept-card span {
    display: block;

    width: 100%;

    text-align: center;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;

    color: #666;

    white-space: nowrap;
}


/* PC 不显示移动端固定宫格 */
.join-dept-mobile {
    display: none;
}


/* ==========================================================
   平板
========================================================== */

@media (max-width: 1024px) and (min-width: 769px) {

    .join-section {
        padding: 60px 0 65px;
    }

    .join-title {
        font-size: 28px;
        margin-bottom: 35px;
    }

    .join-type-image {
        height: 190px;
    }

    .join-dept-card {
        flex-basis: 145px;
    }

}


/* ==========================================================
   手机端
========================================================== */

@media (max-width: 768px) {

    .join-section {
        padding: 34px 0 42px;
    }


    /*
     * 手机不要使用 PC 的 1200px 视觉宽度。
     * 左右保持设计图的留白。
     */
    .join-container {
        width: calc(100% - 36px);
        max-width: none;
        margin: 0 auto;
    }


    /* --------------------------
       标题
    -------------------------- */

    .join-title {
        margin: 0 0 24px;

        font-size: 24px;
        line-height: 1.25;

        font-weight: 700;

        color: #222;
    }


    /* ======================================================
       移动端三张图片
    ====================================================== */

    .join-types {
        display: grid;

        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 6px;

        width: 100%;
    }


    .join-type {
        width: 100%;
        min-width: 0;
    }


    .join-type-image {
        width: 100%;

        height: auto;
        aspect-ratio: 1.28 / 1;

        border-radius: 8px;

        overflow: hidden;
    }


    .join-type-image img {
        width: 100%;
        height: 100%;

        object-fit: cover;
    }


    /*
     * 手机设计图没有图片黑色遮罩
     */
    .join-type-image::after {
        display: none;
    }


    /*
     * 手机图片里面不要文字
     */
    .join-type-pc-title {
        display: none;
    }


    /*
     * 标题放到图片下面
     */
    .join-type-mobile-title {
        display: block;

        padding-top: 7px;

        text-align: center;

        font-size: 14px;
        line-height: 1.4;

        color: #333;

        font-weight: 400;
    }


    /* ======================================================
       PC滚动彻底隐藏
    ====================================================== */

    .join-dept-pc {
        display: none !important;
    }


    /* ======================================================
       移动端 4 + 3 宫格
    ====================================================== */

    .join-dept-mobile {
        display: grid;

        grid-template-columns: repeat(4, 1fr);

        width: 100%;

        margin-top: 17px;

        overflow: hidden;
    }


    /* 每一个图标 */
    .join-mobile-card {
        position: relative;

        display: flex;

        flex-direction: column;

        justify-content: center;
        align-items: center;

        height: 78px;

        padding: 5px 2px;

        box-sizing: border-box;

        text-align: center;
    }


    /* ======================================================
       颜色排列

       第一排：
       深 浅 深 浅

       第二排：
       浅 深 浅

       与设计图一致
    ====================================================== */


    /* 深色 */

    .join-mobile-card:nth-child(1),
    .join-mobile-card:nth-child(3),
    .join-mobile-card:nth-child(6) {

        background: #495982;
    }


    /* 浅色 */

    .join-mobile-card:nth-child(2),
    .join-mobile-card:nth-child(4),
    .join-mobile-card:nth-child(5),
    .join-mobile-card:nth-child(7) {

        background: #E4EFFF;
    }


    /* ======================================================
       深色格子的图标
    ====================================================== */

    .join-mobile-card:nth-child(1) img,
    .join-mobile-card:nth-child(3) img,
    .join-mobile-card:nth-child(6) img {

        filter:
            brightness(0)
            invert(1);

        opacity: 1;
    }


    /* 深色格子文字 */

    .join-mobile-card:nth-child(1) span,
    .join-mobile-card:nth-child(3) span,
    .join-mobile-card:nth-child(6) span {

        color: #fff;
    }


    /* ======================================================
       浅色格子图标
    ====================================================== */

    .join-mobile-card:nth-child(2) img,
    .join-mobile-card:nth-child(4) img,
    .join-mobile-card:nth-child(5) img,
    .join-mobile-card:nth-child(7) img {

        /*
         * 原图片本身如果是灰色/蓝灰色，
         * 保留原图效果。
         */
        filter: none;

        opacity: .95;
    }


    /* 浅色文字 */

    .join-mobile-card:nth-child(2) span,
    .join-mobile-card:nth-child(4) span,
    .join-mobile-card:nth-child(5) span,
    .join-mobile-card:nth-child(7) span {

        color: #495982;
    }


    /* 图标尺寸 */

    .join-mobile-card img {
        display: block;

        width: 34px;
        height: 34px;

        object-fit: contain;

        margin: 0 auto 5px;
    }


    /* 科室名称 */

    .join-mobile-card span {
        display: block;

        width: 100%;

        font-size: 12px;
        line-height: 1.2;

        font-weight: 600;

        white-space: nowrap;
    }

}


/* ==========================================================
   小屏手机
========================================================== */

@media (max-width: 380px) {

    .join-container {
        width: calc(100% - 28px);
    }

    .join-title {
        font-size: 22px;
    }

    .join-type-mobile-title {
        font-size: 13px;
    }

    .join-mobile-card {
        height: 73px;
    }

    .join-mobile-card img {
        width: 31px;
        height: 31px;
    }

    .join-mobile-card span {
        font-size: 11px;
    }

}

/* =========================
招商加盟结束
========================= */






/* ===========================
合作单位 PC
=========================== */


/* =========================================================
   合作单位
========================================================= */

.partner-section {
    width: 100%;
    background: #fff;

    padding: 65px 0 80px;
}


/*
 * 和首页其他模块保持同一宽度。
 * 如果你的 .home-container 已经全站定义过，
 * 这一段不要重复写。
 */
.home-container {
    width: calc(100% - 40px);
    max-width: 1200px;

    margin: 0 auto;
}


/* =========================================================
   标题
========================================================= */

.partner-title {
    width: 100%;

    text-align: center;

    margin-bottom: 42px;
}


.partner-title h2 {
    margin: 0;

    font-size: 32px;
    line-height: 1.3;

    font-weight: 700;

    color: #2d2d2d;
}


/* =========================================================
   PC网格：5列
========================================================= */

.partner-grid {
    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    width: 100%;
}


/*
 * 每一个真实LOGO格
 *
 * 注意：
 * 默认完全无边框。
 * 后面JS只给需要的元素加：
 *
 * .line-right
 * .line-bottom
 */
.partner-item {
    position: relative;

    min-width: 0;

    height: 155px;

    display: flex;

    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}


/* 竖向内部线 */
.partner-item.line-right::after {
    content: "";

    position: absolute;

    z-index: 1;

    right: 0;
    top: 0;

    width: 1px;
    height: 100%;

    background: #d4d4d4;
}


/* 横向内部线 */
.partner-item.line-bottom::before {
    content: "";

    position: absolute;

    z-index: 1;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: #d4d4d4;
}


/* LOGO */
.partner-item img {
    position: relative;
    z-index: 2;

    display: block;

    max-width: 92%;
    max-height: 150px;

    width: auto;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   移动端
========================================================= */

@media (max-width: 768px) {

    .partner-section {
        padding: 42px 0 50px;
    }


    .home-container {
        width: calc(100% - 28px);

        max-width: none;

        margin: 0 auto;
    }


    .partner-title {
        margin-bottom: 28px;
    }


    .partner-title h2 {
        font-size: 26px;
    }


    /*
     * 移动端固定3列
     */
    .partner-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    .partner-item {
        height: 90px;
    }


    .partner-item img {
        max-width: 98%;
        max-height: 80px;
    }

}


/* 更小手机 */
@media (max-width: 380px) {

    .partner-item {
        height: 84px;
    }


    .partner-item img {
        max-width: 86%;
        max-height: 60px;
    }

}

/* =========================================================
   iPad / Tablet 新闻动态
   769px - 1100px
========================================================= */

@media (min-width:769px) and (max-width:1100px){

    .home-news{
        padding:60px 0;
        overflow:hidden;
    }

    .home-news-box{
        width:calc(100% - 48px) !important;
        max-width:none !important;
        margin:0 auto;
        box-sizing:border-box;
    }

    .home-news-title{
        margin-bottom:35px;
    }

    .home-news-title h2{
        font-size:30px;
    }


    /* 左图 + 右侧新闻 */
    .news-container{
        width:100%;
        display:flex;
        align-items:stretch;
        gap:30px;
        box-sizing:border-box;
    }


    /* 左侧图片 */
    .news-image-box{
        width:52%;
        flex:0 0 52%;
        height:300px;
        overflow:hidden;
    }

    .news-image-item{
        width:100%;
        height:100%;
    }

    .news-image-item img{
        display:block;
        width:100%;
        height:300px;
        object-fit:cover;
    }


    /* 右侧列表 */
    .news-list-box{
        width:auto;
        flex:1;
        min-width:0;
    }

    .news-list-item{
        padding:10px 0;
        box-sizing:border-box;
    }

    .news-list-item .news-date{
        font-size:11px;
        margin-bottom:4px;
    }

    .news-list-item a{
        display:block;
        font-size:13px;
        line-height:1.45;

        color:#333;

        white-space:normal;
        word-break:break-word;
        overflow-wrap:anywhere;
    }

}


/* ==========================================================
   首页 - 发明专利
========================================================== */

.home-patent {
    width: 100%;
    background: #fff;

    /* 顶部和上一板块拉开 */
    padding: 70px 0 95px;

    overflow: hidden;
}


/* ==========================================================
   标题
========================================================== */

.home-patent-title {
    text-align: center;

    margin-bottom: 42px;
}

.home-patent-title h2 {
    margin: 0;

    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;

    color: #333;
}


/* ==========================================================
   专利显示区域
========================================================== */

.home-patent-stage {
    position: relative;

    width: 100%;

    overflow: hidden;

    /*
     * 给专利墙一个稳定高度
     * 不直接贴到底部
     */
    padding: 18px 0 28px;
}


/* ==========================================================
   专利网格
========================================================== */

.home-patent-grid {
    width: 100%;

    display: grid;

    /*
     * PC设计图约10列
     */
    grid-template-columns: repeat(10, minmax(0, 1fr));

    column-gap: 12px;
    row-gap: 10px;

    /*
     * 轻微透视
     * 不要之前那么夸张
     */
    transform: perspective(1500px) rotateX(4deg);
    transform-origin: center center;
}


/* ==========================================================
   单张专利
========================================================== */

.patent-item {
    min-width: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}


.patent-img {
    display: block;

    width: 100%;
    height: 135px;

    object-fit: contain;
}


/* ==========================================================
   设计图渐隐效果
========================================================== */

/* 上下渐隐 */

.home-patent-stage::before,
.home-patent-stage::after {
    content: "";

    position: absolute;
    z-index: 5;

    left: 0;

    width: 100%;
    height: 60px;

    pointer-events: none;
}

.home-patent-stage::before {
    top: 0;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,.72),
        rgba(255,255,255,0)
    );
}

.home-patent-stage::after {
    bottom: 0;

    background: linear-gradient(
        to top,
        rgba(255,255,255,.82),
        rgba(255,255,255,0)
    );
}


/* 左右渐隐 */

.home-patent-stage {
    isolation: isolate;
}

.home-patent-stage > .home-patent-grid {
    position: relative;
    z-index: 1;
}

.home-patent-stage::before,
.home-patent-stage::after {
    z-index: 3;
}

.home-patent .home-container {
    position: relative;
}

.home-patent .home-container::before,
.home-patent .home-container::after {
    content: "";

    position: absolute;

    z-index: 4;

    top: 90px;
    bottom: 70px;

    width: 90px;

    pointer-events: none;
}

.home-patent .home-container::before {
    left: 0;

    background: linear-gradient(
        to right,
        #fff,
        rgba(255,255,255,0)
    );
}

.home-patent .home-container::after {
    right: 0;

    background: linear-gradient(
        to left,
        #fff,
        rgba(255,255,255,0)
    );
}

@media (min-width:769px) and (max-width:1100px) {

    .home-patent {
        padding: 55px 0 80px;
    }

    .home-patent-title {
        margin-bottom: 32px;
    }

    .home-patent-title h2 {
        font-size: 30px;
    }

    .home-patent-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));

        column-gap: 9px;
        row-gap: 8px;
    }

    .patent-img {
        height: 125px;
    }

}

@media (max-width:768px) {

    .home-patent {
        padding: 40px 0 65px;
    }

    .home-patent-title {
        margin-bottom: 26px;
    }

    .home-patent-title h2 {
        font-size: 24px;
    }


    .home-patent-stage {
        width: 100%;

        overflow: hidden;

        padding: 10px 0 18px;
    }


    .home-patent-grid {
        width: 650px;

        position: relative;
        left: 50%;

        transform:
            translateX(-50%)
            perspective(1000px)
            rotateX(3deg);

        grid-template-columns: repeat(6, minmax(0, 1fr));

        column-gap: 7px;
        row-gap: 7px;
    }


    .patent-img {
        height: 125px;
    }


    /*
     * 手机左右渐隐缩小
     */

    .home-patent .home-container::before,
    .home-patent .home-container::after {
        width: 25px;
    }

}