﻿.linkmap {
 display: none;
}

.banner img {
 width: 100%;
}

.main_content {
 width: 100%;
}

.Min {
 padding: 60px 0;
}

.main {
 margin-bottom: 0;
}


/* menu */

li.menuLi {
 float: left;
 width: 183px;
 height: 193px;
 margin-right: 20px;
 background: #F1F1F1;
 box-shadow: -11px -9px 16px 0px rgba(255, 255, 255, 0.7), 4px 6px 13px 0px rgba(199, 199, 199, 0.35);
 transition: all 0.2s linear;
}
li.menuLi:hover{
 /* background-image: linear-gradient(133deg,#fcfcfd,#fdfdfd 99%); */
 box-shadow: inset -3px -3px 6px 0 #fff, inset 3px 3px 6px 0 rgba(207,194,216,.61);
}

.Min.menu_min {
 background: #F0F0F0;
}

.min-center {
 width: 1200px;
 margin: 0 auto;
 position: relative;
 z-index: 1;
}

li.menuLi.menuLi_6 {
 margin-right: 0;
}

li.menuLi a {
 display: flex;
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 /* transition: all linear 0.2s; */
}

li.menuLi p {
 font-size: 22px;
 margin-top: 14px;
}

li.menuLi.menuLi_1 p {
 color: #5440D1;
}

li.menuLi.menuLi_2 p {
 color: #009876;
}

li.menuLi.menuLi_3 p {
 color: #0950B3;
}

li.menuLi.menuLi_4 p {
 color: #F5B03D;
}

li.menuLi.menuLi_5 p {
 color: #F5843D;
}

li.menuLi.menuLi_6 p {
 color: #13ABC6;
}


/* menu */


/* news */

.News {
 background: #F0F0F0 url(/Content/Areas/Hospitals/images/Main/news_bg.png) no-repeat;
 background-size: cover;
}

.new-left {
 width: 738px;
}

h2.title_min {
 margin-bottom: 50px;
 position: relative;
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
 opacity: 0;
 visibility: hidden;
}

h2.title_min span {
 font-size: 30px;
 font-weight: 500;
 color: #0A479D;
}

h2.title_min .more {
 float: right;
 line-height: 40px;
 font-size: 16px;
 font-weight: 500;
 color: #999999;
 background: url(/Content/Areas/Hospitals/images/Main/right_more1.png) no-repeat right;
 padding-right: 20px;
}

h2.title_min i.title_eng {
 position: absolute;
 top: 20px;
 left: 0;
 font-size: 30px;
 font-weight: 500;
 color: #0A479D;
 opacity: 0.1;
}

ul.nL_top li {
 float: left;
 position: relative;
 width: 359px;
 height: 208px;
 margin-right: 20px;
 overflow: hidden;
}

ul.nL_top li img {
 width: 100%;
 height: 100%;
}

ul.nL_top li.last {
 margin-right: 0;
}

ul.nL_top li a.title_type {
 position: absolute;
 bottom: 0;
 width: 100%;
 font-size: 18px;
 font-weight: 400;
 color: #FEFEFE;
 padding: 10px 5px;
 box-sizing: border-box;
 background: rgba(0, 0, 0, 0.5);
 left: 0;
}

ul.nL_bottom li {
 padding: 12px 0;
 position: relative;
}
ul.nL_bottom li a.posi_li_a {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
ul.nL_bottom li span.span_date {
 font-size: 18px;
 font-weight: 400;
 color: #666666;
 width: 142px;
 float: left;
 text-align: center;
 position: relative;
}

ul.nL_bottom li span.span_date b {
 display: block;
 font-size: 52px;
 font-family: Microsoft YaHei;
 font-weight: 400;
 color: #333333;
}

.Con_li {
 float: left;
 padding: 15px 0 15px 25px;
}

ul.nL_bottom li a.title_type {
 font-size: 20px;
 font-family: Microsoft YaHei;
 font-weight: 400;
 color: #333333;
}

ul.nL_bottom {
 background: url(/Content/Areas/Hospitals/images/Main/ul_bg.png) no-repeat left top;
}

.Con_li p {
 font-size: 16px;
 font-family: Source Han Sans CN;
 font-weight: 400;
 color: #999999;
 line-height: 24px;
 margin-top: 10px;
}

ul.nL_bottom li span.span_date::after {
 content: "";
 position: absolute;
 width: 1px;
 height: 64px;
 border-left: 1px dashed #E5E5E5;
 right: 0;
 top: 20px;
}

.new-right {
 width: 422px;
}

ul.nR_ul li {
 width: 100%;
 height: 84px;
 position: relative;
 border: 1px solid #0A479D;
 box-sizing: border-box;
 margin-bottom: 32px;
}

ul.nR_ul li span.span_date {
 position: absolute;
 top: -13px;
 left: 34px;
 font-size: 18px;
 font-weight: 500;
 color: #F6843E;
 background: #f8f8f8;
}

ul.nR_ul li a.title_type {
 display: block;
 width: 100%;
 height: 100%;
 padding: 0px 20px;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 box-sizing: border-box;
 font-size: 18px;
 color: #333333;
 line-height: 25px;
}


/* news */


/* kepu */

.kepu {
 background: url(/Content/Areas/Hospitals/images/Main/kepu_bg.jpg) no-repeat;
}

.kepu_left {
 width: 550px;
 height: 405px;
}

.kepu_left .swiper-container {
 width: 100%;
 height: 100%;
}

.kepu_left .swiper-container li img {
 width: 100%;
 height: 100%;
 transition: all 0.3s;
}

.kepu_left .swiper-container li {
 position: relative;
}

.kepu_left .swiper-container li::after {
 position: absolute;
 content: "";
 width: 88px;
 height: 88px;
 background: url(/Content/Areas/Hospitals/images/Main/shipin.png) no-repeat center;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 2;
}

.kepu_left .swiper-container li a.title_type {
 position: absolute;
 color: #fff;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 20px 25px;
 box-sizing: border-box;
 font-size: 20px;
 background: rgba(0, 0, 0, 0.6);
}

.kepu_left .swiper-container li:hover img {
 transform: scale(1.1);
 transition: all 0.3s;
}

.kepu_left .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
 width: 100px;
 right: 0;
 left: auto;
 bottom: 25px;
}

.kepu_left .swiper-pagination-bullet {
 opacity: 0.3;
 background: #fff;
}

.kepu_left .swiper-pagination-bullet-active {
 opacity: 1;
}

.kepu_right {
 width: 650px;
}

ul.kR_ul li {
 width: 325px;
 height: 202px;
 float: left;
 position: relative;
 background: rgba(8, 69, 155, 0.07);
 /* padding: 30px 20px; */
 /* box-sizing: border-box; */
}
ul.kR_ul li a.posi_li_a {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 2;
}
ul.kR_ul li span.span_date {
 position: absolute;
 bottom: 20px;
 left: 20px;
 color: #666;
}

ul.kR_ul li a.details {
 position: absolute;
 bottom: 20px;
 right: 20px;
 color: #0950B3;
}

ul.kR_ul li a.img_box {
 opacity: 0;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 0;
}

ul.kR_ul li a.img_box img {
 width: 100%;
 height: 100%;
}

ul.kR_ul li:hover a.img_box {
 opacity: 1;
 transition: all 0.1s;
}

ul.kR_ul li a.title_type {
 font-size: 20px;
 /* font-weight: bold; */
 color: #333;
 line-height: 28px;
 display: block;
 height: 56px;
 margin-bottom: 15px;
}

ul.kR_ul li p {
 color: #666;
 line-height: 24px;
 font-size: 16px;
}

ul.kR_ul li:hover {
 background: url(/Content/Areas/Hospitals/images/Main/list_bg.png) no-repeat;
 color: #fff;
}

ul.kR_ul li:hover a {
 color: #fff;
}

ul.kR_ul li:hover p {
 color: #fff;
}

ul.kR_ul li:hover span {
 color: #fff;
}

.Con_liRight {
 width: 100%;
 height: 100%;
 position: relative;
 padding: 30px 20px;
 box-sizing: border-box;
 z-index: 1;
}

ul.kR_ul li:hover .Con_liRight {
 background: rgba(0, 0, 0, 0.5);
}


/* kepu */


/* dep */

.li_department {
 display: none;
}

.li_department.show {
 display: block;
 border-radius: 13px;
 overflow: hidden;
}

.dep_left {
 width: 381px;
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(-100px);
 transform: translateX(-100px);
 opacity: 0;
 visibility: hidden;
}

.dep_image img {
 width: 100%;
 height: 244px;
}

.depImg_bottom {
 height: 147px;
 background: #fff url(/Content/Areas/Hospitals/images/Main/dep_bg1.jpg);
 /* overflow: hidden; */
 position: relative;
 padding-top: 15px;
}

.depImg_bottom a.dep_name {
 text-align: center;
 display: block;
 margin: 0px 0 15px;
 font-size: 18px;
 font-weight: 500;
 color: #333333;
}

.depImg_bottom p {
 padding: 20px;
 padding-top: 0;
 font-size: 16px;
 font-weight: 400;
 color: #666666;
 line-height: 24px;
}

.dep {
 background: url(/Content/Areas/Hospitals/images/Main/dep_bg.jpg) no-repeat;
 background-size: cover;
}

.dep_right {
 width: 780px;
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
 opacity: 0;
 visibility: hidden;
}

.dep_header {
 border: 1px solid rgba(255, 255, 255, 0.35);
 border-radius: 23px;
 overflow: hidden;
}

.dep_header h2 {
 font-size: 18px;
 font-weight: 400;
 color: #FFFFFF;
 float: left;
 line-height: 45px;
 padding: 0 40px;
 border-radius: 23px;
 cursor: pointer;
}

.dep_header h2.on {
 background: #416DB7;
}

.Min.dep_phone {
 display: none;
}

.li_dep_name {
 width: 137px;
 height: 36px;
 border-radius: 5px;
 border: 1px solid rgba(255, 255, 255, 0.6);
 float: left;
 margin-right: 19px;
 box-sizing: border-box;
 overflow: hidden;
 margin-bottom: 26px;
}

.li_dep_name a {
 display: block;
 line-height: 36px;
 color: #fff;
 padding: 0 20px;
 font-size: 14px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 background: url(/Content/Areas/Hospitals/images/Main/dep_right.png)no-repeat 110px center;
}

.li_dep_name:nth-child(5n) {
 margin-right: 0;
}

.dep_Con {
 display: none;
 height: 310px;
 overflow-y: auto;
}
.dep_Con::-webkit-scrollbar{
  width:5px;
  height:5px;
}
.dep_Con.active::-webkit-scrollbar-track{
border-radius:10px;
background:#1252aa;
}
.dep_Con.active::-webkit-scrollbar-thumb{
border-radius:10px;
background:#fff;
}
.dep_Con.active {
 display: block;
}

.dep_swiper {
 margin-top: 48px;
}

.li_dep_name a:hover {
 background: #fff url(/Content/Areas/Hospitals/images/Main/dep_right1.png)no-repeat 110px center;
 color: #0B489E;
}

.depImg_bottom::after {
 content: "";
 position: absolute;
 border: 10px solid;
 border-color: transparent transparent #fff transparent;
 top: -10px;
 left: 50%;
 width: 0;
 height: 0;
 z-index: 1;
 transform: translate(-50%, -50%);
}

.dep h2.title_min span {
 color: #fff;
}

.dep h2.title_min .more {
 color: #fff;
 background: url(/Content/Areas/Hospitals/images/Main/right_more.png) no-repeat right center;
}

.dep h2.title_min .more:hover {
 font-weight: bold;
 background: url(/Content/Areas/Hospitals/images/Main/right_more.png) no-repeat right center;
 color: #fff;
}

.dep h2.title_min i.title_eng {
 color: #fff;
 opacity: 0.1;
}


/* dep */


/* doc */

.doc {
 background: #F0F0F0;
}

.doc .min-center {
 position: relative;
}

.doc .swiper-slide img {
 width: 100%;
 height: 284px;
}

.con_doc {
 width: 100%;
 box-sizing: border-box;
 padding: 17px;
 text-align: center;
 background: rgba(255, 255, 255, 0.4);
}

.con_doc h2 a {
 font-size: 22px;
 font-weight: bold;
 color: #1F60AD;
}

.con_doc p {
 font-size: 16px;
 color: #666666;
 margin-top: 5px;
}

.swiper-button_5 {
 position: absolute;
 background: url(/Content/Areas/Hospitals/images/Main/next.png) no-repeat center;
 width: 60px;
 height: 60px;
 top: 255px;
 cursor: pointer;
}

.swiper-button-prev_5.swiper-button_5 {
 left: -90px;
 transform: rotate(180deg);
}

.swiper-button-next_5.swiper-button_5 {
 right: -90px;
}

.swiper-button_5:hover {
 background: url(/Content/Areas/Hospitals/images/Main/next_cur.png) no-repeat center;
}


/* doc */


/* ts */

ul.ts_ul li {
 width: 300px;
 height: 244px;
 float: left;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 position: relative;
}
ul.ts_ul li a.posi_li_a {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
ul.ts_ul li.column_1 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_1.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li.column_2 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_8.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li.column_3 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_3.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li.column_4 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_4.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li.column_5 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_5.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li.column_6 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_6.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li.column_7 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_7.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li.column_8 {
 background: url(/Content/Areas/Hospitals/images/Main/ts_2.jpg) no-repeat;
 background-size: cover;
}

ul.ts_ul li a.title_type {
 font-size: 20px;
 font-weight: bold;
 color: #FFFFFF;
}

ul.ts_ul li a.details {
 width: 94px;
 height: 34px;
 border: 1px solid #FFFFFF;
 /* opacity: 0.9; */
 border-radius: 17px;
 text-align: center;
 line-height: 34px;
 color: #fff;
 margin-top: 40px;
}

ul.ts_ul li.column_2 a {
 color: #333;
 border-color: #333;
}

ul.ts_ul li.column_4 a {
 color: #333;
 border-color: #333;
}

ul.ts_ul li.column_5 a {
 color: #333;
 border-color: #333;
}

ul.ts_ul li.column_7 a {
 color: #333;
 border-color: #333;
}

ul.ts_ul li::after {
 content: "";
 position: absolute;
 width: 47px;
 height: 1px;
 background: #FFFFFF;
 transform: translate(-50%, -50%);
 top: 49%;
 left: 50%;
 transition: all 0.3s;
}

ul.ts_ul li.column_7::after {
 background: #333;
}

ul.ts_ul li.column_2::after {
 background: #333;
}

ul.ts_ul li.column_4::after {
 background: #333;
}

ul.ts_ul li.column_5::after {
 background: #333;
}


/* ts */


/* bottom */

li.bt_li {
 width: 277px;
 height: 629px;
 border-radius: 20px;
 float: left;
 margin-right: 30px;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: 30px;
 box-sizing: border-box;
 position: relative;
}

li.bt_li>a {
 display: block;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

li.bt_li.bt_li_1 {
 background: url(/Content/Areas/Hospitals/images/Main/xk_bg.jpg) no-repeat;
 background-size: cover;
}

li.bt_li.bt_li_2 {
 background: url(/Content/Areas/Hospitals/images/Main/his_bg.jpg) no-repeat;
 background-size: cover;
}

li.bt_li.bt_li_3 {
 background: url(/Content/Areas/Hospitals/images/Main/zw_bg.jpg) no-repeat;
 background-size: cover;
}

li.bt_li h2 a {
 font-size: 30px;
 font-weight: 500;
 color: #FFFFFF;
}

li.bt_li h2 img {
 margin-right: 20px;
}

h2.bt_h2 {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 height: 70px;
 margin-bottom: 30px;
}

.bt_box p {
 font-size: 16px;
 font-family: Source Han Sans CN;
 font-weight: 400;
 color: #FFFFFF;
 margin-bottom: 10px;
 line-height: 24px;
 text-indent: 2em;
 text-align: justify;
}

.bt_box p a {
 display: none;
}

.bt_li.bt_li_4 {
 margin-right: 0;
 display: block;
 background: #fff;
}

h2.bt_4_h2 p {
 font-size: 14px;
 font-family: Source Han Sans CN;
 font-weight: 400;
 color: #142557;
 line-height: 20px;
 margin-top: 10px;
}

ul.msg_ul li {
 padding: 6px 15px;
 margin-bottom: 10px;
 box-shadow: 0px 6px 10px 0px rgba(201, 201, 201, 0.16);
 background: rgba(17, 98, 213, 0.04);
 box-sizing: border-box;
 height: 60px;
 line-height: 26px;
 border-radius: 8px;
 overflow: hidden;
}

ul.msg_ul li p {
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

ul.msg_ul {
 margin: 20px 0;
}

a.msg_more {
 font-size: 16px;
 font-weight: 400;
 color: #0e53b4;
 display: block;
 text-align: center;
 background: linear-gradient(to right, #fff, rgba(14, 83, 180, 0.2));
 width: 118px;
 height: 30px;
 margin: 0 auto;
 line-height: 30px;
 border-radius: 15px;
 position: relative;
 padding-right: 10px;
 box-sizing: border-box;
}

a.msg_more::after {
 content: "";
 position: absolute;
 width: 12px;
 height: 12px;
 right: 10px;
 top: 10px;
 background: url(/Content/Areas/Hospitals/images/Main/bt_more.png) no-repeat center;
}

.input_msg {
 margin-top: 20px;
}

.input_msg h2 {
 font-size: 18px;
 font-weight: 500;
 color: #0e53b4;
 margin-bottom: 10px;
}

.input_msg textarea {
 width: 100%;
 height: 100px;
 border-color: #0e53b4;
 border-radius: 7px;
 outline: none;
 resize: none;
 padding: 10px;
 box-sizing: border-box;
}

.bottom {
 background: url(/Content/Areas/Hospitals/images/Main/bottom_bg.jpg);
 padding-top: 100px;
}

.button .mess_btn,
.button a {
 width: 86px;
 height: 38px;
 background: #FFFFFF;
 box-shadow: 0px 0px 4px 0px rgba(11, 89, 199, 0.13);
 border-radius: 8px;
 float: left;
 text-align: center;
 line-height: 38px;
 margin: 20px 10px;
 color: #0A479D;
 font-size: 18px;
 cursor: pointer;
}

.button a {
 background: #F7F7F7;
}

.button a:hover {
 background: #0A479D;
 color: #fff;
}

a.msg_more:hover {
 font-weight: bold;
}

.button .mess_btn:hover {
 background: #0950B3;
 color: #fff;
}

.zhe-tj {
 position: fixed;
 width: 300px;
 /* height: 100px; */
 padding: 20px;
 border-radius: 20px;
 background: #fff;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 box-shadow: 0 0 10px #000;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.success-tj {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.success-tj .colse-tj {
 margin-top: 20px;
 width: 100px;
 height: 30px;
 background: #0950B3;
 line-height: 30px;
 text-align: center;
 border-radius: 10px;
 font-size: 14px;
 color: #fff;
 cursor: pointer;
 border: 1px solid #fff;
}

.success-tj span {
 font-size: 20px;
 margin-top: 20px;
 color: #68bf7b;
}

.success-tj .colse-tj:hover {
 background: #fff;
 border: 1px solid #0950B3;
 color: #0950B3;
}

.zhe {
 position: fixed;
 width: 300px;
 /* height: 100px; */
 padding: 20px;
 border-radius: 20px;
 background: #fff;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 box-shadow: 0 0 10px #000;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.login-con input[type=text],
.login-con input[type=password] {
 /* width: 100%; */
 height: 40px;
 border-radius: 10px;
 padding: 0 5px;
 margin-bottom: 10px;
}

p.field-group a {}

p.field-group {
 margin-bottom: 10px;
}

p.field-group input {
 margin-top: 5px;
 margin-right: 5px;
}

p.btn_p input {
 padding: 10px 30px;
 font-size: 14px;
 color: #fff;
 /* margin: 15px auto; */
 border-radius: 5px;
 border: 1px solid #0e53b4;
 background: #0e53b4;
 cursor: pointer;
}

a.btn_dl.color2 {
 padding: 10px 30px;
 font-size: 14px;
 color: #fff;
 /* margin: 15px auto; */
 border-radius: 5px;
 border: 1px solid #0e53b4;
 background: #0e53b4;
}

p.btn_p input:hover {
 background: #fff;
 color: #0e53b4;
 border-color: #0e53b4;
}

a.btn_dl.color2:hover {
 background: #fff;
 color: #0e53b4;
 border-color: #0e53b4;
}


/* bottom */


/* ul.menuUl {
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
}

.animate ul.menuUl {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
} */

.animate h2.title_min {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

.newL_Con {
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(-100px);
 transform: translateX(-100px);
 opacity: 0;
 visibility: hidden;
}

.animate .newL_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

.newR_Con {
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
 opacity: 0;
 visibility: hidden;
}

.animate .newR_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

.kepu_Con {
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
 opacity: 0;
 visibility: hidden;
}

.animate .kepu_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

.animate .dep_left {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

.animate .dep_right {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

.swiper-container.swiper-container_5 {
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
}

.animate .swiper-container.swiper-container_5 {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
}

.ts_Con {
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
}

.animate .ts_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

ul.bottom_ul {
 -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
 transition: all 3s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
 opacity: 0;
 visibility: hidden;
}

.animate ul.bottom_ul {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}

ul.nR_ul li a.title_type:hover {
 color: #0A479D;
}

ul.nL_bottom li:hover a {
 color: #0A479D;
}

ul.nL_bottom li:hover p {
 color: #0A479D;
}

ul.nL_bottom li:hover span {
 color: #0A479D;
}

ul.nL_bottom li:hover span.span_date b {
 color: #0A479D;
}

.depImg_bottom a.dep_name:hover {
 color: #0A479D;
}

ul.ts_ul li:hover a.details {
 border-color: #0e53b4;
 color: #0e53b4;
}

li.bt_li:hover {
 box-shadow: 0 0 10px #ccc;
}

h2.title_min .more:hover {
 color: #0b489e;
 background: url(/Content/Areas/Hospitals/images/Main/right_more1_active.png) no-repeat right center;
}

.swiper-container_5 li.swiper-slide:hover .con_doc {
 background: #fff;
}

ul.nL_top li:hover img {
 transform: scale(1.1);
 transition: all 0.3s;
}

.ts.Min {
 background-size: cover;
 position: relative;
 padding-bottom: 15px;
}

img.posi_img {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
 width: 100%;
}

ul.ts_ul li:hover::after {
 width: 100px;
 transition: all 0.3s;
}


/*说明*/

h2.title_header {
 text-align: center;
 margin: 10px 0;
}

.item {
 width: 19%;
 float: left;
 margin: 0 0.5%;
 margin-bottom: 10px
}

h2.tit {
 border: 1px solid #44ACFA;
 font-size: 16px;
 line-height: 32px;
 padding: 0 5px;
 border-bottom: none;
 background: #44ACFA;
 color: #fff;
 text-align: center;
}

.item ul {
 border: 1px solid #ededed;
 font-size: 14px;
 line-height: 28px;
 padding: 10px;
}

.item ul li {
 background: #F5F5F5;
 margin-bottom: 2px;
 padding: 0 10px;
}

@keyframes rot {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 }
 25% {
 transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 }
 50% {
 transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 }
 75% {
 transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 }
 100% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 }
}

@-webkit-keyframes rot {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 }
 25% {
 transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 }
 50% {
 transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 }
 75% {
 transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 }
 100% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 }
}

li.menuLi a .Phone_img {
 display: none;
}

li.menuLi:hover a img {
 animation: rot 0.5s;
 -webkit-animation: rot 0.5s;
}

li.menuLi.menuLi_4 {
 margin-bottom: 0;
}

li.menuLi.menuLi_5 {
 margin-bottom: 0;
}

li.menuLi.menuLi_6 {
 margin-bottom: 0;
}

.Phone_doc {
 display: none;
}

@media only screen and (max-width: 768px) {
 .Min.doc {
 display: none;
 }
 .Min.Phone_doc {
 display: block;
 }
 .doc_content li:nth-child(-n+4) {
 display: block;
 }
 .doc_content li {
 display: none;
 width: 50%;
 float: left;
 }
 .doc .swiper-slide img {
 height: 458px;
 }
 .Min.dep {
 display: none;
 }
 .Min.dep_phone {
 display: block;
 background: url(/Content/Areas/Hospitals/images/Main/dep_bg.jpg) no-repeat;
 background-size: cover;
 padding: 40px 30px;
 }
 .dep_swiper {
 margin-top: 0;
 }
 .li_dep_name {
 width: 31%;
 height: 61px;
 display: none;
 }
 .li_dep_name a {
 line-height: 61px;
 background: url(/Content/Areas/Hospitals/images/Main/right_more.png)no-repeat 190px;
 font-size: 26px;
 }
 .li_dep_name:nth-child(3n) {
 margin-right: 0;
 }
 .li_dep_name:nth-child(-n+9) {
 display: block;
 }
 ul.ts_ul li a.title_type {
 font-size: 36px;
 }
 ul.ts_ul li::after {
 width: 78px;
 top: 48%;
 }
 ul.ts_ul li a.details {
 width: 168px;
 height: 61px;
 opacity: 0.9;
 border-radius: 30px;
 line-height: 61px;
 margin-top: 60px;
 font-size: 24px;
 }
 .main {
 margin-top: 0;
 padding: 0;
 }
 .Min {
 padding: 40px 0;
 background: none;
 }
 .min-center {
 width: 100%;
 }
 li.menuLi a img {
 display: none;
 }
 li.menuLi a .Phone_img {
 display: block;
 }
 li.menuLi.menuLi_1 a {
 background: #836FFF;
 box-shadow: 6px 8px 32px 0px rgba(131, 111, 255, 0.27);
 }
 li.menuLi.menuLi_2 a {
 background: #04B991;
 box-shadow: 6px 8px 32px 0px rgba(7, 196, 154, 0.18);
 }
 li.menuLi.menuLi_3 a {
 background: #206CD6;
 box-shadow: 6px 8px 32px 0px rgba(32, 108, 214, 0.18);
 }
 li.menuLi.menuLi_4 a {
 background: #EFAC3C;
 box-shadow: 6px 8px 32px 0px rgba(239, 172, 60, 0.18);
 }
 li.menuLi.menuLi_5 a {
 background: #F68944;
 box-shadow: 6px 8px 32px 0px rgba(246, 137, 68, 0.18);
 }
 li.menuLi.menuLi_6 a {
 background: #1AB1CC;
 box-shadow: 6px 8px 32px 0px rgba(26, 177, 204, 0.18);
 }
 li.menuLi {
 box-shadow: none;
 border-radius: 13px;
 margin-right: 30px;
 margin-bottom: 30px;
 width: 30%;
 overflow: hidden;
 }
 li.menuLi:nth-child(3n) {
 margin-right: 0;
 }
 li.menuLi a p {
 color: #fff !important;
 }
 h2.title_min {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 }
 .newL_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 padding-bottom: 40px;
 }
 .newR_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 }
 .kepu_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 }
 .dep_left {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 }
 .dep_right {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 width: 100%;
 }
 .swiper-container.swiper-container_5 {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
 }
 .ts_Con {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 }
 ul.bottom_ul {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
 }
 .new-left {
 width: 100%;
 padding: 0 30px;
 box-sizing: border-box;
 }
 ul.nL_top li {
 width: 48%;
 }
 ul.nL_top li a.title_type {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 ul.nL_bottom {
 display: none;
 }
 .new-right {
 width: 100%;
 padding: 40px 30px;
 background: #F4F4F4;
 box-sizing: border-box;
 }
 ul.nR_ul li {
 height: 76px;
 /* line-height: 76px; */
 border: none;
 margin-bottom: 20px;
 background: rgba(10, 71, 157, 0.05);
 display: flex;
 justify-content: space-around;
 align-items: center;
 padding: 0 20px;
 }
 ul.nR_ul li a.title_type {
 font-size: 28px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding: 0;
 }
 ul.nR_ul li span.span_date {
 position: initial;
 /* float: right; */
 width: 125px;
 /* display: block; */
 background: none;
 color: #999999;
 }
 .kepu_left {
 width: 100%;
 }
 .kepu_right {
 display: none;
 }
 ul.ts_ul li {
 width: 48%;
 height: 300px;
 margin-right: 20px;
 margin-bottom: 20px;
 }
 ul.ts_ul li:nth-child(2n) {
 margin-right: 0;
 }
 ul.menuUl {
 padding: 0 30px;
 }
 .Min.kepu {
 padding: 40px 30px;
 }
 .Min.News {
 padding-bottom: 0;
 }
 .Min.doc {
 padding: 40px 30px;
 background: #f4f4f4;
 }
 .ts.Min {
 padding: 40px 30px;
 }
 li.bt_li.bt_li_1 {
 background: url(/Content/Areas/Hospitals/images/Main/bg-1.jpg) no-repeat;
 background-size: cover;
 }
 li.bt_li {
 width: 100%;
 height: 220px;
 justify-content: center;
 margin-bottom: 20px;
 }
 .Min.bottom {
 padding: 40px 30px;
 background: #f4f4f4;
 }
 .bt_box {
 display: none;
 }
 h2.bt_h2 {
 margin: 0;
 height: auto;
 }
 li.bt_li.bt_li_2 {
 background: url(/Content/Areas/Hospitals/images/Main/bg-2.jpg) no-repeat;
 background-size: cover;
 }
 li.bt_li.bt_li_3 {
 background: url(/Content/Areas/Hospitals/images/Main/bg-3.jpg) no-repeat;
 background-size: cover;
 }
 .msg_Con {
 display: none;
 }
 .bt_li.bt_li_4 {
 height: auto;
 }
 .button {
 float: right;
 }
 h2.bt_4_h2 p {
 font-size: 26px;
 margin-top: 30px;
 }
 .swiper-button_5 {
 display: none;
 }
 .img.posi_img {
 display: none;
 }
 li.bt_li h2 a {
 font-size: 25px;
 }
}

@media only screen and (max-width: 480px) {
 .Min {
 padding: 20px 0;
 }
 ul.menuUl {
 padding: 0 15px;
 }
 .new-left {
 padding: 0 15px;
 }
 h2.title_min {
 margin-bottom: 25px;
 }
 .new-right {
 padding: 20px 15px;
 }
 .newL_Con {
 padding-bottom: 20px;
 }
 .Min.kepu {
 padding: 20px 15px;
 }
 .Min.doc {
 padding: 20px 15px;
 }
 .ts.Min {
 padding: 20px 15px;
 }
 .Min.bottom {
 padding: 20px 15px;
 }
 .banner .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
 display: none;
 }
 .banner {
 width: 100%;
 }
 .banner .swiper-container {
 width: 100%;
 }
 li.menuLi {
 margin-right: 15px;
 margin-bottom: 15px;
 height: 115px;
 }
 li.menuLi a {}
 li.menuLi a .Phone_img {
 width: 40%;
 }
 li.menuLi a p {
 font-size: 16px;
 }
 h2.title_min span {
 font-size: 24px;
 }
 h2.title_min i.title_eng {
 font-size: 22px;
 }
 h2.title_min .more {
 font-size: 14px;
 }
 ul.nL_top li {
 width: 47%;
 height: 100px;
 }
 ul.nL_top li img {
 width: 100%;
 }
 ul.nL_top li a.title_type {
 padding: 5px;
 font-size: 12px;
 }
 ul.nR_ul li {
 height: 40px;
 margin-bottom: 10px;
 /* overflow: hidden; */
 /* text-overflow: ellipsis; */
 /* white-space: nowrap; */
 }
 ul.nR_ul li font{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 ul.nR_ul li a.title_type {
 font-size: 16px;
 }
 ul.nR_ul li span.span_date {
 font-size: 12px;
 width: 85px;
 }
 .kepu_left {
 height: 217px;
 }
 .kepu_left .swiper-container li a.title_type {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding-right: 74px;
 box-sizing: border-box;
 padding: 10px;
 padding-right: 74px;
 font-size: 16px;
 }
 .kepu_left .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
 bottom: 10px;
 }
 ul.ts_ul li {
 margin: 0 10px 10px 0;
 height: 150px;
 }
 ul.ts_ul li a.title_type {
 font-size: 16px;
 }
 ul.ts_ul li a.details {
 width: 90px;
 height: 30px;
 line-height: 30px;
 font-size: 12px;
 margin-top: 40px;
 }
 li.bt_li {
 height: 110px;
 }
 h2.bt_4_h2 p {
 font-size: 16px;
 }
 .li_dep_name {
 height: 36px;
 width: 29%;
 margin-bottom: 0;
 margin-top: 10px;
 }
 .li_dep_name a {
 line-height: 36px;
 font-size: 14px;
 background: url(/Content/Areas/Hospitals/images/Main/dep_right.png)no-repeat 87px center;
 }
 .Min.dep_phone {
 padding: 20px 15px;
 }
 .doc .swiper-slide img {
 height: 248px;
 }
 .con_doc p {
 font-size: 14px;
 }
 .con_doc h2 a {
 font-size: 18px;
 }
 .li_dep_name:nth-child(5n) {
 margin-right: 23px;
 }
}

@media only screen and (max-width: 375px) {
 ul.nR_ul li span.span_date {
 width: 100px;
 }
 .li_dep_name {
 width: 46%;
 }
 .li_dep_name:nth-child(3n) {
 margin-right: 23px;
 }
 .li_dep_name:nth-child(2n) {
 margin-right: 0;
 }
 .li_dep_name a {
 background: url(/Content/Areas/Hospitals/images/Main/dep_right.png)no-repeat 130px center;
 }
}

@media only screen and (max-width: 320px) {
 li.menuLi {
 width: 29.8%;
 height: 100px;
 }
 ul.nL_top li {
 width: 100%;
 height: auto;
 margin-bottom: 10px;
 }
 ul.nR_ul li span.span_date {
 width: 95px;
 }
 li.bt_li {
 height: 90px;
 }
 li.bt_li h2 a {
 font-size: 20px;
 }
 .doc .swiper-slide img {
 height: 187px;
 }
 ul.ts_ul li {
 width: 100%;
 }
}  