/* CSS Document  */
/************************** 一、基础样式重置 - 通用全局样式 **************************/
/* 全局列表标签重置：清除默认符号、内外边距（最高优先级） */
li {
    list-style: none !important;
}
/* 全局ul标签重置：清除默认符号、内外边距 */
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* 栅格系统行容器：左右负边距，配合列容器padding使用 */
.row {
    margin-right: -15px;
    margin-left: -15px;
}
/* 文本单行溢出：通用类，适用于所有需要单行省略的文本 */
.view-text {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/************************** 二、通用组件样式 - 多模块复用的基础组件 **************************/
/* 核心功能按钮：首页6大核心业务入口（预约挂号/出诊信息等） */
.nav-two {
    padding: 10px;
    background: #379CAE;
    color: white;
    border-radius: 8px;
    text-align: center;
    margin: 7px;
}
/* 资讯列表小点：列表项前置标识点，统一配色 */
.min-dot {
    color: #379CAE;
    font-size: 16px;
}
/* 资讯列表项：单行省略、底部边框、固定行高 */
.tab-news-li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
/* 频道主标题：模块标题居中（科室介绍/专家介绍等） */
.index-channel-title {
    text-align: center;
}
/* 频道标题链接：相对定位，为伪元素左右横线做基础 */
.index-channel-title>a {
    position: relative;
}
/* 频道标题左右横线：伪元素实现，标题两侧装饰线 */
.index-channel-title>a:after,
.index-channel-title>a:before {
    content: "";
    border-bottom: 1px solid #999999;
    position: absolute;
    width: 120px;
    top: 16px;
    right: -135px;
}
/* 频道标题左侧横线：单独控制左侧位置 */
.index-channel-title>a:before {
    left: -135px;
}
/* 三栏资讯标题：信息公开/科普健教等栏目标题，左侧竖线+底部边框 */
.three-title {
    border-bottom: 1px solid #eee;
    color: #379CAE;
    padding-bottom: 6px;
    position: relative;
    margin-left: 10px;
    text-indent: 0.5rem;
}
/* 三栏资讯标题左侧竖线：伪元素实现，标题前置标识 */
.three-title:after {
    content: "";
    position: absolute;
    border-left: 3px solid #379CAE;
    left: -5px;
    height: 30px;
}
/* 移动端下拉菜单：自定义宽高、阴影、层级，适配移动端科室选择 */
.dropdown-menu {
    min-width: 220px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 6px 24px rgb(0 0 0 / 6%);
    box-shadow: 0px 6px 24px rgb(0 0 0 / 6%);
    border: 1px solid #f1f1f1;
    z-index: 101;
}
/* 下拉菜单展开状态：预留样式，暂未启用 */
.open>.dropdown-menu {
    /*  margin-left: 10%;*/
}
/* 图标放大类：通用图标放大，强制优先级 */
.suer-icon {
    font-size: 44px !important;
}
/* 自定义字体图标：6大核心功能按钮配套图标（Unicode） */
.fa-Registration:before {
    content: "\f234";
}
.fa-Visit:before {
    content: "\f0f9";
}
.fa-Process:before {
    content: "\f0e8";
}
.fa-Layout:before {
    content: "\f0f0";
}
.fa-Position:before {
    content: "\f1ad";
}
.fa-Navigation:before {
    content: "\f041";
}
/* 标签页容器：通用标签页导航，适配多模块标签切换 */
#myTab {
    font-size: 20px;
    margin-top: 20px;
    max-width: 100vw;
}
/* 标签页内容区：标签页主体内容容器，轻微内边距 */
#myTabContent {
    margin: 3px
}
/* 激活标签下划线：选中标签底部蓝色下划线，伪元素实现 */
.nav-tabs>li.active>a:after {
    content: "";
    border-bottom: 3px solid;
    border-color: #379CAE;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    bottom: 6px;
    border-radius: 3px;
}
/* 回到顶部按钮：固定定位、半透明背景、鼠标悬浮显示，默认隐藏 */
.scrollToTop {
    color: #fff;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1005;
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* 图片适配：PC端显示/移动端隐藏 */
.p-ban{display: block;}
/* 图片适配：移动端显示/PC端隐藏 */
.m-ban{display: none;}

/************************** 三、核心业务模块 - 科室/资讯/专家/快速入口等核心功能 **************************/
/* 科室介绍-父容器：PC端科室导航外层，底部内边距 */
.link{ padding-bottom:65px;}
/* 科室介绍-父/子项通用样式：行内块、边框、圆角、鼠标指针 */
.ksjs-ul li,
.ksjs-list li {
    display: inline-block;
    list-style: none;
    padding: 5px 16px;
    border: 1px solid #379CAE;
    border-radius: 3px;
    text-align: center;
    margin: 12px;
    font-size: 16px;
    min-width: 177px;
    cursor: pointer;
}
/* 科室介绍-子项样式：重定义边框、最小宽度、外边距 */
.ksjs-list li {
    border: 1px solid #555;
    min-width: 147px;
    margin: 12px 7px;
}
/* 科室介绍-子项容器：阴影、圆角、自适应宽度，渲染选中科室子内容 */
.ksjs-list {
    width: 98%;
    min-height: 130px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    margin-left: 1%;
    box-shadow: 7px 5px 5px 1px #ddd;
}
/* 科室介绍-父项激活状态：选中科室背景色反转，文字变白 */
.ksjs-ul>.action {
    background: #379CAE;
    color: white;
}
/* 移动端科室下拉层：绝对定位、半透明背景、高层级，默认隐藏 */
.share-div {
    position: absolute;
    top: 3rem;
    width: 80%;
    background: #379CAEed;
    z-index: 9999;
    padding-top: 2rem;
    padding-bottom: 2rem;
    left: 10%;
    border-radius: 7px;
    color: #cb2069;
    line-height: 3rem;
    display: none;
}
/* 移动端科室下拉-选中状态：文字白色，强制优先级 */
.share-div>ul>.active {
    color: #ffffff !important;
}
/* 移动端科室选择按钮：文字配色，强制优先级 */
.select-a {
    font-size: 18px;
    color: #379CAE !important;
}
/* 移动端下拉箭头：旋转样式，适配展开/收起状态 */
#point-span {
    transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(7deg);
}
/* 行内块通用类：适配箭头/小元素的行内块显示 */
.iblock {
    display: inline-block;
}
/* 图片底部遮罩：图片底部半透明文字层，单行省略 */
.share_bg {
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    bottom: 0px;
    line-height: 50px;
    background: #000000b8;
}
/* 遮罩层链接：白色文字，左右内边距 */
.share_bg>a {
    color: white;
    padding: 0 15px;
}
/* 特色专病-父项基础样式：左浮动、圆角、过渡、背景色 */
.tszb-ul li {
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 20px;
    font-size: 14px;
    margin-right: 5px;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #E5D5D6;
    color: #000;
    margin-bottom:15px;
    margin-right:8px;
    cursor:pointer;
}
/* 特色专病-父项悬浮：背景色反转，文字变白 */
.tszb-ul li:hover {
    background: #cb2069;
    color: #fff;
}
/* 特色专病-父项激活：选中状态，同悬浮样式 */
.tszb-ul>.action {
    background: #cb2069;
    color: white;
}
/* 特色专病-子项基础样式：左浮动、圆角、过渡、粉色背景 */
.tszb-list li {
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    margin-right: 5px;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #ff6699;
    color: #000;
    cursor:pointer;
    margin-bottom:15px;
    margin-right:8px;
}
/* 特色专病-子项悬浮：背景色反转，文字变白 */
.tszb-list li:hover {
    background: #cb2069;
    color: #fff;
    cursor:pointer;
}
/* 特色专病-子项链接悬浮：取消下划线，文字变白 */
.tszb-list a:hover {
    text-decoration:none;
    color: #fff;
}
/* 特色专病-子项容器：最大宽度、最小高度、圆角、上内边距 */
.tszb-list {
    max-width: 1360px;
    min-height: 100px;
    border-radius: 10px;
    margin-top:30px;
    padding-top:5px;
}
/* 核心功能区：6大核心按钮外层容器，上下内边距 */
.center{padding:40px 0 0px 0;}
/* 通知公告栏：通栏容器，边框、阴影、文字白色 */
.tzgg{width: 100%; border:1px solid #84665a; height: 75px; box-shadow: 0px 5px 6px #cacaca; color: #fff;}
/* 通知公告-左侧：背景图、内边距、字体大小 */
.tzgg .le{width: 165px; line-height: 73px; background: url(../images/gb.png) no-repeat 20px center #84665a ; padding-left: 55px; font-size: 20px; }
/* 通知公告-中间：内容区，宽度、高度、内边距、文字配色 */
.tzgg .ce{width: 60%; height: 53px; margin-left: 20px; color: #555; margin-top: 10px;}
/* 通知公告-右侧：背景色、文字居中、链接白色 */
.tzgg .ri{width: 106px; line-height: 73px; text-align: center; font-size: 15px; background: #84665a;}
/* 通知公告-右侧链接：白色文字 */
.tzgg .ri a{color: #fff;}
/* 滚动公告-列表项：固定行高、字体大小 */
.txtScroll-top .infoList li{ height:53px; line-height:53px; font-size: 18px;}
/* 滚动公告-时间：灰色文字，左内边距 */
.txtScroll-top .infoList li span{font-size: 16px; color: #999999; padding-left: 15px;}
/* 快速入口-外层：通栏容器，上内边距 */
.fast-enter{width: 100%; padding-top: 60px;}
/* 快速入口-标题区：文字居中 */
.in-bit{text-align: center;}
/* 快速入口-主标题：字体大小、取消粗体、相对定位 */
.in-bit h1{font-size: 30px; font-weight: normal; position: relative;}
/* 快速入口-英文副标题：左右横线、大写、行高 */
.in-bit span{display:inline-block; margin:0 auto; font-size: 14px; font-family: "Arial"; position: relative; padding:0 6px; height: 21px; line-height: 21px; text-transform: uppercase;}
/* 副标题左侧横线：伪元素实现 */
.in-bit span:after{content: ""; width: 20px; height: 1px; background: #e4e4e4;left: -20px; position: absolute; top: 10px;}
/* 副标题右侧横线：伪元素实现 */
.in-bit span:before{content: ""; width: 20px; height: 1px; background: #e4e4e4;right: -20px; position: absolute; top: 10px;}
/* 快速入口-列表：通栏容器，上内边距 */
.fast-list{width: 100%; padding-top: 30px;}
/* 快速入口-列表项：左浮动、宽度、溢出隐藏、相对定位、背景黑色 */
.fast-list li{width: 23.5%; float: left; overflow: hidden; margin-right: 2%; background: #000; list-style: none; position: relative;}
/* 快速入口-图片：块级显示、通栏、过渡缩放 */
.fast-list li img{display: block; width: 100%; transition-duration: 1s;}
/* 快速入口-图片悬浮：缩放、半透明 */
.fast-list li:hover img{ transform: scale(1.1); opacity: 0.7; }
/* 快速入口-第4n项：取消右侧外边距，适配4列布局 */
.fast-list li:nth-child(4n){margin-right: 0;}
/* 快速入口-列表项文字：绝对定位、居中、背景半透明、白色文字 */
.fast-list li p{position: absolute; left: 0; bottom:0; text-align: center; color: #fff; background: rgba(132,102,90,0.95); width: 100%; line-height: 58px; font-size: 20px; cursor: pointer;}
/* 科室大全-外层：通栏、相对定位、内外边距、最小高度 */
.in-ks{width: 100%; overflow: hidden; position: relative; padding:50px 0 30px 0; min-height: 620px;}
/* 科室大全-背景图：绝对定位、通栏、动画缩放、背景自适应 */
.in-ks .bg{width: 100%; position: absolute; height: 100%; left: 0; top: 0; background: url(../images/ks-bg.jpg) no-repeat; background-size: cover; animation: run 12s linear infinite; }
/* 资讯模块-外层：资讯标签页容器，上下内边距 */
.in-news{padding:20px 0 20px 0;}
/* 资讯1-标题：单行省略、取消粗体、字体大小 */
.in-news1 h1{font-size: 20px; height: 36px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-weight:normal;}
/* 资讯1-简介：两行省略、灰色文字、行高 */
.in-news1 p{ font-size: 16px; line-height: 24px; color: #adadad; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
/* 资讯1-外层：通栏，底部内边距 */
.in-news1{width: 100%; padding-bottom: 10px;}
/* 资讯2-列表项：相对定位、行高、底部边框、单行省略、过渡 */
.in-news2 li{position: relative; line-height: 44px; border-bottom: 1px solid #dbdbdb; padding-left: 25px; font-size: 16px; color: #000000; padding-right: 30%;  overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-weight:normal; transition-duration: 0.5s; cursor: pointer;}
/* 资讯2-列表项前置点：伪元素实现，灰色小圆点 */
.in-news2 li:after{position: absolute; width: 6px; height: 6px; background: #a0a0a0; border-radius: 50%; left: 6px; top: 19px; content: ""}
/* 资讯2-链接：黑色文字 */
.in-news2 li a{color: #000;}
/* 资讯2-链接悬浮：蓝色文字 */
.in-news2 li a:hover{color: #379CAE;}
/* 资讯2-时间：绝对定位、右侧、灰色文字 */
.in-news2 span{position: absolute; right: 0; top: 0; width: 25%; text-align: center; display: inline-block; font-size: 16px; color: #999999;}
/* 资讯2-列表项悬浮：左内边距增加，过渡效果 */
.in-news2 li:hover{ padding-left: 30px; }
/* 资讯2-外层：通栏容器 */
.in-news2{width: 100%;}
/* 资讯左栏：新闻轮播区，宽度适配 */
.in-n-le{width: 48.6%;}
/* 资讯右栏：新闻列表区，宽度适配 */
.in-n-ri{width: 47%;}
/* 资讯更多按钮：居中、边框、过渡、行高 */
.in-an{width: 200px; height:42px; line-height: 42px; border:1px solid #555; font-size: 16px;  text-align: center;font-family: "Arial"; margin:0 auto; transition-duration:1s; margin-top: 30px; }
/* 图片横向滚动-外层：通栏、相对定位、上内边距 */
.picMarquee-left{ width:100%;  overflow:hidden; position:relative; padding-top: 20px;}
/* 图片横向滚动-列表项：左浮动、边框、居中、固定高度、内边距 */
.picMarquee-left .bd ul li{width: 16%; margin-right:11px; border:3px solid #ececec; text-align: center;height:96px; padding:20px 0 15px 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
/* 图片横向滚动-标题：字体大小、取消粗体、黑色文字 */
.picMarquee-left .bd ul li h1{font-size: 24px; color: #111111; font-weight: normal;}
/* 图片横向滚动-简介：灰色文字、字体大小 */
.picMarquee-left .bd ul li p{color: #c2c2c2; font-size: 16px;}
/* 文字横向滚动-外层：通栏、相对定位、上内边距 */
.txtMarquee-left{ width:100%;  position:relative; padding-top: 25px; }
/* 文字横向滚动-内容区：通栏 */
.txtMarquee-left .bd{width: 100%;}
/* 文字横向滚动-滚动容器：强制通栏，覆盖插件默认样式 */
.txtMarquee-left .bd .tempWrap{ width:100% !important; }
/* 文字横向滚动-列表项：左浮动、边框、居中、固定高度、内边距 */
.txtMarquee-left .bd ul li{ width: 16.5%; margin-right:10px; float:left; border:3px solid #ececec; text-align: center;height:96px; padding:20px 0 15px 0; }
/* 文字横向滚动-标题：字体大小、取消粗体、黑色文字 */
.txtMarquee-left .bd ul li h1{font-size: 24px; color: #111111; font-weight: normal;}
/* 文字横向滚动-简介：灰色文字、字体大小 */
.txtMarquee-left .bd ul li p{color: #c2c2c2; font-size: 16px;}

/************************** 四、标签页样式 - 科室/资讯通用标签页组件 **************************/
/* 标签页1-导航：科室大全标签导航，居中、固定高度 */
.Menubox1 {width: 100%; height:50px; position: relative; margin:25px 0 15px 0; text-align: center; }
/* 标签页1-导航项：行内块、背景色、白色文字、相对定位、鼠标指针 */
.Menubox1 li {display: inline-block; padding:0 25px; background:#c69f8f; cursor: pointer;height: 50px; line-height: 50px; font-size: 20px;color: #fff; position: relative; margin:0 12px;}
/* 标签页1-导航项下划线：伪元素实现，蓝色小三角，默认隐藏 */
.Menubox1 li:after{content: "";position: absolute; width: 11px;height: 11px; background: #379CAE; left: 50%; transform: rotate(45deg); transition-duration: .5s; bottom:-6px; opacity: 0;}
/* 标签页1-导航激活：背景色反转，白色文字 */
.Menubox1 li.hover { background: #379CAE; color: #fff;}
/* 标签页1-激活下划线：显示小三角，过渡效果 */
.Menubox1 li.hover:after{ opacity: 1;}
/* 标签页1-内容区：相对定位、上内边距、白色文字 */
.CbContainer1{position:relative; padding-top: 20px; color: #fff; }
/* 标签页1-图片：行内块、最大宽度、上内边距 */
.CbContainer1 img{display: inline-block; max-width: 100%; padding-top: 30px;}
/* 标签页1-内容外层：清除浮动、通栏、最小高度 */
.Contentbox1 {clear: both; width:100%; min-height:196px; }
/* 科室列表-外层：通栏容器 */
.ks-list{width: 100%;}
/* 科室列表-UL：底部内边距 */
.ks-list ul{padding-bottom: 30px;}
/* 科室列表-列表项：左浮动、宽度、居中、最小高度、边框、过渡 */
.ks-list li{width: 13%; float: left; text-align: center; margin-right:1.5%; list-style: none; margin-bottom: 20px; min-height: 130px; border:1px solid #fff; padding-top:30px; cursor: pointer; transition-duration: 0.5s}
/* 科室列表-链接：白色文字 */
.ks-list li a{color: #fff;}
/* 科室列表-链接悬浮：保持白色文字，取消下划线 */
.ks-list li a:hover{ color: #fff; }
/* 科室列表-第7n项：取消右侧外边距，适配7列布局 */
.ks-list li:nth-child(7n){margin-right: 0;}
/* 科室列表-文字：行高、字体大小、相对定位 */
.ks-list li p{line-height: 38px; font-size: 16px; width: 100%; position: relative;}
/* 科室列表-文字下划线：伪元素实现，白色小横线 */
.ks-list li p:after{position: absolute; left: 45%; bottom: 0; width: 16px; height: 1px; background: #fff; content: ""}
/* 科室列表-英文：块级、行高、上内边距、字体 */
.ks-list li span{display: block; line-height: 20px; padding-top: 6px; font-size: 14px; font-family: "Arial"; }
/* 科室列表-更多按钮：居中、边框、字体大小、过渡 */
.ks-list .an{width: 200px; height:42px; border:1px solid #fff; font-size: 16px;  text-align: center;font-family: "Arial"; margin:0 auto; transition-duration:1s; }
/* 更多按钮-链接：白色文字、通栏、行高 */
.ks-list .an a{color: #fff; display: inline-block; width: 100%; line-height: 42px; }
/* 更多按钮悬浮：背景色反转，白色文字 */
.ks-list .an:hover{background: #379CAE; color: #fff;}
/* 科室列表项悬浮：背景色反转，过渡效果 */
.ks-list li:hover{background: #379CAE}

/* 标签页2-导航：资讯模块标签导航，居中、固定高度 */
.Menubox2 {width: 100%; height:50px; position: relative; margin:25px 0 15px 0; text-align: center; }
/* 标签页2-导航项：行内块、白色背景、边框、鼠标指针 */
.Menubox2 li {display: inline-block; width: 190px; background:#fff; border:1px solid #c7c7c7; cursor: pointer;height: 50px; line-height: 50px; font-size: 20px;color: #333333; position: relative; margin:0 12px;}
/* 标签页2-导航项下划线：伪元素实现，蓝色小三角，默认隐藏 */
.Menubox2 li:after{content: "";position: absolute; width: 11px;height: 11px; border:1px solid #379CAE; background: #379CAE; left: 50%; transform: rotate(45deg); transition-duration: .5s; bottom:-6px; opacity: 0;}
/* 标签页2-导航激活：背景色反转，白色文字 */
.Menubox2 li.hover { background: #379CAE; color: #fff;}
/* 标签页2-激活下划线：显示小三角，过渡效果 */
.Menubox2 li.hover:after{ opacity: 1;}
/* 标签页2-内容区：相对定位、上内边距、灰色文字 */
.CbContainer2{position:relative; padding-top: 40px; color: #555;}
/* 标签页2-内容外层：清除浮动、通栏、最小高度 */
.Contentbox2 {clear: both; width:100%; min-height:196px; }

/************************** 五、轮播样式 - 主轮播/新闻轮播/备用轮播 **************************/
/* Swiper轮播-外层：通栏、高度、内边距、底部外边距 */
.swiper {
    width: 98%;
    height: 100%;
    margin-left: 1%;
    margin-bottom: 35px;
    padding-bottom: 35px;
}
/* Swiper轮播-幻灯片：居中、弹性布局、背景白色 */
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* Swiper轮播-图片：块级、通栏、对象适配 */
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 专家轮播-卡片1：块级、边框、固定高度、左浮动、内边距 */
.zdzk-swper {
    display: block;
    border: 1px solid #ccc;
    height: 294px;
    float: left;
    padding: 10px;
}
/* 专家轮播-卡片2：块级、边框、固定高度、左浮动、内边距（高度更矮） */
.zdzk-swper1 {
    display: block;
    border: 1px solid #ccc;
    height: 244px;
    float: left;
    padding: 10px;
}
/* 专家轮播-头像容器：居中、固定宽度、圆角、上下外边距 */
.zdzk-swper-img {
    text-align: center;
    width: 90px;
    margin: 15px auto;
    border-radius: 150px;
}
/* 专家轮播-头像：固定宽高、圆角、居中 */
.zdzk-swper-img>img {
    width: 90px;
    border-radius: 150px;
    margin: 0 auto;
    height: 90px;
}
/* 专家介绍-头像容器：居中、固定宽高、圆角、上下外边距 */
.zjjs-swper-img {
    text-align: center;
    width: 116px;
    height: 163px;
    margin: 15px auto;
    border-radius: 150px;
}
/* 专家介绍-头像：固定宽度、居中 */
.zjjs-swper-img>img {
    width: 116px;
    margin: 0 auto;
}

/* 主轮播-外层：相对定位、居中、固定宽度、阴影、高度自适应 */
.slideBox{ 
  position:relative; 
  margin: auto;
  width:1600px;
  height: 100%;
  box-shadow: 0 0 15px #454545;
}
/* 主轮播-内容区：相对定位、高度100%、溢出隐藏 */
.slideBox .bd{ 
  position:relative; 
  height:100%;
    overflow:hidden; 
}
/* 主轮播-列表：高度100% */
.slideBox .bd ul{ 
  height:100%;
}
/* 主轮播-列表项：垂直居中、高度100% */
.slideBox .bd li{ 
  vertical-align:middle; 
  height:100%;
}
/* 主轮播-图片：居中、固定宽度、高度100%、缩放动画 */
.slideBox .bd img{ 
  margin:auto;
  width:1600px; 
  height: 100%;
  animation: changeScale 1 2.5s;
}
/* 主轮播-文字层：绝对定位、居中、底部、文字白色 */
.slideBox .bd .banner-txt { position:absolute; width:100%; text-align:center; bottom: 15%; }
/* 主轮播-主标题：通栏、字体大小、文字阴影、粗体、白色 */
.slideBox .bd .banner-txt .t1{width: 100%; font-size:44px; text-shadow: 0 0 8px #000; font-weight: bold; color: #fff !important; }
/* 主轮播-副标题：通栏、字体大小、大写、文字阴影、白色 */
.slideBox .bd .banner-txt .t2{width: 100%; font-size: 18px; font-family: "Arial"; text-transform: uppercase; text-shadow: 0 0 8px #000; padding:20px 0; color: #fff !important; }
/* 主轮播-导航点：绝对定位、底部、通栏、居中、高层级 */
.slideBox .hd{ 
  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
/* 主轮播-导航点列表：溢出隐藏、白色文字、通栏、居中 */
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
/* 主轮播-导航点项：行内块、圆形、白色背景、鼠标指针、过渡 */
.slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:14px; 
  height:14px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
   transition-duration: 1s;
}
/* 主轮播-导航点激活：椭圆形、白色背景，过渡效果 */
.slideBox .hd ul li.on{ 
  width: 44px;
  height: 14px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:none;
}
/* 主轮播-上一页：绝对定位、左侧、垂直居中、圆形、半透明、默认隐藏 */
.slideBox .prev{ position:absolute; left:3%; top:50%; display:block; width:79px; height:79px; background: rgba(255,255,255,0.2); border-radius: 50%; transition-duration: 1s; display: none;}
/* 上一页箭头：伪元素实现，背景图旋转 */
.slideBox .prev:after{position: absolute; content: ""; width: 79px; height: 79px; background: url(../images/pre-jt.png) no-repeat center center;-webkit-transform: rotate(180deg);
                 -moz-transform: rotate(180deg);
                 -o-transform: rotate(180deg);
                 -ms-transform: rotate(180deg);
                 transform: rotate(180deg); }
/* 主轮播-下一页：绝对定位、右侧、垂直居中、圆形、半透明、默认隐藏 */
.slideBox .next{ position:absolute; right:3%; top:50%; display:block; width:79px; height:79px; background: rgba(255,255,255,0.2); border-radius: 50%; transition-duration: 1s; display: none;}
/* 下一页箭头：伪元素实现，背景图居中 */
.slideBox .next:after{position: absolute; content: ""; width: 100%; height: 38px; top: 50%; transform: translateY(-50%); background: url(../images/pre-jt.png) no-repeat center center; }
/* 主轮播悬浮：显示上/下一页按钮 */
.slideBox:hover .prev{ display: block;}
.slideBox:hover .next{ display: block;}

/* 备用轮播-外层：相对定位、居中、黑色背景、高度自适应 */
.slideBox1{ 
  position:relative; 
  margin:0 auto;
  background: #000;
  height: 100%;
}
/* 备用轮播-内容区：相对定位、高度100%、溢出隐藏 */
.slideBox1 .bd{ 
  position:relative; 
  height:100%;
    overflow:hidden; 
}
/* 备用轮播-列表：高度100% */
.slideBox1 .bd ul{ 
  height:100%;
}
/* 备用轮播-列表项：垂直居中、高度100% */
.slideBox1 .bd li{ 
  vertical-align:middle; 
  height:100%;
}
/* 备用轮播-图片：通栏、高度100%、缩放动画、块级 */
.slideBox1 .bd img{ 
  width:100%; 
  height: 100%;
  animation: changeScale 1 2.5s;
  display: block;
}
/* 备用轮播-导航点：绝对定位、底部、通栏、居中、高层级 */
.slideBox1 .hd{ 
  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
/* 备用轮播-导航点列表：溢出隐藏、白色文字、通栏、居中 */
.slideBox1 .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
/* 备用轮播-导航点项：行内块、圆形、白色背景、鼠标指针、过渡 */
.slideBox1 .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:14px; 
  height:14px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
  transition-duration: 1s;
}
/* 备用轮播-导航点激活：圆形、蓝色背景，过渡效果 */
.slideBox1 .hd ul li.on{ 
  width: 14px;
  height: 14px;
  border-radius:20px;
  background:#379CAE;
  box-shadow:none;
}

/* 新闻轮播-外层：相对定位、居中、黑色背景、高度自适应 */
.news-box{ 
  position:relative; 
  margin:0 auto;
  background: #000;
  height: 100%;
}
/* 新闻轮播-内容区：相对定位、高度100%、溢出隐藏 */
.news-box .bd{ 
  position:relative; 
  height:100%;
  overflow:hidden; 
}
/* 新闻轮播-列表：高度100% */
.news-box .bd ul{ 
  height:100%;
}
/* 新闻轮播-列表项：垂直居中、高度100%、相对定位 */
.news-box .bd li{ 
  vertical-align:middle; 
  height:100%;
  position: relative;
}
/* 新闻轮播-文字遮罩：绝对定位、底部、半透明、白色文字、单行省略 */
.news-box .bd li .dw{width: 100%; height: 52px; line-height: 52px; background: rgba(0,0,0,0.7); color: #fff; padding:0 20% 0 18px; font-size: 18px; position: absolute; left: 0; bottom: 0; z-index: 1; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
/* 新闻轮播-图片：通栏、固定高度、缩放动画、块级 */
.news-box .bd img{ 
  width:100%; 
  height: 450px;
  animation: changeScale 1 2.5s;
  display: block;
}
/* 新闻轮播-导航点：绝对定位、底部、通栏、右对齐、高层级 */
.news-box .hd{ 
  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:15px; 
  z-index:9; 
}
/* 新闻轮播-导航点列表：溢出隐藏、白色文字、通栏、右对齐、内边距 */
.news-box .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
  width:100%; 
  text-align: right;
  padding-right:15px; 
}
/* 新闻轮播-导航点项：行内块、小圆点、白色背景、鼠标指针、过渡 */
.news-box .hd ul li{ 
  display: inline-block;
  margin-right:10px;  
  width:10px; 
  height:10px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
  transition-duration: 1s;
}
/* 新闻轮播-导航点激活：小圆点、蓝色背景，过渡效果 */
.news-box .hd ul li.on{ 
  width: 10px;
  height: 10px;
  border-radius:20px;
  background:#379CAE;
  box-shadow:none;
}
/* 新闻轮播-上一页：绝对定位、左侧、垂直居中、背景图、过渡 */
.news-box .prev{ position:absolute; left:0; top:45%; display:block; width:40px; height:81px; background:url(../images/zj.png) no-repeat center center;  transition-duration: 1s; }
/* 新闻轮播-下一页：绝对定位、右侧、垂直居中、背景图旋转、过渡 */
.news-box .next{ position:absolute; right:0; top:45%; display:block; width:40px; height:81px; background:url(../images/zj.png) no-repeat center center;  transition-duration: 1s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg); -ms-transform: rotate(180deg);
transform: rotate(180deg);}

/************************** 六、动画关键帧 - 页面所有动效的核心定义 **************************/
/* 背景图缩放动画：无限循环，缓慢放大缩小 */
@keyframes run {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.04);
    }
    50% {
        transform: scale(1.08);
    }
    75% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}
/* 图片缩放淡入动画：进入时从大到小、从透明到不透明（通用） */
@keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }
    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}
/* 火狐浏览器兼容：图片缩放淡入动画 */
@-moz-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }
    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}
/* 谷歌浏览器兼容：图片缩放淡入动画 */
@-webkit-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }
    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}
/* 欧朋浏览器兼容：图片缩放淡入动画 */
@-o-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }
    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

/************************** 七、OwlCarousel轮播 - 专家介绍专用轮播插件样式 **************************/
/* Owl轮播-清除浮动：伪元素实现，修复高度塌陷 */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* Owl轮播-初始隐藏：初始化前隐藏，避免布局错乱 */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
/* Owl轮播-包裹层：初始隐藏、相对定位、3D变换 */
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
/* Owl轮播-外层容器：溢出隐藏、相对定位、通栏 */
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
/* Owl轮播-自动高度：高度过渡，适配动态内容 */
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
/* Owl轮播-列表项：左浮动，适配横向轮播 */
.owl-carousel .owl-item {
	float: left;
}
/* Owl轮播-控制按钮：鼠标指针，标识可点击 */
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
/* Owl轮播-控制区：禁止选中、清除点击高亮 */
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Owl轮播-拖拽光标：自定义拖拽鼠标样式 */
.grabbing {
	cursor: url(../images/grabbing.png) 8 8, move;
}
/* Owl轮播-3D变换：修复浏览器回退隐藏问题 */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/* Owl主题-控制区：上外边距、居中 */
.owl-theme .owl-controls {
	margin-top: 20px;
	text-align: center;
}
/* Owl主题-左右按钮：白色文字、行内块、固定宽高、文字缩进、绝对定位 */
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
*display: inline;
	width: 38px;
	height: 74px;
	text-indent: 40px;
	margin-top: -16%;
	z-index: 9;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
/* Owl主题-上一页：背景图、左浮动 */
.owl-theme .owl-controls .owl-buttons div.owl-prev {
	background: url(../img/i_pro_left.png) no-repeat;
	float: left;
}
/* Owl主题-上一页悬浮：切换背景图 */
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
	background: url(../img/i_pro_left_on.png) no-repeat;
}
/* Owl主题-下一页：背景图、右浮动 */
.owl-theme .owl-controls .owl-buttons div.owl-next {
	background: url(../img/i_pro_right.png) no-repeat;
	float: right;
}
/* Owl主题-下一页悬浮：切换背景图 */
.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
	background: url(../img/i_pro_right_on.png) no-repeat;
}
/* Owl主题-分页点：行内块、隐藏（暂未启用） */
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;
	display: none;
}
/* Owl主题-分页点样式：块级、固定宽高、圆角、背景图 */
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 16px;
	height: 16px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: url(../img/i_bg3.png) no-repeat;
}
/* Owl主题-分页点激活/悬浮：切换背景图 */
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: url(../img/i_bg4.png) no-repeat;
}
/* Owl主题-分页数字：适配数字分页，暂未启用 */
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* Owl轮播-加载中：最小高度、背景图，适配图片懒加载 */
.owl-item.loading {
	min-height: 150px;
}

/* 轮播1-外层：底部内边距，适配首页通用轮播 */
#owl-demo {
	padding-bottom: 3%;
}
/* 轮播1-列表项：相对定位、固定高度、左右外边距 */
#owl-demo .item {
	margin: 0.5px;
	position: relative;
	height: 487px;
}
/* 轮播1-图片：块级、通栏、高度100%、过渡缩放 */
#owl-demo .item img {
	height: 100%;
	width: 100%;
	transition: all 0.3s;
}
/* 轮播1-图片层：绝对定位、底部、通栏、过渡 */
#owl-demo .item .bg-list-img {
	position: absolute;
	bottom: 49px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: 100%;
}
/* 轮播1-标题层：绝对定位、底部、居中、通栏、溢出隐藏 */
#owl-demo .item .bg-list-tit {
	height: 56px;
	overflow: hidden;
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
/* 轮播1-标题文字：居中、行内块、底部边框、取消粗体 */
#owl-demo .item .bg-list-tit h4 {
	margin: 0 auto;
	display: inline-block;
	border-bottom: 2px solid #e2e2e2;
	font-weight: normal;
	font-size: 18px;
	line-height: 54px;
	padding-left: 10px;
	padding-right: 10px;
}
/* 轮播1-更多层：绝对定位、底部、背景色、文字居中、默认透明 */
#owl-demo .item .bg-list-more {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 56px;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	filter: Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
/* 轮播1-背景遮罩：绝对定位、通栏、底部、默认透明、过渡 */
#owl-demo .item .i_pro_bg {
	position: absolute;
	width: 100%;
	bottom: 56px;
	height: 89%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	filter: Alpha(Opacity=0);
	opacity: 0;
	left: 0;
}
/* 轮播1-业务层：绝对定位、底部、背景色、文字居中、白色文字 */
#owl-demo .item .bg-list-yew {
	position: absolute;
	width: 100%;
	bottom: 0px;
	height: 30%;
	background-color: #c30d23;
	text-align: center;
	color: #fff;
}
/* 轮播1-业务标题：居中、行内块、白色边框、取消粗体 */
#owl-demo .item .bg-list-yew h5 {
	border-bottom: 2px solid #fff;
	font-weight: normal;
	font-size: 18px;
	line-height: 54px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	margin-top: 9%;
}
/* 轮播1-内容层：绝对定位、底部、背景图、通栏、固定高度 */
#owl-demo .item .bg-list-hs {
	max-height: 316px;
	height: 70%;
	position: absolute;
	bottom: 30%;
	background: url(../img/i_por_pic2.png) center top no-repeat;
	background-size: 100% 100%;
	width: 100%;
}
/* 轮播1-内容文字：居中、宽度适配、行高、溢出隐藏、白色文字 */
#owl-demo .item .bg-list-hs p {
	width: 80%;
	margin: 0 auto;
	margin-top: 10%;
	color: #fefefe;
	font-size: 14px;
	height: 50%;
	overflow: hidden;
	line-height: 22px;
	max-height: 198px;
}
/* 轮播1-悬浮图片：高度收缩，过渡效果 */
#owl-demo .item:hover .bg-list-img {
	height: 90%;
}
/* 轮播1-悬浮遮罩：显示遮罩层，过渡效果 */
#owl-demo .item:hover .i_pro_bg {
	filter: Alpha(Opacity=100);
	opacity: 1;
	transition: all 0.3s;
}
/* 轮播1-悬浮更多：显示更多层，过渡效果 */
#owl-demo .item:hover .bg-list-more {
	filter: Alpha(Opacity=100);
	opacity: 1;
	transition: all 0.3s;
}

/* 专家轮播-外层：背景色、居中、上外边距、底部内边距 */
#owl-demo2 {
	background-color: #f9f9f9;
	margin-top: 1%;
	text-align: center;
	padding-bottom: 2%;
}
/* 专家轮播-控制区：绝对定位、垂直居中、通栏 */
#owl-demo2.owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top: 40%;
	width: 100%;
	left: 0;
	height: 0;
}
/* 专家轮播-左右按钮：重定义宽高、文字缩进、取消上外边距 */
#owl-demo2.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
*display: inline;
	width: 59px;
	height: 90px;
	text-indent: 60px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	margin-top: 0;
}
/* 专家轮播-上一页：重定义背景图、左浮动 */
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev {
	background: url(../img/i_case_left.png) no-repeat;
	float: left;
}
/* 专家轮播-上一页悬浮：切换背景图 */
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
	background: url(../img/i_case_left_on.png) no-repeat;
}
/* 专家轮播-下一页：重定义背景图、右浮动 */
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next {
	background: url(../img/i_case_right.png) no-repeat;
	float: right;
}
/* 专家轮播-下一页悬浮：切换背景图 */
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
	background: url(../img/i_case_right_on.png) no-repeat;
}
/* 专家轮播-分页点：显示分页点，暂未启用 */
#owl-demo2.owl-theme .owl-controls .owl-page {
	display: inline-block;
}
/* 专家轮播-列表项：左右外边距、底部内边距、背景图 */
#owl-demo2 .item {
	margin: 0px;
	padding-bottom: 20px;
	background: url(../img/i_bg2.png) right center no-repeat;
}
/* 专家轮播-图片：块级、固定高度、居中、缩放过渡 */
#owl-demo2 .item img {
	display: block;
	height: 162px;
	margin: 0 auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
/* 专家轮播-卡片：居中、最大宽度、底部外边距 */
#owl-demo2 .item dd {
	width: 100%;
	margin: 0 auto;
	max-width: 424px;
	margin-bottom: 10px;
}
/* 专家轮播-图片容器：相对定位、通栏、溢出隐藏 */
#owl-demo2 .item dd .imgs {
	position: relative;
	width: 100%;
	overflow: hidden;
}
/* 专家轮播-图片遮罩：绝对定位、通栏、背景图、居中、默认透明 */
#owl-demo2 .item dd .imgs p {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/i_bg5.png) center center no-repeat;
	top: 0;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
/* 专家轮播-姓名：取消粗体、字体大小、行高、溢出隐藏、上外边距 */
#owl-demo2 .item dd h2 {
	font-weight: normal;
	color: #333;
	font-size: 18px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	margin-top: 7px;
}
/* 专家轮播-图片悬浮：缩放放大，过渡效果 */
#owl-demo2 .item dd:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/* 专家轮播-姓名悬浮：文字变色，过渡效果 */
#owl-demo2 .item dd:hover h2 {
	color: #eb6360;
}
/* 专家轮播-遮罩悬浮：显示遮罩层，过渡效果 */
#owl-demo2 .item dd:hover .imgs p {
	opacity: 1;
	filter: alpha(opacity=100);
}

/************************** 八、媒体查询 - 响应式适配（从大到小） **************************/
/* 大屏PC：1441px以下，调整新闻轮播图片高度 */
@media only screen and (max-width: 1441px){
    .news-box .bd img{ 
        height: 420px;
    }
}
/* 常规PC：1367px以下，核心样式适配 */
@media only screen and (max-width: 1367px){
    /* 主轮播适配：通栏宽度，图片自适应 */
    .slideBox {
        position: relative;
        margin: auto;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 15px #454545;
    }
    .slideBox .bd img{ 
        margin:auto;
        width:100%; 
        height: 100%;
        animation: changeScale 1 2.5s;
    }
    /* 新闻轮播图片高度调整 */
    .news-box .bd img{ 
        height:380px;
    }
    /* 通用文字/容器适配：字体缩小、行高调整 */
    .c-right .txt .t_01 {
        font-size: 18px;
        line-height: 48px;
    }
    footer .f1 span {
        font-size: 16px;
        padding-left: 40px;
    }
    footer .f2 {
        font-size: 16px;
    }
    /* 核心功能区内边距调整 */
    .center{padding:20px 0 20px 0;}
    /* 通知公告栏高度调整 */
    .tzgg {
        height: 55px;
    }
    .tzgg .le {
        line-height: 53px;
        font-size: 17px;
    }
    .tzgg .ce{height: 43px;}
    .tzgg .ri{height: 53px; line-height: 53px;}
    /* 滚动公告行高/字体调整 */
    .txtScroll-top .infoList li {
        height: 33px;
        line-height: 33px;
        font-size: 16px;
    }
    /* 快速入口内边距/字体调整 */
    .fast-enter {
        padding-top: 30px;
    }
    .in-bit h1 {
        font-size: 22px;
    }
    .fast-list li p {
        line-height: 48px;
        font-size: 17px;
    }
    /* 标签页1导航项适配：内边距、高度、字体 */
    .Menubox1 li {
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        margin: 0 8px;
    }
    .CbContainer1 {
        padding-top: 10px;
    }
    /* 科室列表项适配：内边距、最小高度 */
    .ks-list li {
        margin-bottom: 20px;
        min-height: 110px;
        padding-top: 10px;
    }
    .in-ks {
        min-height: 580px;
    }
    /* 资讯模块内边距调整 */
    .in-news {
        padding: 20px 0 20px 0;
    }
    .CbContainer2 {
        padding-top: 20px;
    }
    /* 标签页2导航项适配：宽度、高度、字体 */
    .Menubox2 li {
        width: 190px;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        margin: 0 8px;
    }
    /* 图片横向滚动字体调整 */
    .picMarquee-left .bd ul li h1{font-size: 18px;}
    .picMarquee-left .bd ul li p{font-size: 16px;}
    /* 资讯1标题/简介字体调整 */
    .in-news1 h1 {
        font-size: 17px;
        height: 28px;
    }
    .in-news1 p {
        font-size: 15px;
        line-height: 22px;
    }
    .in-news1 {
        padding-bottom: 5px;
    }
    /* 资讯左右栏宽度调整 */
    .in-n-le {
        width: 50.5%;
    }
    /* 新闻轮播文字遮罩适配：行高、高度、字体 */
    .news-box .bd li .dw{line-height: 42px; height: 42px; font-size: 15px;}
    /* 科室介绍外层内边距调整 */
    .link {
        padding-bottom: 40px;
    }
    /* 图片横向滚动列表项适配：高度、内边距 */
    .picMarquee-left .bd ul li{ height: 76px; padding:10px 0;}
    /* 资讯2列表项适配：行高、字体、右内边距 */
    .in-news2 li {
        line-height: 38px;
        font-size: 15px;
        padding-right: 25%;
    }
    .in-news2 span {
        width: 20%;
        font-size: 14px;
    }
}
/* 小屏PC：1281px以下，暂未定义样式 */
@media only screen and (max-width: 1281px){}
/* 平板横屏：1139px以下，暂未定义样式 */
@media only screen and (max-width: 1139px){}
/* 平板竖屏：992px以下，核心布局适配 */
@media only screen and (max-width: 992px){
    /* 标签页1导航字体调整 */
    .Menubox1 li {
        font-size: 20px;
    }
    .center {
        padding: 20px 0 20px 0;
    }
    .c_01 {
        font-size: 20px;
    }
    .link {
        padding: 0 0 30px 0;
    }
    /* 主轮播适配：上内边距、通栏宽度 */
    .slideBox{padding-top: 55px;width:100%;height:100%;}
    .slideBox .hd {
        bottom: 10px;
    }
    /* 主轮播导航点激活：圆形、蓝色背景 */
    .slideBox .hd ul li.on {
        width: 14px;
        height: 14px;
        background: #379CAE;
    }
    .slideBox .bd img{ 
        margin:auto;
        width:100%; 
        height: 100%;
        animation: changeScale 1 2.5s;
    }
    /* 通知公告栏适配：宽度、背景图位置、字体 */
    .tzgg .le {
        width: 100px;
        line-height: 53px;
        background: url(../images/gb.png) no-repeat 10px center #84665a;
        padding-left: 35px;
        font-size: 15px;
    }
    .tzgg .ce{ width: 46%; }
    .tzgg .ri {
        width: 66px;
        line-height: 53px;
        font-size: 14px;
    }
    /* 滚动公告单行省略 */
    .txtScroll-top .infoList li{ overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
}
/* 移动端：760px以下，核心布局重排 */
@media only screen and (max-width: 760px){
    /* 快速入口列表项：2列布局，底部外边距 */
    .fast-list li{width: 49%; margin-bottom: 8px; }
    .fast-list li:nth-child(2n){margin-right: 0;}
    /* 标签页1导航：高度自适应 */
    .Menubox1{
        height: auto;
    }
    /* 标签页1导航项：内边距、高度、字体、外边距，隐藏下划线 */
    .Menubox1 li {
        padding: 0 15px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin: 3px 5px;
    }
    .Menubox1 li:after{
        display: none !important;
    }
    /* 科室列表项：3列布局，高度、内边距，只显示前6项 */
    .ks-list li {
        width: 31.33%;
        height: 150px;
        padding-top: 15px;
        margin-right: 1.5%;
        margin-bottom: 10px;
    }
    .ks-list li{display: none;}
    .ks-list li:nth-child(1),.ks-list li:nth-child(2),.ks-list li:nth-child(3),.ks-list li:nth-child(4),.ks-list li:nth-child(5),.ks-list li:nth-child(6){display: block;}
    /* 隐藏备用轮播 */
    .slideBox1{display: none;}
    /* 标签页2导航：上外边距取消 */
    .Menubox2 {
        margin: 0px 0 15px 0;
    }
    /* 标签页2导航项：宽度、高度、字体、外边距 */
    .Menubox2 li {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin: 0 2px;
    }
    .CbContainer2 {
        padding-top: 0px;
    }
    /* 资讯左右栏：通栏布局，上内边距 */
    .in-n-le{width: 100%;}
    .in-n-ri{width: 100%; padding-top: 15px;}
    /* 资讯2列表项右内边距调整 */
    .in-news2 li {
        padding-right: 26%;
    }
    .in-news2 span {
        width: 24%;
    }
    /* 资讯模块内边距调整 */
    .in-news {
        padding: 30px 0 30px 0;
    }
    /* 图片横向滚动：3列布局 */
    .picMarquee-left .bd ul li{width: 30%;}
    .picMarquee-left .bd ul li h1{font-size: 15px;}
    .picMarquee-left .bd ul li p{ font-size: 15px; }
    /* 底部隐藏元素 */
    footer .f1 .dw{display: none;}
    /* 通知公告右侧宽度调整 */
    .tzgg .ri {
        width: 55px;
        line-height: 53px;
        font-size: 14px;
    }
    /* 科室列表英文文字字体调整 */
    .ks-list li span {
        font-size: 13px;
        font-family: "Arial";
    }
    /* 图片适配：隐藏PC图，显示移动端图 */
    .p-ban{display:none;}
    .m-ban{display:block;}
    /* 快速入口列表内边距调整 */
    .fast-list {
        padding-top: 20px;
    }
    /* 科室列表文字行高、字体调整 */
    .ks-list li p {
        line-height: 24px;
        font-size: 15px;
    }
    /* 科室大全最小高度调整 */
    .in-ks {
        min-height: 550px;
    }
}