﻿@charset "utf-8";
/* CSS Document */


.tit_header {
 border-bottom: 1px solid #ccc;
 height: 40px;
 line-height: 40px;
}

.tit_header span {
 font-size: 18px;
 border-bottom: 2px solid #c2010f;
 display: inline-block;
}

.tit_header a.more {
 float: right;
 font-size: 14px;
}

.main_content {
 width: 1200px;
 margin: 0 auto;
 padding: 20px 0px 0px 0px;
 background: none !important
}

/*隐藏横向定位导航*/
div.linkmap {
 display: none;
}

.title_type {
 color: #333;
 font-size: 16px;
}

/*main1*/
.main1_L {
 width: 361px;
 border: 8px solid #fff;
 float: left;
 border-radius: 5px;
 background: #efefef;
 padding: 10px;
 padding-top: 0;
}

.main1_R {
 width: 777px;
 border: 8px solid #fff;
 height: 395px;
 float: right;
 border-radius: 5px;
 overflow: hidden;
}

/**/
.icon_list li {
 float: left;
 width: 89px;
 line-height: 24px;
 margin-top: 7px;
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/xian2.png") no-repeat right center;
 text-align: center;
}

.icon_list li.icon4,
.icon_list li.icon8 {
 background: none;
}

.icon_list li a {
 display: block;
 padding-top: 55px;
 color: #333;
 font-size: 16px;
}

.icon_list li a:hover {
 color: #c80025;
}

.icon_list li.icon1 a {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon9.png") no-repeat center 10px;
}

.icon_list li.icon2 a {
 background: url("https://www.floating-leaf.com/Sites/Uploaded/Image/2019/02/256368669255849497664561408.png") no-repeat center 10px;
}

.icon_list li.icon3 a {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon11.png") no-repeat center 10px;
}

.icon_list li.icon4 a {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon12.png") no-repeat center 10px;
}

.icon_list li.icon5 a {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon13.png") no-repeat center 10px;
}

.icon_list li.icon6 a {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon14.png") no-repeat center 10px;
}

.icon_list li.icon7 a {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon15.png") no-repeat center 10px;
}

.icon_list li.icon8 a {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon16.png") no-repeat center 10px;
}

.icon_list li a:hover {
 animation: fadeIn;
 animation-duration: 0.5s;
}

.icon_list {
 margin-bottom: 10px;
}
.lbyy {
  width: 100%;
  overflow: hidden;
}
/* swiper容器高度自己调 */
.lbyy .swiper-container {
  width: 100%;
  height: 160px !important;
  display: flex;
 overflow-x: auto;
 overflow-y: hidden;
}
.lbyy .swiper-slide {
  text-align: center;
  flex: none;
}
.friend-link{
 height: 140px;
 width: 361px;
 display: block;
}
.friend-link img{
 height: 109px;
 width: 100%;
 object-fit: cover;
}
.friend-link .friend-link-text {
 text-align: center;
 font-size: 17px;
 color: #c80025;
 margin-top: 10px;
 height: 20px;
 font-weight: bold;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}

@keyframes fadeIn {
 0% {
 opacity: 0;
 }

 /*初始状态 透明度为0*/
 100% {
 opacity: 1;
 }

 /*结束状态 透明度为1*/
}

@-webkit-keyframes fadeIn {

 /*针对webkit内核*/
 0% {
 opacity: 0;
 }

 100% {
 opacity: 1;
 }
}

.icon_list li.icon1 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon1.png") no-repeat center 20px;
}

.icon_list li.icon2 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon2.png") no-repeat center 20px;
}

.icon_list li.icon3 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon3.png") no-repeat center 20px;
}

.icon_list li.icon4 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon4.png") no-repeat center 20px;
}

.icon_list li.icon5 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon5.png") no-repeat center 20px;
}

.icon_list li.icon6 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon6.png") no-repeat center 20px;
}

.icon_list li.icon7 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon7.png") no-repeat center 20px;
}

.icon_list li.icon8 a:hover {
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon8.png") no-repeat center 20px;
}


.icon_list2 {
 border: 1px solid #c2010f;
 width: 100%;
 box-sizing: border-box;
 margin-top: 20px;
}

.icon_list2 li {
 width: 50%;
 float: left;
 box-sizing: border-box;
 text-align: center;
 line-height: 36px;
}

.icon_list2 li a {
 display: block;
 padding-top: 54px;
}

.icon_list2 li.icon1 a {
 background: #fff url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon19.png") no-repeat center 10px;
 color: #c2010f;
 border-right: 1px solid #c2010f;
}

.icon_list2 li.icon2 a:hover {
 background: #c2010f url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon18.png") no-repeat center 10px;
 color: #fff;
}

.icon_list2 li.icon1 a:hover {
 background: #c2010f url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon17.png") no-repeat center 10px;
 color: #fff;
 border-right: 1px solid #fff;
}

.icon_list2 li.icon2 a {
 background: #fff url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon20.png") no-repeat center 10px;
 color: #c2010f;
}

.icon_list2 li a {
 transition: all 0.2s;
 transform: rotate(360deg);
}

/*banner轮播图*/
.banner {
 margin: 0 auto;
 position: relative;
 overflow: hidden;
 width: 777px;
}

.swiper-container {
 height: 395px !important;
}

.banner img {
 width: 777px;
 height: 395px;
}

.banner .pagination {
 bottom: 15px;
 height: 12px;
 overflow: hidden;
 padding: 0 5px 0 0;
 position: absolute;
 right: 15px;
 width: auto !important;
 z-index: 7;
}

.banner .pagination span {
 background: #fff;
 border-radius: 50%;
 cursor: pointer;
 float: left;
 font-size: 0;
 height: 12px;
 line-height: 0;
 margin-left: 5px;
 width: 12px;
}

.banner .pagination span.swiper-active-switch {
 background: #c2010f
}

.banner .arrow_btn {
 position: absolute;
 top: 50%;
 z-index: 2;
 width: 50px;
 height: 100px;
 margin-top: -50px;
 border-radius: 3px;
 opacity: 0.5;
 text-indent: -9999px;
 background-repeat: no-repeat;
 transition: opacity .2s linear 0s;
 cursor: pointer;
 display: none;
}

.banner .arrow-left {
 left: 5px;
 background: url("https://www.floating-leaf.com/Content/Areas/Common/images/arrow.png") no-repeat left bottom;
}

.banner .arrow-right {
 right: 5px;
 background: url("https://www.floating-leaf.com/Content/Areas/Common/images/arrow.png") no-repeat right bottom;
}

/*main2*/
.main2 {
 background: #fff;
 border-radius: 5px;
 padding: 10px 20px;
}

.main2_L {
 width: 367px;
 float: left;
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/xian3.jpg") no-repeat right center;
 padding-right: 15px;
}

.main2_R {
 width: 761px;
 float: right;
}

.tab_tit span {
 cursor: pointer;
 margin-left: 35px;
 color: #333
}

.tab_tit span.first {
 margin-left: 0px;
}

.tab_tit span.No_active {
 border-bottom: 0px;
 color: #666;
 font-size: 15px;
}

/*默认滚动却换样式*/
.scroll_img {
 position: relative;
 width: 342px;
 padding: 5px;
 background: #f3f3f5;
 border: 1px solid #ccc;
 float: left;
}

.pic li img {
 width: 342px;
 height: 236px;
}

.tit {
 bottom: 4px;
 _bottom: -10px;
 height: 34px;
 left: 0;
 overflow: hidden;
 position: absolute;
 padding-left: 5px;
 z-index: 7;
 line-height: 34px;
}

.tit li a {
 color: #fff;
 line-height: 27px;
 padding: 0 0 0 10px;
 transition: all 0.5s ease 0s;
 -moz-transition: all 0.5s ease 0s;
 -webkit-transition: all 0.5s ease 0s;
 -o-transition: all 0.5s ease 0s;
 font-size: 14px;
}

.num {
 height: 12px;
 overflow: hidden;
 position: absolute;
 right: 5px;
 bottom: 13px;
 padding: 0 5px 0 0;
 width: auto !important;
 z-index: 7;
 _bottom: 0px;
}

.num li {
 float: left;
 width: 12px;
 height: 12px;
 font-size: 0;
 background: #fff;
 font-size: 0;
 line-height: 0;
 cursor: pointer;
 margin-left: 5px;
 /*-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;*/
 border-radius: 100%;
}

.num li.s {
 background: #b10626;
}

.op_bg {
 position: absolute;
 width: 100%;
 height: 34px;
 bottom: 0;
 left: 0;
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/zyb/op_bg.png") repeat;
 _bottom: -10px;
}

.undis {
 display: none
}

.main2_R .listBox {
 width: 401px;
 float: left;
}

.main2_R .listBox li {
 background: url("https://www.floating-leaf.com/Sites/Uploaded/UserUpLoad/20161129/20161129132405.png") no-repeat 20px center;
}

.main2_R .listBox li.Li_Even {
 background: #f5f5f5 url("https://www.floating-leaf.com/Sites/Uploaded/UserUpLoad/20161129/20161129132405.png") no-repeat 20px center;
}

.main2_R ul.listBox li {
 padding-left: 30px;
}

.main2_R .article_box {
 padding: 5px;
 background: #f3f3f5;
 border: 1px solid #ccc;
}

.main2_R .article_box,
.main2_R .article_box img {
 float: left;
 width: 342px;
 height: 236px;
}

.op_bg {
 position: absolute;
 width: 342px;
 height: 34px;
 bottom: 4px;
 left: 5px;
 background: url("https://www.floating-leaf.com/Content/Areas/Common/images/op_bg.png") repeat;
 _bottom: -10px;
}

.undis {
 display: none
}

/*main3*/
.main3 {
 background: #fff;
 border-radius: 5px 5px 0px 0px;
 padding: 10px 20px;
}

.main3 .SwitchImage {
 width: 1160px;
 position: relative;
 margin: 0 auto;
}

.main3 .SwitchImage .swiper-box {
 width: 1059px;
 height: 183px;
}

.main3 .SwitchImage .swiper-box ul li .Img_Box {
 float: left;
 padding: 0px !important;
}

.main3 .SwitchImage .swiper-box ul li .Img_Box .pic {
 width: 139px;
 height: 183px;
 float: left;
 margin-right: 20px;
}

.main3 .SwitchImage .swiper-box ul li img {
 width: 139px;
 height: 183px;
 float: left;
}

.main3 .SwitchImage .content_box p {
 font-size: 14px;
 line-height: 26px;
 color: #333;
 padding-right: 14px;
}

.main3 .SwitchImage .content_box p a.name {
 font-size: 16px;
 color: #333;
 color: #c80025;
}

.main3 .SwitchImage .content_box p span {
 font-size: 16px;
 color: #c80025;
}

.main3 .SwitchImage .swiper-box ul li h2 {
 position: inherit !important;
}

.main3 .SwitchImage .swiper-box ul li h2 a {
 color: #333 !important;
 padding-left: 0px !important;
 font-size: 16px;
}

.main3 .SwitchImage .pagination span {
 display: none
}

.main3 .SwitchImage .arrow-btn {
 position: absolute;
 z-index: 1000;
 font-family: "宋体";
 font-size: 50px;
 display: block !important;
 top: 43%;
}

.main3 .SwitchImage .btn-left {
 left: 0px;
}

.main3 .SwitchImage .btn-right {
 right: 0px;
}

.main3 .SwitchImage a.arrow-btn:hover {
 color: #0064cb;
}

/*main4*/
.main4 {
 background: #fff;
 border-radius: 0px 0px 5px 5px;
 padding: 10px 20px 35px;
}

.main4_L {
 width: 100%;
 /* float:left; */
 height: 248px;
 /* background:url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/xian3.jpg") no-repeat right center; */
 /* padding-right: 15px; */
}

.main4_L .tab_box {
 position: relative;
 width: 761px;
 height: 191px;
}

.Dep_list {
 width: 163px;
 float: left;
}

.Dep_list li.lv_1 {
 margin-bottom: 10px;
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon27.png") no-repeat right center;
}

.Dep_list li.lv_1.No_active {
 background: none;
}

.Dep_list li.lv_1.icon3 {
 margin-bottom: 0px;
}

.Dep_list li.lv_1 a {
 display: block;
 padding-left: 50px;
 width: 104px;
 height: 46px;
 line-height: 46px;
}

.Dep_list li.lv_1.icon1 a {
 background: #c2010f url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon24.png") no-repeat 10px center;
 color: #fff
}

.Dep_list li.lv_1.icon2 a {
 background: #c2010f url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon25.png") no-repeat 10px center;
 color: #fff
}

.Dep_list li.lv_1.icon3 a {
 background: #c2010f url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon26.png") no-repeat 10px center;
 color: #fff
}

.Dep_list li.lv_1.icon1.No_active a {
 background: #f0f0f0 url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon21.png") no-repeat 10px center;
 color: #333
}

.Dep_list li.lv_1.icon2.No_active a {
 background: #f0f0f0 url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon22.png") no-repeat 10px center;
 color: #333
}

.Dep_list li.lv_1.icon3.No_active a {
 background: #f0f0f0 url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/icon23.png") no-repeat 10px center;
 color: #333
}

.Dep_list li.lv_1.icon1 .Dep_list_2 {
 display: block;
}

.Dep_list_2 {
 position: absolute;
 top: 15px;
 width: 968px;
 left: 170px;
 border: 1px solid #ccc;
 height: 170px;
 overflow-y: auto;
 padding: 10px;
}

.Dep_list_2 li {
 float: left;
 background: url("https://www.floating-leaf.com/Content/Areas/Hospitals/images/main/sj.png") no-repeat left center;
 border-right: 1px dashed #ccc;
 margin-bottom: 3px;
 margin-right: 14px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 124px;
}

.Dep_list_2 li a {
 padding: 0px 10px;
 line-height: 26px;
 font-size: 14px;
 height: 26px;
 color: #333;
}

.Dep_list_2 li a:hover {
 color: #c2010f !important
}

::-webkit-scrollbar {
 width: 7px;
 height: 7px;
}

/* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-track {
 background-color: #d7d7d7;
}

/* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {
 background-color: #c2010f;
}

/* 滑块颜色 */
::-webkit-scrollbar-button {
 background-color: #7c2929;
 display: none;
}

/* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner {
 background-color: black;
}

/* 横向滚动条和纵向滚动条相交处尖角的颜色 */


.main4_R {
 width: 367px;
 float: right;
}

.main4_R .yuanbao img {
 float: left;
 width: 135px;
 height: 146px;
 margin-top: 20px;
}

.main4_R .Journals_Img {
 float: left;
 margin-left: 10px;
 margin-top: 20px;
}


.main4_R .Journals_Img li {
 line-height: 32px;
 background: url("https://www.floating-leaf.com/Content/Areas/Common/images/common/yb_icon.png") no-repeat left center;
 padding-left: 15px;
}

.main4_R .Journals_Img img {
 display: none;
}

.main4_R .Journals_list {
 margin-top: 10px;
}

.swiper-container-doct1 li.one_doc {
 display: none;
}


@media only screen and (max-width: 1024px) {
 .main_content {
 padding: 0px;
 }

 .main_content {
 width: 100%;
 box-sizing: border-box;
 }

 .main1_L {
 width: 320px;
 }

 .icon_list li {
 width: 80px;
 }

 .main1_R,
 .ck-slide {
 width: 62%;
 }

 .banner {
 width: 100%;
 }

 .main2_L {
 width: 320px;
 }

 .main2_R {
 width: 63%;
 }

 .main2_R .article_box,
 .main2_R .article_box img,
 .scroll_img {
 display: none;
 }

 .main2_R .listBox {
 width: 100%;
 }

 .main3 .SwitchImage {
 width: 705px;
 overflow: hidden;
 }

 .main3 .SwitchImage .arrow-btn {
 display: none !important;
 }

 ul.listBox li {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .main4_L {
 width: 660px;
 }

 .Dep_list_2 {
 width: 470px;
 }

 .main4_R {
 width: 267px;
 }

 .Dep_list_2 li:nth-child(4n) {
 border-right: 1px dashed #ccc !important;
 margin-right: 14px !important;
 }

 .main4_R .yuanbao img {
 width: 112px;
 height: 122px;
 }
}

@media only screen and (max-width: 1005px) {

 .main1_R,
 .ck-slide,
 .main1_L {
 width: 100%;
 box-sizing: border-box;
 }

 .banner img {
 width: 100%;
 }

 .main2_R .article_box,
 .main2_R .article_box img,
 .scroll_img {
 display: block;
 }

 .main1_R {
 margin-top: 10px;
 }

 .icon_list li {
 width: 12.5%;
 box-sizing: border-box;
 }

 .main2_R,
 .main2_L {
 width: 100%;
 background: none;
 box-sizing: border-box;
 }

 .main2_L .listBox li {
 width: 48%;
 float: left;
 }

 .main2_R .listBox {
 width: 350px;
 }

 .main2_R .listBox li {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .main4_L {
 width: 67%;
 }

 .Dep_list_2 {
 width: 52%;
 }

 .Dep_list_2 li:nth-child(4n) {
 margin-right: 14px !important;
 border-right: 1px dashed #ccc !important;
 }

 .main3 .SwitchImage {
 width: 705px;
 overflow: hidden;
 }

 .main3 .SwitchImage .arrow-btn {
 display: none !important;
 }

 ul.listBox li {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .main4_R {
 width: 275px;
 }

 .main2,
 .main3,
 .main4 {
 padding: 0;
 }
}

@media only screen and (max-width: 950px) {
 .main4_L {
 width: 63%;
 }

 .Dep_list_2 {
 width: 45%;
 }
}

@media only screen and (max-width: 900px) {
 .main4_L {
 width: 60%;
 }

 .Dep_list_2 {
 width: 30%;
 }

 .main4_L .tab_tit span {
 margin-left: 15px;
 }

 .main4_L .tab_tit span.first {
 margin-left: 0px;
 }
}

@media only screen and (max-width: 825px) {
 .banner {
 width: 100%;
 }
}

@media only screen and (max-width: 810px) {
 .main4_R {
 width: 270px;
 }
}

@media only screen and (max-width:768px) {
 .couple {
 display: none;
 }

 #float_img1 {
 display: none;
 }

 .Dep_list_2 {
 width: 63%;
 }
}

@media only screen and (max-width: 770px) {
 .scroll_img {
 display: none;
 }

 .main4_R,
 .main4_L {
 width: 100%;
 padding-right: 0px;
 background: none;
 }

 .main4_L .tab_box {
 width: 100%;
 }

 .main4_R .yuanbao img {
 width: 130px;
 height: 140px;
 }

}

@media only screen and (max-width: 750px) {
 .main2_R .listBox {
 width: 100%;
 }

 .main3 .SwitchImage {
 width: 352px;
 overflow: hidden;
 }

 .Dep_list_2 {
 width: 65%;
 }
}

@media only screen and (max-width: 640px) {
 .main1_R {
 display: none;
 margin-top: 0px;
 }
}

@media only screen and (max-width: 640px) {
 .Dep_list_2 {
 width: 55%;
 }
}

@media only screen and (max-width:550px) {
 .icon_list li {
 width: 25%;
 }

 .main2_L .listBox li {
 width: 100%;
 float: left;
 }
}

@media only screen and (max-width: 500px) {
 .Dep_list_2 {
 width: 42%;
 }
}

@media only screen and (max-width:460px) {
 .tab_tit span {
 margin-left: 5px;
 }

 .tab_tit span.span_3 {
 display: none;
 }

 .main3 .SwitchImage .swiper-box ul li .Img_Box .pic {
 display: block;
 margin-right: 14px;
 width: 110px;
 height: auto;
 }

 .main3 .SwitchImage .swiper-box ul li img {
 width: 110px;
 height: auto;
 }

 .main3 .SwitchImage .swiper-box {
 width: 840px;
 height: 160px;
 }

 .main3 .SwitchImage {
 width: 280px;
 }

 .Dep_list li.lv_1 a {
 width: 90px;
 }

 .Dep_list {
 width: 149px;
 }

 .main3 .SwitchImage .content_box p {
 padding-right: 0;
 }
}

@media only screen and (max-width: 374px) {
 .main4_L {
 display: none;
 }

 .main4_R .yuanbao img {
 display: none;
 }
}

/* CSS Document */ 