﻿body{background: #f6f6f6;}
.Min{padding: 50px 0;}
.min-center{width: 1200px;margin: 0 auto;}
.banner img{width: 100%;}
h2.h2_title_1 {
 text-align: center;
 position: relative;
 margin-bottom: 40px;
}

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

h2.h2_title_1 i {
 position: absolute;
 font-size: 30px;
 font-weight: 500;
 color: #0A479D;
 opacity: 0.1;
 transform: translate(-50%,-50%);
 bottom: -43px;
 left: 50%;
}

ul.mz_ul li {
 width: 281px;
 height: 46px;
 float: left;
 margin-right: 25px;
 box-sizing: border-box;
 border: 1px solid rgba(16, 85, 182, 0.2);
 padding: 0 30px;
 margin-bottom: 25px;
 position: relative;
}

ul.mz_ul li:nth-child(4n) {
 margin-right: 0;
}

ul.mz_ul li a.title_type {
 display: block;
 height: 100%;
 line-height: 44px;
 
 font-size: 18px;
 font-weight: 400;
 color: #0B489E;
 position: relative;
 z-index: 1;
}
ul.mz_ul li>div {
 position: absolute;
 border-style: solid;
 border-width: 0;
 width: 10px;
 height: 10px;
 transition: all .3s;
 -webkit-transition: all .3s;
 z-index: 0;
}

ul.mz_ul li .line_tl {
 left: -1px;
 top: -1px;
 border-top-width: 1px;
 border-left-width: 1px;
 border-color: #1055B6;
}

ul.mz_ul li .line_tr {
 right: -1px;
 top: -1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-color: #1055B6;
}

ul.mz_ul li .line_bl {
 left: -1px;
 bottom: -1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-color: #1055B6;
}

ul.mz_ul li .line_br {
 right: -1px;
 bottom: -1px;
 border-bottom-width: 1px;
 border-right-width: 1px;
 border-color: #1055B6;
}
ul.mz_ul li:hover>div{
 width: 55%;
 height: 55%;
}
ul.mz_ul li:hover {
 background: rgba(16, 85, 182, 0.08);
}
.li_dep_name {
 width: 300px;
 height: 130px;
 float: left;
}

.li_dep_name a {
 line-height: 130px;
 display: block;
 text-align: center;
 font-size: 20px;
 font-weight: 400;
 color: #333333;
}

.li_dep_name.li_dep_name_1 a{background: #E6C98F;color: #fff;}
.li_dep_name.li_dep_name_3 a{background: #007539;color: #fff;}
.li_dep_name.li_dep_name_6 a{background: #4FA4A9;color: #fff;}
.li_dep_name.li_dep_name_8 a{background: #4A85B3;color: #fff;}
.li_dep_name.li_dep_name_2 a{background: url(/Content/Areas/News/images/TeSeZhenLiao/bg_2.jpg) no-repeat;background-size:cover;}
.li_dep_name.li_dep_name_4 a{background: url(/Content/Areas/News/images/TeSeZhenLiao/bg_4.jpg) no-repeat;background-size:cover;}
.li_dep_name.li_dep_name_5 a{background: url(/Content/Areas/News/images/TeSeZhenLiao/bg_5.jpg) no-repeat;background-size:cover;}
.li_dep_name.li_dep_name_7 a{background: url(/Content/Areas/News/images/TeSeZhenLiao/bg_7.jpg) no-repeat;background-size:cover;}
.dep_top {
 margin-bottom: 20px;
}
.li_department {
 display: flex;
 justify-content: flex-start;
 align-items: self-start;
 display: none;
 overflow: hidden;
 border-radius: 15px;
}


.li_department a.tit_department img {
 width: 100%;
 height: 100%;
}

.li_department a.tit_department {
 display: block;
 width: 37%;
 height: 220px;
}

.depImg_bottom {
 width: 63%;
 height: 220px;
 box-sizing: border-box;
 padding: 30px;
 background: #fff url(/Content/Areas/News/images/TeSeZhenLiao/dep_Con_bg.jpg) no-repeat;
 position: relative;
}

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


.li_dep_name a:hover {
 color: #0b489e;
}
.depImg_bottom p {
 font-size: 14px;
 font-weight: 400;
 color: #666666;
 line-height: 24px;
}

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

.js_left {
 width: 798px;
 float: left;
 padding: 30px;
 box-sizing: border-box;
 background: #fff;
}

ul.jsL_ul li {
 width: 359px;
 height: 230px;
 float: left;
 position: relative;
 margin-right: 20px;
 border-radius: 15px;
 overflow: hidden;
}

ul.jsL_ul li:nth-child(2) {
 margin-right: 0;
}

ul.jsL_ul li a.img_box img {
 width: 100%;
 height: 100%;
 transition: all 0.3s;
}
ul.jsL_ul li:hover img {
 transform: scale(1.1);
 transition: all 0.3s;
}
ul.jsL_ul li a.title_type {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 text-align: center;
 font-size: 16px;
 font-weight: 400;
 color: #FEFEFE;
 line-height: 36px;
 background: rgb(51 51 51 / 80%);
}
h2.h2_title_2 span {
 font-size: 30px;
 font-weight: 500;
 color: #0A479D;
}

h2.h2_title_2 {
 position: relative;
 margin-bottom: 50px;
}

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

.h2_title_2 a.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_2 a.more:hover{
 color: #0A479D;
 background: url(/Content/Areas/Hospitals/images/Main/right_more1_active.png) no-repeat right;
}
.js_right {
 float: right;
 display: flex;
}

a.js_a_1 {
 background: url(/Content/Areas/News/images/TeSeZhenLiao/dep_b_1.jpg) no-repeat right;
 background-size:cover;

}
a.js_a_2 {
 background: url(/Content/Areas/News/images/TeSeZhenLiao/dep_b_2.jpg) no-repeat right;
 background-size:cover;
}

.jsR_con a {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 width: 372px;
 height: 381px;
 /* margin-bottom: 20px; */
 border-radius: 15px;
 overflow: hidden;
}
.jsR_con a p {
 font-size: 24px;
 font-weight: 500;
 color: #FFFFFF;
 margin-top: 15px;
}
.Min.mz{
 background: #fff;
}
.jsR_con a:hover img {
 animation: tada 1s;
 -o-animation: tada 1s;
 -webkit-animation: tada 1s;
 -moz-animation: tada 1s;
}
 .min-center.column {
 width: 100%;
 }
 .min-center.column .li_dep_name {
 width: 280px;
 }
 .min-center.column .depImg_bottom {
 width: 63%;
 background: #fff url(/Content/Areas/News/images/TeSeZhenLiao/dep_Con_bg.jpg) no-repeat right bottom;
 }
  .boder_span{
 display: block;
 width: 175px;
 height: 46px;
 border: 1px solid rgba(16, 85, 182, 0.2);
 line-height: 46px;
 padding: 0 10px;
 box-sizing: border-box;
 position: relative;
 }
 .boder_span>div{
 position: absolute;
 border-style: solid;
 border-width: 0;
 width: 10px;
 height: 10px;
 transition: all .3s;
 -webkit-transition: all .3s;
 z-index: 0;
 }
 .boder_span a{
 display: block;
 cursor: pointer;
 z-index: 1;
 position: relative;
 }
 .boder_span .line_tl {
 left: -1px;
 top: -1px;
 border-top-width: 1px;
 border-left-width: 1px;
 /* border-color: #1055B6; */
 }

 .boder_span .line_tr {
 right: -1px;
 top: -1px;
 border-top-width: 1px;
 border-right-width: 1px;
 /* border-color: #1055B6; */
 }

 .boder_span .line_bl {
 left: -1px;
 bottom: -1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 /* border-color: #1055B6; */
 }

 .boder_span .line_br {
 right: -1px;
 bottom: -1px;
 border-bottom-width: 1px;
 border-right-width: 1px;
 /* border-color: #1055B6; */
 }
 .boder_span:hover>div{
 width: 55%;
 height: 55%;
 }
.scroll_list li{
  background: none;
  padding: 0;
}
ul.scroll_list li img {
  width: 100%;
  height: 250px;
}
.scroll_list li a.title_type {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: #fff;
  box-sizing: border-box;
  height: 100%;
  line-height: 250px;
  background: rgb(0 0 0 / 40%);
  }
 .scroll_list li a.title_type:hover {
  background: rgb(18 87 184 / 60%);
  }
@media only screen and (max-width: 768px){
 .dep_bottom {
 display: none;
 }
 .min-center {
 width: 100%;
   }
   .Min {
 padding: 40px 30px;
   }
   .main{margin: 0;padding: 0;}
   
 h2.h2_title_1 i,.leader_right h2.leader_h2 i{display: none;}
 ul.mz_ul li {
 width: 48%;
 }
 
 ul.mz_ul li:nth-child(2n) {
 margin-right: 0;
 }
 
 .li_dep_name {
 width: 50%;
 }
 .min-center.column .li_dep_name {
 width: 50%;
}
 .js_left {
 width: 100%;
 padding: 0;
 margin-bottom: 25px;
 }
 
 ul.jsL_ul li {
 width: 48%;
 }
 
 .jsR_con {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 }
 
 .jsR_con a {
 width: 48%;
 }
}
@media only screen and (max-width: 425px){

 .Min {
 padding: 20px 15px;
   }
   h2.h2_title_1 a {
 font-size: 24px;
 }
 
 h2.h2_title_1 {
 margin-bottom: 20px;
 }
 
 ul.mz_ul li {
 margin-right: 13px;
 margin-bottom: 13px;
 }
 
 ul.mz_ul li a.title_type {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 font-size: 16px;
 }
 
 .li_dep_name a {
 font-size: 18px;
 }
 
 h2.h2_title_2 span {
 font-size: 24px;
 }
 
 h2.h2_title_2 i.title_eng {
 display: none;
 }
 
 h2.h2_title_2 {
 margin-bottom: 20px;
 }
 
 ul.jsL_ul li {
 width: 100%;
 height: auto;
 }
 
 .js_right {
 width: 100%;
 }
 .jsR_con a p {
 font-size: 20px;
 }
 ul.jsL_ul li a.title_type{
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 }
}
@media only screen and (max-width: 320px){
 ul.mz_ul li {
 margin-right: 10px;
 margin-bottom: 10px;
 }
 .jsR_con a {
 width: 100%;
 }
 
 .jsR_con {
 flex-direction: column;
 }
 
  
} 