body{font-family: "Microsoft Yahei";} .hide,.hidden{display: none!important;} .fl{float: left;} .fr{float: right;} .clearfix:after{content: '';display: block; clear:both; } .clearboth:after{content: '';display: block; clear:both; } .ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;} .ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .pointer{cursor: pointer;} .imgbox,.advbox{overflow: hidden;} .imgbox a{display: block;width: 100%;height: 100%;} .imgbox img{object-fit: cover;width: 100%;height: 100%;} .imgbox a:hover{display: block;overflow: hidden;} .imgbox img{object-fit: cover;width: 100%;height: 100%;} .advbox *{max-width:100% !important;} .no-padding{padding: 0;} .no-margin{margin: 0;} .form-horizontal .form-group {margin: 0;} .bg-grey{background: #F2F2F2;padding: 24px 0px 40px;} .advlist li{width: 100%;text-align: center;} .advlist li:first-child:nth-last-child(2),.advlist li:first-child:nth-last-child(2) ~ li{width: 50%;float: left;} .advlist li:first-child:nth-last-child(3),.advlist li:first-child:nth-last-child(3) ~ li {width: 33.3%;float: left;} .fixBox{position: fixed; bottom: 0px; right: 0px; z-index: 999; border-radius: 10px; overflow: hidden; background: #ffffff; border: 1px solid #2259a9; background-color: #2761ad;} .hospital-news-wrapper.col-md-12 {padding-left: 0px;} .slick-slide {outline: none;} .tabs-com {padding-left: 10px;} .banner-hid {height: 320px;overflow: hidden;} a {-webkit-tap-highlight-color: transparent;outline: none;box-shadow: none;} .expert-demeanor .index-tit {padding-bottom: 70px;} .con-width {width: 1050px;margin: 0 auto;} .list-banner {width: 100%;height: 260px;position: relative;display: flex;justify-content: center;overflow: hidden;} .list-banner img {height: 100%;width: 100%;object-fit: cover;} .expert-slider {width: 100%;} .text-big-con p {font-size: 18px !important;} .text-middle-con p {font-size: 16px !important;} .text-small-con p {font-size: 14px !important;} .set-font-size span {cursor: pointer;} .set-font-size .cur {color: #60a54d;font-weight: 700;} .logo-wrapper {padding-left: 0;} .jquery-slider-wrapper {margin: 0 auto;border-top-left-radius: 7px;border-top-right-radius: 7px;overflow: hidden;} .social-share .icon-wechat {background: #7bc549;color: #fff !important;} .social-share .icon-weibo {background: #ff763b;color: #fff !important;} .social-share .icon-qq {background: #56b6e7;color: #fff !important;} .guanbi {position: absolute;right: 10px;top: 5px;font-size: 20px;font-style: normal;cursor: pointer;} .article-share {position: relative;} .reweima {text-align: center;position: absolute;right: 0;background-color: #fff;display: none;width: 138px;border: 1px solid;padding: 27px 18px 20px 20px;font-size: 1em;} .reweima p {margin-bottom: 0px;} .share-ercode {position: relative;display: inline-block;width: 32px;height: 32px;font-size: 20px;border-radius: 50%;line-height: 32px;color: #666;text-align: center;vertical-align: middle;transition: background 0.6s ease-out 0s;cursor: pointer;background: url('../../images/ercode_bg.jpg');} .social-share .icon-wechat .wechat-qrcode {top: -220px;left: -84px;height: 210px;} .social-share .icon-wechat .wechat-qrcode .help p {font-size: 14px;} /*首页-科室导航*/ .ksdh-nav{background: url(../../images/index/img1.png) no-repeat center center;background-size: cover;background-attachment:fixed} .department-nav .catalog-wrapper {display: flex;justify-content: center;position: relative;z-index: 2;padding-bottom: 25px;overflow-x: auto;} .department-nav li {float: left;} .department-nav li .catalog-tit {padding: 0px 50px 20px;cursor: pointer;} .department-nav li .catalog-icon1{background: url(../../images/index/cata_icon6.svg) no-repeat center center;background-size: contain;} .department-nav li .catalog-icon2{background: url(../../images/index/cata_icon4.svg) no-repeat center center;background-size: contain;} .department-nav li .catalog-icon3{background: url(../../images/index/cata_icon8.svg) no-repeat center center;background-size: contain;} .department-nav li .catalog-icon4{background: url(../../images/index/cata_icon1.svg) no-repeat center center;background-size: contain;} .department-nav li .catalog-icon5{background: url(../../images/index/cata_icon10.svg) no-repeat center center;background-size: contain;} .department-nav li .catalog-icon6{background: url(../../images/index/icon_5.svg) no-repeat center center;background-size: contain;} .department-nav li .catalog-icon7{background: url(../../images/index/icon_1.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-icon1{background: url(../../images/index/cata_icon5.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-icon2{background: url(../../images/index/cata_icon3.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-icon3{background: url(../../images/index/cata_icon7.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-icon4{background: url(../../images/index/cata_icon2.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-icon5{background: url(../../images/index/cata_icon9.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-icon6{background: url(../../images/index/icon_hover5.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-icon7{background: url(../../images/index/icon_hover1.svg) no-repeat center center;background-size: contain;} .department-nav li.cur .catalog-tit {position: relative;text-align: center;} .department-nav li.cur .catalog-tit::after{content: '';width: 100%;max-width:72px;border-bottom: 5px solid #0a50b4;position: absolute;left: 0;right: 0;bottom: -5px;margin: auto;} .department-nav li .catalog-icon{width: 40px;height: 45px;margin: 0 auto;} .department-nav li .catalog-icon4{width: 35px;height: 44px;} .department-nav li .catalog-icon3{width:45px;} .department-nav li .catalog-icon5{width:45px;} .department-nav li .catalog-tit p {margin: 0;padding-top: 15px;font-size: 18px;color: #333333;} .department-nav li.cur .catalog-tit p {font-weight: bold;} .department-nav .catalog-wrapper .itembox{width: 100%;} .department-nav li .itembox{display: none;width: 100%;min-height: 150px;padding-top: 50px;position: absolute;top: 110px;left: 0;z-index: 1;border-top: 1px solid #dfdfdf;} .department-nav dl dd {text-align: center;padding: 10px;} .department-nav dl dd a {display: inline-block;max-width: 100%; width: 190px;padding: 14px 0;font-size: 16px;color: #505050;border: 1px solid #DFDFDF;border-radius: 100px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 16px;padding-right: 16px;} .department-nav dl dd a:hover {background: #0a50b4;border-color: #0a50b4;color: #fff;} /*绿色按钮轮播图*/ .green-button .slick-prev,.green-button .slick-next {border: none;width: 40px;height: 40px;border-radius: 6px;left: -45px;position: absolute;transform: translateY(50%);font-size: 0;background: #ffffff;z-index: 2;} .green-button .slick-prev {top:105px;} .green-button .slick-next {top:155px;} .green-button .slick-prev::after,.green-button .slick-next::after {display: inline-block;content: '';width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .green-button .slick-prev::after {background: url('../../images/index/left.svg') no-repeat;} .green-button .slick-next::after {background: url('../../images/index/right.svg') no-repeat;} .green-button .slick-prev:hover::after {background: url('../../images/index/left_hover.svg') no-repeat;} .green-button .slick-next:hover::after {background: url('../../images/index/right_hover.svg') no-repeat;} /* .key-depart-slider {width: 1080px;} */ /******************************* ---------[ 头部 ]--------- ********************************/ /* .slick-banner .item {position: relative;} .slick-banner .slick-dots {position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);} .slick-banner .slick-dots li {width: 50px;float: left;margin: 0 5px;height: 6px;line-height: 6px;position: relative;} .slick-banner .slick-dots li button {width: 100%;height: 6px;background: #fff;font-size: 0;border: none;position: absolute;border-radius: 3px;} .slick-banner .slick-dots li.slick-active button {background: #1DAD65;} .slick-banner .index-ban-img {text-align: center;width: 100%;height: 500px;position: relative;display: flex;justify-content: center;overflow: hidden;} .slick-banner .index-ban-img img {display: inline !important;width: 100%;height: 100%;object-fit: cover;} */ .bannerbox{max-height: 600px;overflow: hidden;max-width: 1920px;margin: 0 auto;position: relative;} .bannerbox .normal{height:500px;} .info-wra {position: absolute !important;bottom: 0;left: 50%;margin-left: -585px;} .index-ban-img {text-align: center;width: 100%;height: 100%;position: relative;display: flex;justify-content: center;overflow: hidden;} .index-ban-img a{display: block;width: 100%;height: 100%;} .index-ban-img img {display: inline !important;width: 100%;height: 100%;object-fit: cover;} /* .list-banner {width: 100%;height: 320px;position: relative;display: flex;justify-content: center;overflow: hidden;} .list-banner img{height: 100%;} */ /* .bannerbox .slick-list,.bannerbox .slick-track{height: 100%;} */ /* .bannerbtn{position: absolute;bottom: 0px;left: 0;right: 0;} */ .bannerbtn .box{border: 1px solid #FFFFFF;width: 100%;border-radius: 10px 10px 0px 0px;overflow: hidden;} .bannerbtn .box div{width: 20%;border: 1px solid #FFFFFF;height: 70px;font-size:16px;color: #444;text-align: center;background: rgba(255,255,255,0.8);} .bannerbtn .box div img{margin-right: 20px;} .bannerbtn .box div .hovered{display: none;} .bannerbtn .box div .hover{display: inline-block;} .bannerbtn .box a{display: block;padding: 20px 0px;} .bannerbtn .box a:hover{font-weight: bold;} .bannerbtn .box a:hover .hovered{display: inline-block;} .bannerbtn .box a:hover .hover{display: none;} .bannerbtn .box div span{display: inline-block;line-height: 26px;} .bannerbtn .box1{display: flex;margin: 0px -10px 50px;} .bannerbtn .box1 .itembox{width: 20%;padding: 0px 20px;} .bannerbtn .box1 .item{text-align: center;padding: 30px 10px;border-radius: 10px;} .bannerbtn .box1 .item a{display: block;} .bannerbtn .box1 .item span{display: inline-block;font-size: 18px;color: #fff;padding-top: 55px;} .bannerbtn .box1 .item1{background: #47b3fb;} .bannerbtn .box1 .item2{background: #03cccc;} .bannerbtn .box1 .item3{background: #93c47d;} .bannerbtn .box1 .item4{background: #9878ff;} .bannerbtn .box1 .item5{background: #6382f7;} .bannerbtn .box1 .item1 span{background: url(../../images/list/tb7.png) no-repeat center top;} .bannerbtn .box1 .item2 span{background: url(../../images/list/tb8.png) no-repeat center top;} .bannerbtn .box1 .item3 span{background: url(../../images/list/tb9.png) no-repeat center top;} .bannerbtn .box1 .item4 span{background: url(../../images/list/tb10.png) no-repeat center top;} .bannerbtn .box1 .item5 span{background: url(../../images/list/tb11.png) no-repeat center top;} /*头部*/ .header {padding: 0;} /*头顶部*/ .header .header-top {padding: 20px 0;} .header .logo {position: relative;display: inline-block;padding-right: 30px;outline: none;} .header .logo img {margin: -10px 0px;} /* .header .logo::after {width: 1px;height: 38px;display: inline-block;content: '';background: #D3D3D3;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} */ /* .header .switch-site,.header .dropdown-icon {display: inline-block;} */ .header .logo,.header .switch-site {float: left;} .header .switch-site {position: relative;display: inline-block;padding: 12px 10px 18px 20px;} .header .current-site {position: relative;display: inline-block;padding-right: 13px;font-size: 19px;color: #333333;cursor: pointer;} .header .current-site::after {display: inline-block;content: '';width: 12px;height: 9px;background: url('../../images/dropdown_select_icon.svg') no-repeat;background-size: 12px 9px;position: absolute;right: -12px;top: 50%;margin-top: -3px;transform: rotate(180deg);transition: all 200ms ease-out;} .header .switch-site:hover .current-site::after {transform: rotate(0deg);} .header .current-site:hover::after {transform: rotate(0deg);} .dropdown-items {display: none;width: 130px;padding: 16px 18px;margin-top: 5px;position: absolute;left: 0;z-index: 2;list-style: none;border-radius: 6px;background: #fff;-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);-ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);-o-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);} .dropdown-items li {padding: 7px 0;margin: 0 auto;font-size: 16px;color: #333333;} .dropdown-items li:hover {color: #0a50b4;cursor: pointer;} .header .switch-site:hover .dropdown-items {display: block;} .header .input-wrapper {position: relative;margin-top: 5px;font-size: 14px;line-height: 34px;} .header .input-wrapper input {height: 46px; display: inline-block;width: 230px;padding: 5px 20px 7px 50px;color: #333;background: #F3F3F3;border-radius: 50px 0 0 50px;border: none;} .header .input-wrapper input::-webkit-input-placeholder {color: #ACACAC;} .header .input-wrapper .input-icon {display: inline-block;content: '';width: 17px;height: 17px;background: url('../../images/index_search_icon.svg') no-repeat;background-position: 0px 0px;background-size: 100%;position: absolute;left: 22px;top: 50%;transform: translateY(-50%);opacity: 0.4;transition: all 150ms linear;} /* .header .input-wrapper .input-btn {height: 46px;display: inline-block;width: 81px;padding: 5px 25px 7px 20px;background: url('../../images/search_btn_background.png') no-repeat;background-size: cover;color: #fff;border-radius: 0 44px 44px 0;} */ .header .input-wrapper .input-btn {height: 46px;display: inline-block;width: 81px;padding: 5px 25px 7px 20px;background-image: linear-gradient(90deg,rgba(10, 80, 180,0.7) 0%,#0a50b4 100%); color: #fff;border-radius: 0 44px 44px 0;} .header .input-wrapper .input-btn:hover {background: #0a50b4;} .header .code{z-index: 2;position: relative;width: 44px;height: 24px;margin-right: 20px;padding-right: 20px;margin-top: 16px;} .header .code::after{width: 1px;height: 17px;display: inline-block;content: '';background: #DFDFDF;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .header .code .hover{display: none;} .header .code:hover .hover{display: inline-block;} .header .code:hover .normal{display: none;} .header .code:hover .showcode{display: flex;} .header .showcode{padding: 0px 5px;position: absolute;display: none;align-items: center;justify-content: space-between;width:500px;height: 120px; background: #FFFFFF;box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);border-radius: 6px;right: 0;transform: translateX(43%);top:46px;} .header .showcode::after{content: '';position: absolute;top:-6px; background:url('../../images/index/tra_white.svg') center no-repeat ;width: 10px;height: 6px;left: 0;right: 0;margin: auto;} .header .showcode .codebox{text-align: center;position: relative;width: 100%;font-size: 14px;color: #505050;letter-spacing: 0.5px;text-align: center;line-height: 16px;} .header .showcode img{width: 80px;margin-bottom: 5px;} .header .showcode .border{border-right: 1px solid #DFDFDF ;} /*头部导航*/ .header .header-nav {background: #0a50b4;} .header .index-nav{display: flex;} .header .index-nav li {position: relative;float: left;padding: 22.5px 0px;flex: 1;text-align: center; } .header .index-nav li.cur,.header .index-nav li:hover {font-size: 18px;color: #fff;font-weight: bold;} .header .index-nav li.cur>a {font-size: 18px;} .header .index-nav li.cur,.header .index-nav li:hover dl a {font-weight: 600;} .header .index-nav li:hover dl a {font-weight: 400;} .header .index-nav li a {font-size: 16px;line-height: 24px; color: #fff;outline: none;vertical-align: top;} .header .index-nav li:hover dl {display: block;font-weight: normal !important;} .header .index-nav dl {padding: 12px 0px;position: absolute;top: 70px;left: 50%;z-index: 2;width: 145px;margin-left: -73px;overflow: hidden;display: none;opacity: 0.8;background: #E6E6E6;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;} .header .index-nav dl dd {position: relative;padding: 7px 0px 7px 0px;text-align: center;} .header .index-nav dl dd:hover::before {display: inline-block;content: '';width: 6px;height: 10px;background: url('../../images/index/menu_select_icon.png') no-repeat;position: absolute;left: 19px;top: 13px;} .header .index-nav dl dd a {font-family: PingFangSC-Regular;font-size: 16px;color: #505050;} .header .index-nav dl dd:hover a {color: #0a50b4;font-weight: 400;} .sidebar{position: fixed;right: 1%;top:20%;z-index:999;} .sidebar .inquiry{background: url(../../images/index/icon1.png) no-repeat center bottom;background-size: contain;width: 80px;height: 94px;} .sidebar .box{width: 68px;height: 68px;background-color: #0a50b4;margin: 0 auto;background-repeat: no-repeat;background-position: center center;} .sidebar .mailbox{border-radius: 6px 6px 0 0;background-image: url(../../images/index/icon11.svg);} .sidebar .contact{border-top: 1px solid #4568A8;background-image: url(../../images/index/icon12.svg);} .sidebar .backtop{border-radius: 0 0 6px 6px;border-top: 1px solid #4568A8;background-image: url(../../images/index/icon13.svg);display: none;} .sidebar .fontbox:hover{background: #165CA4;} .sidebar .box a{display: none;font-size: 14px;color: #FFFFFF;letter-spacing: 0.5px;line-height: 20px;width: 100%;height: 100%;padding: 10px 15px;text-align: center;align-items: center;} .sidebar .fontbox:hover a{display: flex;} .sidebar .radius{border-radius: 0 0 6px 6px;} .code-wrap{display: flex;justify-content: flex-end;} .yqljbox{padding: 50px 0px 60px;} .yqljbox .item{width: 11.1%;display: inline-block;text-align: center;float: left;padding: 20px 5px 10px; } .yqljbox .item .imgbox{width: 85px;height: 85px;margin: 0 auto 10px;} .yqljbox .item .name{min-height: 38px;} .yqljbox .item .name a{font-size: 14px;color: #333333;} /******************************* ---------[ 面包屑导航 ]--------- ********************************/ .breadcrumb-nav {padding: 40px 15px;} .breadcrumb-nav a， .breadcrumb-nav span {font-size: 16px;color: #999999;} .breadcrumb-nav a:hover {color: #6E87BC;} .nav-wrapper a {font-size: 16px;color: #999999;} .nav-wrapper span {font-size: 16px;color: #999999;} /******************************* ---------[ 主体 ]--------- ********************************/ /*首页*/ /* 医院动态轮播 */ .J-hospital-ban img {width: 100% !important;} .J-hospital-ban .slick-dots {position: absolute;width: 100%;bottom: -1px;} .J-hospital-ban .slick-dots li {width: 33.3333%;float: left;} .J-hospital-ban .slick-dots li button {width: 100%;height: 6px;background: #4c7228;font-size: 0;border: none;} .J-hospital-ban .slick-dots li.slick-active button {background: #85c040;} .J-hospital-imglist {margin-top: 6px;width: 380px;} .J-hospital-imglist li {width: 33.333%;float: left;} .J-hospital-imglist li:nth-child(1) {padding-right: 4px;border-bottom-left-radius: 5px;overflow: hidden;} .J-hospital-imglist li:nth-child(2) {padding: 0 2px;} .J-hospital-imglist li:nth-child(3) {padding-left: 4px;border-bottom-right-radius: 5px;overflow: hidden;} .J-hospital-imglist li img {width: 100% !important;height: 100% !important;} .J-hospital-ban_img p {width: 100%;height: 30px;line-height: 30px;font-size: 14px;position: absolute;bottom: -4px;color: #fff;background: rgba(0, 0, 0, 0.5);padding: 0 10px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /*全站检索*/ .no-result-box {padding: 160px 0;} .index-tit {margin: 0;padding: 50px 0;font-size: 26px;color: #333333;font-weight: bold;} .index-tit span {position: relative;display: inline-block;z-index: 1;} .index-tit span::after {display: block;content: '';position: absolute;right: -11px;top: -10px;width: 27px;height: 27px;opacity: 0.7;background-image: linear-gradient(-142deg, #0061e3 0%, #0a50b4 100%);border-radius: 27px;z-index: -1;} .index-tit .morebtn{font-weight: normal;font-size: 16px;line-height: 30px;} /*首页banner轮播图*/ .slick-banner .item {background-size: 100% 450px !important;} .slick-banner .item .container {position: relative;height: 100%;} .slick-banner .item .info {position: absolute;left: 0;bottom: 70px;} .slick-banner .item .info h3 {margin: 0;color: #ffffff;padding-left: 80px;width: 75%;} .slick-banner .item .info p {margin: 0;padding-top: 16px;font-size: 16px;color: #ffffff;padding-left: 80px;width: 75%;} .slick-banner .slick-dots {padding: 4px 10px;line-height: 12px;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);background: rgba(117, 117, 117, 0.3);} .slick-banner .slick-dots li {width: 79px;float: left;margin: 0 5px;height: 6px;line-height: 6px;position: relative;} .slick-banner .slick-dots li button {width: 100%;height: 6px;background: #f6f6f6;font-size: 0;border: none;position: absolute;} .slick-banner .slick-dots li.slick-active button {background: #0a50b4;} .ksdhyjks-btn-wrapper{margin: 25px -30px 65px -30px;} .ksdhyjks-btn-wrapper .box{width: 16.66%;text-align: center;padding: 15px 10px;} .ksdhyjks-btn-wrapper a {display: inline-block;background-image:none;min-width: 150px;max-width: 190px; height: 44px;line-height: 42px;padding: 0 5px;border-radius: 100px;font-size: 16px;color: #505050;border: 1px solid #dfdfdf;} .ksdhyjks-btn-wrapper a:hover {background: #0a50b4;color: #ffffff;border-color: #0a50b4;} /*专家风采*/ .expert-img {margin-top: 1px !important;transition: all 100ms linear;} .expert-demeanor {padding-bottom: 90px;background: url('../../images/expert-demeanor_banner.jpg') no-repeat;background-size: cover;} .expert-slider {position: relative;} .expert-slider .box {padding: 10px;display: flex !important;} .expert-slider .box .imgbox{width: 160px;height: 210px;border-radius: 5px;flex-shrink:0;} .expert-slider .box .imgbox img{object-fit: contain;} /* .expert-slider .box img {height: 210px;margin: 0 auto;width: 161px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 16px 32px -4px rgba(0, 0, 0, 0.17);} */ /* .expert-slider .expert-img:hover {box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);transform: translateY(-1px);} */ .expert-slider .box .info{padding: 0px 15px;width: calc(100% - 160px);} .expert-slider .box .info h4 {margin: 10px 0px 20px;font-size: 16px;color: #333333;} .expert-slider .box .info p {font-size: 16px;color: #505050;} .expert-slider .box .info a:hover *{color: #0a50b4 !important;} .expert-slider .box .info .tip{color: #0a50b4;} .expert-slider .slick-prev,.expert-slider .slick-next {width: 36px;height: 120px;position: absolute;top: 0;transform: translateY(50%);font-size: 0;opacity: 0.68;background: #ffffff;z-index: 2;border: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 16px 32px -4px rgba(0, 0, 0, 0.17);} .expert-slider .slick-prev {border-radius: 8px 0 0 8px;left: -35px;display: none !important;} .expert-slider .slick-next {border-radius: 0 8px 8px 0;right: -35px;display: none !important;} .expert-slider:hover .slick-prev,.expert-slider:hover .slick-next {display: block !important;} /* .key-depart-slider .slick-prev {display: none !important;border: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 16px 32px -4px rgba(0, 0, 0, 0.17);} .key-depart-slider .slick-next {display: none !important;border: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 16px 32px -4px rgba(0, 0, 0, 0.17);} .key-depart-slider:hover .slick-prev,.key-depart-slider:hover .slick-next {display: block !important;} */ .expert-slider .slick-prev::after,.expert-slider .slick-next::after {display: inline-block;content: '';width: 12px;height: 17px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .expert-slider .slick-prev::after {background: url('../../images/arrow_left_icon.png') no-repeat;} .expert-slider .slick-next::after {background: url('../../images/arrow_right_icon.png') no-repeat;} .department-slid-wra {height: 260px !important;overflow: hidden;border-radius: 5px !important;} .pagination {width: 100%;text-align: center;margin: 0;} .pagination > li {display: inline-block;margin: 0 5px;margin-bottom: 0 !important;} .pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover {z-index: 2;color: #fff;cursor: default;background-color: #6E87BC;border-color: #6E87BC;border-radius: 5px;} .pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #616161;text-decoration: none;background-color: #fff;border: 1px solid #ddd;border: none;} .pagination > li > a:focus,.pagination > li > a:hover,.pagination > li > span:focus,.pagination > li > span:hover {z-index: 3;color: #23527c;background-color: inherit;border-color: #ddd;} /*医院动态*/ .hospital-dynamics {background: #fff;} .hospital-dynamics .content-img {padding-top: 5px;margin-bottom: 60px;width: 380px;padding-right: 0;} .hospital-dynamics .content-img img {width: 380px;} .hospital-dynamics .content-list {position: relative;padding-left: 60px;float: left;width: 670px;padding-right: 10px;margin-bottom: 60px;} .hospital-dynamics .content-list .tabs span {display: inline-block;padding: 12px 10px;padding-top: 0px;font-size: 18px;color: #333333;cursor: pointer;margin-right: 56px;} .hospital-dynamics .content-list .tabs .cur {font-weight: bold;border-bottom: 5px solid #0a50b4;} .hospital-dynamics .content-list ul {padding: 17px 0;width: 100%;} .hospital-dynamics .content-list ul li {padding-top: 12px;padding-bottom: 12px;} .hospital-dynamics .content-list ul li a {font-size: 16px;display: inline-block;float: left;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .hospital-dynamics .content-list ul li span {font-size: 14px;margin-left: 30px;} .hospital-dynamics .content-list ul li:hover span {color: #6E87BC;} .button-link {display: block;padding: 11px 32px;font-size: 16px;color: #535353;border: 1px solid #e0e0e0;border-radius: 100px;width: 148px;margin: auto;} .button-link:hover {display: block;padding: 11px 32px;font-size: 16px;color: #ffffff;border-color: #fff;opacity: 0.8;background-image: linear-gradient(-142deg, #0061e3 0%, #0a50b4 100%);border-radius: 100px;} .button-link:hover a {color: #fff;} .J-hospital-imglist li a {display: block;display: block;width: 100%;height: 100%;overflow: hidden;height: 80px;} .J-hospital-imglist img {transition: all 1s ease;} .J-hospital-imglist img:hover {transform: scale(1.4);} /*.jquery-slider-slide img {width:366px !important; height: 250px !important;}*/ /*重点科室*/ .cont.col-md-7 {padding-left: 36px;} .key-departments .draggable {height: 310px;padding-top: 1px;} .jquery-slider-wrapper p {width: 100%;height: 30px;line-height: 30px;font-size: 14px;position: absolute;bottom: -4px;color: #fff;background: rgba(0, 0, 0, 0.5);padding: 0 10px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .ks-bg {width: 300px;height: 270px;opacity: 0;background: url(../../images/department-bg.png) no-repeat;background-size: cover;position: absolute;z-index: 1;top: 0;left: 50%;transform: translate(-50%);border-radius: 8px;transition: all 1s ease;} .key-departments {background: url('../../images/key_departments_banner.jpg') no-repeat;background-size: cover;padding-bottom: 75px;} /* .key-depart-slider .box {padding: 0;position: relative;border-radius: 8px;} .key-depart-slider .key-depart-imgwra {width: 300px;border-radius: 10px;margin: 0 auto;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 16px 32px -4px rgba(0, 0, 0, 0.17);} .key-depart-slider .key-depart-imgwra:hover {box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);transform: translateY(-1px);} .key-depart-slider .key-depart-imgwra:hover .ks-bg {opacity: 1;} .key-depart-slider .key-depart-imgwra:hover img {} .key-depart-slider .box img {width: 300px;height: 270px;margin: 0 auto;border-radius: 8px;} .key-depart-slider .box .info {position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -45%);transition: all 1s ease;} .key-depart-slider .key-depart-imgwra:hover .info {transform: translate(-50%, -50%);} .key-depart-slider .box .info h4 {position: relative;padding-bottom: 13px;font-size: 24px;color: #ffffff;text-align: center;} .key-depart-slider .box .info span {display: inline-block;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 130px;height: 1px;background: #fff;} .key-depart-slider .box .info p {padding-top: 19px;font-size: 14px;color: #ffffff;line-height: 22px;display: none;} .key-depart-slider .box:hover p {display: -webkit-box;} */ /*医院优势*/ .hospital-adv {padding-bottom:80px; } .hospital-adv .leftmenu{margin-bottom: -8px;} .hospital-adv .leftmenu div{width: 156px;padding-right: 6px;font-size:18px;margin-bottom: 8px;letter-spacing: 0.56px;line-height: 30px;text-align: center;} .hospital-adv .leftmenu div a{display: block;width: 100%;height: 100%; background: #F8F8F8;color: #333333;padding: 25px 0px;} .hospital-adv .leftmenu .cur,.hospital-adv .leftmenu div:hover{padding-right: 0px;} .hospital-adv .leftmenu .cur a,.hospital-adv .leftmenu div:hover a{color: #FFFFFF;font-weight: bold;background: url('../../images/index/icon14.svg') no-repeat;} .hospital-adv .leftmenu .nav1 a{border-radius: 6px 6px 0px 0px;} .hospital-adv .leftmenu .nav4 a{border-radius: 0px 0px 6px 6px;} .hospital-adv .leftmenu .nav1.cur a,.hospital-adv .leftmenu .nav1:hover a{background: url('../../images/index/icon16.svg') no-repeat;padding-right: 6px;} .hospital-adv .leftmenu .nav4.cur a,.hospital-adv .leftmenu .nav4:hover a{background: url('../../images/index/icon15.svg') no-repeat;padding-right: 6px;} .hospital-adv .leftmenu div span{display: block;width: 100%;height: 100%;} .hospital-adv .rightbox .slick-slider{width: 90%;margin: 0px 5%;background: #fff;} .hospital-adv .key-depart-slider .box {padding: 0;position: relative;border-radius: 6px;} .hospital-adv .key-depart-slider .box img{width: 220px;height: 170px;margin: 0 auto;border-radius: 6px;} .hospital-adv .key-depart-slider .box .imgbox{border-radius: 6px;} .hospital-adv .key-depart-slider .box .imgbox:hover{box-shadow: 0 12px 6px -6px rgba(0,0,0,0.25);-moz-box-shadow: 0 12px 6px -6px rgba(0,0,0,0.25);-webkit-box-shadow: 0 12px 6px -6px rgba(0,0,0,0.25);transform: translateY(-1px);} .hospital-adv .key-depart-slider:hover .slick-prev,.key-depart-slider:hover .slick-next {display: block !important;} .hospital-adv .key-depart-slider{height: 0;overflow: hidden;background: #fff;} .hospital-adv .rightbox .slick-slide{padding: 1px 40px;} .hospital-adv .rightbox .slick-slide:focus{outline: none;} .hospital-adv .rightbox .gkzj-slider .slick-slide{padding: 2px 25px;float: left;} .hospital-adv .key-depart-slider .gkzj-slider .box img{width: 128px;height: 168px;} .hospital-adv .rightbox .info h4{margin-top: 25px;margin-bottom: 7px;} .hospital-adv .rightbox .info h4 a{font-size:16px;color:#333333;line-height: 26px;} .hospital-adv .rightbox .info p{font-size:14px;color:#333333;line-height: 20px;margin: 0px;} /*医技科室*/ .medical-tech-department {padding-bottom: 40px;} .medical-tech-department .catalog-wrapper {padding: 15px 35px;} /*临床科室*/ .clinical-department {padding-bottom: 40px;} /*内分泌科*/ .department-intro .box img {width: 360px;height: 260px;border-radius: 10px;} .department-slick.col-md-5.slick-initialized.slick-slider.slick-dotted {max-width: 400px;padding-left: 26px;padding-right: 0px;} .department-slick {position: relative;} .department-slick .slick-dots {position: absolute;bottom: 13px;left: 50%;transform: translateX(-50%);} .department-slick .slick-dots li {width: 35px;float: left;margin: 0 5px;} .department-slick .slick-dots li button {width: 100%;height: 6px;padding: 0;background: #f6f6f6;font-size: 0;border: none;border-radius: 6px;} .department-slick .slick-dots li.slick-active button {background: #0a50b4;} ul.ul-left.department-ul.col-md-6 {padding-left: 26px;} .first-department-padding .cont p{max-width: 100%;} /*相关专家*/ /* .relevant-experts .box {float: left;padding: 26px;} .relevant-experts .box {} .relevant-experts .box img {width: 140px;height: 185px;border-radius: 5px;} .relevant-experts .box img:hover {box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);transform: translateY(-1px);} .relevant-experts .box .info h4 {font-size: 16px;color: #333333;padding: 25px 0 10px 0;} .relevant-experts .box .info p {margin: 0;font-size: 14px;color: #505050;} */ /*专家风采*/ .expert-demeanor-detail h5 {position: relative;} .department-list{margin: -20px 0px 40px;} .department-list .item{width: 20%;padding: 0px 35px;margin: 20px 0px;} .department-list .box {width: 140px;margin: 0px auto;} .department-list .box .imgbox{text-align: center;width: 100%;height: 185px;border-radius: 6px;} .department-list .box .imgbox:hover {box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);transform: translateY(-1px);} /* .department-list .box .info{min-height: 142px;} */ .department-list .box .info h4 {font-size: 16px;line-height: 26px;color: #333333;padding: 20px 0 10px 0;} .department-list .box .info h4 a{color: #333333;} .department-list .box .info .subtit {font-size: 14px;line-height: 16px; color: #333;padding-bottom: 10px;} .systembox{padding: 10px 0px;} .systembox .system{display: flex;font-size: 16px;line-height: 30px;margin: 10px 0px;} .systembox .system .part{flex: 1;} .systembox .system .part .partbox{display: flex;} .systembox .system .intro-thumb{display: flex} .systembox .system .intro-thumb.show{display: flex !important;} .systembox .system .intro-thumb a{cursor: pointer; display: inline-block;padding: 0px 10px;margin-right: 10px;} .systembox .system .intro-thumb a.cur{font-weight: bold;color: #0a50b4;} /* 科室栏目首页-相关专家部分 */ .department-list .box .info .mergetit {font-size: 14px;line-height: 20px;padding-bottom: 10px;} .relevant-experts .department-list{margin-top: 30px;margin-bottom: 0px;} .relevant-experts .department-list .box .info{min-height: 110px;} .relevant-experts .department-list .item{margin: 20px 0px;} /*专家详情*/ .expert-detail {} .expert-detail .extpert-img img {width: 140px;height: 185px;border-radius: 7px;} .expert-detail .extpert-info h4 {padding-bottom: 37px;font-size: 20px;color: #333333;font-weight: 700;} .expert-detail .extpert-info p {margin: 0;padding-bottom: 30px;line-height: 30px;} .expert-detail .extpert-info p .tit {font-size: 16px;color: #999999;} .expert-detail .extpert-info p .cont {font-size: 16px;color: #151515;} /*医院新闻*/ .hospital-news {} .hospital-news .left-nav ul {} .hospital-news-cont {padding-top: 40px !important;} .hospital-news .left-nav ul li {padding: 16px 30px;background: #f4f4f4;margin-bottom: 1px;} .hospital-news .left-nav ul li.cur {background: #0a50b4;border-left: 3px solid #042c66;} .hospital-news .left-nav ul li a {font-size: 16px;color: #505050;} .hospital-news .left-nav ul li.cur a {color: #ffffff;} .hospital-news .left-nav ul li.cur:hover a {color: #ffffff;} .hospital-news .left-nav ul li a:hover {color: #0a50b4;} .hospital-news .hospital-news-list li {margin-bottom: 45px;} .hospital-news .hospital-news-list .image {width: 220px;height: 130px;padding: 0;background-color: #d8d8d8;border-radius: 10px;float: left;} .hospital-news .hospital-news-list .image img {width: 100%;height: 100%;border-radius: 6px;object-fit: cover;} .hospital-news .hospital-news-list .noimg .content{padding-left: 0;} .hospital-news .hospital-news-list .content{padding-left: 250px;} .hospital-news .hospital-news-list .content.padding-l-0 {padding-left: 0px;width: 100%;} .hospital-news .hospital-news-list .content p {margin: 0;overflow: hidden;text-overflow: ellipsis;} .hospital-news .hospital-news-list .content h5 a {font-size: 18px;color: #333333;} .hospital-news .hospital-news-list .content h5 a:hover {color: #6E87BC;} .hospital-news .hospital-news-list .content .date,.hospital-news .hospital-news-list .content .para {font-size: 14px;color: #999;} .hospital-news .hospital-news-list .content .date {padding-top: 15px;} .hospital-news .hospital-news-list .content .para {padding-top: 34px;} .hospital-news .hospital-news-list .content .para2 {padding-top: 15px;} .hospital-news .hospital-news-list .content .para.padding-t-20 {padding-top: 20px;} .pc-left-nav{margin-bottom: 30px;padding-left: 0;} .app-left-nav{display: none;margin-bottom: 20px;} .app-left-nav ul .box{margin-bottom: 0px;margin-right:1px;} .app-left-nav .r-radius .box{border-radius: 0px 6px 6px 0px;} /* 护理专家 */ .nurse-list{margin: 30px -35px;} .nurse-list .item{width: 20%;padding: 0px 35px;margin: 20px 0px;} .nurse-list .box {width: 130px;margin: 0px auto;} .nurse-list .box .imgbox{text-align: center;width: 100%;height: 168px;border-radius: 6px;} .nurse-list .box .imgbox:hover {box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.25);transform: translateY(-1px);} .nurse-list .box .info{min-height: 100px;} .nurse-list .box .info h4 {font-size: 16px;line-height: 26px;color: #333333;padding: 20px 0 10px 0;} .nurse-list .box .info h4 a{color: #333333;} .nurse-list .box .info .subtit {font-size: 14px;line-height: 20px; color: #505050;} /*新闻详情*/ .hospital-info .article{margin-bottom: 50px;} .article h2 {padding-bottom: 30px;font-size: 26px;color: #333333;text-align: center;} .article .article-info {padding-bottom: 45px;margin-bottom: 0;font-size: 14px;color: #505050;text-align: center;text-indent: inherit;} .article .article-info .publish-date,.article .article-info .manager {padding-right: 20px;} .article .article-info span{display: inline-block;} .article p {font-size: 16px;color: #505050;line-height: 30px;} .article p img{max-width: 100%;} #content p,#content div,#content section{font-size: 16px;color: #505050;line-height: 30px;} #content p span{text-wrap: inherit !important;} #content img,#content p img,#content div img,#content section img{max-width: 100%;} .article .article-img {margin: 0;padding-bottom: 40px;} .article-recommend {padding: 30px 70px;border-top: 1px solid #e3e3e3;} .article-recommend li {padding-bottom: 15px;font-size: 16px;color: #333333;} .article-recommend li a {cursor: pointer;} /* .nav-after::after {content: '>';color: #fff;font-size: 20px;float: right;margin-right: 20px;} */ .navBarwra .nav > li.cur > a:after,.navBarwra .nav > li:hover > a:after {content: '';display: block;width: 0px;height: 0px;position: absolute;left: 50%;margin-left: -14px;background: none;} .text-content p img{max-width: 100%;} .text-content table td,.text-content table th{border: 1px solid #DDD;padding: 5px 10px;} #form .pw-zform-btn-success{background: #0a50b4;} /* #form .pw-zform-checkbox > input:checked + span{color: #0a50b4;} #form .pw-zform-checkbox > input:checked + span:before{border-color: #0a50b4;} #form .pw-zform-checkbox > input:checked + span:after{border-color: #0a50b4;}*/ #form .pw-zform .pw-zform-footer:last-child .col-16{text-align: center;} .pw-zform-checkbox:hover > span:before, .pw-zform-checkbox-inline:hover > span:before, .pw-zform-radio:hover > span:before, .pw-zform-radio-inline:hover > span:before, .pw-zform-checkbox > input:checked + span:before, .pw-zform-checkbox-inline > input:checked + span:before, .pw-zform-radio > input:checked + span:before, .pw-zform-radio-inline > input:checked + span:before, .pw-zform-input:focus, .pw-zform-input:hover{border-color: #0a50b4 !important;} .pw-zform-input:focus{box-shadow: 0 0 0 2px rgba(10, 80, 180, .2) !important;-webkit-box-shadow: 0 0 0 2px rgba(10, 80, 180, .2) !important;} .pw-zform-checkbox > input:checked + span, .pw-zform-checkbox-inline > input:checked + span, .pw-zform-radio > input:checked + span, .pw-zform-radio-inline > input:checked + span, .pw-zform-checkbox:hover > span, .pw-zform-checkbox-inline:hover > span, .pw-zform-radio:hover > span, .pw-zform-radio-inline:hover > span{color: #0a50b4 !important;} .pw-zform-checkbox > input:checked + span:after, .pw-zform-checkbox-inline > input:checked + span:after{border-color: #0a50b4 !important;} textarea.pw-zform-input:focus{box-shadow: none !important;} /******************************* ---------[ 尾部 ]--------- ********************************/ .wx-text {width: 170px;text-align: center;margin-top: 10px !important;} .wec-logo-wra {width: auto;float: right;text-align: center;} .footer {padding: 50px 0;background: #0a50b4;font-size: 14px;color: #ffffff;border-top: 4px solid #042c66;} .footer p {margin: 0;color: #ffffff;font-size: 14px;} .footer a {color: #ffffff;} .footer .row {} .footer .friend-link {padding-bottom: 40px;max-width: 90%;} .footer .friend-link a {display: inline-block;} .footer .friend-link a:hover {font-weight: bold;} .footer .area-calalog {padding-top: 20px;} .footer .copy-right {padding-top: 40px;} .footer .wechat-logo {text-align: right;margin: 0px 6px;} .footer .wechat-logo img {width: auto;height: 100px;margin-bottom: 10px;} .friend-link span {display: inline-block;float: left;} .friend-link p {padding-left: 70px;} .footer-content {padding-left: 0px;} /*搜索结果页*/ .search-news-list .col-md-3 {max-width: 220px;} .yydtwrap{background: #f7f7f7;} .yydtwrap .itembox{margin-bottom: 20px;} .yydtwrap .imgbox{width: 100%;height: 180px;} .yydtwrap .cata{line-height: 30px;padding: 15px 0px 5px;} .yydtwrap .cata .name{font-weight: bold;color: #333333;font-size: 18px;} .yydtwrap .cata .more{color: #505050;font-size: 14px;} .yydtwrap .cata .more:hover{color: #0a50b4;} .yydtwrap .title a{font-size: 16px;color: #505050;line-height: 30px;} .yydtwrap .title a:hover{color: #0a50b4;} .yxalbox .itembox{margin: 10px 0px;line-height: 30px;} .yxalbox .title{max-width: calc(100% - 120px);} .yxalbox .title a{font-size: 16px;color: #505050;} .yxalbox .title a:hover{color: #0a50b4;} .yxalbox .imgbox{max-height: 300px;} .dqgzwrap{margin-bottom: 50px;} .dqgzwrap .col-md-6{height: 335px;padding: 0;} .dqgzwrap .listbox{padding: 15px 30px;background: #0a50b4;color: #fff;} .dqgzwrap .cat{line-height: 40px;} .dqgzwrap .cat span{font-size: 22px;font-weight: bold;} .dqgzwrap .cat a{font-size: 14px;color: #fff;} .dqgzwrap .itembox{margin: 5px 0px;line-height: 30px;} .dqgzwrap .title{max-width: calc(100% - 120px);} .dqgzwrap .title a{font-size: 16px;color: #fff;} /* 在线留言 */ .message .messbox{width: 650px;max-width: 100%;} .message .messbox .tit{font-size: 14px;color: #333 ;line-height: 28px;} .message .messbox .iptbox span{font-size: 14px;color: #333 ;line-height: 32px;width: 75px;} .message .messbox .levebox{margin: 30px 0px 50px 0px;padding-left: 75px;} .message .messbox .iptbox{padding: 10px 0px;} .message .messbox .iptbox input{background: #F8F8F8;border: 1px solid #DEDEDE;font-size: 14px;padding: 7px 10px;} .message .messbox .iptbox input,.message .messbox .iptbox textarea{border-radius: 5px; width: calc(100% - 75px);background: #F8F8F8;border: 1px solid #DEDEDE;font-size: 14px;padding: 7px 10px;} .message .messbox .iptbox textarea{height: 124px;} .message .messbox .iptbox textarea:focus{outline: none;} .message .messbox .levebox .leave{background: #3772CE;border-radius: 4px;display: inline-block;width:100px;text-align: center;line-height: 36px;color: #fff;font-size: 14px; } @media (min-width: 768px) { .info-wra { margin-left: -375px;} } @media (min-width: 992px) { .info-wra { margin-left: -485px;} } @media (min-width: 1200px) { .info-wra { margin-left: -585px;} } @media only screen and (min-width: 1230px) { .container { width: 1230px;} } /*Common For Max 960*/ @media only screen and (max-width: 1199px) { .slick-banner .slick-dots{display: none !important;} .sidebar{display: none;} .header .code{display: none;} .header .input-wrapper { margin-right: 0px;} .expert-slider { width: inherit;} .con-width { width: inherit; margin-left: -15px; margin-right: -15px;} /* .key-depart-slider { width: inherit;} */ .success-demo .course_set_table table td { padding: 13px 15px;} .J-hospital-imglist { margin-top: 6px; width: 100%; padding-right: 15px; /* height: auto; */ } .J-hospital-imglist li a { height: 110px;} /*科室导航*/ .department-nav li dl {padding: 30px 15px;} .ksdhyjks-btn-wrapper .box{width: 25%;} /******************************* ---------[ 导航 ]--------- ********************************/ div.burger { height: 40px;font-size: 25px;text-align: center;float: right;width: 40px;position: relative;cursor: pointer;} .fixed div.burger { top: 7px;} .burger div.x, .burger div.y, .burger div.z { position: absolute;top: calc((100% - 3px) / 3);width: 25px;height: 2px;background: #0a50b4;border-radius: 2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;} .open div.x, .open div.y, .open div.z { background: #fff;} .burger div.x, .burger div.y, .burger div.z { height: 3px;width: 36px;} .burger div.y { top: 23px;} .burger div.z { top: 34px;} .burger div.collapse { top: 20px;display: block;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out;} .burger div.rotate30 { -ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;} .burger div.rotate150 { -ms-transform: rotate(150deg);-webkit-transform: rotate(150deg);transform: rotate(150deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;} .burger div.rotate45 { -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;} .burger div.rotate135 { -ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;} /* 导航 */ .header .xs-header-nav li{position: relative;float: left;padding: 0px;} .header .xs-header-nav li.cur, .header .xs-header-nav li:hover{padding: 0;font-size: 14px;color: #fff;font-weight: bold;} .nav-h{min-height: 0px;} .header .index-nav li a{padding: 10px 15px;} div.burger.open{position:fixed;right: 22px;} .navBarbox {position:fixed; width:calc(100% + 15px);height:100%; right:0; top:0; background: url(../../images/index/navBarBg.png) repeat; z-index: 19;padding: 0;} .navBarwra .menu{display: block; width:58.66%;position:relative;overflow-y: auto;height:100%;float: right;background:#0a50b4;padding:15px;padding-top:60px;} .navBarwra .menu>li,.navBarwra .menu>li:hover,.navBarwra .menu>li.cur{float:left;border-bottom:1px solid #eee;line-height:54px;text-align: left;} .navBarwra .menu>li{margin-left: 10px;width:100%} .navBarwra .menu>li i{color:#fff;font-size:28px;margin-top:20px;cursor: pointer;} .navBarwra .menu>li>a{color:#fff!important;display: inline;float: left;} .navBarwra .menu-child{position:static;background:none;width:100%;display: block;padding:0 15px 0 35px;margin-top: -10px; margin-bottom: 10px;} .navBarwra .menu>li.cur>a, .menuBarwra .menu>li:hover>a {background: none;} .header .index-nav.menu dl{border-top: 1px solid #fff;padding: 12px 0px;position: relative;top: 0;left: 0;z-index: 2;width: 100%;overflow: hidden;display: none;opacity: 1;background: none;color: #fff; margin-left:0;} .header .index-nav.menu dl a{color: #fff;opacity: 0.8;} .header .index-nav.menu dl a:hover{color: #fff;} .navBarwra .menu>li .icon{cursor: pointer; float: right;margin-right: 20px;margin-top: 10px; display: block;width: 10px;height: 20px;background: url(../../images/index/icon6.png) no-repeat center center; } .navBarwra .menu>li.cur> .icon{transform: rotate(90deg); } .header .index-nav.menu .cur dl{display: block;font-weight: normal;} .header .index-nav li:hover dl {display: none;} .header .index-nav dl dd.cur a{font-weight: bold;color: #fff;opacity: 1;} .header .index-nav dl dd:hover::before{display: none;} /*首页*/ .header .input-wrapper input { width: 230px;} /* .key-depart-slider .box { padding: 0;} */ .wec-logo-wra { float: none; margin: 0 auto;} .expert-slider .slick-next { border-radius: 0 8px 8px 0; right: 0px;} .expert-slider .slick-prev { border-radius: 8px 0 0 8px; left: 0px;} .hospital-dynamics .content-img { float: none; width: 100%;} .hospital-dynamics .content-img img { width: 100%;} .hospital-dynamics .content-list .tabs span { margin-right: 3px; padding: 5px;} .hospital-dynamics .content-list .tabs-item { padding-bottom: 20px;} .hospital-dynamics .content-list ul { padding-top: 10px;} .hospital-dynamics .content-list li.cur dl { width: 100%;} .hospital-dynamics .content-list dl .data { float: right;} .hospital-dynamics .content-list { float: none; padding-left: 15px; width: 100%;} .button-link { width: 147px; left: 90%;} /*重点科室*/ .green-button .slick-prev { left: -45px;} .green-button .slick-next { right: 0px;} /*全站检索*/ .hospital-news .hospital-news-list .image { margin: 0 0 20px 30px;} .hospital-news .hospital-news-list .content .para { padding-top: 10px;} /*医院新闻*/ .hospital-news .hospital-news-list .image { margin-left: 0;} /* .hospital-news .hospital-news-list .content { padding-left: 15px;} */ /*专家详情*/ .department-padding { padding: 30px 50px 50px !important;} .expert-detail .extpert-info { padding-top: 0px;} .expert-detail .extpert-info h4 { padding-bottom: 20px;} .expert-detail .extpert-info p { padding-bottom: 10px;} .expert-detail .extpert-info p.sm-text-left { text-align: left;} .department-ul li span.title { max-width: 260px;} ul.ul-left.department-ul.col-md-6 { padding-left: 15px;} .yqljbox .item{width: 16%;} .hospital-adv .rightbox{width: 100%;} .hospital-adv .leftmenu{width: 100%;margin-bottom: 10px;} .hospital-adv .leftmenu div{float: left;} .hospital-adv .leftmenu div a{border-radius:0px !important; } .hospital-adv .leftmenu .cur a, .hospital-adv .leftmenu div:hover a{background-image: none !important;background-color: #0a50b4 !important;} } @media only screen and (max-width: 1100px) { .success-demo .course_set_table table td { padding: 13px 2px; text-overflow: ellipsis; overflow: hidden;} } @media only screen and (max-width: 1100px) { .teach-team .teach-team-slider .slick-prev { left: -15px;} .teach-team .teach-team-slider .slick-next { right: -15px;} } /*Common For Max 768*/ @media only screen and (max-width: 992px) { .expert-detail .extpert-img,.expert-detail .extpert-info { float: none; text-align: center;} .expert-detail .extpert-info h4 { padding-top: 20px;} .article-recommend { padding: 30px 15px;} .slick-banner .item .info h4 { padding-left: 0px; width: 100%;} .slick-banner .item .info p { padding-left: 0px; width: 100%;} .department-slick.col-md-5.slick-initialized.slick-slider.slick-dotted { padding-left: 0px; margin: 0 auto;} .logo-wrapper { padding-left: 15px;} .hospital-news-wrapper .news-info-padding p img { display: block; margin: 0 auto; max-width: 100%;} .department-nav li.cur .itembox{padding: 0px;} .department-nav li .catalog-tit{padding: 0px 25px 20px;} .hospital-dynamics .content-list ul li a { width: 70%;} .footer .wechat-logo { text-align: center;} .footer .wechat-logo img { margin-top: 0;} .footer .copy-right { padding-top: 30px;} .foot-adr { display: block;} .foot-adr span { margin-left: 0 !important;} /*医院介绍*/ .hospital-info .padding-left-60,.hospital-news .news-box-padding { padding: 40px 0 0 0;} /*专家列表*/ /* .expert-demeanor-detail .box { width: 50%; text-align: center; padding: 35px 10px;} */ /*专家详情*/ .department-ul li span.title { max-width: 400px;} /*科室详情*/ .department-intro .cont { padding-top: 20px; padding-left: 0px; padding-right: 0px;} .department-slid-wra { height: 240px !important;} .department-intro .box img { width: 100%; height: 100%;} .header .index-nav dl dd:hover::before { left: 40%;} /* .slick-banner .index-ban-img { height: 230px;} */ .slick-banner .index-ban-img img { height: 100%;} .list-banner { height: 200px;} .slick-banner .item .info h3 { font-size: 18px; width: 100%; padding: 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .article-share { padding: 0px 50px 15px 0;} .pc-left-nav{display: none;} .app-left-nav{display: block;margin: 0px 15px 20px;overflow: hidden;} .code-wrap{text-align: center;padding: 0;justify-content: center;flex-wrap: wrap;} .code-wrap .wechat-logo{display: inline-block;float: left;margin-bottom: 10px;} .dqgzwrap .col-md-6{float: left;width: 100%;height: auto;} .bannerbtn .box1 .itembox{padding: 0px 5px;} .bannerbtn .box1 .item span{font-size: 16px;background-size: 25px;padding-top: 45px;} .hospital-adv .leftmenu div a{padding: 15px 0px;} .hospital-adv .key-depart-slider .box .info{text-align: center;} .systembox .system .intro-thumb{flex-wrap: wrap;} .department-list{margin: -30px -10px;} .department-list .item{width: 25%;padding: 0px 10px;margin: 20px 0px;} /* .department-list .box{width: 100%;} */ } @media only screen and (max-width: 772px) { .header .input-wrapper input { width: calc(100% - 81px); float: left;} .header .input-wrapper .input-btn { float: left;} .header .input-wrapper{float: none !important;margin: 10px auto 0px; } .header .input-wrapper::after{content: '';display: block; clear:both; } .teach-team .teach-team-slider .slick-prev { left: 5px;} .teach-team .teach-team-slider .slick-next { right: 5px;} /* 导航 */ .navBar { width: 104%;} .navBarwra .nav { width: 70.66%;} .navBarwra .nav > li { width: 100%;} /* .header .logo img { width: 190px;} */ /*首页*/ .hospital-dynamics .content-list dl .title { width: 220px; display: block; float: left; padding-right: 0;} .button-link { width: 147px; left: 78%;} .index-tit { padding: 30px 0;} .key-departments { padding-bottom: 60px;} .hospital-dynamics .content-img { padding-right: 15px;} .hospital-dynamics .content-list { padding-right: 15px; padding-left: 15px;} /* .hospital-dynamics .content-list .tabs span { margin-right: 2px; padding: 2px;} */ /* 轮播 */ .slick-banner .slick-dots li { width: 40px;} .slick-banner .item .info { width: 100%; padding: 0 15px; bottom: 60px;} .slick-banner .item .info h4 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px;} .slick-banner .item .info p { height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px; padding-top: 8px; white-space: nowrap;} .department-xgzj { text-align: center;} .department-xgzj .box { float: none; display: inline-block;} .department-padding { padding: 30px 15px 50px !important;} .department-ul li span.title { max-width: 210px;} .department-ul li { padding: 13px 0px 13px 0;} .header .index-nav dl dd:hover::before { left: 35%;} .bannerbtn .box div{height: 50px;} .bannerbtn .box div img{display: none !important;} .bannerbtn .box a{padding: 10px 0px;} .hospital-news .hospital-news-list .image{width: 176px;height: 104px;} .hospital-news .hospital-news-list .content{padding-left: 190px;} .department-list .item{width: 33.33%;} .logo-wrapper{display: flex;align-items: center;} .header .logo{flex: 1;} } @media only screen and (max-width: 767px) { /* 轮播 */ .info-wra { width: 100%; position: absolute !important; bottom: 0; left: 0; margin-left: 0;} .course_set_table { padding: 0 30px;} .breadcrumb-nav { padding: 20px 15px;} .J-hospital-imglist li a { height: 80px;} .department-nav li .catalog-tit{padding: 0px 10px 20px;} .ksdhyjks-btn-wrapper{margin: 15px -5px 35px -5px;} .ksdhyjks-btn-wrapper .box{width: 33.33%;padding: 15px 5px;} .ksdhyjks-btn-wrapper a{max-width: 100%;min-width: 100px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} } @media only screen and (max-width: 629px) { .course_set .course_set_table table td { padding: 13px 15px; text-overflow: ellipsis; overflow: hidden;} .department-nav li .catalog-tit p{font-size:16px;} .yqljbox .item{width: 20%;} .code-wrap{justify-content:center;margin-top: 20px;} .wx-text{width: auto;} } /*Common For Max 414*/ @media only screen and (max-width: 540px) { .navBarwra .menu{width:80%} .course_set_table { padding: 0 10px;} /* 头部 */ .header .logo img { width: 300px;margin: 0px;max-width: 100%;} .J-hospital-imglist { padding-right: 0px;} .footer .friend-link { max-width: 100%;} .header .logo { padding-right: 15px;} .hospital-dynamics .content-list ul li span { margin-left: 0px;} .jquery-slider-wrapper { width: 100% !important; height: 203px !important;} .medical-tech-department .catalog-wrapper { padding: 15px 15px;} .bannerbtn .box div{line-height: 20px;padding-left: 0;} .bannerbtn .box div a{padding: 10px;} .bannerbtn .box div span{display: block;width: 40px;margin: 0 auto;line-height: 16px;} .index-tit .info,.bannerbtn .box div{font-size:14px;} .text-content img {max-width: 100%;height: auto !important;} /* .slick-banner .index-ban-img { height: 180px;} */ .hospital-dynamics .content-img,.hospital-dynamics .content-list{margin-bottom: 20px;} .hospital-news .hospital-news-list li{margin-bottom: 20px;} .hospital-news .hospital-news-list .image{width: 132px;height: 78px;margin-bottom: 0;} .hospital-news .hospital-news-list .content h5 a{font-size: 16px;line-height: 20px;} .hospital-news .hospital-news-list .content{padding-left: 150px;} .hospital-news .hospital-news-list .content .para{display: none;} .app-left-nav{margin: 0;} .hospital-info .padding-left-60, .hospital-news .news-box-padding{padding-top: 20px;} .code-wrap .wechat-logo .wec-logo-wra{width: 90%;} .code-wrap .wechat-logo .wec-logo-wra img{max-width: 100px;height: auto;} .hospital-news .left-nav ul li{padding: 10px 15px;} .dqgzwrap .cat span{font-size: 20px;} .dqgzwrap .listbox{padding: 10px 15px;} .bannerbtn .box1{flex-wrap: wrap;justify-content: center;margin-bottom: 20px;} .bannerbtn .box1 .itembox{width: 33.33%;margin-bottom: 15px;} .yqljbox .item{width: 25%;} .yqljbox .item .name a{font-size: 12px} .list-banner{height: 110px;} .hospital-adv .leftmenu div{width: 25%;font-size: 16px;} .hospital-adv .leftmenu div a{padding: 5px 0px;} .hospital-adv{padding-bottom: 30px;} .department-list{margin: 20px -10px;} .department-list .item{width: 50%;padding: 0px 10px;} .department-nav li .catalog-icon{display: none;} .department-nav li .catalog-tit{padding: 0px 10px 10px;} .department-nav li .catalog-tit p{width: 45px;text-align: center;} .department-nav li dl dd{padding: 5px 10px;} .department-nav li .itembox{top:73px;} .department-list .item{margin: 20px 0px;} .department-nav .catalog-wrapper{justify-content:flex-start} .fixBox{display: none;} } @media only screen and (max-width: 479px) { .index-tit{font-size: 22px;} .index-tit span::after{width: 15px;height: 15px;right: -5px;top: -5px;} .department-nav li .catalog-icon{display: none;} .department-nav li .catalog-tit{padding: 0px 10px 10px;} .department-nav li .catalog-tit p{width: 45px;text-align: center;} .department-nav li dl dd{padding: 5px 10px;} .department-nav li .itembox{top:73px;} .department-nav li dl dd a{font-size:14px;} .department-nav li .catalog-tit p{font-size:16px;} .department-nav dl dd a{width: 120px;font-size: 14px;padding: 10px;} } /*Common For Max 375*/ @media only screen and (max-width: 413px) { .header .index-nav dl dd:hover::before { display: none;} .ksdhyjks-btn-wrapper a{font-size: 14px;min-width: 90px;} .yqljbox .item .imgbox{width: 60px;height: 60px;} .code-wrap .wechat-logo .wec-logo-wra img{max-width: 80px;} } /*Common For Max 320*/ @media only screen and (max-width: 320px) {/* 头部 */ .header .logo img { margin-top: 0px;} /* 导航 */ .navBarwra .nav { width: 95.66%;} .header .input-wrapper input { width: 175px;} .hospital-dynamics .content-list dl .title { width: 180px;} .department-ul li span.title { max-width: 160px;} .department-nav li .catalog-tit { margin: 0 10px;} } /* --------------------------- 固定屏幕样式 ---------------------------------------- */ /*960*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { } /*768*/ @media only screen and (min-width: 768px) and (max-width: 959px) { } /*480*/ @media only screen and (min-width: 480px) and (max-width: 767px) { } /*320*/ @media only screen and (min-width: 320px) and (max-width: 479px) { } /*240*/ @media only screen and (max-width: 319px) { }