/* Created by kong 20210408 */

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

.pagetitle { margin-top: 33px;}

.intro { margin-top:20px; padding:70px 50px 0 80px; color:white; background: url("../images/bg_22.png") center top no-repeat; overflow:hidden;}
.intro img { float:right; width:600px; height:375px; border-radius:10px; margin-left: 70px;}
.intro strong { display:block; font-size:30px; line-height:30px; font-weight:normal;}
.intro p { margin:25px 0 32px; font-size: 16px; line-height: 30px; height:150px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.intro span { display: block; width: 120px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; padding: 4px 2px 10px; background: url("../images/bg_21.png") no-repeat;}
.intro span a { display: block; color: white; border-radius: 5px;}
.intro span a:hover { background: rgba(255,255,255,0.08); text-decoration: none;}

.doctors.team { margin-top: 0;}
.doctors.team li { margin-top: 40px;}

.colorbg { padding-bottom: 80px;}

.special .title { margin-bottom: 20px;}
.special ul { display: flex; justify-content: space-between;}
.special li { width: 420px; height: 170px; box-sizing: border-box; color: white; padding: 42px 35px 0; background: url("../images/bg_24.png") no-repeat;}
.special li strong { display:block; font-size:24px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.special li p { margin-top:14px; font-size: 14px; line-height: 24px; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.characteristic { margin-top: 50px;}
.characteristic .title { margin-bottom: 20px;}
.characteristic span { display: block; height: 240px; padding: 40px 60px 0; color: white; background: url("../images/bg_25.png") no-repeat; overflow: hidden;}
.characteristic img { float: left; width: 320px; height: 200px; border-radius: 5px; margin-right: 42px;}
.characteristic p { margin-top:29px; font-size: 16px; line-height: 30px; height:150px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

.blocklist { float: left; width: 630px; margin-top: 50px;}
.blocklist:nth-child(2n) { float: right;}

.spbg.tech {background-image: url("../images/banner_06.jpg");}
.spbg.tech .pagetitle { margin-top: 40px;}

.academician { float: left; width: 930px; height: 518px; box-sizing: border-box; margin: 20px 0 26px; padding: 171px 64px 0 445px; color: white; background: url("../images/bg_19.png") no-repeat;}
.academician strong { display: block; font-size: 48px; line-height: 48px; padding-left: 2px;}
.academician strong b { float: right; font-size: 36px; line-height: 36px; margin-top: 12px; color: #993300; vertical-align: text-bottom;}
.academician p {margin:39px 0 22px; padding-left: 2px; font-size: 16px; line-height: 30px; height:120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.academician span { display: block; width: 120px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; padding: 4px 2px 10px; background: url("../images/bg_21.png") no-repeat;}
.academician span a { display: block; color: white; border-radius: 5px;}
.academician span a:hover { background: rgba(255,255,255,0.08); text-decoration: none;}

.navintro { float: right; width: 325px; height: 400px; box-sizing: border-box; margin: 128px 0 26px; padding: 63px 40px 0; color: white; background: url("../images/bg_20.png") no-repeat;}
.navintro strong { display: block; font-size: 36px; line-height: 36px; font-weight: normal; margin-top: 12px; padding-left: 2px;}
.navintro p { margin:39px 0 22px; padding-left: 2px; font-size: 16px; line-height: 30px; height:120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.navintro span { display: block; width: 120px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; padding: 4px 2px 10px; background: url("../images/bg_21.png") no-repeat;}
.navintro span a { display: block; color: white; border-radius: 5px;}
.navintro span a:hover { background: rgba(255,255,255,0.08); text-decoration: none;}

.depttitle { font-size: 24px; line-height: 26px; color: #333; padding-top: 40px;}
.deptlist { overflow:hidden;}
.deptlist li { float:left; width:200px; margin:20px 20px 0 0;}
.deptlist li a { display:block; font-size: 18px; line-height:44px; text-align:center; border:#ccc 1px solid; border-radius:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.deptlist li a:hover { color:white; background:#f27935; border-color:#f27935; text-decoration:none;}
.deptlist.style1 li:nth-child(6n) { margin-right:0;}
.deptlist.style2 li { width: 420px;}
.deptlist.style2 li:nth-child(3n) { margin-right:0;}

.spbg.departmentlist {background-image: url("../images/banner_05.png");}
.spbg.departmentlist .pagetitle { margin-top: 40px;}

.search_info { line-height: 46px; text-align:center; padding: 35px 0 40px;}
.search_info label { display: inline-block; font-size: 18px; color: #333;}
.search_info input { width:258px; height: 44px; line-height: 44px; font-size: 16px; border-radius: 5px; padding: 0 20px; border: #dcdcdc 1px solid; 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;}

.doctorcard { margin-top:20px; height: 355px; padding:55px 146px 0 127px; overflow:hidden; background:url(../images/bg_26.png) no-repeat;}
.doctorcard strong { display:block; font-size:36px; line-height:36px; color: #7c191e; margin:30px 0 13px;}
.doctorcard b { display: block; font-size: 18px; line-height: 30px; color: #7c191e;}
.doctorcard p { font-size: 16px; line-height: 30px; color: #333; margin-top: 49px; height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.doctorcard .qr { float:right; width:160px; margin:25px 0 0 80px; text-align:center;}
.doctorcard .qr img { width:160px; height:160px; float:none; margin:0;}
.doctorcard .qr span { display: block; color:white; font-size: 14px; line-height:20px; margin-top: 11px;;}
.doctorcard .qr i { display: block; width: 120px; height: 40px; font-size:16px; line-height:40px; margin: 14px auto 0; background: #7c191e; border-radius: 40px; color:white; cursor: pointer;}
.doctorcard .qr i:hover { background: white; color: #f27439;}
.doctorcard .photo { width:244px; height:300px; float:left; margin-right:60px; border-radius:5px; overflow: hidden;}
.doctorcard .photo img { width: 100%; height: 100%;}

.calendar { margin-top:50px; overflow:hidden;}
.calendar .tablename { height:68px; line-height:68px; background:#f06945 url(../images/icon_63.png) no-repeat 37px center; color:white; font-size:24px; padding:0 33px 0 77px; margin:0 2px; border-radius: 10px 10px 0 0;}
.calendar .tablename a { float:right; margin-top: 16px; width: 110px; height:36px; font-size:16px; line-height:36px; background: #7c191e; border-radius: 36px; color:white; text-align: center;}
.calendar .tablename a:hover { background: white; color: #f27439; text-decoration: none;}
.calendar table { width:100%;}
.calendar table th, .calendar table td { border:white 2px solid; font-weight:normal; text-align:center; background:#f9f9f9; width:148px;}
.calendar table th { height:58px; background:#f9f2e3; font-size:14px; line-height:18px; color: #2a2a2a;}
.calendar table th i { display:block; color:#999;}
.calendar table td { font-size: 14px; line-height: 20px; padding: 0 5px; vertical-align: top;}
.calendar table td:first-child { vertical-align: middle;}
.calendar table td p { font-size: 16px; line-height: 42px; color: white; background: #f2753a; border-radius: 5px; margin: 5px 0;}
.calendar table td span { display: block; font-size: 16px; line-height: 24px; color: white; text-align: left; background: #f2753a; border-radius: 5px; padding: 8px 10px; margin: 5px 0;}
.calendar table td i { display:block; color:#2a2a2a;}
.calendar table td:first-child { color:#f2753a; font-weight: bold;}

.doctorintro { margin-top: 60px; color: #333;}
.doctorintro .title { font-size: 30px; line-height: 30px;}
.doctorintro p { font-size: 18px; line-height: 30px; margin-top: 20px;}

.doctornews { margin-top:45px;}
.doctornews .tabnav { font-size:24px; color:#666; line-height: 70px; height:72px; border-bottom: #f0f0f0 1px solid;}
.doctornews .tabnav a { color:#666; display:inline-block; margin-right:27px;}
.doctornews .tabnav a:hover, .tabnav a.current { font-size:30px; color:#333; border-bottom:#f27935 2px solid; text-decoration: none;}
.doctornews .tabnav em { float: right; margin-top: 26px; font-size: 16px; line-height: 18px; color: #666; font-style: normal;}
.doctornews .tabnav em a { color: #666; margin-right:0;}
.doctornews .tabnav em a:hover { font-size: 16px; color: #db4927; border-bottom: 0; text-decoration: underline;}
.doctornews li { padding: 20px 0; height: 125px; border-bottom: #f0f0f0 1px solid;}
.doctornews li img { width:200px; height: 125px; float: left; margin-right: 20px; border-radius:5px;}
.doctornews li strong { display: block; font-size: 18px; line-height: 20px; font-weight: normal; padding-top: 7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.doctornews li p { font-size: 14px; line-height: 24px; color: #666; margin: 13px 0; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.doctornews li span, .doctornews li i { float: left; font-size: 14px; line-height: 24px; color: #999; margin-right: 8px;}
.doctornews li span { background: url("../images/icon_67.png") left center no-repeat; padding-left: 20px; margin-right: 16px;}
.doctornews li i a { display: inline-block; vertical-align: top; color: #999; background: #f8f8f8; border-radius: 24px; padding: 0 15px;}
.doctornews li i a:hover { color: white; background: #f27935; text-decoration: none;}

.bgcover { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 999;}
.floatlayer { display: none; width: 700px; height: 934px; margin: -467px 0 0 -350px; position: absolute; top: 50%; left: 50%; z-index: 999;}
.floatlayer .btns { text-align: center; position: absolute; width: 100%; left: 0; bottom: 0;}
.floatlayer .btns span { display:inline-block; width:172px; height: 60px; font-size:24px; line-height: 60px; margin:0 12px; background:#993300; border-radius:60px; color:white; cursor: pointer;}
.floatlayer .btns span.download { background:#f27935 url(../images/icon_64.png) 27px center no-repeat; text-align: left; text-indent: 57px;}
.floatcard { color:#333; height:840px; padding:0 60px; background: url(../images/bg_36.png) no-repeat; overflow: hidden; position:relative; top: 0; left: 0;}
.floatcard img { width: 195px; height: 240px; border-radius: 10px; position: absolute; right: 68px; top: 76px;}
.floatcard div { height: 222px;}
.floatcard strong { display: block; font-size: 48px; line-height:48px; color:#930; margin-top:92px;}
.floatcard p { font-size: 36px; line-height:42px; margin-top:15px; width: 360px; max-height:84px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.floatcard i { display: block; font-size: 24px; line-height:30px; margin-top:14px; width: 360px; max-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.floatcard em { display: block; font-size: 30px; line-height:30px; margin-top:46px; font-style: normal;}
.floatcard cite { display: block; font-size: 26px; line-height:40px; margin-top:23px; height:160px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.floatcard span { display:block; position:absolute; bottom:58px; right:60px; font-size:24px; line-height:24px;}
.floatcard span img { display:block; width:120px; height:120px; border:#f27935 4px solid; margin: 0 0 10px auto; padding:0; position: static;}