/* Created by kong 20210403 */

.spbg { background-image: url("../images/banner_04.jpg");}
.servicehome .spbg { background-image: url("../images/banner_03.jpg");}

.servicehome .pagetitle { margin-top: 60px;}

.quicklink { margin-top: 230px; padding: 60px 10px 17px 0; display: flex; justify-content:space-between; flex-wrap: wrap; background: rgba(255,255,255,0.9); border-radius: 10px; box-shadow: rgba(0,0,0,0.1) 0 0 8px 0; }
.quicklink dd { width: 200px; height: 143px; padding: 0 60px; font-size: 24px; line-height: 24px; margin-bottom: 38px;}
.quicklink dd span { display: block; font-size: 14px; line-height: 18px; color: #999; margin-top: 7px; height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.quicklink dd a { display: block; padding-top: 76px; background: url("../images/icon_42.png") left 9px no-repeat;}
.quicklink dd a:hover { text-decoration: none;}
.quicklink dd:nth-child(2) a { background-image: url("../images/icon_43.png"); background-position: 0 0;}
.quicklink dd:nth-child(3) a { background-image: url("../images/icon_44.png");}
.quicklink dd:nth-child(4) a { background-image: url("../images/icon_45.png");}
.quicklink dd:nth-child(5) a { background-image: url("../images/icon_46.png"); background-position: 0 14px;}
.quicklink dd:nth-child(6) a { background-image: url("../images/icon_47.png");}
.quicklink dd:nth-child(7) a { background-image: url("../images/icon_48.png"); background-position: 0 0;}
.quicklink dd:nth-child(8) a { background-image: url("../images/icon_49.png"); background-position: 0 15px;}

.cat { margin-top: 80px;}
.title { margin-bottom: 20px;}

.famousdoctor { float: left; width: 630px;}
.famousslide { height: 420px; border-radius: 10px; background: url("../images/bg_14.png") no-repeat; box-shadow: rgba(242,121,53,0.2) 0 5px 10px 0; position: relative;}
.famousslide .month { font-size: 24px; line-height: 36px; color: white; text-align: right; padding: 16px 18px 0 0;}
.famousslide .month b { font-size: 36px; vertical-align: text-bottom;}
.famousslide .avatar { float: left; width: 244px; height: 290px; margin-right: 36px; position: relative;}
.famousslide .avatar img { width: 100%; height: 100%; border-radius: 5px;}
.famousslide .avatar::after { content:""; display:block; position:absolute; top:-28px; left:-19px; width:46px; height:43px; background: url("../images/icon_50.png") no-repeat;}
.famousslide strong { display: block; font-size: 24px; line-height: 26px; color: #f27935; margin: 14px 0 9px;}
.famousslide strong a { color: #f27935;}
.famousslide p { font-size: 14px; line-height: 24px; color: #333;}
.famousslide em { display: block; font-size: 16px; line-height: 18px; color: #f27835; font-style: normal; margin: 25px 0 12px;}
.famousslide .swiper-container { padding-top: 28px; margin-top: -17px;}
.famousslide .swiper-slide { box-sizing: border-box; padding: 0 45px 0 55px;}
.famousslide .swiper-pagination { margin-top: 21px; position: static; height: 12px; line-height: 12px;}
.famousslide .swiper-pagination .swiper-pagination-bullet { width:12px; height:12px; margin:0 5px; background:#eed2b5; opacity:1; vertical-align: top;}
.famousslide .swiper-pagination .swiper-pagination-bullet-active { background:#ea5705;}
.famousslide .swiper-button-prev, .famousslide .swiper-button-next { width:42px; height:42px; background:url(../images/slide_41.png) no-repeat; margin-top:0; left:auto; top:auto; bottom:64px;}
.famousslide .swiper-button-prev { right:90px;}
.famousslide .swiper-button-next { background-image:url(../images/slide_42.png); right:45px;}

.manikin { float: right; width: 630px;}
.znfz_box { height: 420px; border-radius: 10px; background: url("../images/bg_15.png") no-repeat; box-shadow: rgba(242,121,53,0.2) 0 5px 10px 0;}

.advantage { position: relative;}
.advantage dl { padding-bottom: 10px;}
.advantage .swiper-button-prev, .advantage .swiper-button-next { width:36px; height:36px; background:url(../images/slide_11.png) no-repeat; margin-top:0; left:auto; top:-5px;}
.advantage .swiper-button-prev { right:46px;}
.advantage .swiper-button-next { background-image:url(../images/slide_12.png); right:0;}

.noticelist { font-size: 16px; line-height: 60px; padding: 11px 0 7px;}
.noticelist dd { margin-top: 16px; border-radius: 3px; background:white url("../images/icon_51.png") 26px center no-repeat; box-shadow: rgba(0,0,0,0.1) 0 1px 8px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noticelist dd a { display: block; padding: 0 30px 0 52px;}
.noticelist dd a:hover { text-decoration: none;}
.noticelist dd i { float: right; font-size: 16px; color: #666;}

.search_info { line-height: 46px; text-align:center; padding-top: 68px;}
.search_info label { display: inline-block; font-size: 18px; color: #333;}
.search_info input { width:260px; height: 46px; font-size: 16px; border-radius: 5px; padding: 0 20px; margin-left: 20px;}
.search_info button { width: 110px; height: 46px; font-size: 16px; background: #f27835; color: white; border-radius: 5px; margin-left: 20px; cursor: pointer;}
.search_info button:hover { background: #dc4927;}

.deptnav { float: left; width: 200px; margin-top: 145px;}
.deptnav dd { font-size: 16px; line-height: 47px; color: #333;}
.deptnav dd a, .deptnav dd b { display: block; padding-left: 22px; border-bottom: #eaeaea 1px solid; cursor: pointer;}
.deptnav dd a.current { color: #f27835; background: url("../images/bg_16.png") left center no-repeat;}
.deptnav dd a:hover, .deptnav dd b:hover { color: #f27835; text-decoration: none;}
.deptnav dd b { background: url(../images/arrow_09.png) right 22px center no-repeat;}
.deptnav dd b.show { background-image: url(../images/arrow_08.png)}
.deptnav dd p { display: none;}
.deptnav dd p a { padding-left: 40px; color: #666;}

.schedule { float: right; width: 1060px; margin-top: 103px; overflow:hidden; border-bottom:#f27835 2px solid;}
.schedule .tips { margin-top:0; margin-bottom:16px; font-size: 12px;}
.schedule table { width:100%;}
.schedule table tr.grey { background:#f9f9f9;}
.schedule table th, .schedule table td { border:#eaeaea 1px solid; border-bottom:none; font-weight:normal; color: #2a2a2a; text-align:center; width:109px;}
.schedule table th { height:60px; background:#f27835; font-size: 14px; line-height:18px; color:white;}
.schedule table th i { display:block; font-size:12px;}
.schedule table th:first-child { width:177px;}
.schedule table th:nth-child(2) { width:112px;}
.schedule table td { padding: 25px 0;}
.schedule table td div { font-size:16px; line-height: 24px; position: relative; z-index: 9; cursor: pointer;}
.schedule table td div.ontop { z-index: 10;}
.schedule table td div p { display: none; position: absolute; left: 3px; top:22px; box-sizing: border-box; width: 229px; height: 140px; padding: 19px 25px 25px; font-size: 16px; line-height: 24px; text-align: left;background: url("../images/bg_17.png") no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.schedule table td i { display:block; font-size:12px; color:#2a2a2a;}

.schedule.normal table tr:nth-child(2n+1) td:first-child { font-size:16px;}
.schedule.normal table tr:nth-child(2n+1) td:first-child i { font-size: 14px; color: #999;}
.schedule.normal table tr:nth-child(2n+1) td:nth-child(2), .schedule.normal table tr:nth-child(2n) td:first-child { color:#f27835;}

.schedule.withnight table tr.grey { background:#fbf5f2;}
.schedule.withnight table th, .schedule.withnight table td { border-color: #ffc107;}
.schedule.withnight table th, .schedule.withnight table tr:first-child td { border-top:none;}
.schedule.withnight table tr:nth-child(3n+1) td:first-child { font-size:16px;}
.schedule.withnight table tr:nth-child(3n+1) td:first-child i { font-size: 14px; color: #999;}
.schedule.withnight table tr:nth-child(3n+1) td:nth-child(2), .schedule.withnight table tr:nth-child(3n) td:first-child, .schedule.withnight table tr:nth-child(3n-1) td:first-child { color:#f27835;}

.traffic { margin-top: -47px;}
.traffic .tabnav { padding: 0 514px 0 456px; display: flex; justify-content: space-between; margin-bottom: 20px;}
.traffic .tabnav a { display: block; font-size: 18px; line-height: 44px; padding-bottom: 9px; text-align: center;}
.traffic .tabnav a b { display: block; width: 158px; border-radius: 5px; border: #f8e8d6 1px solid; background: white;}
.traffic .tabnav a.current, .traffic .tabnav a:hover { text-decoration: none; background: url("../images/bg_18.png") no-repeat; color: white;}
.traffic .tabnav a.current b, .traffic .tabnav a:hover b { border-color: transparent; background: none;}
.traffic img { display:block; width:100%;}
.traffic strong { display:block; margin:50px 0 10px; font-size: 24px; line-height:26px; color:#f27835;}
.traffic dl { font-size:16px; line-height:36px; color: #333;}
.traffic dt { font-size:18px; font-weight:bold;}

.mailbox { margin-top: 30px; padding-top: 10px; border-top:#f27935 4px solid;}
.mailbox form { display: block; width:580px; margin:0 auto; overflow:hidden;}
.mailbox p { overflow:hidden;}
.mailbox input, .mailbox textarea { background:#fcf9f4; border:#d8d8d8 1px solid; border-radius:5px; width:522px; padding-left:33px; padding-right:23px; margin-top:20px; resize:none;}
.mailbox input { line-height:38px; height:38px; }
.mailbox textarea { display:block; line-height:24px; height:72px; padding-top:7px; padding-bottom:7px;}
.mailbox button { float:right; margin-top:20px; width:150px; height:40px; line-height:40px; text-align:center; color:white; background:#f27935; cursor:pointer; border-radius:5px;}
.mailbox button:hover { background:#dc4927;}
.mailbox .require input, .require textarea { background:#fcf9f4 url(../images/icon_66.png) 23px 16px no-repeat;}
.mailbox .verify input { width:90px;}
.mailbox .verify img { width:100px; height:40px; margin:0 45px 0 15px; vertical-align:bottom; cursor:pointer; border-radius:5px;}