/**********NAV*************/
header.mb, .menu-item, .navmb {display:none}
header {width:100%; height: clamp(100px, calc(120 / 2560 * 100vw), 120px); background: rgba(255, 255, 255, 0.8); position:fixed; top:0px; left:0px; z-index:99999; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(20px); display:block}
header div.m {width:90%; min-width:1300px; height: clamp(100px, calc(120 / 2560 * 100vw), 120px); margin:0px auto;}
header div.m div.logo {width:18%; overflow:hidden}
header div.m div.logo a {width:100%; display:block}
header div.m div.logo a img {width:100%;}
header div.m nav {width:67%; height: clamp(100px, calc(120 / 2560 * 100vw), 120px);}
header div.m nav ul {width:100%; height: clamp(100px, calc(120 / 2560 * 100vw), 120px);}
header div.m nav ul li {width:10%; text-align:center; position:relative; height: clamp(100px, calc(120 / 2560 * 100vw), 120px);}
header div.m nav ul li a {width:100%;}
header div.m nav ul li a span {width:auto; display:block; color: var(--color-text-regular); font-size: var(--font-size-article)}
header div.m nav ul li a i {width:16px; height:10px; text-align:right; line-height:12px; font-size:11px; color: var(--color-text-regular)}
header div.m nav ul li p {width:100%; overflow:hidden; position:absolute; top: clamp(100px, calc(120 / 2560 * 100vw), 120px); left:0px; z-index:999; background: var(--color-bg-section); padding-top:0%; padding-bottom:0%; height:0px;}
header div.m nav ul li p a.z {width:100%; text-align:center; line-height: clamp(34px, calc(44 / 2560 * 100vw), 44px); display:block; font-size:16px;}

header div.m nav ul li:hover {width:10%; text-align:center; position:relative}
header div.m nav ul li:hover a {width:100%;}
header div.m nav ul li:hover a span {width:auto; display:block; color: var(--color-primary); font-size: var(--font-size-article)}
header div.m nav ul li:hover a i {width:16px; height:10px; text-align:right; line-height:12px; font-size:11px; color: var(--color-primary)}
header div.m nav ul li:hover p {width:100%; overflow:hidden; position:absolute; top: clamp(100px, calc(120 / 2560 * 100vw), 120px); left:0px; z-index:999; background: var(--color-bg-section); padding-top:6%; padding-bottom:6%; height:auto}
header div.m nav ul li:hover p a.z {width:100%; text-align:center; line-height: clamp(34px, calc(44 / 2560 * 100vw), 44px); display:block; font-size:16px;}

header div.m nav ul li.ahover {width:10%; text-align:center; position:relative}
header div.m nav ul li.ahover a {width:100%;}
header div.m nav ul li.ahover a span {width:auto; display:block; color: var(--color-primary); font-size: var(--font-size-article)}
header div.m nav ul li.ahover a i {width:16px; height:10px; text-align:right; line-height:12px; font-size:11px; color: var(--color-primary)}


header div.m div.ico {width:15%;}
header div.m div.ico span {width:auto; text-align:left; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:#333; display:block; line-height:clamp(36px, calc(44 / 2560 * 100vw), 44px); padding-left:8px; margin-top:-3px;}

header div.m div.ico a {width: clamp(36px, calc(44 / 2560 * 100vw), 44px); height: clamp(36px, calc(44 / 2560 * 100vw), 44px); text-align:right; line-height: clamp(36px, calc(44 / 2560 * 100vw), 44px); font-size: clamp(26px, calc(34 / 2560 * 100vw), 34px); color: var(--color-primary); display:block; margin-left:3%; position:relative}
header div.m div.ico a:hover {width: clamp(36px, calc(44 / 2560 * 100vw), 44px); height: clamp(36px, calc(44 / 2560 * 100vw), 44px); text-align:right; line-height: clamp(36px, calc(44 / 2560 * 100vw), 44px); font-size: clamp(26px, calc(34 / 2560 * 100vw), 34px); color: var(--color-primary-dark); display:block; margin-left:3%; position:relative}
header div.m div.ico a em {width:120px; overflow:hidden; height:120px; background:#fff; padding:10px; position:absolute; left:-30px; top:50px; z-index:999; display:none}
header div.m div.ico a em img {width:100%; overflow:hidden; height:auto; display:block}
header div.m div.ico a:hover em {width:120px; overflow:hidden; height:120px; background:#fff; padding:10px; position:absolute; left:-30px; top:50px; z-index:999; display:block}
header div.m div.ico a:hover em img {width:100%; overflow:hidden; height:auto; display:block}

.indexbanner {width:100%; overflow:hidden; height:auto; position:relative}
.indexbanner div.swiper-wrapper {width:100%}
.indexbanner div.swiper-wrapper div.swiper-slide {width:100%;}
.indexbanner div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.indexbanner div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub {width:60%; overflow:hidden; height:auto; min-width:1300px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:999999}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h1 {width:100%; text-align:left; font-size: clamp(46px, calc(52 / 2560 * 100vw), 52px); font-weight: var(--font-weight-bold); color: var(--color-text-on-highlight); text-shadow: 
    2px 0 0 #005aaa,
    -2px 0 0 #005aaa,
    0 2px 0 #005aaa,
    0 -2px 0 #005aaa,
    2px 2px 0 #005aaa,
    -2px -2px 0 #005aaa,
    2px -2px 0 #005aaa,
    -2px 2px 0 #005aaa;}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h2 {width:100%; text-align:left; font-size: clamp(20px, calc(26 / 2560 * 100vw), 26px); font-weight: var(--font-weight-regular); color: var(--color-text-on-highlight); text-shadow: 
    2px 0 0 #005aaa,
    -2px 0 0 #005aaa,
    0 2px 0 #005aaa,
    0 -2px 0 #005aaa,
    2px 2px 0 #005aaa,
    -2px -2px 0 #005aaa,
    2px -2px 0 #005aaa,
    -2px 2px 0 #005aaa;}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h3 {width:100%; text-align:left; font-size: clamp(20px, calc(26 / 2560 * 100vw), 26px); font-weight: var(--font-weight-regular); color: var(--color-text-on-highlight); margin-top:1%; text-shadow: 
    2px 0 0 #005aaa,
    -2px 0 0 #005aaa,
    0 2px 0 #005aaa,
    0 -2px 0 #005aaa,
    2px 2px 0 #005aaa,
    -2px -2px 0 #005aaa,
    2px -2px 0 #005aaa,
    -2px 2px 0 #005aaa;}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub p {width:auto; overflow:hidden; border:2px solid #fff; border-radius:100px; background: var(--color-btn-bg); padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: clamp(16px, calc(20 / 2560 * 100vw), 20px); margin-top:3%}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub p:hover {width:auto; overflow:hidden; border:2px solid #fff; border-radius:100px; background: var(--color-primary); padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: clamp(16px, calc(20 / 2560 * 100vw), 20px); margin-top:3%}

.indexbanner div.indexbanner-pagination {width:100%; position:absolute; left:0px; bottom:15%; z-index:999999; text-align:center}
.indexbanner div.indexbanner-pagination span.swiper-pagination-bullet {width:15px; overflow:hidden; height:15px; border:2px solid #fff; background:none; opacity:1}
.indexbanner div.indexbanner-pagination span.swiper-pagination-bullet-active {width:15px; overflow:hidden; height:15px; border:2px solid #fff; background:#fff; opacity:1}


.whychoose {width:1300px; padding:2%; border-radius:15px; background:#f3f3f3; margin:0px auto; position:relative; z-index:999; margin-top:-5%}
.whychoose div.title {width:20%;}
.whychoose div.title h2 {width:auto; text-align:left; font-size: clamp(18px, calc(22 / 2560 * 100vw), 22px); font-weight:var(--font-weight-regular); line-height: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:#3f3f3f}
.whychoose div.title h3 {width:auto; text-align:left; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); font-weight:var(--font-weight-bold); line-height: clamp(20px, calc(24 / 2560 * 100vw), 24px); margin-top:3%; color:#3f3f3f}
.whychoose div.gn {width:80%}
.whychoose div.gn dl {width:31%; margin-left:2.333333333333%}
.whychoose div.gn dl dt {width:25%; text-align:left; font-size: clamp(60px, calc(70 / 2560 * 100vw), 70px); color: var(--color-primary); padding-top:2%;}
.whychoose div.gn dl dd {width:72%; text-align:left; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); color: var(--color-text-regular); font-weight: var(--font-weight-regular)}
.whychoose div.gn dl dd h3 {width:100%; text-align:left; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); color: var(--color-secondary); font-weight: var(--font-weight-bold)}


.aboutyongci {width:1300px; margin:0px auto; margin-top:3%}
.aboutyongci div.l {width:41.6%}
.aboutyongci div.l a {width:100%; display:block; position:relative;}
.aboutyongci div.l a img {width:100%; overflow:hidden; height:auto; display:block; border-radius:25px !important}
.aboutyongci div.l a p {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; top:0px; z-index:999; background:rgba(0,0,0, 0.3); border-radius:25px !important; text-align:center; font-size: clamp(80px, calc(90 / 2560 * 100vw), 90px); color:var(--color-text-on-highlight)}

.aboutyongci div.r {width:56%}
.aboutyongci div.r h2 {width:100%; text-align:left; font-size: 36px}
.aboutyongci div.r p {width:100%; text-align:left; font-size: 16px; margin-bottom:1%; margin-top:1%; color:#525252}
.aboutyongci div.r a {width:auto; overflow:hidden; border-radius:8px; background: var(--color-btn-bg); padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: 16px; margin-top:2%}
.aboutyongci div.r a:hover {width:auto; overflow:hidden; border-radius:8px; background: var(--color-primary); padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: 16px; margin-top:2%}

.aboutyongci div.r div.yyzz {width:100%; padding:3%; background:#f9f1e9; margin-top:2%; border-radius:6px;}
.aboutyongci div.r div.yyzz dl {width:49.5%}
.aboutyongci div.r div.yyzz dl dt {widdth:100%; text-align:left; font-size:60px; line-height:60px; color: var(--color-primary)}
.aboutyongci div.r div.yyzz dl dd {width:100%; text-align:left; font-size:12px; color:#525252; padding-top:1%}
.aboutyongci div.r div.yyzz dl dd h3 {width:100%; text-align:left; font-size:16px; color:#000; font-weight: var(--font-weight-regular)}


.yongcikeshi {width:100%; overflow:hidden; padding-top:5%; padding-bottom:5%; background:url(../images/bg_1.jpg) center no-repeat #efefef; margin-top:3%}
.yongcikeshi div.sub {width:1300px; overflow:hidden; margin:0px auto; position:relative}
.yongcikeshi div.sub div.ksjs {width:90%; padding-right:10%;}
.yongcikeshi div.sub div.ksjs h2 {width:80%;}
.yongcikeshi div.sub div.ksjs h2 p {width:50%; text-align:left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); font-weight:var(--font-weight-medium); color:#2b2b2b}
.yongcikeshi div.sub div.ksjs h2 p span {width:100%; display:block; font-size: clamp(26px, calc(30 / 2560 * 100vw), 30px); font-weight:var(--font-weight-regular); color:#2b2b2b}

.yongcikeshi div.sub div.ksjs h2 a {width:auto; overflow:hidden; border-radius:8px; border:1px solid #666; padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-regular); font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); font-weight:var(--font-weight-regular);}
.yongcikeshi div.sub div.ksjs h2 a span {width:auto;}
.yongcikeshi div.sub div.ksjs h2 a i {width:30px; font-size: clamp(26px, calc(30 / 2560 * 100vw), 30px); line-height:clamp(18px, calc(22 / 2560 * 100vw), 22px); margin-top:4%; display:block; text-align:right}
.yongcikeshi div.sub div.ksjs h2 a:hover {width:auto; overflow:hidden; border-radius:8px; border:1px solid #fa7800; background:#fa7800; padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); font-weight:var(--font-weight-regular);}
.yongcikeshi div.sub div.ksjs h2 a:hover span {width:auto;}
.yongcikeshi div.sub div.ksjs h2 a:hover i {width:30px; font-size: clamp(26px, calc(30 / 2560 * 100vw), 30px); line-height:clamp(18px, calc(22 / 2560 * 100vw), 22px); margin-top:4%; display:block; text-align:right}
.yongcikeshi div.sub div.ksjs p {width:80%; text-align:left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); margin-bottom:1%; margin-top:1%; color:#525252}


.yongcikeshi div.sub div.ksjs div.keshibanner {width:100%; overflow:hidden; margin-top:5%; position:relative}
.yongcikeshi div.sub div.ksjs div.keshibanner div.swiper-wrapper {width:100%}
.yongcikeshi div.sub div.ksjs div.keshibanner div.swiper-wrapper div.swiper-slide {width:100%}
.yongcikeshi div.sub div.ksjs div.keshibanner div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; height:auto; display:block}

.yongcikeshi div.sub div.ksjs div.keshibanner div.keshibannernext {width:40px; overflow:hidden; height:40px; display:block; position:absolute; left:8%; bottom:6% !important; text-align:center; border-radius:100px; background:#fff; z-index:99; line-height:40px; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:var(--color-secondary); cursor:pointer}
.yongcikeshi div.sub div.ksjs div.keshibanner div.keshibannerprev {width:40px; overflow:hidden; height:40px; display:block; position:absolute; left:3%; bottom:6% !important; text-align:center; border-radius:100px; background:#fff; z-index:99; line-height:40px; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:var(--color-secondary); cursor:pointer}

.yongcikeshi div.sub div.keshi {width:32%; overflow:hidden; height:auto; background:var(--color-primary); position:absolute; top:0px; right:0px; z-index:999}
.yongcikeshi div.sub div.keshi dl {width:50%;}
.yongcikeshi div.sub div.keshi dl a {width:auto; overflow: hidden; display: block; padding-top:18%; padding-bottom:18%; border-right:1px solid #e06e05; border-bottom:1px solid #e06e05}
.yongcikeshi div.sub div.keshi dl a dt {width:100%; text-align:center; font-size: clamp(60px, calc(70 / 2560 * 100vw), 70px); line-height: clamp(60px, calc(70 / 2560 * 100vw), 70px); color:#fff; margin-bottom:3%}
.yongcikeshi div.sub div.keshi dl a dd {width:100%; text-align:center; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); line-height: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:#FFF}
.yongcikeshi div.sub div.keshi dl a:hover {width:auto; overflow: hidden; display: block; padding-top:18%; padding-bottom:18%; border-right:1px solid #e06e05; border-bottom:1px solid #e06e05;background:var(--color-primary-dark);}
.yongcikeshi div.sub div.keshi dl a:hover dt {width:100%; text-align:center; font-size: clamp(60px, calc(70 / 2560 * 100vw), 70px); line-height: clamp(60px, calc(70 / 2560 * 100vw), 70px); color:#fff; margin-bottom:3%}
.yongcikeshi div.sub div.keshi dl a:hover dd {width:100%; text-align:center; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); line-height: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:#FFF}
.yongcikeshi div.sub div.keshi a.more {width:100%; padding-top:4%; padding-bottom:4%; background:#da6b05; color:#fff}
.yongcikeshi div.sub div.keshi a.more span {width:auto; line-height:clamp(16px, calc(20 / 2560 * 100vw), 20px)}
.yongcikeshi div.sub div.keshi a.more i {width:30px; font-size: clamp(16px, calc(20 / 2560 * 100vw), 20px); line-height:clamp(16px, calc(20 / 2560 * 100vw), 20px); margin-top:1%; display:block; text-align:right}



.expertteam {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:url("../images/bg_2.jpg") center bottom no-repeat #fff;}
.expertteam h2 {width:1300px; margin: 0px auto; text-align: center; color: #f4f4f4; padding-bottom: 2.4%; font-size: clamp(40px, calc(46 / 2560 * 100vw), 46px); position: relative; text-transform:uppercase}
.expertteam h2 p {width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.expertteam h2 p span {width:100%; text-align: center; font-size: clamp(24px, calc(30 / 2560 * 100vw), 30px); color: #333; display: block}
.expertteam h2 p b {width:100%; text-align: center; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); font-weight:var(--font-weight-regular); color: #333; display: block}

.expertteam div.doctor {width:1300px; margin: 0px auto; margin-top: 2%;}
.expertteam div.doctor div.mydoctor {width:68%; overflow: hidden; position: relative}
.expertteam div.doctor div.mydoctor div.swiper-wrapper {width:100%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide {width:100%;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.l {width:36%;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.l img {width:100%; overflow: hidden; height: auto; display: block}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r {width:62%;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h3 {width:100%; font-size: 34px; color: var(--color-black); text-align: left; margin-bottom: 2%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r p {width:100%; text-align:left; font-size: 16px; margin-bottom:0.5%; margin-top:0.5%; color:#525252}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h4 {width:100%; margin-top: 4%; margin-bottom: 2%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h4 span {width:auto; padding-bottom: 2%; position: relative; color: var(--color-black); text-align: left; font-size: 18px}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h4 span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-black); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx {width:100%; margin-top: 4%;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a {width:auto; overflow:hidden; border-radius:8px; border:1px solid #666; padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-regular); font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); font-weight:var(--font-weight-regular); margin-right: 3%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a span {width:auto;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a i {width:30px; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); line-height:clamp(18px, calc(22 / 2560 * 100vw), 22px); margin-top:4%; display:block; text-align:right}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a:hover {width:auto; overflow:hidden; border-radius:8px; border:1px solid #fa7800; background:#fa7800; padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); font-weight:var(--font-weight-regular); margin-right: 3%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a:hover span {width:auto;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a:hover i {width:30px; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); line-height:clamp(18px, calc(22 / 2560 * 100vw), 22px); margin-top:4%; display:block; text-align:right}

.expertteam div.doctor div.mydoctor div.mydoctornext {width:40px; overflow: hidden; height: 40px; text-align: center; font-size: 20px; color: #fff; line-height: 40px; position: absolute; bottom: 2%; left: 30%; z-index: 99}
.expertteam div.doctor div.mydoctor div.mydoctorprev {width:40px; overflow: hidden; height: 40px; text-align: center; font-size: 20px; color: #fff; line-height: 40px; position: absolute; bottom: 2%; left: 2%; z-index: 99}

.expertteam div.doctor div.jyzn {width:30%}
.expertteam div.doctor div.jyzn h3 {width:100%; background: linear-gradient(to right, #eca766, #fa7902); height: 50px; border-radius: 8px; color: #fff}
.expertteam div.doctor div.jyzn h3 i {width:40px; overflow: hidden; height: 50px; line-height: 54px; text-align: center; font-size: 26px; color: #fff; display: block;}
.expertteam div.doctor div.jyzn h3 span {width:auto; text-align: center; line-height: 50px; font-size: 20px; font-weight: var(--font-weight-regular)}
.expertteam div.doctor div.jyzn div.gnmk {width:100%}
.expertteam div.doctor div.jyzn div.gnmk a {width:49%; overflow: hidden; border-radius: 8px; background: #f1eae2; display: block; padding-top: 5%; padding-bottom: 5%; margin-top: 3%}
.expertteam div.doctor div.jyzn div.gnmk a i {width:100%; text-align: center; font-size: 50px; line-height: 50px; display: block; color: var(--color-primary)}
.expertteam div.doctor div.jyzn div.gnmk a p {width:100%; text-align: center; font-size: 16px; color: #333}
.expertteam div.doctor div.jyzn div.gnmk a:hover {width:49%; overflow: hidden; border-radius: 8px; background: #dfd6cd; display: block; padding-top: 5%; padding-bottom: 5%; margin-top: 3%}
.expertteam div.doctor div.jyzn div.gnmk a:hover i {width:100%; text-align: center; font-size: 50px; line-height: 50px; display: block; color: var(--color-primary-dark)}
.expertteam div.doctor div.jyzn div.gnmk a:hover p {width:100%; text-align: center; font-size: 16px; color: #000}



.indexnews {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:url("../images/bg_3.jpg") center top no-repeat #fbf2eb;}
.indexnews div.title {width:100%; height: 70px; background: #fff}
.indexnews div.title div.tab-header {width:1300px; height: 70px; margin: 0px auto}
.indexnews div.title div.tab-header div.tab-item {width:auto; height: 70px; color: var(--color-text-regular); padding-left: 2%; padding-right: 2%; cursor: pointer}
.indexnews div.title div.tab-header div.tab-item i {width:50px; text-align: left; font-size: clamp(38px, calc(42 / 2560 * 100vw), 42px); line-height: clamp(38px, calc(42 / 2560 * 100vw), 42px); margin-top: 1%;}
.indexnews div.title div.tab-header div.tab-item p {width:auto; padding: 0px !important;}
.indexnews div.title div.tab-header div.tab-item p span {width:100%; display: block; font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px)}
.indexnews div.title div.tab-header div.tab-item p em {width:100%; display: block; font-size: clamp(8px, calc(10 / 2560 * 100vw), 10px); font-style: normal; text-transform: uppercase}
.indexnews div.title div.tab-header div.active {width:auto; height: 70px; color: var(--color-bg); padding-left: 2%; padding-right: 2%; cursor: pointer; background: var(--color-primary)}
.indexnews div.title div.tab-header div.active i {width:50px; text-align: left; font-size: clamp(38px, calc(42 / 2560 * 100vw), 42px); line-height: clamp(38px, calc(42 / 2560 * 100vw), 42px); margin-top: 1%}
.indexnews div.title div.tab-header div.active p {width:auto; padding: 0px !important;}
.indexnews div.title div.tab-header div.active p span {width:100%; display: block; font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px)}
.indexnews div.title div.tab-header div.active p em {width:100%; display: block; font-size: clamp(8px, calc(10 / 2560 * 100vw), 10px); font-style: normal; text-transform: uppercase}

.indexnews div.newssub {width:1300px; margin: 0px auto; overflow: hidden; margin-top: 2%}
.indexnews div.newssub div.swiper-wrapper {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l {width:42%;}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a {width:100%; overflow: hidden; display: block; background: var(--color-bg)}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a figure {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a figure img {width:100%; overflow: hidden; height: auto; display: block}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a figure figcaption {width:auto; padding: 4%; padding-top: 3%; padding-bottom: 0%; text-align: left; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px)}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a p {width:100%; padding: 4%; padding-top: 1%; padding-bottom: 0%; text-align:left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-bottom:0.5%; margin-top:0.5%; color: #666}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a span {width:100%; padding: 4%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: #777}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a span i {width:auto; font-size: 16px; line-height: 16px;}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a span b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 14px; margin-right: 3%; margin-left: 1%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot {width:100%; margin-top: 2%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a {width:49%; overflow: hidden; display: block; background: var(--color-bg)}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a figure {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a figure img {width:100%; overflow: hidden; height: auto; display: block}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a figure figcaption {width:auto; padding: 6%; padding-top: 3%; padding-bottom: 5%; text-align: left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); align-items: stretch !important}

.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r {width:56%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r h2 {width:100%; text-align: left; font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(32px, calc(36 / 2560 * 100vw), 36px);  font-weight: var(--font-weight-regular)}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r p {width:100%; padding-top: 1%; padding-bottom: 3%; border-bottom: 1px dotted #ada193; margin-bottom: 3%; text-align:left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: #666}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r ul li {width:100%; padding-bottom: 0%; padding-top: 0%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r ul li a {width:100; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); line-height: 38px;}



.indexvideo {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:#fff;}
.indexvideo h2 {width:1300px; margin: 0px auto; text-align: center; color: #f4f4f4; padding-bottom: 2.4%; font-size: clamp(40px, calc(46 / 2560 * 100vw), 46px); position: relative; text-transform:uppercase}
.indexvideo h2 p {width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.indexvideo h2 p span {width:100%; text-align: center; font-size: clamp(24px, calc(30 / 2560 * 100vw), 30px); color: #333; display: block}
.indexvideo h2 p b {width:100%; text-align: center; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); font-weight:var(--font-weight-regular); color: #333; display: block}
.indexvideo div.videolist {width:1300px; margin: 0px auto; position:relative}
.indexvideo div.videolist div.myvideo {width:1300px; overflow:hidden; margin:0px auto; margin-top:1%}
.indexvideo div.videolist div.myvideo div.swiper-wrapper {width:100%;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide {width:100%;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; display:block}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow:hidden; position:relative}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:12px;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a p {width:100%; overflow:hidden; text-align:left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); padding-top:3%; background:#fff}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a i {width:100%; overflow:hidden; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0px; top:0px; z-index:99; border-radius:12px; display:flex; align-items:center; justify-content:center;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a i::before {font-size: clamp(46px, calc(48 / 2560 * 100vw), 48px); color:#fff;}

.indexvideo div.videolist div.myvideonext {width:40px; overflow:hidden; height:40px; position:absolute; top:30%; right:-5%; text-align:center; line-height:40px; font-size:20px; color:#666; cursor:pointer; display:block}
.indexvideo div.videolist div.myvideoprev {width:40px; overflow:hidden; height:40px; position:absolute; top:30%; left:-5%; text-align:center; line-height:40px; font-size:20px; color:#666; cursor:pointer; display:block}


.lijiyuyue {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:#f5f5f5; text-align:center}
.lijiyuyue h2 {width:1300px; margin:0px auto; text-align:center; font-size: clamp(36px, calc(42 / 2560 * 100vw), 42px); font-weight:var(--font-weight-medium); color:var(--color-text-regular)}
.lijiyuyue h3 {width:1300px; margin:0px auto; text-align:center; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); font-weight:var(--font-weight-regular); color:var(--color-text-regular); margin-top:0.2%}
.lijiyuyue a {width:auto; overflow:hidden; padding:3%; padding-top:0.7%; padding-bottom:0.7%; border-radius:100px; margin:0px auto; display:inline-block; background:var(--color-btn-bg); color:var(--color-text-white); font-size:clamp(15px, calc(17 / 2560 * 100vw), 17px); margin-top:2.4%}
.lijiyuyue a:hover {width:auto; overflow:hidden; padding:3%; padding-top:0.7%; padding-bottom:0.7%; border-radius:100px; margin:0px auto; display:inline-block; background:var(--color-btn-hover); color:var(--color-text-white); font-size:clamp(15px, calc(17 / 2560 * 100vw), 17px); margin-top:2.4%}


footer {width:100%; background:url(../images/fot_bg.png) right center no-repeat var(--color-bg-footer); background-size:50%}
footer div.link {width:100%; overflow:hidden; height:60px; background:#003d73}
footer div.link dl {width:1300px; overflow:hidden; margin:0px auto}
footer div.link dl dt {width:40px; overflow:hidden; height:60px; text-align:left; line-height:64px; color:#fff; font-size: clamp(30px, calc(34 / 2560 * 100vw), 34px)}
footer div.link dl dd {width:auto; color:#FFF; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px)}
footer div.link dl dd a {color:#FFF; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); margin-right:8px;}
footer div.link dl dd a:hover {color:#fa7800; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); margin-right:8px;}

footer div.lxxx {width:1300px; overflow:hidden; margin:0px auto; margin-top:3%; margin-bottom:3%; padding-bottom:1%;}
footer div.lxxx div.l {width:32%;}
footer div.lxxx div.l a {width:60%; overflow:hidden; height:auto; display:block}
footer div.lxxx div.l a img {width:100%; overflow:hidden; height:auto; display:block}
footer div.lxxx div.l h2 {width:96%; overflow:hidden; text-align:left; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); font-weight:var(--font-weight-medium); color:#fff; margin-top:6%; padding-left:4%; margin-bottom:4%}
footer div.lxxx div.l dl {width:96%; overflow:hidden; padding-left:4%}
footer div.lxxx div.l dl dt {width:30px; overflow:hidden; height:36px; text-align:left; line-height:40px; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:#fff}
footer div.lxxx div.l dl dd {width:auto; overflow:hidden; text-align:left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color:#FFF}

footer div.lxxx div.r {width:66%;}
footer div.lxxx div.r h2 {width:100%;}
footer div.lxxx div.r h2 span {width:auto; text-align:left; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:#fff; font-weight: var(--font-weight-medium)}
footer div.lxxx div.r h2 p {width:auto; overflow:hidden; text-align:left; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); color:#fff; font-weight: var(--font-weight-regular); text-transform:uppercase}
footer div.lxxx div.r div.bd {width:100%; margin-top:2%}
footer div.lxxx div.r div.bd input {width:23%; height:36px; border-bottom:1px solid #00427d; color:#83abcf}
footer div.lxxx div.r div.bd input::placeholder {color:#83abcf}
footer div.lxxx div.r div.bd select {width:23%; height:36px; border-bottom:1px solid #00427d; color:#83abcf}
footer div.lxxx div.r div.bd select::placeholder {color:#83abcf}
footer div.lxxx div.r div.bd textarea {width:100%; height:36px; border-bottom:1px solid #00427d; color:#83abcf; margin-top:2%; min-height:80px;}
footer div.lxxx div.r div.bd textarea::placeholder {color:#83abcf}
footer div.lxxx div.r div.bd button {width:auto; overflow:hidden; padding:4%; padding-top:1.2%; padding-bottom:1.2%; display:block; background:var(--color-btn-bg); margin-top:2%}
footer div.lxxx div.r div.bd button i {font-size:clamp(20px, calc(24 / 2560 * 100vw), 24px); color:#FFF; line-height:clamp(20px, calc(24 / 2560 * 100vw), 24px)}
footer div.lxxx div.r div.bd button span {font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:#FFF; padding-left:5px; font-weight: var(--font-weight-medium)}
footer div.lxxx div.r div.bd button:hover {width:auto; overflow:hidden; padding:4%; padding-top:1.2%; padding-bottom:1.2%; display:block; background:var(--color-btn-hover); margin-top:2%}
footer div.lxxx div.r div.bd button:hover i {font-size:clamp(20px, calc(24 / 2560 * 100vw), 24px); color:#FFF; line-height:clamp(20px, calc(24 / 2560 * 100vw), 24px)}
footer div.lxxx div.r div.bd button:hover span {font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:#FFF; padding-left:5px; font-weight: var(--font-weight-medium)}
footer div.Copyright {width:100%; text-align:center; padding-bottom:2%; padding-top:2%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:#FFF; border-top:1px solid #00437e}
footer div.Copyright a {color:#fff}
footer div.Copyright a:hover {color:#fa7800}


/*内页*/
.pagebg {background: #f5f5f7; margin-top: clamp(100px, calc(120 / 2560 * 100vw), 120px)}
.pagebanner {width:100%; overflow: hidden; height: auto; position: relative; z-index: 9}
.pagebanner img {width:100%; overflow: hidden; height: auto; display: block}

.showbanner {width:100%; overflow: hidden; height: auto; position: relative; z-index: 9}
.showbanner div.m {width:1300px; height:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -60%);}
.showbanner div.m div.tit {width:100%; text-align:center; font-size:clamp(24px, calc(26 / 2560 * 100vw), 26px); color:var(--color-text-on-highlight); font-weight:var(--font-weight-bold)}
.showbanner div.m span {width:100%; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-text-on-highlight); margin-top:1%}
.showbanner div.m span i {width:auto; overflow:hidden; margin-right:5px; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height:clamp(24px, calc(26 / 2560 * 100vw), 26px); color:var(--color-text-on-highlight);}
.showbanner div.m span a {color:var(--color-text-on-highlight);}
.showbanner div.m span a:hover {color:var(--color-primary);}
.showbanner div.m p {width:100%; margin-top:2%}
.showbanner div.m p a {width:auto; margin-left:1%; margin-right:1%; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-text-on-highlight);}
.showbanner div.m p a i {width:auto; overflow:hidden; margin-right:5px; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height:clamp(26px, calc(28 / 2560 * 100vw), 28px); color:var(--color-text-on-highlight);}
.showbanner div.m p a:hover {width:auto; margin-left:1%; margin-right:1%; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-primary);}
.showbanner div.m p a:hover i {width:auto; overflow:hidden; margin-right:5px; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height:clamp(26px, calc(28 / 2560 * 100vw), 28px); color:var(--color-primary);}

.showbanner div.m p strong {width:auto; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-text-on-highlight); font-weight:var(--font-weight-regular); position:relative; cursor:pointer}
.showbanner div.m p strong i {width:auto; overflow:hidden; margin-right:5px; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height:clamp(26px, calc(28 / 2560 * 100vw), 28px); color:var(--color-text-on-highlight);}
.showbanner div.m p strong b {width:540%; overflow:hidden; height:0px; padding:0%; background:var(--color-text-on-highlight); border-radius:6px; position:absolute; left:-10px; top:25px; font-weight:var(--font-weight-regular); opacity:0}
.showbanner div.m p strong b a.z {width:auto; overflow:hidden; text-align:center; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-text-regular); display:block; line-height:clamp(24px, calc(26 / 2560 * 100vw), 26px);}
.showbanner div.m p strong b a.z:hover {width:auto; overflow:hidden; text-align:center; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-primary); display:block; line-height:clamp(24px, calc(26 / 2560 * 100vw), 26px);}

.showbanner div.m p strong:hover {width:auto; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-text-on-highlight); font-weight:var(--font-weight-regular); position:relative; cursor:pointer}
.showbanner div.m p strong:hover i {width:auto; overflow:hidden; margin-right:5px; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height:clamp(26px, calc(28 / 2560 * 100vw), 28px); color:var(--color-text-on-highlight);}
.showbanner div.m p strong:hover b {width:540%; overflow:hidden; height:auto; padding:5%; background:var(--color-text-on-highlight); border-radius:6px; position:absolute; left:-10px; top:25px; font-weight:var(--font-weight-regular); opacity:1}
.showbanner div.m p strong:hover b a.z {width:auto; overflow:hidden; text-align:center; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-text-regular); display:block; line-height:clamp(24px, calc(26 / 2560 * 100vw), 26px);}
.showbanner div.m p strong:hover b a.z:hover {width:auto; overflow:hidden; text-align:center; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-primary); display:block; line-height:clamp(24px, calc(26 / 2560 * 100vw), 26px);}


.showbanner img {width:100%; overflow: hidden; height: auto; display: block}


/*fenye*/
.pagination {width:100%; overflow:hidden; margin-top:2%;}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px; background:#efefef; margin-left:0.2%; margin-right:0.2%; transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; cursor:pointer}
.pagination li a {color:var(--color-text-regular);padding:12px 16px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li:hover {display:inline-block!important;border:solid 1px #fa7800;border-radius:4px; background:#fa7800; margin-left:0.2%; margin-right:0.2%; transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; cursor:pointer}
.pagination li:hover a {color:var(--color-text-on-highlight);padding:12px 16px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li.active {display:inline-block!important;border:solid 1px #fa7800;border-radius:4px; background:#fa7800; margin-left:0.2%; margin-right:0.2%; transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; cursor:pointer}
.pagination li.active a {color:var(--color-text-on-highlight);padding:12px 16px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}

.share {width:100%; margin-top: 3%; padding-top: 3%; padding-bottom: 5%; border-top: 1px solid #ddd}
.share dl {width:100%; padding-bottom: 4px; padding-top: 4px;}
.share dl dt {width:auto; padding-right: 3px; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular)}
.share dl dd {width:auto; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular)}
.share dl dd a {width:34px; height: 40px; text-align: left; line-height: 44px; display: block; color: var(--color-text-regular); font-size: clamp(24px, calc(26 / 2560 * 100vw), 26px); transform: scale(1); transition: transform 0.1s ease; position:relative}
.share dl dd a:hover {width:34px; height: 40px; text-align: left; line-height: 44px; display: block; color: var(--color-primary); font-size: clamp(24px, calc(26 / 2560 * 100vw), 26px); transform: scale(1.2); transition: transform 0.1s ease; position:relative}
.share dl dd a p {width:120px; overflow:hidden; height:120px; display:none; position:absolute; left:-50px; top:35px; z-index:100}
.share dl dd a p img {width:100%; overflow:hidden; height:auto; display:block}
.share dl dd a:hover p {width:120px; overflow:hidden; height:120px; display:block; position:absolute; left:-50px; top:35px; z-index:100}
.share dl dd a:hover p img {width:100%; overflow:hidden; height:auto; display:block}


.pagemain {width:1300px; margin: 0px auto; position: relative; z-index: 99; margin-top: -100px; margin-bottom: 3%;}
.Navigationmb {display:none}
.pagemain div.Navigation {width:360px; z-index: 9; position: sticky !important; top: clamp(120px, calc(150 / 2560 * 100vw), 150px);}
.pagemain div.Navigation h2 {width:360px; overflow: hidden; height: 100px; background: url("../images/fl_bg.png"); color: var(--color-text-on-highlight); font-weight: var(--font-weight-regular)}
.pagemain div.Navigation h2 i {font-size: clamp(56px, calc(60 / 2560 * 100vw), 60px); line-height: clamp(56px, calc(60 / 2560 * 100vw), 60px); margin-right: 15px; display: block; margin-top: 3px}
.pagemain div.Navigation h2 p {width:auto; display: block}
.pagemain div.Navigation h2 p span {width:auto; font-size: clamp(30px, calc(34 / 2560 * 100vw), 34px); line-height: clamp(30px, calc(34 / 2560 * 100vw), 34px); display: block}
.pagemain div.Navigation h2 p em {width:auto; display: block; overflow: hidden; text-align: left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); font-style:normal; line-height:  clamp(14px, calc(14 / 2560 * 100vw), 14px); margin-top: 2px}

.pagemain div.Navigation nav {width:360px; padding-top: 15px; padding-bottom: 20px; border-radius: 0px 0px 30px 0px; background: #fff; box-shadow: 4px 0 12px rgba(0, 0, 0, 0.04), 10px 0 24px rgba(0, 0, 0, 0.06);}
.pagemain div.Navigation nav a {width:100%; overflow: hidden; display: block; position: relative}
.pagemain div.Navigation nav a p {width:84%; overflow:hidden; padding-top: 15px; padding-bottom: 15px; display: block; margin: 0px auto; border-bottom: 1px solid #eee; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px)}
.pagemain div.Navigation nav a p em {width:18px; overflow: hidden; height: 18px; display: block; background: url("../images/navb.png"); float: right; margin-top: 5px;}
.pagemain div.Navigation nav a i {width:4px; height: 100%; background: var(--color-primary); position: absolute; left: -4px; top: 0px; z-index: 99}

.pagemain div.Navigation nav a:hover {width:100%; overflow: hidden; display: block; position: relative}
.pagemain div.Navigation nav a:hover p {width:84%; overflow:hidden; padding-top: 15px; padding-bottom: 15px; display: block; margin: 0px auto; border-bottom: 1px solid #eee; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px)}
.pagemain div.Navigation nav a:hover p em {width:18px; overflow: hidden; height: 18px; display: block; background: url("../images/navk.png"); float: right}
.pagemain div.Navigation nav a:hover i {width:4px; height: 100%; background: var(--color-primary); position: absolute; left: 0px; top: 0px; z-index: 99}

.pagemain div.Navigation nav a.ahover {width:100%; overflow: hidden; display: block; position: relative}
.pagemain div.Navigation nav a.ahover p {width:84%; overflow:hidden; padding-top: 15px; padding-bottom: 15px; display: block; margin: 0px auto; border-bottom: 1px solid #eee; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px)}
.pagemain div.Navigation nav a.ahover p em {width:18px; overflow: hidden; height: 18px; display: block; background: url("../images/navk.png"); float: right}
.pagemain div.Navigation nav a.ahover i {width:4px; height: 100%; background: var(--color-primary); position: absolute; left: 0px; top: 0px; z-index: 99}

.pagemain div.Navigation nav img {width:90%; overflow:hidden; height:auto; display:block;margin: 0px auto;margin-top: 5%; border-radius:10px;}

.pagemain div.Content {width:940px; padding-left: 30px; padding-right: 30px; position: relative; z-index: 8; background:url("../images/zw_bg.png") right bottom no-repeat #fff; background-size:80%;  margin-top: 100px;}
.pagemain div.Content div.Position {width:100%; padding-bottom: 15px; padding-top: 25px; border-bottom: 1px solid #ddd;}
.pagemain div.Content div.Position h1 {width:auto; max-width: 60%; text-align: left; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); font-weight: var(--font-weight-regular); color: var(--color-primary)}
.pagemain div.Content div.Position h1 em {width:auto; margin-right: 5px; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px)}
.pagemain div.Content div.Position div.Currentlocation {width:auto; text-align: left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); font-weight: var(--font-weight-regular); color: var(--color-text-regular)}
.pagemain div.Content div.Position div.Currentlocation i {width:auto; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); line-height: clamp(18px, calc(20 / 2560 * 100vw), 20px); color: var(--color-primary); margin-right: 6px;}
.pagemain div.Content div.Position div.Currentlocation a {color: var(--color-text-regular);}
.pagemain div.Content div.Position div.Currentlocation a:hover {color: var(--color-primary);}



/*****正文内容通用******/
.Maintext {width:100%; margin-top: 3%; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); line-height: clamp(30px, calc(34 / 2560 * 100vw), 34px); color: var(--color-text-regular)}
.Maintext p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 40px;}
.showtit h2 {text-indent: 40px;}
.showtit h3 {text-indent: 40px;}
.showtit h4 {text-indent: 40px;}
.showtit h5 {text-indent: 40px;}
.showtit h6 {text-indent: 40px;}
.Maintext figure {width:auto; overflow:hidden; display: block; margin: 0px auto; max-width: 100%; margin-top: 1.5%; margin-bottom: 1.5%;}
.Maintext figure img {width:auto; overflow: hidden; display: block; height: auto; margin:0px auto}
.Maintext figure figcaption {width:100%; text-align: center; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); color: var(--color-text-desc); display: block;}
.Maintext p img {width:auto !important; overflow: hidden !important; height: auto !important; display: block !important; margin: 0px auto !important; max-width: 100% !important; margin-top: 1% !important; margin-bottom: 1% !important; border-radius:12px;}
.tags {width:100%; overflow:hidden; margin-top:2%; margin-bottom:2%; text-align:left; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); line-height:clamp(34px, calc(36 / 2560 * 100vw), 36px); color:var(--color-text-regular)}
.tags a {color:var(--color-text-regular); margin-right:10px;}
.tags a:hover {color:var(--color-primary); margin-right:10px;}

.nextprv {width:100%; margin-top: 2%; padding-top: 3%; border-top: 1px solid #ddd}
.nextprv a {width:100%; overflow: hidden; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular); display: block; padding-bottom:0.5%; padding-top:0.5%}
.nextprv a:hover {width:100%; overflow: hidden; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-primary); display: block; padding-bottom:0.5%; padding-top:0.5%}



.Maintext dl.yuanzhang {width:100%; overflow:hidden; margin-bottom:5%}
.Maintext dl.yuanzhang dt {width:40%}
.Maintext dl.yuanzhang dt img {width:100%; overflow:hidden; height:auto; display:block; border-radius:15px;}
.Maintext dl.yuanzhang dd {width:58%}
.Maintext dl.yuanzhang dd h3.yztit {width:100%; font-size: 20px; color: var(--color-black); text-align: left; margin-bottom: 1%}
.Maintext dl.yuanzhang dd p.yzjj {width:100%; text-align:left; font-size: 16px; margin-bottom:0.5%; margin-top:0.5%; color:#525252; text-indent:0px;}
.Maintext dl.yuanzhang dd h4.yzjs {width:100%; margin-top: 4%; margin-bottom: 2%}
.Maintext dl.yuanzhang dd h4.yzjs span {width:auto; padding-bottom: 2%; position: relative; color: var(--color-black); text-align: left; font-size: 18px}
.Maintext dl.yuanzhang dd h4.yzjs span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-black); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.Maintext dl.yuanzhang dd p {text-indent: 0px !important}

.whadnzzjg_banner {width:100%; overflow:hidden; border:4px solid #eaeaea; border-radius:18px; margin-bottom:2%}
.whadnzzjg_banner img {width:100%; overflow:hidden; height:auto; display:block}
.whadnzzjg_sub {width:100%}
.whadnzzjg_sub h3.bitit {width:100%; overflow:hidden; background:#f5f5f7; height:60px; border-radius:8px; margin-top:3%; margin-bottom:2%; padding-left:3%}
.whadnzzjg_sub h3.bitit span {width:auto; height:60px; line-height:60px; position: relative; color: var(--color-text-regular); text-align: left; font-size: 18px}
.whadnzzjg_sub h3.bitit span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-primary); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.whadnzzjg_sub div.whsub {width:100%; text-align:left; font-size: 16px; color: var(--color-text-regular); text-indent:0px; padding-left:3%; padding-right:3%}
.whadnzzjg_sub div.whsub p {text-indent:0px; margin-bottom:0.5%; margin-top:0.5%;}


.Classificationfiltering {width:100%; margin-top:5%}
.Classificationfiltering a {width:auto; overflow:hidden; padding:4%; padding-top:1%; padding-bottom:1%; border-radius:5px; background:var(--color-bg-gray); display:block; margin-left:0.5%; margin-right:0.5%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-regular)}
.Classificationfiltering a:hover {width:auto; overflow:hidden; padding:4%; padding-top:1%; padding-bottom:1%; border-radius:5px; background:var(--color-primary); display:block; margin-left:0.5%; margin-right:0.5%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-on-highlight)}
.Classificationfiltering a.ahover {width:auto; overflow:hidden; padding:4%; padding-top:1%; padding-bottom:1%; border-radius:5px; background:var(--color-primary); display:block; margin-left:0.5%; margin-right:0.5%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-on-highlight)}


.environment {width:100%; margin-top:5%}
.environment a {width:49%; overflow:hidden; display:block}
.environment a figure {width:100%; overflow:hidden; display:block}
.environment a figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.environment a figure figcaption {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-bottom:4%; padding-top:2%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-regular)}
.environment a:hover {width:49%; overflow:hidden; display:block}
.environment a:hover figure {width:100%; overflow:hidden; display:block; opacity:0.8}
.environment a:hover figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.environment a:hover figure figcaption {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-bottom:4%; padding-top:2%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-primary)}


.HospitalHonors {width:100%; margin-top:5%; background: url("../images/ry_sx.jpg") center repeat-y; padding-bottom: 3%; margin-bottom: 5%; padding-top:5%; Position:relative}
.HospitalHonors em {width:50px; overflow:hidden; height:50px; text-align:center; line-height:17px; font-size: 23px; color:var(--color-primary); Position:absolute; top:-2px; left:50%; margin-left:-25px;}
.HospitalHonors a:nth-of-type(odd) {width:50%; padding-right: 5%; position: relative; margin-bottom:3%}
.HospitalHonors a:nth-of-type(odd) figure {width:100%; overflow: hidden; height: auto; display: block;}
.HospitalHonors a:nth-of-type(odd) figure img {width:100%; overflow: hidden; height: auto; display: block; border-radius: 10px; border: 1px solid #ddd; padding: 2%}
.HospitalHonors a:nth-of-type(odd) figure figcaption {width:100%; overflow: hidden; display: block; text-align: right; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); padding-top: 2%}
.HospitalHonors a:nth-of-type(odd) figure figcaption strong {width:100%; overflow: hidden; text-align: right; font-size: clamp(22px, calc(24 / 2560 * 100vw), 24px); display: block; padding-bottom: 1%}
.HospitalHonors a:nth-of-type(odd) i {width:18px; overflow: hidden; height: 18px; display: block; border-radius: 100px; background: var(--color-primary); position: absolute; top: 5%; right: -2%;}

.HospitalHonors a:nth-of-type(even) {width:50%; padding-left: 5%; position: relative; margin-top: 10%; margin-bottom:3%}
.HospitalHonors a:nth-of-type(even) figure {width:100%; overflow: hidden; height: auto; display: block;}
.HospitalHonors a:nth-of-type(even) figure img {width:100%; overflow: hidden; height: auto; display: block; border-radius: 10px; border: 1px solid #ddd; padding: 2%}
.HospitalHonors a:nth-of-type(even) figure figcaption {width:100%; overflow: hidden; display: block; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); padding-top: 2%}
.HospitalHonors a:nth-of-type(even) figure figcaption strong {width:100%; overflow: hidden; text-align: left; font-size: clamp(22px, calc(24 / 2560 * 100vw), 24px); display: block; padding-bottom: 1%}
.HospitalHonors a:nth-of-type(even) i {width:18px; overflow: hidden; height: 18px; display: block; border-radius: 100px; background: var(--color-primary); position: absolute; top: 5%; left: -2%;}



.video_tt {width:100%; margin-top: 5%; padding-bottom: 4%; margin-bottom: 4%; border-bottom: 1px solid #ddd}
.video_tt a {width:100%; overflow:hidden; display:block;}
.video_tt a figure {width:100%; overflow:hidden; display:block; position: relative; border-radius: 20px;}
.video_tt a figure img {width:100%; overflow:hidden; height:auto; margin: 0px auto;display:block;}
.video_tt a figure i {width:100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 99; background: rgba(0,0,0,0.4); font-size:clamp(86px, calc(90 / 2560 * 100vw), 90px); color: var(--color-text-white)}
.video_tt a p {width:100%; overflow:hidden; text-align:left; line-height:24px; padding-top:2%; font-size:clamp(18px, calc(20 / 2560 * 100vw), 20px); color:var(--color-text-regular)}

.video_tt a span {width:100%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: var(--color-text-regular)}
.video_tt a span i {width:auto; font-size: 16px; line-height: 16px;}
.video_tt a span b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 14px; margin-right: 3%; margin-left: 1%}

.video {width:100%;}
.video a {width:49%; overflow:hidden; display:block; position: relative}
.video a figure {width:100%; overflow:hidden; display:block}
.video a figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.video a figure figcaption {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-bottom:6%; padding-top:2%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-regular)}
.video a i {width:70px; overflow: hidden; height: 70px; display: block; text-align: center; line-height: 70px; font-size: 60px; color: var(--color-primary); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -80%); z-index: 99; transition: all 0.1s linear 0s; opacity: 0}
.video a:hover {width:49%; overflow:hidden; display:block; position: relative}
.video a:hover figure {width:100%; overflow:hidden; display:block; opacity:0.6}
.video a:hover figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.video a:hover figure figcaption {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-bottom:6%; padding-top:2%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-primary)}
.video a:hover i {width:70px; overflow: hidden; height: 70px; display: block; text-align: center; line-height: 70px; font-size: 60px; color: var(--color-primary); position: absolute; left: 50%; top: 50%; transform:  translate(-50%, -80%); z-index: 99; transition: all 0.1s linear 0s; opacity: 1}


/* ===== 弹窗遮罩 ===== */
.video-modal {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.75); display: none; align-items: center; justify-content: center; z-index: 999999; padding: 20px; opacity: 0; transition: opacity 0.3s ease;}
.video-modal.active {display: flex; opacity: 1;}
/* 弹窗内容 */
.video-modal-content {position: relative; width: 100%; max-width: 960px; aspect-ratio: 16 / 9; background: #000; border-radius: 12px; transform: scale(0.9); transition: transform 0.3s ease;}
.video-modal.active .video-modal-content {transform: scale(1); z-index: 999999}
/* 视频 */
.video-modal video {width: 100%; height: 100%; object-fit: contain; background: #000;}
/* 关闭按钮 */
.video-modal-close {position: absolute; top: -44px; right: 0; width: 36px; height: 36px; line-height: 26px; background: rgba(255, 255, 255, 0.15); border: none; border-radius: 50%; color: #fff; font-size: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease;}
.video-modal-close:hover {background: rgba(255, 255, 255, 0.3);}



/*图片大图展开*/
.img-modal{position:fixed;inset:0;background:rgba(0,0,0,0);display:none;align-items:center;justify-content:center;z-index:9999999;overflow:hidden;}
.img-modal.active{display:flex;background:rgba(0,0,0,.92);}
.img-modal.closing{background:rgba(0,0,0,0)}
.img-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.img-item{position:absolute;top:50%;left:50%;max-width:90vw;max-height:82vh;transform-origin:center center;will-change:transform,opacity;pointer-events:none}
.img-item.center{transform:translate(-50%,-50%) scale(1);opacity:1;transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .35s ease}
.img-item.entering{opacity:1;transition:none}
.img-item.leaving{opacity:1;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .35s ease}
.img-item.prev{transform:translate(calc(-50% - 60px),-50%) scale(.92);opacity:0;transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .35s ease}
.img-item.next{transform:translate(calc(-50% + 60px),-50%) scale(.92);opacity:0;transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .35s ease}
.img-item img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5);display:block;user-select:none;-webkit-user-drag:none}
.img-modal-caption{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);color:rgba(255,255,255,.9);font-size:18px;text-align:center;max-width:80vw;opacity:0;transition:opacity .3s ease .2s;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.img-modal.active .img-modal-caption{opacity:1}
.img-modal-counter{position:fixed;top:30px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:18px;letter-spacing:.5px;opacity:0;transition:opacity .3s ease .15s;pointer-events:none}
.img-modal.active .img-modal-counter{opacity:1}
.img-modal-close{position:fixed;top:30px;right:20px;width:42px;height:42px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;line-height:1;z-index:10;opacity:0}
.img-modal.active .img-modal-close{opacity:1;transition-delay:.1s}
.img-modal-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}
.img-modal-prev,.img-modal-next{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:10;user-select:none;opacity:0}
.img-modal.active .img-modal-prev,.img-modal.active .img-modal-next{opacity:1;transition-delay:.15s}
.img-modal-prev{left:28px}
.img-modal-next{right:28px}
.img-modal-prev:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) translateX(-4px)}
.img-modal-next:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) translateX(4px)}



.newlist {width:100%; margin-top: 4%}
.newlist ul li {width:100%}
.newlist ul li a {width:100%; overflow: hidden; padding-bottom: 3%; border-bottom: 1px dotted #ccc; margin-bottom: 3%}
.newlist ul li a figure {width:35%; overflow: hidden; height: auto; display: block; border-radius: 10px;}
.newlist ul li a figure img {width:100%; overflow: hidden; height: auto; display: block}
.newlist ul li a article {width:62%;}
.newlist ul li a article h3 {width:100%; text-align: left; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); color:var(--color-text-regular); font-weight: var(--font-weight-medium); line-height: clamp(34px, calc(36 / 2560 * 100vw), 36px)}
.newlist ul li a article p {width:100%; overflow: hidden; display: block; text-align: left; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); color:var(--color-text-miaoshu); font-weight: var(--font-weight-regular); margin-top: 2%; line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px)}
.newlist ul li a article span {width:100%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: var(--color-text-qita)}
.newlist ul li a article span i {width:auto; font-size: 16px; line-height: 16px;}
.newlist ul li a article span b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 14px; margin-right: 3%; margin-left: 1%}

.newlist ul li a:hover {width:100%; overflow: hidden; padding-bottom: 3%; border-bottom: 1px dotted #ccc; margin-bottom: 3%;}
.newlist ul li a:hover figure {width:35%; overflow: hidden; height: auto; display: block; border-radius: 10px;}
.newlist ul li a:hover figure img {width:100%; overflow: hidden; height: auto; display: block}
.newlist ul li a:hover article {width:62%;}
.newlist ul li a:hover article h3 {width:100%; text-align: left; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); color:var(--color-primary); font-weight: var(--font-weight-medium); line-height: clamp(34px, calc(36 / 2560 * 100vw), 36px)}
.newlist ul li a:hover article p {width:100%; overflow: hidden; display: block; text-align: left; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); color:var(--color-text-miaoshu); font-weight: var(--font-weight-regular); margin-top: 2%; line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px)}
.newlist ul li a:hover article span {width:100%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: var(--color-text-qita)}
.newlist ul li a:hover article span i {width:auto; font-size: 16px; line-height: 16px;}
.newlist ul li a:hover article span b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 14px; margin-right: 3%; margin-left: 1%}



/*****文章正文****/
.articlebody {width:1300px; background:var(--color-bg); margin:0px auto; position:relative; margin-top:-130px; z-index:99; padding:3%; margin-bottom:5%}
.articlebody h1 {width:auto; text-align:left; font-size:clamp(26px, calc(28 / 2560 * 100vw), 28px); line-height:clamp(38px, calc(40 / 2560 * 100vw), 40px)}
.articlebody div.time {width:100%; overflow:hidden; padding:2%; padding-top:1%; padding-bottom:1%; background:var(--color-bg-section); border-radius:6px; margin-top:2%}
.articlebody div.time i {width:auto; font-size: 18px; line-height: 19px; display:block; margin-top:2px;}
.articlebody div.time b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 14px; margin-right: 3%; margin-left: 0.5%}


.Relatedarticles {width:100%; overflow:hidden; margin-top:0%;}
.Relatedarticles div.tit {width:100%; overflow:hidden; height:60px; margin-bottom:2%;}
.Relatedarticles div.tit span {width:auto; height:60px; line-height:60px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.Relatedarticles div.tit span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-primary); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.Relatedarticles ul li {width:24%; overflow:hidden}
.Relatedarticles ul li a {width:100%; display:block}
.Relatedarticles ul li a figure {width:100%; overflow:hidden; display:block;}
.Relatedarticles ul li a figure img {width:100%; overflow:hidden; height:auto; display:block}
.Relatedarticles ul li a figure figcaption {width:100%; overflow:hidden; text-align:left; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); line-height:clamp(22px, calc(24 / 2560 * 100vw), 24px); color:var(--color-text-regular); margin-top:2%}
.Relatedarticles ul li a:hover {width:100%; display:block}
.Relatedarticles ul li a:hover figure {width:100%; overflow:hidden; display:block;}
.Relatedarticles ul li a:hover figure img {width:100%; overflow:hidden; height:auto; display:block}
.Relatedarticles ul li a:hover figure figcaption {width:100%; overflow:hidden; text-align:left; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); line-height:clamp(22px, calc(24 / 2560 * 100vw), 24px); color:var(--color-primary); margin-top:2%}

/*联系我们*/
.map {width:100%; overflow: hidden; min-height: 480px; border: 4px solid #ddd; border-radius: 10px; margin-top: 4%; background: #fff}
.lianxifangshi {width:100%; margin-top: 3%}
.lianxifangshi dl {width:100%; overflow:hidden;}
.lianxifangshi dl dt {width:35px; overflow:hidden; height:46px; text-align:left; line-height:50px; font-size: clamp(20px, calc(24 / 2560 * 100vw), 24px); color:var(--color-text-regular)}
.lianxifangshi dl dd {width:auto; overflow:hidden; text-align:left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color:var(--color-text-regular)}

.lxwm_sub {width:100%; margin-top: 3%; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); line-height: clamp(30px, calc(34 / 2560 * 100vw), 34px); color: var(--color-text-regular)}
.lxwm_sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px;}


.Recruitment {width: 100%; margin-top: 3%; max-width: 960px; margin-bottom: 3%}
.Recruitment_list {margin-top: 1%; margin-bottom: 1%;}
.Recruitment_list:last-child {border-bottom: none;}
        
.Recruitment_listsub {width: 100%; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); cursor: pointer; background: #f8f8f8; border-left: 8px solid #00c18c; padding: 2%; padding-top: 1%; padding-bottom: 1%; transition: background 0.15s; user-select: none; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
.Recruitment_listsub:hover {background: #f0f0f0;}
.Recruitment_listsub::before {content: "\e647"; font-size: 11px; transition: transform 0.2s; color: #888; font-family: "yckf" !important; order: 1; margin-left: auto;}
.Recruitment_listsub.openre::before {content: "\e64e"; color: #333; font-family: "yckf" !important; float: right; order: 1; margin-left: auto;}
.Recruitment_show {width: 100%; overflow: hidden; background: #fbfbfb; padding: 0%; max-height: 0; opacity: 0; transition: max-height 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.3s ease, opacity 0.25s ease;}
.Recruitment_show.openre {padding: 4%; opacity: 1;}
.Recruitment_show p {text-indent: 0px;}


.message {width:100%; overflow: hidden; margin-top: 4%;}
.message div.ly {width:100%}
.message div.ly input {width:49%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-bottom: 2%}
.message div.ly select {width:49%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-bottom: 2%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/xl1.png") right no-repeat}
.message div.ly textarea {width:100%; min-height: 120px; border: 1px solid #c9c9c9; padding: 2%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-bottom: 2%}
.message div.ly input::placeholder, textarea::placeholder, select::placeholder {color:var(--color-text-regular)}
.message div.ly div.tj {width:100%; margin-top: 1%; text-indent: 0px}
.message div.ly div.tj button {width:auto; padding: 6%; padding-top: 1.5%; padding-bottom: 1.5%; background: #0059aa; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-right: 3%}
.message div.ly div.tj button i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}
.message div.ly div.tj a {width:auto; padding: 6%; padding-top: 1%; padding-bottom: 1%; background: #00c88c; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px)}
.message div.ly div.tj a i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}

.message div.ly div.tj button:hover {width:auto; padding: 6%; padding-top: 1.5%; padding-bottom: 1.5%; background: #034b8c; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-right: 3%}
.message div.ly div.tj button:hover i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}
.message div.ly div.tj a:hover {width:auto; padding: 6%; padding-top: 1%; padding-bottom: 1%; background: #01a574; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px)}
.message div.ly div.tj a:hover i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}

.message p {text-indent: 0px;}


/*科室介绍*/
.department {width:1300px; margin: 0px auto; margin-top: 2%; margin-bottom: 3%}
.department div.list {width:31%; padding: 2%; border: 3px solid #e5e5e5; background:url("../images/keshibg.png") right top no-repeat #fff; background-size: 50%; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04); transition: all 0.3s linear 0s !important; margin-top: 2%}
.department div.list:hover {box-shadow: 0 20px 60px rgba(0,0,0,0.10), 0 8px 24px rgba(0,0,0,0.06); transition: all 0.3s linear 0s !important; background:url("../images/keshibg.png") right top no-repeat #f9f9f9; background-size: 50%; transform: translateY(-4px); margin-top: 2%}
.department div.list div.top {width:100%; padding-bottom: 4%; margin-bottom: 3%; border-bottom: 1px solid #ddd}
.department div.list div.top i {width:90px; height: 80px; text-align: left; line-height: 84px; font-size: clamp(70px, calc(76 / 2560 * 100vw), 76px); color: var(--color-primary)}
.department div.list div.top h2 {width:auto; text-align: left;}
.department div.list div.top h2 span {width:100%; font-size: clamp(24px, calc(28 / 2560 * 100vw), 28px); line-height: clamp(24px, calc(28 / 2560 * 100vw), 28px); font-weight: var(--font-weight-medium); color: var(--color-text-title); display: block}
.department div.list:hover div.top h2 span {width:100%; font-size: clamp(24px, calc(28 / 2560 * 100vw), 28px); line-height: clamp(24px, calc(28 / 2560 * 100vw), 28px); font-weight: var(--font-weight-medium); color: var(--color-primary); display: block}
.department div.list div.top h2 em {width:100%;; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); line-height: clamp(14px, calc(16 / 2560 * 100vw), 16px); font-weight: var(--font-weight-regular); color: var(--color-text-desc); display: block; font-style: normal; margin-top: 3%}
.department div.list div.cen {width:100%; text-align: left; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular); line-height: clamp(24px, calc(26 / 2560 * 100vw), 26px)}
.department div.list div.fot {width:100%; margin-top: 5%}
.department div.list div.fot a.more {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #0059aa; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); border-radius: 4px;}
.department div.list div.fot a.more i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}
.department div.list div.fot a.gh {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #00c88c; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-left: 3%; border-radius: 4px;}
.department div.list div.fot a.gh i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}
.department div.list div.fot a.more:hover {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #034b8c; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); border-radius: 4px;}
.department div.list div.fot a.more:hover i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}
.department div.list div.fot a.gh:hover {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #01a574; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); margin-left: 3%; border-radius: 4px;}
.department div.list div.fot a.gh:hover i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}
.department div.clear {width:31%;}



.departmentarticle {width:1300px; background:var(--color-bg); margin:0px auto; position:relative; margin-top:-130px; z-index:99; padding:1.5%; padding-top: 0.5%; margin-bottom:5%}
.departmentarticle h3 {width:100%; overflow: hidden; border-left: 5px solid #00c88c; background: #f5f5f5; padding-top: 1.5%; padding-bottom: 1.5%; text-align: left; font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); font-weight: var(--font-weight-medium); padding-left: 3%; margin-bottom: 2%; margin-top: 2%}
.departmentarticle p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 40px; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); line-height: clamp(26px, calc(30 / 2560 * 100vw), 30px)}
.departmentarticle img {width:100%; overflow:hidden; height:auto; display:block}

.departmentarticle ul.kszj {width:100%; flex-wrap: wrap; gap: 1.3%; justify-content: flex-start;}
.departmentarticle ul.kszj li {width:24%; transition: all 0.3s linear 0s !important;}
.departmentarticle ul.kszj li a {width:100%;}
.departmentarticle ul.kszj li a figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.kszj li a figure img {width:100%; overflow: hidden; display: block; height: auto}
.departmentarticle ul.kszj li a figure figcaption {width:100%; text-align: center; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); background: rgba(0,0,0,0.4); padding-top: 3%; padding-bottom: 3%; position: absolute; left: 0px; bottom: 0px; z-index: 8; color: var(--color-text-on-highlight)}
.departmentarticle ul.kszj li a p {width:100%; overflow: hidden; display: block; text-align: center; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px); text-indent: 0px; color: var(--color-text-regular)}
.departmentarticle ul.kszj li:hover {width:24%; transform: translateY(-4px); transition: all 0.3s linear 0s !important;}
.departmentarticle ul.kszj li a:hover {width:100%;}
.departmentarticle ul.kszj li a:hover figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.kszj li a:hover figure img {width:100%; overflow: hidden; display: block; height: auto}
.departmentarticle ul.kszj li a:hover figure figcaption {width:100%; text-align: center; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); background: rgba(0,0,0,0.4); padding-top: 3%; padding-bottom: 3%; position: absolute; left: 0px; bottom: 0px; z-index: 8; color: var(--color-text-on-highlight)}
.departmentarticle ul.kszj li a:hover p {width:100%; overflow: hidden; display: block; text-align: center; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px); text-indent: 0px; color: var(--color-text-regular)}

.departmentarticle ul.kszj li div.gn {width:100%; margin-top: 5%}
.departmentarticle ul.kszj li div.gn a.more {width:50%; padding-top: 4%; padding-bottom: 4%; background: #0059aa; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px);}
.departmentarticle ul.kszj li div.gn a.more i {font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px); margin-top: 4px; margin-right: 4px;}
.departmentarticle ul.kszj li div.gn a.gh {width:50%; padding-top: 4%; padding-bottom: 4%; background: #00c88c; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px);}
.departmentarticle ul.kszj li div.gn a.gh i {font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px); margin-top: 4px; margin-right: 4px;}
.departmentarticle ul.kszj li div.gn a.more:hover {width:50%; padding-top: 4%; padding-bottom: 4%; background: #003e77; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px);}
.departmentarticle ul.kszj li div.gn a.more:hover i {font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px); margin-top: 4px; margin-right: 4px;}
.departmentarticle ul.kszj li div.gn a.gh:hover {width:50%; padding-top: 4%; padding-bottom: 4%; background: #00865e; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px);}
.departmentarticle ul.kszj li div.gn a.gh:hover i {font-size: clamp(18px, calc(20 / 2560 * 100vw), 20px); line-height: clamp(22px, calc(24 / 2560 * 100vw), 24px); margin-top: 4px; margin-right: 4px;}


.departmentarticle ul.ksyqfc {width:100%; flex-wrap: wrap; gap: 2%; justify-content: flex-start;}
.departmentarticle ul.ksyqfc li {width:32%; transition: all 0.3s linear 0s !important;}
.departmentarticle ul.ksyqfc li a {width:100%;}
.departmentarticle ul.ksyqfc li a figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.ksyqfc li a figure img {width:100%; overflow: hidden; display: block; height: auto; border-radius: 10px;}
.departmentarticle ul.ksyqfc li a figure figcaption {width:100%; text-align: center; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); padding-top: 3%; padding-bottom: 5%; color: var(--color-text-regular)}

.departmentarticle ul.ksyqfc li:hover {width:32%; transform: translateY(-4px); transition: all 0.3s linear 0s !important;}
.departmentarticle ul.ksyqfc li a:hover {width:100%;}
.departmentarticle ul.ksyqfc li a:hover figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.ksyqfc li a:hover figure img {width:100%; overflow: hidden; display: block; height: auto; border-radius: 10px;}
.departmentarticle ul.ksyqfc li a:hover figure figcaption {width:100%; text-align: center; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); padding-top: 3%; padding-bottom: 5%; color: var(--color-primary)}

/*医生团队*/
.medicalteam {width:1300px; margin: 0px auto; position: relative; z-index: 99; margin-top: 0px; margin-bottom: 1%;}
.doctorclassification {width:100%; margin-top:5%}
.doctorclassification a {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; background:var(--color-bg-doctor); display:block; margin-left:0.5%; margin-right:0.5%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-regular); cursor: pointer}
.doctorclassification a:hover {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; background:var(--color-primary); display:block; margin-left:0.5%; margin-right:0.5%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-on-highlight); cursor: pointer}
.doctorclassification a.ahover {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; background:var(--color-primary); display:block; margin-left:0.5%; margin-right:0.5%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-on-highlight); cursor: pointer}

.medicalteam ul {width:100%; margin-top: 4%}
.medicalteam ul li {width:49%; overflow: hidden; border: 1px solid #ddd; background: #fff; border-radius: 8px; padding: 2%; transition: all 0.1s linear 0s !important; margin-bottom: 2%}
.medicalteam ul li:hover {transform: translateY(-4px); transition: all 0.1s linear 0s !important; box-shadow: 0 4px 12px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.25);}
.medicalteam ul li a {width:100%}
.medicalteam ul li a figure {width:40%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a figure img {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a div.sub {width:56%;}
.medicalteam ul li a div.sub h3 {width:100%; text-align: left; font-size: clamp(24px, calc(26 / 2560 * 100vw), 26px); font-weight: var(--font-weight-medium)}
.medicalteam ul li a div.sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular);}
.medicalteam ul li a div.sub h4 {width:100%; overflow:hidden; height:50px; margin-bottom:2%;}
.medicalteam ul li a div.sub h4 b {width:auto; height:50px; line-height:50px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.medicalteam ul li a div.sub h4 b i {width:100%; height: 4px; border-radius: 100px; background: var(--color-text-regular); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.medicalteam ul li a div.sub span {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; border: 1px solid #ddd; display: inline-block; margin-top: 2%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px)}
.medicalteam ul li a div.sub span b {font-weight: var(--font-weight-regular); margin-right: 5px;}
.medicalteam ul li a:hover {width:100%}
.medicalteam ul li a:hover figure {width:40%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a:hover figure img {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a:hover div.sub {width:56%;}
.medicalteam ul li a:hover div.sub h3 {width:100%; text-align: left; font-size: clamp(24px, calc(26 / 2560 * 100vw), 26px); font-weight: var(--color-primary)}
.medicalteam ul li a:hover div.sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular);}
.medicalteam ul li a:hover div.sub h4 {width:100%; overflow:hidden; height:50px; margin-bottom:2%;}
.medicalteam ul li a:hover div.sub h4 b {width:auto; height:50px; line-height:50px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.medicalteam ul li a:hover div.sub h4 b i {width:100%; height: 4px; border-radius: 100px; background: var(--color-text-regular); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.medicalteam ul li a:hover div.sub span {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; border: 1px solid var(--color-primary); display: inline-block; margin-top: 2%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); background: var(--color-primary); color: #fff}
.medicalteam ul li a:hover div.sub span b {font-weight: var(--font-weight-regular); margin-right: 5px;}


.medicalteam_show {width:100%; margin-top: 2%}
.medicalteam_show li {width:100%; overflow: hidden;}
.medicalteam_show li figure {width:30%; overflow: hidden; height: auto; display: block}
.medicalteam_show li figure img {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam_show li div.sub {width:66%;}
.medicalteam_show li div.sub h4 {width:100%; text-align: left; font-size: clamp(24px, calc(26 / 2560 * 100vw), 26px); font-weight: var(--font-weight-medium)}
.medicalteam_show li div.sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular);}
.medicalteam_show li div.sub h5 {width:100%; overflow:hidden; height:50px; margin-bottom:2%; margin-top: 4%}
.medicalteam_show li div.sub h5 span {width:auto; height:50px; line-height:50px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.medicalteam_show li div.sub h5 span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-text-regular); position: absolute; bottom: 0px; left: 0px; z-index: 99}

.schedule {width:100%; border: 1px solid #ddd; margin-bottom: 10%}
.schedule dl {width:100%; border-bottom: 1px solid #ddd; display: grid; grid-template-columns: repeat(8, 1fr); gap: 0px;}
.schedule dl dt {width:auto; text-align: center; line-height: clamp(20px, calc(24 / 2560 * 100vw), 24px); padding: 5%; padding-top: 10%; padding-bottom: 10%; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); border-right: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.schedule dl dt:nth-child(8n) {border-right: 0px;}
.schedule dl:nth-child(3n) {border-bottom: 0px}
.schedule dl dt:hover {background: #f0f0f0}
.zzbj {background: #fbfbfb}
.zzwz {font-size: clamp(10px, calc(12 / 2560 * 100vw), 12px) !important}
.schedulemb {display: none}


/*地图调用*/
#container {width: 100%; max-width: 880px; aspect-ratio: 880 / 480; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); border-radius: 8px; background: #e9edf2;}
.custom-info {padding: 8px 14px; font-size: 15px; color: #333; font-weight: 500;}
.custom-info small {display: block; font-weight: 400; color: #666; font-size: 12px; margin-top: 2px;}

/*就诊服务-专家出诊查询*/
.expertconsultation {width:100%; margin-top: 4%}
.expertconsultation div.search {width:100%;}
.expertconsultation div.search input {width:46%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px);}
.expertconsultation div.search select {width:30%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 1.5%; padding-bottom: 1.5%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/xl1.png") right no-repeat}

.expertconsultation div.search button {width:20%; padding: 2%; padding-top: 1.5%; padding-bottom: 1.5%; background: #0059aa; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px);}
.expertconsultation div.search button i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}
.expertconsultation div.search button:hover {width:20%; padding: 2%; padding-top: 1.5%; padding-bottom: 1.5%; background: #034b8c; color: #fff; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px);}
.expertconsultation div.search button:hover i {font-size: clamp(20px, calc(22 / 2560 * 100vw), 22px); line-height: clamp(20px, calc(22 / 2560 * 100vw), 22px); margin-top: 4px; margin-right: 4px;}

.expertconsultation ul {width:100%; margin-top: 3%}
.expertconsultation ul li {width:100%; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 4%; margin-bottom: 4%;}
.expertconsultation ul li:hover {width:100%; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 4%; margin-bottom: 4%; background: #fcfcfc}
.expertconsultation ul li figure {width:27.5%; overflow: hidden; display: block}
.expertconsultation ul li figure img {width:100%; overflow: hidden; height: auto; display: block}
.expertconsultation ul li div.info {width:70%;}
.expertconsultation ul li div.info p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular);}
.expertconsultation ul li div.info h3 {width:100%; overflow: hidden; text-align: left; margin-top: 3%; font-size: clamp(14px, calc(16 / 2560 * 100vw), 16px); color: var(--color-text-regular); font-weight: var(--font-weight-medium)}

.expertconsultation ul li div.info div.schedulejzfw {width:100%; border: 1px solid #ddd; margin-top: 3%}
.expertconsultation ul li div.info div.schedulejzfw dl {width:100%; border-bottom: 1px solid #ddd; display: grid; grid-template-columns: repeat(8, 1fr); gap: 0px;}
.expertconsultation ul li div.info div.schedulejzfw dl dt {width:auto; text-align: center; line-height: clamp(16px, calc(18 / 2560 * 100vw), 18px); padding: 5%; padding-top: 10%; padding-bottom: 10%; font-size: clamp(12px, calc(14 / 2560 * 100vw), 14px); border-right: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.expertconsultation ul li div.info div.schedulejzfw dl dt:nth-child(8n) {border-right: 0px;}
.expertconsultation ul li div.info div.schedulejzfw dl:nth-child(3n) {border-bottom: 0px}
.expertconsultation ul li div.info div.schedulejzfw dl dt:hover {background: #f0f0f0}
.expertconsultation ul li div.info div.schedulejzfw_mb {display:none}

/*就诊服务-科室出诊时间表*/
.departmentvisits {width:100%; margin-top: 4%; margin-bottom: 4%}
.departmentvisits dl {width:100%;}
.departmentvisits dl dt {width:15%; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); color: var(--color-text-regular); margin-top: 0.8%}
.departmentvisits dl dd {width:85%;}
.departmentvisits dl dd a {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; display:block; gap:1%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-regular); margin-top: 0.5%; margin-bottom: 0.5%; cursor: pointer}
.departmentvisits dl dd a:hover {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; background:var(--color-primary); display:block; gap:1%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-on-highlight); margin-top: 0.5%; margin-bottom: 0.5%; cursor: pointer}
.departmentvisits dl dd a.ahover {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; background:var(--color-primary); display:block; gap:1%; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:var(--color-text-on-highlight); margin-top: 0.5%; margin-bottom: 0.5%; cursor: pointer}

.departmentvisits div.top {width:100%; overflow: hidden; margin-top: 3%; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.departmentvisits div.top h3 {width:40%; overflow: hidden; text-align: left; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); font-weight: var(--font-weight-regular)}
.departmentvisits div.top h3 span {color:var(--color-primary)}
.departmentvisits div.top div.xq {width:60%}
.departmentvisits div.top div.xq span {width:12.5%; text-align: center; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); font-weight: var(--font-weight-regular); color: var(--color-text-regular)}

.departmentvisits div.doctor {width:100%; overflow: hidden; margin-top: 2%; padding-bottom: 2%; border-bottom: 1px solid #ddd;}
.departmentvisits div.doctor:hover {width:100%; overflow: hidden; margin-top: 2%; padding-bottom: 2%; border-bottom: 1px solid #ddd; background: #fcfcfc}
.departmentvisits div.doctor div.ys {width:80%; overflow: hidden}
.departmentvisits div.doctor div.ys figure {width:20%; overflow: hidden; height: auto}
.departmentvisits div.doctor div.ys figure img {width:100%; overflow: hidden; height: auto; display: block}
.departmentvisits div.doctor div.xx {width:76%; padding-right: 7%}
.departmentvisits div.doctor div.xx p {width:100%; text-align: left; font-size: clamp(16px, calc(18 / 2560 * 100vw), 18px); margin-top: 1%}

.departmentvisits div.doctor div.sxw {width:20%;}
.departmentvisits div.doctor div.sxw a {width:100%; overflow:hidden; padding:3%; border-radius:6px; background:var(--color-primary); color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); text-align:center; display:block}
.departmentvisits div.doctor div.sxw a:hover {width:100%; overflow:hidden; padding:3%; border-radius:6px; background:var(--color-btn-hover); color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); text-align:center; display:block}




/*搜索弹框*/
.searchtk {width:100%; overflow:hidden; height:100%; position:fixed; top:-100%; left:0px; z-index:9999999; background:rgba(0,0,0,0.8); transition: all 0.1s linear 0s !important;}
.searchtk div.m {width:600px; overflow:hidden; padding:30px; background:#fff; border-radius:10px; position:relative}
.searchtk div.m i {width:40px; overflow:hidden; height:40px; position:absolute; top:10px; right:0px; z-index:999; color:#333; line-height:40px; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); display:block; cursor:pointer}
.searchtk div.m h3 {width:100%; text-align:left; font-size:clamp(18px, calc(20 / 2560 * 100vw), 20px); color:#333}
.searchtk div.m form {width:100%; overflow:hidden; margin-top:2%;}
.searchtk div.m form input {width:70%; overflow:hidden; height:40px; border:1px solid #ddd; background:#fcfcfc; padding-left:15px; padding-right:15px; border-radius:5px;}
.searchtk div.m form button {width:28%; overflow:hidden; height:40px; border:0px; background:var(--color-primary); border-radius:5px; color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); cursor:pointer}
.searchtk div.m form button em {font-size:clamp(18px, calc(20 / 2560 * 100vw), 20px); display:block; line-height:clamp(18px, calc(20 / 2560 * 100vw), 20px); margin-right:5px; margin-top:2px;}
.searchtk div.m form button:hover {width:28%; overflow:hidden; height:40px; border:0px; background:var(--color-primary-dark); border-radius:5px; color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); cursor:pointer}
.searchtk div.m form button:hover em {font-size:clamp(18px, calc(20 / 2560 * 100vw), 20px); display:block; line-height:clamp(18px, calc(20 / 2560 * 100vw), 20px); margin-right:5px; margin-top:2px;}


/*通用搜索结果页*/
.tysousuomain {width:100%; overflow:hidden; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:clamp(100px, calc(120 / 2560 * 100vw), 120px);}
.tysousuomain div.m {width:1300px; overflow:hidden; margin:0px auto; background:#fff; padding-top:3%; padding-bottom:4%}
.tysousuomain div.m div.topso {width:100%; overflow:hidden;}
.tysousuomain div.m div.topso form {width:60%; height:50px; padding:1%; padding-right:0.2%; border:1px solid var(--color-btn-bg); border-radius:5px;}
.tysousuomain div.m div.topso form input {width:70%; overflow:hidden; height:50px; font-size:clamp(16px, calc(18 / 2560 * 100vw), 18px); color:#333}
.tysousuomain div.m div.topso form input::placeholder {color:#000}
.tysousuomain div.m div.topso form button {width:28%; overflow:hidden; height:40px; border:0px; background:var(--color-btn-bg); border-radius:5px; color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); cursor:pointer}
.tysousuomain div.m div.topso form button em {font-size:clamp(18px, calc(20 / 2560 * 100vw), 20px); display:block; line-height:clamp(18px, calc(20 / 2560 * 100vw), 20px); margin-right:5px; margin-top:2px;}
.tysousuomain div.m div.topso form button:hover {width:28%; overflow:hidden; height:40px; border:0px; background:var(--color-btn-hover); border-radius:5px; color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); cursor:pointer}
.tysousuomain div.m div.topso form button:hover em {font-size:clamp(18px, calc(20 / 2560 * 100vw), 20px); display:block; line-height:clamp(18px, calc(20 / 2560 * 100vw), 20px); margin-right:5px; margin-top:2px;}

.tysousuomain div.m div.sub {width:100%; margin-top:1%; position:relative; z-index:999}
.tysousuomain div.m div.sub div.l {width:60%}
.tysousuomain div.m div.sub div.l ul.solist {width:100%; margin-bottom:3%}
.tysousuomain div.m div.sub div.l ul.solist li {width:100%; overflow:hidden; margin-top:2%; padding-bottom:3%; border-bottom:1px dotted #ddd}
.tysousuomain div.m div.sub div.l ul.solist li a {width:100%; overflow:hidden; display:block}
.tysousuomain div.m div.sub div.l ul.solist li a h3 {width:100%; overflow:hidden; text-align:left; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); color:var(--color-secondary); font-weight:var(--font-weight-regular); text-decoration:underline}
.tysousuomain div.m div.sub div.l ul.solist li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); color:var(--color-secondary-dark); font-weight:var(--font-weight-regular); text-decoration:underline}
.tysousuomain div.m div.sub div.l ul.solist li a article {width:100%; margin-top:2%}
.tysousuomain div.m div.sub div.l ul.solist li a article figure {width:32%; overflow:hidden; display:block}
.tysousuomain div.m div.sub div.l ul.solist li a article figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.tysousuomain div.m div.sub div.l ul.solist li a article p {width:66%; overflow:hidden; display:block; text-align:left; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:#666}
.tysousuomain div.m div.sub div.l ul.solist li a article p span {width:100%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: var(--color-text-qita)}
.tysousuomain div.m div.sub div.l ul.solist li a article p i {width:auto; font-size: 16px; line-height: 16px;}
.tysousuomain div.m div.sub div.l ul.solist li a article p b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 12px; margin-right: 3%; margin-left: 1%}


.tysousuomain div.m div.sub div.r {width:36%; position: sticky !important;}
.tysousuomain div.m div.sub div.r h3 {width:100%; overflow:hidden; text-align:left; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); padding-bottom:2%; border-bottom:1px solid #ddd; margin-bottom:3%}
.tysousuomain div.m div.sub div.r a {width:100%; overflow:hidden; text-align:left; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); color:#333; line-height:clamp(28px, calc(30 / 2560 * 100vw), 30px); color:var(--color-secondary)}
.tysousuomain div.m div.sub div.r a em {width:20px; overflow:hidden; height:20px; display:block; border-radius:5px; background:#ddd; color:#333; line-height:20px; font-size:10px; margin-right:3px; font-style:normal; text-align:center; margin-top:1px}


.cbfudong {width:160px; overflow: hidden; height: auto; position: fixed; top: 20%; right: 2%; z-index: 9999999; border-radius:10px; animation: 
    slideIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards,
    float 3s ease-in-out infinite 0.6s; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);}
.cbfudong img {width:100%; overflow: hidden; height: auto; display: block; margin-top:-5px;}

@keyframes slideIn {
  0%   { transform: translateX(80px); opacity: 0; }
  100% { transform: translateX(0);    opacity: 1; }
}

/* 👇 持续浮动：上下轻微摆动 */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-20px); }
}






/* ==========大屏手机 / 小平板（≤767px） ========== */
@media (max-width: 767px) {
.cbfudong {display:none}
header {display:none}
header.mb {width:100%; height: 12.8vw; background: rgba(255, 255, 255, 0.8); position:fixed; top:0px; left:0px; z-index:99999; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(20px); padding-left:3%; padding-right:3%; display:flex}
header.mb div.logo {width:40%}
header.mb div.logo a {width:100%;}
header.mb div.logo a img {width:100%; overflow:hidden; height:auto; display:block}
header.mb div.ico {width:60%;}
header.mb div.ico a {width:5vw; height:5vw; text-align:right; line-height:5vw; font-size:5.6vw; color: var(--color-primary); display:block; margin-left:4%; position:relative}
header.mb div.ico a:hover {width:5vw; height:5vw; text-align:right; line-height:5vw; font-size:5.6vw; color: var(--color-primary-dark); display:block; margin-left:4%; position:relative}
header.mb div.ico a em {width:120px; overflow:hidden; height:0px; background:#fff; padding:0px; position:absolute; left:-30px; top:8vw; z-index:999; display:block}
header.mb div.ico a em img {width:100%; overflow:hidden; height:auto; display:block}
header.mb div.ico a:hover em {width:120px; overflow:hidden; height:120px; background:#fff; padding:10px; position:absolute; left:-30px; top:8vw; z-index:999; display:block}
header.mb div.ico a:hover em img {width:100%; overflow:hidden; height:auto; display:block}

.navmb {width:100%; height:100%; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(20px); position:fixed; top:0px; z-index:99999999; transition: all 0.1s linear 0s !important; right:-100%; display:block}
.navmb div.tktop {width:100%; height: 12.8vw; background: #fff; padding-left:3%; padding-right:3%; display:flex}
.navmb div.tktop div.logo {width:40%}
.navmb div.tktop div.logo a {width:100%;}
.navmb div.tktop div.logo a img {width:100%; overflow:hidden; height:auto; display:block}
.navmb div.tktop div.ico {width:60%;}
.navmb div.tktop div.ico a {width:5vw; height:5vw; text-align:right; line-height:5vw; font-size:5.6vw; color: var(--color-primary); display:block; margin-left:4%}
.navmb div.tktop div.ico a:hover {width:5vw; height:5vw; text-align:right; line-height:5vw; font-size:5.6vw; color: var(--color-primary-dark); display:block; margin-left:4%}
.menu-item {border-bottom: 1px solid #eee;background: #fff; display:block}
.menu-item a.n {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; font-size: 1rem; color: #333; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent;}
.menu-item input {display: none;}
.menu-item label {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; font-size: 1rem; color: #333; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent;}
.menu-item label::after {content: "+"; font-size: 20px; color: #999; transition: transform 0.3s ease;}
.menu-item input:checked + label::after {transform: rotate(45deg);}
.sub-menu {max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background: #fafafa;}
.menu-item input:checked ~ .sub-menu {max-height: 600px;}
.sub-menu a {display: block; padding: 10px 40px; font-size: 0.8rem; color: #666; text-decoration: none; border-bottom: 1px solid #f0f0f0;}
.sub-menu a:last-child {border-bottom: none;}
.sub-menu a:active {background: #f0f0f0; color: #007aff;}


.indexbanner {width:100%; overflow:hidden; height:auto; position:relative}
.indexbanner div.swiper-wrapper {width:100%}
.indexbanner div.swiper-wrapper div.swiper-slide {width:100%;}
.indexbanner div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.indexbanner div.swiper-wrapper div.swiper-slide a img {width:220%; overflow:hidden; height:auto; display:block; margin-left:-60%}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub {width:90%; overflow:hidden; height:auto; min-width:90%; position:absolute; top:50%; left:50%; transform: translate(-50%, -40%); z-index:999999}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h1 {width:100%; text-align:left; font-size:2rem; font-weight: var(--font-weight-bold); color: var(--color-text-on-highlight); text-shadow: 
    2px 0 0 #005aaa,
    -2px 0 0 #005aaa,
    0 2px 0 #005aaa,
    0 -2px 0 #005aaa,
    2px 2px 0 #005aaa,
    -2px -2px 0 #005aaa,
    2px -2px 0 #005aaa,
    -2px 2px 0 #005aaa;}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h2 {width:100%; text-align:left; font-size: 1.2rem; font-weight: var(--font-weight-regular); color: var(--color-text-on-highlight); text-shadow: 
    2px 0 0 #005aaa,
    -2px 0 0 #005aaa,
    0 2px 0 #005aaa,
    0 -2px 0 #005aaa,
    2px 2px 0 #005aaa,
    -2px -2px 0 #005aaa,
    2px -2px 0 #005aaa,
    -2px 2px 0 #005aaa;}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub h3 {width:100%; text-align:left; font-size: 1rem; font-weight: var(--font-weight-regular); color: var(--color-text-on-highlight); margin-top:1%; text-shadow: 
    2px 0 0 #005aaa,
    -2px 0 0 #005aaa,
    0 2px 0 #005aaa,
    0 -2px 0 #005aaa,
    2px 2px 0 #005aaa,
    -2px -2px 0 #005aaa,
    2px -2px 0 #005aaa,
    -2px 2px 0 #005aaa;}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub p {width:auto; overflow:hidden; border:2px solid #fff; border-radius:100px; background: var(--color-btn-bg); padding:7%; padding-top:5px; padding-bottom:5px; color: var(--color-text-on-highlight); font-size: 1rem; margin-top:4%}
.indexbanner div.swiper-wrapper div.swiper-slide a div.sub p:hover {width:auto; overflow:hidden; border:2px solid #fff; border-radius:100px; background: var(--color-primary); padding:7%; padding-top:5px; padding-bottom:5px; color: var(--color-text-on-highlight); font-size: 1rem; margin-top:4%}

.indexbanner div.indexbanner-pagination {width:100%; position:absolute; left:0px; bottom:5%; z-index:999999; text-align:center}
.indexbanner div.indexbanner-pagination span.swiper-pagination-bullet {width:15px; overflow:hidden; height:15px; border:2px solid #fff; background:none; opacity:1}
.indexbanner div.indexbanner-pagination span.swiper-pagination-bullet-active {width:15px; overflow:hidden; height:15px; border:2px solid #fff; background:#fff; opacity:1}


.whychoose {width:100%; padding:10%; padding-left:5%; padding-right:5%; border-radius:0px; background:#f3f3f3; margin:0px auto; position:relative; z-index:9999; margin-top:0%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.whychoose div.title {width:100%;}
.whychoose div.title h2 {width:100%; text-align:center; font-size:1.2rem; font-weight:var(--font-weight-regular); 1.2remn; color:#3f3f3f}
.whychoose div.title h3 {width:100%; text-align:center; font-size:1.4rem; font-weight:var(--font-weight-bold); line-height: 1.2rem; margin-top:3%; color:#3f3f3f}
.whychoose div.gn {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; margin-top:3%}
.whychoose div.gn dl {width:100%; margin-left:0%}
.whychoose div.gn dl dt {width:25%; text-align:center; font-size:4rem; color: var(--color-primary); padding-top:2%;}
.whychoose div.gn dl dd {width:72%; text-align:left; font-size:0.8rem; color: var(--color-text-regular); font-weight: var(--font-weight-regular)}
.whychoose div.gn dl dd h3 {width:100%; text-align:left; font-size:1.2rem; color: var(--color-secondary); font-weight: var(--font-weight-bold)}


.aboutyongci {width:100%; margin:0px auto; margin-top:0%}
.aboutyongci div.l {width:100%}
.aboutyongci div.l a {width:100%; display:block; position:relative;}
.aboutyongci div.l a img {width:100%; overflow:hidden; height:auto; display:block; border-radius:0px !important}
.aboutyongci div.l a p {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; top:0px; z-index:999; background:rgba(0,0,0, 0.3); border-radius:0px !important; text-align:center; font-size: 5rem; color:var(--color-text-on-highlight)}

.aboutyongci div.r {width:100%; padding:5%}
.aboutyongci div.r h2 {width:100%; text-align:left; font-size:2rem}
.aboutyongci div.r p {width:100%; text-align:left; font-size:1rem; margin-bottom:1%; margin-top:1%; color:#525252}
.aboutyongci div.r a {width:100%; overflow:hidden; border-radius:8px; background: var(--color-btn-bg); padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: 1rem; margin-top:2%}
.aboutyongci div.r a:hover {width:100%; overflow:hidden; border-radius:8px; background: var(--color-primary); padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: 1rem; margin-top:2%}

.aboutyongci div.r div.yyzz {width:100%; padding:3%; background:#f9f1e9; margin-top:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; border-radius:6px;}
.aboutyongci div.r div.yyzz dl {width:100%; padding-bottom:3%; padding-top:3%}
.aboutyongci div.r div.yyzz dl dt {widdth:23%; text-align:left; font-size:4rem; line-height:4rem; color: var(--color-primary)}
.aboutyongci div.r div.yyzz dl dd {width:76%; text-align:left; font-size:0.8rem; color:#525252; padding-top:1%}
.aboutyongci div.r div.yyzz dl dd h3 {width:100%; text-align:left; font-size:1rem; color:#000; font-weight: var(--font-weight-regular)}


.yongcikeshi {width:100%; overflow:hidden; padding-top:5%; padding-bottom:5%; background:url(../images/bg_1.jpg) center no-repeat #efefef; margin-top:3%}
.yongcikeshi div.sub {width:94%; overflow:hidden; margin:0px auto; position:relative}
.yongcikeshi div.sub div.ksjs {width:100%; padding-right:0%;}
.yongcikeshi div.sub div.ksjs h2 {width:100%;}
.yongcikeshi div.sub div.ksjs h2 p {width:60%; text-align:left; font-size: 0.8rem; font-weight:var(--font-weight-medium); color:#2b2b2b}
.yongcikeshi div.sub div.ksjs h2 p span {width:100%; display:block; font-size: 1.2rem; font-weight:var(--font-weight-regular); color:#2b2b2b}

.yongcikeshi div.sub div.ksjs h2 a {width:auto; overflow:hidden; border-radius:8px; border:1px solid #666; padding:3%; padding-top:6px; padding-bottom:6px; color: var(--color-text-regular); font-size: 1rem; font-weight:var(--font-weight-regular);}
.yongcikeshi div.sub div.ksjs h2 a span {width:auto;}
.yongcikeshi div.sub div.ksjs h2 a i {width:30px; font-size: 1.4rem; line-height:1.4rem; margin-top:4%; display:block; text-align:right}
.yongcikeshi div.sub div.ksjs h2 a:hover {width:auto; overflow:hidden; border-radius:8px; border:1px solid #fa7800; background:#fa7800; padding:3%; padding-top:6px; padding-bottom:6px; color: var(--color-text-on-highlight); font-size: 1rem; font-weight:var(--font-weight-regular);}
.yongcikeshi div.sub div.ksjs h2 a:hover span {width:auto;}
.yongcikeshi div.sub div.ksjs h2 a:hover i {width:30px; font-size: 1.4rem; line-height:1.4rem; margin-top:4%; display:block; text-align:right}
.yongcikeshi div.sub div.ksjs p {width:100%; text-align:left; font-size: 1rem; margin-bottom:1%; margin-top:2%; color:#525252}


.yongcikeshi div.sub div.ksjs div.keshibanner {width:100%; overflow:hidden; margin-top:5%; position:relative}
.yongcikeshi div.sub div.ksjs div.keshibanner div.swiper-wrapper {width:100%}
.yongcikeshi div.sub div.ksjs div.keshibanner div.swiper-wrapper div.swiper-slide {width:100%}
.yongcikeshi div.sub div.ksjs div.keshibanner div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; height:auto; display:block}

.yongcikeshi div.sub div.ksjs div.keshibanner div.keshibannernext {width:30px; overflow:hidden; height:30px; display:block; position:absolute; left:13%; bottom:6% !important; text-align:center; border-radius:100px; background:#fff; z-index:99; line-height:30px; font-size: 1rem; color:var(--color-secondary); cursor:pointer}
.yongcikeshi div.sub div.ksjs div.keshibanner div.keshibannerprev {width:30px; overflow:hidden; height:30px; display:block; position:absolute; left:3%; bottom:6% !important; text-align:center; border-radius:100px; background:#fff; z-index:99; line-height:30px; font-size: 1rem; color:var(--color-secondary); cursor:pointer}


.yongcikeshi div.sub div.keshi {width:100%; overflow:hidden; height:auto; background:var(--color-primary); position:inherit; top:0px; right:0px; z-index:999}
.yongcikeshi div.sub div.keshi dl {width:50%;}
.yongcikeshi div.sub div.keshi dl a {width:auto; overflow: hidden; display: block; padding-top:18%; padding-bottom:18%; border-right:1px solid #e06e05; border-bottom:1px solid #e06e05}
.yongcikeshi div.sub div.keshi dl a dt {width:100%; text-align:center; font-size: 3.8rem; line-height: 3.8rem; color:#fff; margin-bottom:3%}
.yongcikeshi div.sub div.keshi dl a dd {width:100%; text-align:center; font-size: 1.2rem; line-height: 1.2rem; color:#FFF}
.yongcikeshi div.sub div.keshi dl a:hover {width:auto; overflow: hidden; display: block; padding-top:18%; padding-bottom:18%; border-right:1px solid #e06e05; border-bottom:1px solid #e06e05; background: var(--color-primary-dark)}
.yongcikeshi div.sub div.keshi dl a:hover dt {width:100%; text-align:center; font-size: 3.8rem; line-height: 3.8rem; color:#fff; margin-bottom:3%}
.yongcikeshi div.sub div.keshi dl a:hover dd {width:100%; text-align:center; font-size: 1.2rem; line-height: 1.2rem; color:#FFF}
.yongcikeshi div.sub div.keshi a.more {width:100%; padding-top:4%; padding-bottom:4%; background:#da6b05; color:#fff}
.yongcikeshi div.sub div.keshi a.more span {width:auto; line-height:1rem}
.yongcikeshi div.sub div.keshi a.more i {width:30px; font-size:1rem; line-height:1.2rem; margin-top:1%; display:block; text-align:right}


.expertteam {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:url("../images/bg_2.jpg") center bottom no-repeat #fff;}
.expertteam h2 {width:100%; margin: 0px auto; text-align: center; color: #f4f4f4; padding-bottom: 12%; font-size: 2rem; position: relative}
.expertteam h2 p {width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.expertteam h2 p span {width:100%; text-align: center; font-size: 1.6rem; color: #333; display: block}
.expertteam h2 p b {width:100%; text-align: center; font-size: 0.8rem; font-weight:var(--font-weight-regular); color: #333; display: block}

.expertteam div.doctor {width:94%; margin: 0px auto; margin-top: 2%; flex-wrap:wrap;}
.expertteam div.doctor div.mydoctor {width:100%; overflow: hidden; position: relative;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper {width:100%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide {width:100%; flex-wrap:wrap;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.l {width:100%;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.l img {width:100%; overflow: hidden; height: auto; display: block}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r {width:100%; margin-top: 3%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h3 {width:100%; font-size: 1.8rem; color: var(--color-black); text-align: left; margin-bottom: 2%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r p {width:100%; text-align:left; font-size: 1rem; margin-bottom:0.5%; margin-top:0.5%; color:#525252}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h4 {width:100%; margin-top: 4%; margin-bottom: 2%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h4 span {width:auto; padding-bottom: 2%; position: relative; color: var(--color-black); text-align: left; font-size: 1.2rem}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r h4 span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-black); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx {width:100%; margin-top: 6%;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a {width:auto; overflow:hidden; border-radius:8px; border:1px solid #666; padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-regular); font-size: 1rem; font-weight:var(--font-weight-regular); margin-right: 3%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a span {width:auto;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a i {width:30px; font-size: 1rem; line-height:1.2rem; margin-top:4%; display:block; text-align:right}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a:hover {width:auto; overflow:hidden; border-radius:8px; border:1px solid #fa7800; background:#fa7800; padding:3%; padding-top:8px; padding-bottom:8px; color: var(--color-text-on-highlight); font-size: 1rem; font-weight:var(--font-weight-regular); margin-right: 3%}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a:hover span {width:auto;}
.expertteam div.doctor div.mydoctor div.swiper-wrapper div.swiper-slide div.r div.lx a:hover i {width:30px; font-size: 1rem; line-height:1.2rem; margin-top:4%; display:block; text-align:right}

.expertteam div.doctor div.mydoctor div.mydoctornext {width:40px; overflow: hidden; height: 40px; text-align: center; font-size: 20px; color: #fff; line-height: 40px; position: absolute; top: 2%; left: 86%; z-index: 99}
.expertteam div.doctor div.mydoctor div.mydoctorprev {width:40px; overflow: hidden; height: 40px; text-align: center; font-size: 20px; color: #fff; line-height: 40px; position: absolute; top: 2%; left: 2%; z-index: 99}

.expertteam div.doctor div.jyzn {width:100%; margin-top: 5%}
.expertteam div.doctor div.jyzn h3 {width:100%; background: linear-gradient(to right, #eca766, #fa7902); height: 50px; border-radius: 8px; color: #fff}
.expertteam div.doctor div.jyzn h3 i {width:40px; overflow: hidden; height: 50px; line-height: 54px; text-align: center; font-size: 1.6rem; color: #fff; display: block;}
.expertteam div.doctor div.jyzn h3 span {width:auto; text-align: center; line-height: 50px; font-size: 1.4rem; font-weight: var(--font-weight-regular)}
.expertteam div.doctor div.jyzn div.gnmk {width:100%}
.expertteam div.doctor div.jyzn div.gnmk a {width:49%; overflow: hidden; border-radius: 8px; background: #f1eae2; display: block; padding-top: 5%; padding-bottom: 5%; margin-top: 3%}
.expertteam div.doctor div.jyzn div.gnmk a i {width:100%; text-align: center; font-size: 3rem; line-height: 50px; display: block; color: var(--color-primary)}
.expertteam div.doctor div.jyzn div.gnmk a p {width:100%; text-align: center; font-size: 1rem; color: #333}
.expertteam div.doctor div.jyzn div.gnmk a:hover {width:49%; overflow: hidden; border-radius: 8px; background: #f1eae2; display: block; padding-top: 5%; padding-bottom: 5%; margin-top: 3%}
.expertteam div.doctor div.jyzn div.gnmk a:hover i {width:100%; text-align: center; font-size: 3rem; line-height: 50px; display: block; color: var(--color-primary-dark)}
.expertteam div.doctor div.jyzn div.gnmk a:hover p {width:100%; text-align: center; font-size: 1rem; color: #333}



.indexnews {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:url("../images/bg_3.jpg") center top no-repeat #fbf2eb;}
.indexnews div.title {width:100%; height: 70px; background: #fff}
.indexnews div.title div.tab-header {width:100%; height: 70px; margin: 0px auto}
.indexnews div.title div.tab-header div.tab-item {width:33.333333333333333333333%; height: 70px; color: var(--color-text-regular); padding-left: 4%; padding-right: 4%; cursor: pointer}
.indexnews div.title div.tab-header div.tab-item i {width:0px; overflow: hidden; text-align: left; font-size: 0px; line-height: 0px; margin-top: 1%;}
.indexnews div.title div.tab-header div.tab-item p {width:auto; padding: 0px !important;}
.indexnews div.title div.tab-header div.tab-item p span {width:100%; display: block; font-size: 1.2rem; line-height: 1.2rem; text-align: center}
.indexnews div.title div.tab-header div.tab-item p em {width:100%; display: block; font-size: 0.5rem; font-style: normal; text-transform: uppercase; text-align: center}

.indexnews div.title div.tab-header div.active {width:auto; height: 70px; color: var(--color-bg); padding-left: 4%; padding-right: 4%; cursor: pointer; background: var(--color-primary)}
.indexnews div.title div.tab-header div.active i {width:0px; overflow: hidden; text-align: left; font-size: 0px; line-height: 0px; margin-top: 1%}
.indexnews div.title div.tab-header div.active p {width:auto; padding: 0px !important;}
.indexnews div.title div.tab-header div.active p span {width:100%; display: block; font-size: 1.2rem; line-height: 1.2rem; text-align: center}
.indexnews div.title div.tab-header div.active p em {width:100%; display: block; font-size: 0.5rem; font-style: normal; text-transform: uppercase; text-align: center}

.indexnews div.newssub {width:94%; margin: 0px auto; overflow: hidden; margin-top: 3%;}
.indexnews div.newssub div.swiper-wrapper {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide {width:100%; flex-wrap:wrap;}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l {width:100%;}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a {width:100%; overflow: hidden; display: block; background: var(--color-bg)}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a figure {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a figure img {width:100%; overflow: hidden; height: auto; display: block}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a figure figcaption {width:auto; padding: 4%; padding-top: 3%; padding-bottom: 0%; text-align: left; font-size: 1.1rem}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a p {width:100%; padding: 4%; padding-top: 1%; padding-bottom: 0%; text-align:left; font-size: 0.9rem; margin-bottom:0.5%; margin-top:0.5%; color: #666}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a span {width:100%; padding: 4%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: #777}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a span i {width:auto; font-size: 1rem; line-height: 1rem;}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.top a span b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 0.8rem; margin-right: 3%; margin-left: 1%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot {width:100%; margin-top: 2%;}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a {width:100%; overflow: hidden; display: block; background: var(--color-bg)}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a figure {width:100%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a figure img {width:100%; overflow: hidden; height: auto; display: block}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.l div.bot a figure figcaption {width:auto; padding: 6%; padding-top: 3%; padding-bottom: 5%; text-align: left; font-size: 1rem}

.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r {width:100%; margin-top: 4%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r h2 {width:100%; text-align: left; font-size: 1.2rem; line-height: 1.8rem;  font-weight: var(--font-weight-regular)}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r p {width:100%; padding-top: 1%; padding-bottom: 3%; border-bottom: 1px dotted #ada193; margin-bottom: 3%; text-align:left; font-size: 0.8rem; color: #666}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r ul li {width:100%; padding-bottom: 1%; padding-top: 1%}
.indexnews div.newssub div.swiper-wrapper div.swiper-slide div.r ul li a {width:100; text-align: left; font-size: 1rem; line-height: 1.3rem;}


.indexvideo {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:#fff; position:relative}
.indexvideo h2 {width:100%; margin: 0px auto; text-align: center; color: #f4f4f4; padding-bottom: 12%; font-size: 1.4rem; position: relative}
.indexvideo h2 p {width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.indexvideo h2 p span {width:100%; text-align: center; font-size: 1.6rem; color: #333; display: block}
.indexvideo h2 p b {width:100%; text-align: center; font-size: 0.8rem; font-weight:var(--font-weight-regular); color: #333; display: block}
.indexvideo div.videolist {width:100%; margin: 0px auto; position:relative}
.indexvideo div.videolist div.myvideo {width:94%; overflow:hidden; margin:0px auto; margin-top:1%}
.indexvideo div.videolist div.myvideo div.swiper-wrapper {width:100%;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide {width:100%;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; display:block}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a figure {width:100%; overflow:hidden; position:relative}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:12px;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a p {width:100%; overflow:hidden; text-align:left; font-size: 1rem; padding-top:3%; background:#fff}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a i {width:100%; overflow:hidden; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0px; top:0px; z-index:99; border-radius:12px; display:flex; align-items:center; justify-content:center;}
.indexvideo div.videolist div.myvideo div.swiper-wrapper div.swiper-slide a i::before {font-size: 2.8rem; color:#fff;}

.indexvideo div.videolist div.myvideonext {width:40px; overflow:hidden; height:40px; position:absolute; top:50%; right:13%; text-align:center; line-height:40px; font-size:20px; color:#666; cursor:pointer; display:none}
.indexvideo div.videolist div.myvideoprev {width:40px; overflow:hidden; height:40px; position:absolute; top:50%; left:13%; text-align:center; line-height:40px; font-size:20px; color:#666; cursor:pointer; display:none}


.lijiyuyue {width:100%; overflow:hidden; padding-top:4%; padding-bottom:5%; background:#f5f5f5; text-align:center}
.lijiyuyue h2 {width:90%; margin:0px auto; text-align:center; font-size: 1.4rem; font-weight:var(--font-weight-medium); color:var(--color-text-regular)}
.lijiyuyue h3 {width:90%; margin:0px auto; text-align:center; font-size: 0.8rem; font-weight:var(--font-weight-regular); color:var(--color-text-regular); margin-top:0.2%}
.lijiyuyue a {width:auto; overflow:hidden; padding:4%; padding-top:1.5%; padding-bottom:1.5%; border-radius:100px; margin:0px auto; display:inline-block; background:var(--color-btn-bg); color:var(--color-text-white); font-size:0.9rem; margin-top:2.4%}
.lijiyuyue a:hover {width:auto; overflow:hidden; padding:4%; padding-top:1.5%; padding-bottom:1.5%; border-radius:100px; margin:0px auto; display:inline-block; background:var(--color-btn-hover); color:var(--color-text-white); font-size:0.9rem; margin-top:2.4%}

footer {width:100%; background:url(../images/fot_bg.png) 10% 0px no-repeat var(--color-bg-footer); background-size:250%}
footer div.link {width:100%; overflow:hidden; height:60px; background:#003d73}
footer div.link dl {width:94%; overflow:hidden; margin:0px auto}
footer div.link dl dt {width:40px; overflow:hidden; height:60px; text-align:left; line-height:64px; color:#fff; font-size: 1.6rem}
footer div.link dl dd {width:auto; color:#FFF; font-size: 0.8rem}
footer div.link dl dd a {color:#FFF; font-size: 0.8rem; margin-right:8px;}
footer div.link dl dd a:hover {color:#fa7800; font-size: 0.8rem; margin-right:8px;}

footer div.lxxx {width:90%; overflow:hidden; margin:0px auto; margin-top:8%; margin-bottom:8%; padding-bottom:1%; flex-wrap:wrap;}
footer div.lxxx div.l {width:100%;}
footer div.lxxx div.l a {width:60%; overflow:hidden; height:auto; display:block}
footer div.lxxx div.l a img {width:100%; overflow:hidden; height:auto; display:block}
footer div.lxxx div.l h2 {width:100%; overflow:hidden; text-align:left; font-size: 1.2rem; font-weight:var(--font-weight-medium); color:#fff; margin-top:6%; padding-left:0%; margin-bottom:2%}
footer div.lxxx div.l dl {width:100%; overflow:hidden; padding-left:0%}
footer div.lxxx div.l dl dt {width:30px; overflow:hidden; height:32px; text-align:left; line-height:36px; font-size: 1.2rem; color:#fff}
footer div.lxxx div.l dl dd {width:auto; overflow:hidden; text-align:left; font-size: 0.9rem; color:#FFF}

footer div.lxxx div.r {width:100%;}
footer div.lxxx div.r h2 {width:100%; margin-top:4%}
footer div.lxxx div.r h2 span {width:auto; text-align:left; font-size: 1.2rem; color:#fff; font-weight: var(--font-weight-medium)}
footer div.lxxx div.r h2 p {width:auto; overflow:hidden; text-align:left; font-size: 0.6rem; color:#fff; font-weight: var(--font-weight-regular); text-transform:uppercase}
footer div.lxxx div.r div.bd {width:100%; margin-top:2%}
footer div.lxxx div.r div.bd input {width:100%; height:46px; border-bottom:1px solid #00427d; color:#83abcf}
footer div.lxxx div.r div.bd input::placeholder {color:#83abcf}
footer div.lxxx div.r div.bd textarea {width:100%; height:46px; border-bottom:1px solid #00427d; color:#83abcf; margin-top:2%; min-height:80px;}
footer div.lxxx div.r div.bd textarea::placeholder {color:#83abcf}
footer div.lxxx div.r div.bd button {width:100%; overflow:hidden; padding:4%; padding-top:3%; padding-bottom:3%; display:block; background:var(--color-btn-bg); margin-top:5%}
footer div.lxxx div.r div.bd button i {font-size:1.2rem; color:#FFF; line-height:1.2rem}
footer div.lxxx div.r div.bd button span {font-size:1rem; color:#FFF; padding-left:5px; font-weight: var(--font-weight-medium)}
footer div.lxxx div.r div.bd button:hover {width:auto; overflow:hidden; padding:4%; padding-top:3%; padding-bottom:3%; display:block; background:var(--color-btn-hover); margin-top:2%}
footer div.lxxx div.r div.bd button:hover i {font-size:1.2rem; color:#FFF; line-height:1.2rem}
footer div.lxxx div.r div.bd button:hover span {font-size:1rem; color:#FFF; padding-left:5px; font-weight: var(--font-weight-medium)}
footer div.Copyright {width:100%; text-align:center; padding-bottom:5%; padding-top:5%; font-size:0.8rem; color:#FFF; border-top:1px solid #00437e}
footer div.Copyright a {color:#fff}
footer div.Copyright a:hover {color:#fa7800}



/*内页*/
.pagebg {background: #f5f5f7; margin-top:0px;}
.pagebanner {width:100%; overflow: hidden; height: auto; position: relative; z-index: 9; margin-top: 12.8vw}
.pagebanner img {width:260%; overflow: hidden; height: auto; display: block; margin-left: -80%}

.share {width:100%; margin-top: 5%; padding-top: 3%; padding-bottom: 5%; border-top: 1px solid #ddd}
.share dl {width:100%; padding-bottom: 4px; padding-top: 4px;}
.share dl dt {width:auto; padding-right: 3px; font-size: 0.8rem; color: var(--color-text-regular)}
.share dl dd {width:auto; font-size: 0.8rem; color: var(--color-text-regular)}
.share dl dd a {width:34px; height: 40px; text-align: left; line-height: 44px; display: block; color: var(--color-text-regular); font-size: 1.8rem; transform: scale(1); transition: transform 0.1s ease; position:relative}
.share dl dd a:hover {width:34px; height: 40px; text-align: left; line-height: 44px; display: block; color: var(--color-primary); font-size: 1.8rem; transform: scale(1.2); transition: transform 0.1s ease; position:relative}
.share dl dd a p {width:120px; overflow:hidden; height:120px; display:none; position:absolute; left:-50px; top:35px; z-index:100}
.share dl dd a p img {width:100%; overflow:hidden; height:auto; display:block}
.share dl dd a:hover p {width:120px; overflow:hidden; height:120px; display:block; position:absolute; left:-50px; top:35px; z-index:100}
.share dl dd a:hover p img {width:100%; overflow:hidden; height:auto; display:block}


.pagemain {width:100%; margin: 0px auto; position: relative; z-index: 99; margin-top: 0px; margin-bottom: 3%; flex-wrap:wrap;}
.pagemain div.Navigation {display: none}

.Navigationmb {width:100%; overflow: hidden; height: 60px; padding-left: 4%; padding-right: 4%; border-bottom: 1px solid #ddd; background: #fff; display: flex; position: relative}
.Navigationmb div.Categories {width:100%; overflow: hidden; height: 60px;}
.Navigationmb div.Categories select {width:100%; overflow: hidden; background: url("../images/xl.png") right no-repeat; height: 60px; border: 0px; text-align: left; line-height: 60px; font-size: 1rem; color: #0a1c5e; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}


.pagemain div.Content {width:100%; padding-left: 3%; padding-right: 3%; position: relative; z-index: 9; background:url("../images/zw_bg.png") right bottom no-repeat #fff; background-size:30%;  margin-top: 0px;}
.pagemain div.Content div.Position {width:100%; padding-bottom: 15px; padding-top: 25px; border-bottom: 1px solid #ddd;}
.pagemain div.Content div.Position h1 {width:100%; max-width: 100%; text-align: center; font-size: 1.4rem; font-weight: var(--font-weight-regular); color: var(--color-primary)}
.pagemain div.Content div.Position h1 em {width:auto; margin-right: 5px; font-size: 1.2rem; display: none}
.pagemain div.Content div.Position div.Currentlocation {display: none}



/*****正文内容通用******/
.Maintext {width:100%; margin-top: 3%; text-align: left; font-size: 1rem; line-height: 1.8rem; color: var(--color-text-regular)}
.Maintext p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 2rem;}
.showtit h2 {text-indent: 2rem;}
.showtit h3 {text-indent: 2rem;}
.showtit h4 {text-indent: 2rem;}
.showtit h5 {text-indent: 2rem;}
.showtit h6 {text-indent: 2rem;}
.Maintext figure {width:auto; overflow:hidden; display: block; margin: 0px auto; max-width: 100%; margin-top: 1%; margin-bottom: 1%;}
.Maintext figure img {width:100%; overflow: hidden; display: block; height: auto}
.Maintext figure figcaption {width:100%; text-align: center; font-size: 0.8rem; color: var(--color-text-desc); display: block;}
.Maintext p img {width:auto !important; overflow: hidden !important; height: auto !important; display: block !important; margin: 0px auto !important; max-width: 100% !important; margin-top: 2% !important; margin-bottom: 2% !important; border-radius:12px;}

.nextprv {width:100%; margin-top: 5%; padding-top: 3%; border-top: 1px solid #ddd}
.nextprv a {width:100%; overflow: hidden; font-size: 0.8rem; color: var(--color-text-regular); display: block; line-height:1.4rem}
.nextprv a:hover {width:100%; overflow: hidden; font-size: 0.8rem; color: var(--color-primary); display: block; line-height:1.4rem}


.Maintext dl.yuanzhang {width:100%; overflow:hidden; margin-bottom:7%; flex-wrap:wrap;}
.Maintext dl.yuanzhang dt {width:100%; margin-bottom:5%}
.Maintext dl.yuanzhang dt img {width:100%; overflow:hidden; height:auto; display:block; border-radius:15px;}
.Maintext dl.yuanzhang dd {width:100%}
.Maintext dl.yuanzhang dd h3.yztit {width:100%; font-size: 1.2rem; color: var(--color-black); text-align: left; margin-bottom: 1%}
.Maintext dl.yuanzhang dd p.yzjj {width:100%; text-align:left; font-size: 1rem; margin-bottom:0.5%; margin-top:0.5%; color:#525252; text-indent:0px;}
.Maintext dl.yuanzhang dd h4.yzjs {width:100%; margin-top: 4%; margin-bottom: 2%}
.Maintext dl.yuanzhang dd h4.yzjs span {width:auto; padding-bottom: 2%; position: relative; color: var(--color-black); text-align: left; font-size: 1.2rem}
.Maintext dl.yuanzhang dd h4.yzjs span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-black); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.Maintext dl.yuanzhang dd p {text-indent: 0px !important}


.whadnzzjg_banner {width:100%; overflow:hidden; border:4px solid #eaeaea; border-radius:18px; margin-bottom:2%}
.whadnzzjg_banner img {width:100%; overflow:hidden; height:auto; display:block}
.whadnzzjg_sub {width:100%}
.whadnzzjg_sub h3.bitit {width:100%; overflow:hidden; background:#f5f5f7; height:60px; border-radius:8px; margin-top:5%; margin-bottom:2%; padding-left:3%}
.whadnzzjg_sub h3.bitit span {width:auto; height:60px; line-height:60px; position: relative; color: var(--color-text-regular); text-align: left; font-size: 1.2rem}
.whadnzzjg_sub h3.bitit span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-primary); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.whadnzzjg_sub div.whsub {width:100%; text-align:left; font-size: 1rem; color: var(--color-text-regular); text-indent:0px; padding-left:3%; padding-right:3%}
.whadnzzjg_sub div.whsub p {text-indent:0px; margin-bottom:1%; margin-top:1%;}


.Classificationfiltering {width:100%; margin-top:5%}
.Classificationfiltering a {width:auto; overflow:hidden; padding:4%; padding-top:1%; padding-bottom:1%; border-radius:5px; background:var(--color-bg-gray); display:block; margin-left:0.5%; margin-right:0.5%; font-size:1rem; color:var(--color-text-regular)}
.Classificationfiltering a:hover {width:auto; overflow:hidden; padding:4%; padding-top:1%; padding-bottom:1%; border-radius:5px; background:var(--color-primary); display:block; margin-left:0.5%; margin-right:0.5%; font-size:1rem; color:var(--color-text-on-highlight)}
.Classificationfiltering a.ahover {width:auto; overflow:hidden; padding:4%; padding-top:1%; padding-bottom:1%; border-radius:5px; background:var(--color-primary); display:block; margin-left:0.5%; margin-right:0.5%; font-size:1rem; color:var(--color-text-on-highlight)}

.environment {width:100%; margin-top:5%}
.environment a {width:100%; overflow:hidden; display:block}
.environment a figure {width:100%; overflow:hidden; display:block}
.environment a figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.environment a figure figcaption {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-bottom:3%; padding-top:2%; font-size:1rem; color:var(--color-text-regular)}
.environment a:hover {width:100%; overflow:hidden; display:block}
.environment a:hover figure {width:100%; overflow:hidden; display:block; opacity:0.8}
.environment a:hover figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.environment a:hover figure figcaption {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-bottom:3%; padding-top:2%; font-size:1rem; color:var(--color-primary)}



.HospitalHonors {width:100%; margin-top:5%; background: url("../images/ry_sx.jpg") center repeat-y; padding-bottom: 5%; margin-bottom: 3%; padding-top:5%; Position:relative}
.HospitalHonors em {width:3rem; overflow:hidden; height:3rem; text-align:center; line-height:1.3rem; font-size: 1.7rem; color:var(--color-primary); Position:absolute; top:-1px; left:50%; margin-left:-25px;}
.HospitalHonors a:nth-of-type(odd) {width:50%; padding-right: 5%; position: relative}
.HospitalHonors a:nth-of-type(odd) figure {width:100%; overflow: hidden; height: auto; display: block;}
.HospitalHonors a:nth-of-type(odd) figure img {width:100%; overflow: hidden; height: auto; display: block; border-radius: 10px; border: 1px solid #ddd; padding: 2%}
.HospitalHonors a:nth-of-type(odd) figure figcaption {width:100%; overflow: hidden; display: block; text-align: right; font-size: 0.8rem; padding-top: 5%}
.HospitalHonors a:nth-of-type(odd) figure figcaption strong {width:100%; overflow: hidden; text-align: right; font-size: 1rem; line-height: 1rem; display: block; padding-bottom: 0%}
.HospitalHonors a:nth-of-type(odd) i {width:13px; overflow: hidden; height: 13px; display: block; border-radius: 100px; background: var(--color-primary); position: absolute; top: 5%; right: -3.2%;}

.HospitalHonors a:nth-of-type(even) {width:50%; padding-left: 5%; position: relative; margin-top: 10%}
.HospitalHonors a:nth-of-type(even) figure {width:100%; overflow: hidden; height: auto; display: block;}
.HospitalHonors a:nth-of-type(even) figure img {width:100%; overflow: hidden; height: auto; display: block; border-radius: 10px; border: 1px solid #ddd; padding: 2%}
.HospitalHonors a:nth-of-type(even) figure figcaption {width:100%; overflow: hidden; display: block; text-align: left; font-size: 0.8rem; padding-top: 5%}
.HospitalHonors a:nth-of-type(even) figure figcaption strong {width:100%; overflow: hidden; text-align: left; font-size: 1rem; line-height: 1rem; display: block; padding-bottom: 0%}
.HospitalHonors a:nth-of-type(even) i {width:13px; overflow: hidden; height: 13px; display: block; border-radius: 100px; background: var(--color-primary); position: absolute; top: 5%; left: -3.2%;}



.video-modal {padding: 0;}
.video-modal-content {border-radius: 0;max-width: 100%;width: 100%;}
.video-modal-close {top: 12px;right: 12px;background: rgba(0, 0, 0, 0.5);z-index: 10;}

.img-item{width:94%; height: auto}
.img-item img{width:100%;border-radius:4px}
.img-modal-close{top:20px;right:14px;width:36px;height:36px;font-size:22px;background:rgba(0,0,0,.4)}
.img-modal-prev,.img-modal-next{width:42px;height:42px;font-size:22px;background:rgba(0,0,0,.4)}
.img-modal-prev{left:12px; display: none}
.img-modal-next{right:12px; display: none}
.img-modal-caption{bottom:20px;font-size:13px}
.img-modal-counter{top:16px;font-size:13px}



.newlist {width:100%; margin-top: 4%}
.newlist ul li {width:100%}
.newlist ul li a {width:100%; overflow: hidden; padding-bottom: 4%; border-bottom: 1px dotted #ccc; margin-bottom: 4%; flex-wrap:wrap; flex-direction: column-reverse;}
.newlist ul li a figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 10px;}
.newlist ul li a figure img {width:100%; overflow: hidden; height: auto; display: block}
.newlist ul li a article {width:100%; margin-top: 3%}
.newlist ul li a article h3 {width:100%; text-align: left; font-size: 1.1rem; color:var(--color-text-regular); font-weight: var(--font-weight-medium); line-height: 1.8rem}
.newlist ul li a article p {width:100%; overflow: hidden; display: block; text-align: left; font-size: 0.8rem; color:var(--color-text-miaoshu); font-weight: var(--font-weight-regular); margin-top: 2%; line-height: 1.3rem}
.newlist ul li a article span {width:100%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: var(--color-text-qita)}
.newlist ul li a article span i {width:auto; font-size: 0.8rem; line-height: 1.3rem;}
.newlist ul li a article span b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 0.8rem; margin-right: 3%; margin-left: 1%}

.newlist ul li a:hover {width:100%; overflow: hidden; padding-bottom: 4%; border-bottom: 1px dotted #ccc; margin-bottom: 4%; flex-wrap:wrap; flex-direction: column-reverse;}
.newlist ul li a:hover figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 10px;}
.newlist ul li a:hover figure img {width:100%; overflow: hidden; height: auto; display: block}
.newlist ul li a:hover article {width:100%; margin-top: 3%}
.newlist ul li a:hover article h3 {width:100%; text-align: left; font-size: 1.1rem; color:var(--color-primary); font-weight: var(--font-weight-medium); line-height: 1.8rem}
.newlist ul li a:hover article p {width:100%; overflow: hidden; display: block; text-align: left; font-size: 0.8rem; color:var(--color-text-miaoshu); font-weight: var(--font-weight-regular); margin-top: 2%; line-height: 1.3rem}
.newlist ul li a:hover article span {width:100%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: var(--color-text-qita)}
.newlist ul li a:hover article span i {width:auto; font-size: 0.8rem; line-height: 1.3rem;}
.newlist ul li a:hover article span b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 0.8rem; margin-right: 3%; margin-left: 1%}

.showbanner {display:none}


/*****文章正文****/
.articlebody {width:100%; background:var(--color-bg); margin:0px auto; position:relative; margin-top:12.8vw; z-index:99; padding:3%; padding-top:5%; margin-bottom:5%; border-top:1px solid #ddd}
.articlebody h1 {width:auto; text-align:left; font-size:1.4rem; line-height:1.9rem}
.articlebody div.time {width:100%; overflow:hidden; padding:0%; padding-top:1%; padding-bottom:3%; padding-right:18%; background:none; border-bottom:1px solid #eee; margin-top:5%; flex-wrap:wrap; line-height:1.6rem; color:#999}
.articlebody div.time i {width:auto; font-size: 1rem; line-height: 19px; display:block; margin-top:2px;}
.articlebody div.time b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 0.8rem; margin-right: 3%; margin-left: 0.5%}


.Relatedarticles {width:100%; overflow:hidden; margin-top:0%;}
.Relatedarticles div.tit {width:100%; overflow:hidden; height:60px; margin-bottom:5%;}
.Relatedarticles div.tit span {width:auto; height:60px; line-height:60px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.Relatedarticles div.tit span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-primary); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.Relatedarticles ul {flex-wrap:wrap;}
.Relatedarticles ul li {width:100%; overflow:hidden}
.Relatedarticles ul li a {width:100%; display:block}
.Relatedarticles ul li a figure {width:100%; overflow:hidden; display:block;}
.Relatedarticles ul li a figure img {width:100%; overflow:hidden; height:auto; display:block}
.Relatedarticles ul li a figure figcaption {width:100%; overflow:hidden; text-align:left; font-size:1rem; line-height:1.5rem; color:var(--color-text-regular); margin-top:2%; margin-bottom:4%}
.Relatedarticles ul li a:hover {width:100%; display:block}
.Relatedarticles ul li a:hover figure {width:100%; overflow:hidden; display:block;}
.Relatedarticles ul li a:hover figure img {width:100%; overflow:hidden; height:auto; display:block}
.Relatedarticles ul li a:hover figure figcaption {width:100%; overflow:hidden; text-align:left; font-size:1rem; line-height:1.5rem; color:var(--color-primary); margin-top:2%; margin-bottom:4%}


/*联系我们*/
.map {width:100%; overflow: hidden; min-height: 480px; border: 4px solid #ddd; border-radius: 10px; margin-top: 4%; background: #fff}
.lianxifangshi {width:100%; margin-top: 8%; margin-bottom: 8%}
.lianxifangshi dl {width:100%; overflow:hidden;}
.lianxifangshi dl dt {width:35px; overflow:hidden; height:36px; text-align:left; line-height:40px; font-size: 1.6rem; color:var(--color-text-regular)}
.lianxifangshi dl dd {width:auto; overflow:hidden; text-align:left; font-size: 1rem; color:var(--color-text-regular)}

.lxwm_sub {width:100%; margin-top: 3%; text-align: left; font-size: 1rem; line-height: 1.6rem; color: var(--color-text-regular)}
.lxwm_sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px;}


.Recruitment {width: 100%; margin-top: 6%; max-width: 100%; margin-bottom: 6%}
.Recruitment_list {margin-top: 1%; margin-bottom: 1%;}
.Recruitment_list:last-child {border-bottom: none;}
        
.Recruitment_listsub {width: 100%; font-size: 1rem; cursor: pointer; background: #f8f8f8; border-left: 8px solid #00c18c; padding: 2%; padding-top: 3%; padding-bottom: 3%; transition: background 0.15s; user-select: none; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
.Recruitment_listsub:hover {background: #f0f0f0;}
.Recruitment_listsub::before {content: "\e647"; font-size: 11px; transition: transform 0.2s; color: #888; font-family: "yckf" !important; order: 1; margin-left: auto;}
.Recruitment_listsub.openre::before {content: "\e64e"; color: #333; font-family: "yckf" !important; float: right; order: 1; margin-left: auto;}
.Recruitment_show {width: 100%; overflow: hidden; background: #fbfbfb; padding: 0%; max-height: 0; opacity: 0; transition: max-height 0.4s cubic-bezier(0.33, 1, 0.68, 1), padding 0.3s ease, opacity 0.25s ease;}
.Recruitment_show.openre {padding: 4%; opacity: 1;}
.Recruitment_show p {text-indent: 0px;}


.message {width:100%; overflow: hidden; margin-top: 4%;}
.message div.ly {width:100%}
.message div.ly input {width:100%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 4%; padding-bottom: 4%; font-size: 1rem; margin-bottom: 2%}
.message div.ly select {width:100%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 4%; padding-bottom: 4%; font-size: 1rem; margin-bottom: 2%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/xl1.png") right no-repeat}
.message div.ly textarea {width:100%; min-height: 120px; border: 1px solid #c9c9c9; padding: 2%; padding-top: 4%; padding-bottom: 4%; font-size: 1rem; margin-bottom: 2%}
.message div.ly input::placeholder, textarea::placeholder, select::placeholder {color:var(--color-text-regular)}
.message div.ly div.tj {width:100%; margin-top: 1%; text-indent: 0px; flex-wrap:wrap;}
.message div.ly div.tj button {width:100%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #0059aa; color: #fff; font-size: 1rem; margin-right: 0%}
.message div.ly div.tj button i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 4px; margin-right: 4px;}
.message div.ly div.tj a {width:100%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #00c88c; color: #fff; font-size: 1rem; margin-top: 3%}
.message div.ly div.tj a i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 4px; margin-right: 4px;}

.message div.ly div.tj button:hover {width:100%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #034b8c; color: #fff; font-size: 1rem; margin-right: 0%}
.message div.ly div.tj button:hover i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 4px; margin-right: 4px;}
.message div.ly div.tj a:hover {width:100%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #01a574; color: #fff; font-size: 1rem; margin-top: 3%}
.message div.ly div.tj a:hover i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 4px; margin-right: 4px;}


.message p {text-indent: 0px;}


/*科室介绍*/
.department {width:94%; margin: 0px auto; margin-top: 12.8vw; margin-bottom: 3%}
.department div.list {width:100%; padding: 5%; border: 3px solid #e5e5e5; background:url("../images/keshibg.png") right top no-repeat #fff; background-size: 50%; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04); transition: all 0.3s linear 0s !important; margin-top: 4%}
.department div.list:hover {box-shadow: 0 20px 60px rgba(0,0,0,0.10), 0 8px 24px rgba(0,0,0,0.06); transition: all 0.3s linear 0s !important; background:url("../images/keshibg.png") right top no-repeat #f9f9f9; background-size: 50%; transform: translateY(0px); margin-top: 4%}
.department div.list div.top {width:100%; padding-bottom: 4%; margin-bottom: 3%; border-bottom: 1px solid #ddd}
.department div.list div.top i {width:90px; height: 80px; text-align: left; line-height: 84px; font-size: 4.4rem; color: var(--color-primary)}
.department div.list div.top h2 {width:auto; text-align: left;}
.department div.list div.top h2 span {width:100%; font-size: 1.8rem; line-height: 2rem; font-weight: var(--font-weight-medium); color: var(--color-text-title); display: block}
.department div.list:hover div.top h2 span {width:100%; font-size: 1.8rem; line-height: 2rem; font-weight: var(--font-weight-medium); color: var(--color-primary); display: block}
.department div.list div.top h2 em {width:100%;; font-size: 0.8rem; line-height: 1.2rem; font-weight: var(--font-weight-regular); color: var(--color-text-desc); display: block; font-style: normal; margin-top: 3%}

.department div.list div.cen {width:100%; text-align: left; font-size: 0.9rem; color: var(--color-text-regular); line-height: 1.3rem}
.department div.list div.fot {width:100%; margin-top: 5%}
.department div.list div.fot a.more {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #0059aa; color: #fff; font-size: 0.9rem; border-radius: 4px;}
.department div.list div.fot a.more i {font-size: 1.1rem; line-height: 1.1rem; margin-top: 4px; margin-right: 4px;}
.department div.list div.fot a.gh {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #00c88c; color: #fff; font-size: 0.9rem; margin-left: 3%; border-radius: 4px;}
.department div.list div.fot a.gh i {font-size: 1.1rem; line-height: 1.1rem; margin-top: 4px; margin-right: 4px;}

.department div.list div.fot a.more:hover {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #034b8c; color: #fff; font-size: 0.9rem; border-radius: 4px;}
.department div.list div.fot a.more:hover i {font-size: 1.1rem; line-height: 1.1rem; margin-top: 4px; margin-right: 4px;}
.department div.list div.fot a.gh:hover {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; background: #01a574; color: #fff; font-size: 0.9rem; margin-left: 3%; border-radius: 4px;}
.department div.list div.fot a.gh:hover i {font-size: 1.1rem; line-height: 1.1rem; margin-top: 4px; margin-right: 4px;}
.department div.clear {width:31%;}



.departmentarticle {width:100%; background:var(--color-bg); margin:0px auto; position:relative; margin-top:12.8vw; z-index:99; padding:3%; padding-top: 3%; margin-bottom:5%}
.departmentarticle h3 {width:100%; overflow: hidden; border-left: 5px solid #00c88c; background: #f5f5f5; padding-top: 4.5%; padding-bottom: 4.5%; text-align: left; font-size: 1.2rem; font-weight: var(--font-weight-medium); padding-left: 5%; margin-bottom: 5%; margin-top: 4%}
.departmentarticle p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 40px; font-size: 1rem; line-height: 1.8rem}

.departmentarticle ul.kszj {width:100%; flex-wrap: wrap; gap: 0%; justify-content: flex-start;}
.departmentarticle ul.kszj li {width:100%; transition: all 0.3s linear 0s !important; margin-bottom: 5%}
.departmentarticle ul.kszj li a {width:100%;}
.departmentarticle ul.kszj li a figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.kszj li a figure img {width:100%; overflow: hidden; display: block; height: auto}
.departmentarticle ul.kszj li a figure figcaption {width:100%; text-align: center; font-size: 1.2rem; background: rgba(0,0,0,0.4); padding-top: 3%; padding-bottom: 3%; position: absolute; left: 0px; bottom: 0px; z-index: 8; color: var(--color-text-on-highlight)}
.departmentarticle ul.kszj li a p {width:100%; overflow: hidden; display: block; text-align: center; font-size: 1rem; line-height: 1.4rem; text-indent: 0px; color: var(--color-text-regular)}
.departmentarticle ul.kszj li:hover {width:100%; transform: translateY(0px); transition: all 0.3s linear 0s !important; margin-bottom: 5%}
.departmentarticle ul.kszj li a:hover {width:100%; display: block}
.departmentarticle ul.kszj li a:hover figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.kszj li a:hover figure img {width:100%; overflow: hidden; display: block; height: auto}
.departmentarticle ul.kszj li a:hover figure figcaption {width:100%; text-align: center; font-size: 1.2rem; background: rgba(0,0,0,0.4); padding-top: 3%; padding-bottom: 3%; position: absolute; left: 0px; bottom: 0px; z-index: 8; color: var(--color-text-on-highlight)}
.departmentarticle ul.kszj li a:hover p {width:100%; overflow: hidden; display: block; text-align: center; font-size: 1rem; line-height: 1.4rem; text-indent: 0px; color: var(--color-text-regular)}

.departmentarticle ul.kszj li div.gn {width:100%; margin-top: 5%}
.departmentarticle ul.kszj li div.gn a.more {width:50%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #0059aa; color: #fff; font-size: 1rem;}
.departmentarticle ul.kszj li div.gn a.more i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 1px; margin-right: 4px;}
.departmentarticle ul.kszj li div.gn a.gh {width:50%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #00c88c; color: #fff; font-size: 1rem;}
.departmentarticle ul.kszj li div.gn a.gh i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 1px; margin-right: 4px;}
.departmentarticle ul.kszj li div.gn a.more:hover {width:50%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #034b8c; color: #fff; font-size: 1rem;}
.departmentarticle ul.kszj li div.gn a.more:hover i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 1px; margin-right: 4px;}
.departmentarticle ul.kszj li div.gn a.gh:hover {width:50%; padding: 6%; padding-top: 4%; padding-bottom: 4%; background: #01a574; color: #fff; font-size: 1rem;}
.departmentarticle ul.kszj li div.gn a.gh:hover i {font-size: 1.2rem; line-height: 1.2rem; margin-top: 1px; margin-right: 4px;}

.departmentarticle ul.ksyqfc {width:100%; flex-wrap: wrap; gap: 0%; justify-content: flex-start;}
.departmentarticle ul.ksyqfc li {width:100%; transition: all 0.3s linear 0s !important; margin-bottom: 3%}
.departmentarticle ul.ksyqfc li a {width:100%; display: block}
.departmentarticle ul.ksyqfc li a figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.ksyqfc li a figure img {width:100%; overflow: hidden; display: block; height: auto; border-radius: 10px;}
.departmentarticle ul.ksyqfc li a figure figcaption {width:100%; text-align: center; font-size: 1rem; padding-top: 3%; padding-bottom: 2%; color: var(--color-text-regular)}

.departmentarticle ul.ksyqfc li:hover {width:100%; transform: translateY(0px); transition: all 0.3s linear 0s !important; margin-bottom: 3%}
.departmentarticle ul.ksyqfc li a:hover {width:100%; display: block}
.departmentarticle ul.ksyqfc li a:hover figure {width:100%; overflow: hidden; display: block; position: relative; margin-bottom: 3%}
.departmentarticle ul.ksyqfc li a:hover figure img {width:100%; overflow: hidden; display: block; height: auto; border-radius: 10px;}
.departmentarticle ul.ksyqfc li a:hover figure figcaption {width:100%; text-align: center; font-size: 1rem; padding-top: 3%; padding-bottom: 5%; color: var(--color-primary)}




/*医生团队*/
.medicalteam {width:100%; margin: 0px auto; position: relative; z-index: 99; margin-top: 12.8vw; margin-bottom: 1%;}
.doctorclassification {display: none}

.medicalteam ul {width:100%; padding: 0%; margin-top: 0%}
.medicalteam ul li {width:100%; overflow: hidden; border: 0px solid #ddd; background: #fff; border-radius: 0px; padding: 5%; transition: all 0.1s linear 0s !important; margin-bottom: 5%}
.medicalteam ul li:hover {transform: translateY(0px); transition: all 0.1s linear 0s !important; box-shadow: 0 0px 0px rgba(0,0,0,0), 0 0px 0px rgba(0,0,0,0);}
.medicalteam ul li a {width:100%; flex-wrap:wrap;}
.medicalteam ul li a figure {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a figure img {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a div.sub {width:100%; margin-top: 3%}
.medicalteam ul li a div.sub h3 {width:100%; text-align: left; font-size: 1.8rem; font-weight: var(--font-weight-medium)}
.medicalteam ul li a div.sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: 1rem; color: var(--color-text-regular);}
.medicalteam ul li a div.sub h4 {width:100%; overflow:hidden; height:50px; margin-bottom:2%;}
.medicalteam ul li a div.sub h4 b {width:auto; height:50px; line-height:50px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.medicalteam ul li a div.sub h4 b i {width:100%; height: 4px; border-radius: 100px; background: var(--color-text-regular); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.medicalteam ul li a div.sub span {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; border: 1px solid #ddd; display: inline-block; margin-top: 5%; font-size: 1rem}
.medicalteam ul li a div.sub span b {font-weight: var(--font-weight-regular); margin-right: 5px;}


.medicalteam ul li a:hover {width:100%; flex-wrap:wrap;}
.medicalteam ul li a:hover figure {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a:hover figure img {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam ul li a:hover div.sub {width:100%; margin-top: 3%}
.medicalteam ul li a:hover div.sub h3 {width:100%; text-align: left; font-size: 1.8rem; font-weight: var(--color-primary)}
.medicalteam ul li a:hover div.sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: 1rem; color: var(--color-text-regular);}
.medicalteam ul li a:hover div.sub h4 {width:100%; overflow:hidden; height:50px; margin-bottom:2%;}
.medicalteam ul li a:hover div.sub h4 b {width:auto; height:50px; line-height:50px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.medicalteam ul li a:hover div.sub h4 b i {width:100%; height: 4px; border-radius: 100px; background: var(--color-text-regular); position: absolute; bottom: 0px; left: 0px; z-index: 99}
.medicalteam ul li a:hover div.sub span {width:auto; padding: 6%; padding-top: 2%; padding-bottom: 2%; border: 1px solid var(--color-primary); display: inline-block; margin-top: 5%; font-size: 1rem; background: var(--color-primary); color: #fff}
.medicalteam ul li a:hover div.sub span b {font-weight: var(--font-weight-regular); margin-right: 5px;}




.medicalteam_show {width:100%; margin-top: 2%}
.medicalteam_show li {width:100%; overflow: hidden; flex-wrap:wrap;}
.medicalteam_show li figure {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam_show li figure img {width:100%; overflow: hidden; height: auto; display: block}
.medicalteam_show li div.sub {width:100%; margin-top: 4%}
.medicalteam_show li div.sub h4 {width:100%; text-align: left; font-size: 1.8rem; font-weight: var(--font-weight-medium)}
.medicalteam_show li div.sub p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: 1rem; color: var(--color-text-regular);}
.medicalteam_show li div.sub h5 {width:100%; overflow:hidden; height:50px; margin-bottom:2%; margin-top: 4%}
.medicalteam_show li div.sub h5 span {width:auto; height:50px; line-height:50px; position: relative; color: var(--color-text-regular); font-weight:var(--font-weight-medium); text-align: left; font-size: 18px; display:block}
.medicalteam_show li div.sub h5 span i {width:100%; height: 4px; border-radius: 100px; background: var(--color-text-regular); position: absolute; bottom: 0px; left: 0px; z-index: 99}

.schedule {display: none}
.zzbj {background: #fbfbfb}
.zzwz {font-size: 0.8rem !important}


.schedulemb {width:100%; border: 1px solid #ddd; margin-bottom: 10%; display: block}
.schedulemb dl {width:100%; border-bottom: 1px solid #ddd; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px;}
.schedulemb dl dt {width:auto; text-align: center; line-height:1.2rem; padding: 5%; padding-top: 10%; padding-bottom: 10%; font-size:0.8rem; border-right: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.schedulemb dl dt:nth-child(3n) {border-right: 0px;}
.schedulemb dl:nth-child(8n) {border-bottom: 0px}
.schedulemb dl dt:hover {background: #f0f0f0}



/*地图调用*/
.custom-info {font-size: 13px;padding: 6px 10px;}
.custom-info small {font-size: 11px;}


/*就诊服务-专家出诊查询*/
.expertconsultation {width:100%; margin-top: 4%}
.expertconsultation div.search {width:100%; flex-wrap:wrap;}
.expertconsultation div.search input {width:100%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 3%; padding-bottom: 3%; font-size: 1rem; margin-bottom: 2%}
.expertconsultation div.search select {width:100%; border: 1px solid #c9c9c9; padding: 2%; padding-top: 3%; padding-bottom: 3%; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/xl1.png") right no-repeat; margin-bottom: 2%}

.expertconsultation div.search button {width:100%; padding: 2%; padding-top: 3%; padding-bottom: 3%; background: #0059aa; color: #fff; font-size: 1rem;}
.expertconsultation div.search button i {font-size: 1.4rem; line-height: 1.4rem; margin-top: 4px; margin-right: 4px;}
.expertconsultation div.search button:hover {width:20%; padding: 2%; padding-top: 3%; padding-bottom: 3%; background: #034b8c; color: #fff; font-size: 1rem;}
.expertconsultation div.search button:hover i {font-size: 1.4rem; line-height: 1.4rem; margin-top: 4px; margin-right: 4px;}

.expertconsultation ul {width:100%; margin-top: 3%}
.expertconsultation ul li {width:100%; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 4%; margin-bottom: 4%; flex-wrap:wrap;}
.expertconsultation ul li figure {width:100%; overflow: hidden; display: block}
.expertconsultation ul li figure img {width:100%; overflow: hidden; height: auto; display: block}
.expertconsultation ul li div.info {width:100%; margin-top: 3%}
.expertconsultation ul li div.info p {width:100%; overflow: hidden; display: block; margin-top: 1%; margin-bottom: 1%; text-indent: 0px; font-size: 1rem; color: var(--color-text-regular);}
.expertconsultation ul li div.info h3 {width:100%; overflow: hidden; text-align: left; margin-top: 3%; font-size: 1rem; color: var(--color-text-regular); font-weight: var(--font-weight-medium)}

.expertconsultation ul li div.info div.schedulejzfw {width:100%; border: 1px solid #ddd; margin-top: 3%}
.expertconsultation ul li div.info div.schedulejzfw dl {width:100%; border-bottom: 1px solid #ddd; display: grid; grid-template-columns: repeat(8, 1fr); gap: 0px;}
.expertconsultation ul li div.info div.schedulejzfw dl dt {width:auto; text-align: center; line-height: 1rem; padding: 5%; padding-top: 10%; padding-bottom: 10%; font-size: 0.8rem; border-right: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.expertconsultation ul li div.info div.schedulejzfw dl dt:nth-child(8n) {border-right: 0px;}
.expertconsultation ul li div.info div.schedulejzfw dl:nth-child(3n) {border-bottom: 0px}
.expertconsultation ul li div.info div.schedulejzfw dl dt:hover {background: #f0f0f0}
.expertconsultation ul li div.info div.schedulejzfw_mb {display:none}


/*就诊服务-科室出诊时间表*/
.departmentvisits {width:100%; margin-top: 4%; margin-bottom: 4%}
.departmentvisits dl {width:100%;}
.departmentvisits dl dt {width:100%; font-size: 1rem; color: var(--color-text-regular); margin-top: 0.8%; padding-bottom: 2%}
.departmentvisits dl dd {width:auto;}
.departmentvisits dl dd a {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; display:block; gap:1%; font-size:1rem; color:var(--color-text-regular); margin-top: 0.5%; margin-bottom: 0.5%; cursor: pointer}
.departmentvisits dl dd a:hover {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; background:var(--color-primary); display:block; gap:1%; font-size:1rem; color:var(--color-text-on-highlight); margin-top: 0.5%; margin-bottom: 0.5%; cursor: pointer}
.departmentvisits dl dd a.ahover {width:auto; overflow:hidden; padding:1.5%; padding-top:0.3%; padding-bottom:0.5%; border-radius:5px; background:var(--color-primary); display:block; gap:1%; font-size:c1rem; color:var(--color-text-on-highlight); margin-top: 0.5%; margin-bottom: 0.5%; cursor: pointer}

.departmentvisits div.top {width:100%; overflow: hidden; margin-top: 5%; border-bottom: 1px solid #ddd; padding-bottom: 2%;}
.departmentvisits div.top h3 {width:100%; overflow: hidden; text-align: left; font-size:1rem; font-weight: var(--font-weight-regular)}
.departmentvisits div.top h3 span {color:var(--color-primary)}
.departmentvisits div.top div.xq {width:60%; display: none}


.departmentvisits div.doctor {width:100%; overflow: hidden; margin-top: 5%; padding-bottom: 5%; border-bottom: 1px solid #ddd; flex-wrap:wrap;}
.departmentvisits div.doctor div.ys {width:100%; overflow: hidden;display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.departmentvisits div.doctor div.ys figure {width:100%; overflow: hidden; height: auto}
.departmentvisits div.doctor div.ys figure img {width:100%; overflow: hidden; height: auto; display: block}
.departmentvisits div.doctor div.xx {width:100%; padding-right: 0%; margin-top:1.5%}
.departmentvisits div.doctor div.xx p {width:100%; text-align: left; font-size: 1rem; margin-top: 1%}

.departmentvisits div.doctor div.sxw {width:100%; margin-top:3%}
.departmentvisits div.doctor div.sxw a {width:100%; overflow:hidden; padding:3%; border-radius:6px; background:var(--color-primary); color:#fff; font-size:1rem; text-align:center; display:block}
.departmentvisits div.doctor div.sxw a:hover {width:100%; overflow:hidden; padding:3%; border-radius:6px; background:var(--color-btn-hover); color:#fff; font-size:1rem; text-align:center; display:block}




/*搜索弹框*/
.searchtk {width:100%; overflow:hidden; height:100%; position:fixed; top:-100%; left:0px; z-index:9999999; background:rgba(0,0,0,0.8); transition: all 0.1s linear 0s !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-start; align-content:flex-start;}
.searchtk div.m {width:100%; overflow:hidden; padding:3%; padding-top:8%; padding-bottom:5%; background:#fff; border-radius:0px; position:relative}
.searchtk div.m i {width:40px; overflow:hidden; height:40px; position:absolute; top:10px; right:0px; z-index:999; color:#333; line-height:40px; font-size:clamp(20px, calc(22 / 2560 * 100vw), 22px); display:block; cursor:pointer}
.searchtk div.m h3 {width:100%; text-align:left; font-size:1.2rem; color:#333}
.searchtk div.m form {width:100%; overflow:hidden; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.searchtk div.m form input {width:100%; overflow:hidden; height:50px; border:1px solid #ddd; background:#fcfcfc; padding-left:15px; padding-right:15px; border-radius:5px;}
.searchtk div.m form button {width:100%; overflow:hidden; height:50px; border:0px; background:var(--color-primary); border-radius:5px; color:#fff; font-size:1rem; cursor:pointer; margin-top:3%}
.searchtk div.m form button em {font-size:1.2rem; display:block; line-height:1.2rem; margin-right:5px; margin-top:2px;}
.searchtk div.m form button:hover {width:100%; overflow:hidden; height:50px; border:0px; background:var(--color-primary-dark); border-radius:5px; color:#fff; font-size:1rem; cursor:pointer}
.searchtk div.m form button:hover em {font-size:1.2rem; display:block; line-height:1.2rem; margin-right:5px; margin-top:2px;}


/*通用搜索结果页*/
.tysousuomain {width:100%; overflow:hidden; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:12.8vw;}
.tysousuomain div.m {width:100%; overflow:hidden; margin:0px auto; padding:3%; background:#fff; padding-top:3%; padding-bottom:4%}
.tysousuomain div.m div.topso {width:100%; overflow:hidden;}
.tysousuomain div.m div.topso form {width:100%; height:50px; padding:1%; padding-right:1%; border:1px solid var(--color-btn-bg); border-radius:5px;}
.tysousuomain div.m div.topso form input {width:70%; overflow:hidden; height:50px; font-size:1rem; color:#333}
.tysousuomain div.m div.topso form input::placeholder {color:#000}
.tysousuomain div.m div.topso form button {width:28%; overflow:hidden; height:40px; border:0px; background:var(--color-btn-bg); border-radius:5px; color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); cursor:pointer}
.tysousuomain div.m div.topso form button em {font-size:1.2rem; display:block; line-height:1.2rem; margin-right:5px; margin-top:2px;}
.tysousuomain div.m div.topso form button:hover {width:28%; overflow:hidden; height:40px; border:0px; background:var(--color-btn-hover); border-radius:5px; color:#fff; font-size:clamp(14px, calc(16 / 2560 * 100vw), 16px); cursor:pointer}
.tysousuomain div.m div.topso form button:hover em {font-size:1.2rem; display:block; line-height:1.2rem; margin-right:5px; margin-top:2px;}

.tysousuomain div.m div.sub {width:100%; margin-top:1%; position:relative; z-index:999}
.tysousuomain div.m div.sub div.l {width:100%}
.tysousuomain div.m div.sub div.l ul.solist {width:100%; margin-bottom:3%}
.tysousuomain div.m div.sub div.l ul.solist li {width:100%; overflow:hidden; margin-top:2%; padding-bottom:3%; border-bottom:1px dotted #ddd}
.tysousuomain div.m div.sub div.l ul.solist li a {width:100%; overflow:hidden; display:block}
.tysousuomain div.m div.sub div.l ul.solist li a h3 {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:var(--color-secondary); font-weight:var(--font-weight-regular); text-decoration:underline}
.tysousuomain div.m div.sub div.l ul.solist li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:var(--color-secondary-dark); font-weight:var(--font-weight-regular); text-decoration:underline}
.tysousuomain div.m div.sub div.l ul.solist li a article {width:100%; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.tysousuomain div.m div.sub div.l ul.solist li a article figure {width:100%; overflow:hidden; display:block; margin-bottom:3%}
.tysousuomain div.m div.sub div.l ul.solist li a article figure img {width:100%; overflow:hidden; height:auto; display:block; border-radius:8px;}
.tysousuomain div.m div.sub div.l ul.solist li a article p {width:100%; overflow:hidden; display:block; text-align:left; font-size:0.8rem; color:#666}
.tysousuomain div.m div.sub div.l ul.solist li a article p span {width:100%; padding-top: 2%; font-weight: var(--font-weight-regular); display: block; color: var(--color-text-qita)}
.tysousuomain div.m div.sub div.l ul.solist li a article p i {width:auto; font-size: 16px; line-height: 16px;}
.tysousuomain div.m div.sub div.l ul.solist li a article p b {width:auto; text-align: left; font-weight: var(--font-weight-regular); font-size: 12px; margin-right: 3%; margin-left: 1%}


.tysousuomain div.m div.sub div.r {width:36%; position: sticky !important; display:none}

/*fenye*/
.pagination {width:100%; overflow:hidden; margin-top:2%; margin-bottom:3%}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px; background:#efefef; margin-left:0.2%; margin-right:0.2%; transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; cursor:pointer}
.pagination li a {color:var(--color-text-regular);padding:12px 16px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li:hover {display:inline-block!important;border:solid 1px #fa7800;border-radius:4px; background:#fa7800; margin-left:0.2%; margin-right:0.2%; transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; cursor:pointer}
.pagination li:hover a {color:var(--color-text-on-highlight);padding:12px 16px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li.active {display:inline-block!important;border:solid 1px #fa7800;border-radius:4px; background:#fa7800; margin-left:0.2%; margin-right:0.2%; transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; cursor:pointer}
.pagination li.active a {color:var(--color-text-on-highlight);padding:12px 16px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}

}