@charset "utf-8";
@import url(base.css);

/* 头部通用 */
.header{
	position: relative;
    z-index: 2001;
    background-color: #fff;
}
.logo-row{
	padding: 20px 0;
}
/* .logo-row div{
	justify-content: space-between;
} */
.logo-row a.logo{
	
}
.logo-row a.logo img{
	display: block;
    height: 80px;
}
.search-box{
	position: relative;
    z-index: 2000;
    width: 420px;
    height: 50px;
    margin-top: 15px;
}
.search-box .change-wrap{
	position: absolute;
    right: 0;
    top: 0px;
    padding: 0px 0;
    width: 420px;
    height: 50px;
    background-color: #fff;
    -webkit-transition: width 0.38s cubic-bezier(0, 0.8, 0, 1);
	-moz-transition: width 0.38s cubic-bezier(0, 0.8, 0, 1);
	transition: width 0.38s cubic-bezier(0, 0.8, 0, 1);
}
.search-box .change-wrap .searchtype{
	width: 78px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 2000;
    opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: opacity 0.33s cubic-bezier(0, 0.8, 0, 1);
	-moz-transition: opacity 0.33s cubic-bezier(0, 0.8, 0, 1);
    transition: opacity 0.33s cubic-bezier(0, 0.8, 0, 1);
	-webkit-transition-delay: .05s;
	-moz-transition-delay: .05s;
    transition-delay: .05s;
}
.search-box .change-wrap .searchtype span{
	display: block;
    line-height: 50px;
    padding: 0 15px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.search-box .change-wrap .searchtype span:after{
	font-family: 'iconfont';
    content: '\e610';
    margin-left: 5px;
    font-size: 14px;
}
.search-box .change-wrap .searchtype ul{
	display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    z-index: 2000;
    border: 1px solid #eee;
    border-top: none;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(107, 107, 107, 0.098);
}
.search-box .change-wrap .searchtype a{
	padding-left: 15px;
    display: block;
}
.search-box .change-wrap .keyword{
	box-sizing: border-box;
    position: absolute;
    right: 0;
    width: 100%;
    height: 50px;
    padding: 0 100px 0 80px;
    line-height: 50px;
    border-radius: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: opacity 0.38s cubic-bezier(0, 0.8, 0, 1);
	-moz-transition: opacity 0.38s cubic-bezier(0, 0.8, 0, 1);
    transition: opacity 0.38s cubic-bezier(0, 0.8, 0, 1);
}
.search-box .change-wrap .search-submit{
	position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 0 5px 5px 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    background: linear-gradient(135deg, #03b1ac 0%, #0c7491 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF03B1AC', endColorstr='#FF0C7491');
}
.search-box .change-wrap .search-submit i{
	font-size: 26px;
}

/* 导航 */
.nav{
	position: relative;
    z-index: 1000;
    height: 50px;
    border-top: 1px solid #e4e4e4;
}
.navList{
	/* text-align: justify;
    text-align-last: justify; */
}
.navList .nli{
	display: inline-block;
    line-height: 50px;
}
.navList .nli.on h3{
	font-weight: bold;
}
.navList .nli h3{
	position: relative;
    display: block;
    font-size: 16px;
	font-weight: normal;
}
.navList .nli h3 a{
	color: var(--fc4, #444);
}
.navList .nli h3 a:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	z-index: 1000;
	width: 0;
	height: 4px;
	margin: auto;
	border-radius: 6px;
	background-color: #f2c34a;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.navList .nli.on h3 a:after{
	width: 100%;
}
.navList .nli .sub{
	color: #fff;
    font-size: 14px;
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 50px;
    z-index: 2001;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(135deg, #0c7792 0%, #00bfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF0C7792', endColorstr='#FF00BFBF');
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08);
}
.sub-content{
	justify-content: space-between;
}
.sub-content > *{
	padding: 40px 0 30px;
}
/* .subtitle{
	padding: 40px 0 30px;
} */
.subtitle h4{
	position: relative;
    width: 100%;
    text-align: left;
    font-size: 30px;
    line-height: 1;
}
.subtitle h4:after{
	content: '';
	display: block;
	width: 36px;
	height: 5px;
	background-color: #fff;
	margin-top: 20px;
}
.subtitle h4 a{
	color: #fff;
}
.submenu{
	overflow: hidden;
    /* float: left; */
    width: 25.5%;
    box-sizing: border-box;
    padding-top: 35px;
}
.submenu ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.submenu ul li{
	width: 50%;
	float: left;
    text-align: left;
}
.submenu ul li a{
	text-align: left;
	line-height: 36px;
	max-width: 150px;
	height: 36px;
	font-size: 15px;
	padding-left: 30px;
	display: block;
	box-sizing: border-box;
	transition: none;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.submenu ul li a:before{
	content: '•';
	color: #fff;
	margin-right: 3px;
}
.submenu ul li a:hover{
	background-color: var(--second-color, #02596A);
}
.subinfo{
	width: 37.2%;
    float: left;
    box-sizing: border-box;
    min-height: 250px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.subinfo .subinfo-inner{
	line-height: 1;
    padding: 0 40px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
}
.subinfo h4{
	font-size: 20px;
    padding-bottom: 20px;
    font-weight: normal;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
}
.subinfo h4:after{
	content: '';
	display: block;
	position: absolute;
	width: 36px;
	height: 5px;
	background-color: #fff;
	bottom: -1px;
}
.subinfo h4 a{
	color: #fff;
}
.subinfo p{
	line-height: 1.5;
    margin-top: 8px;
    text-align: justify;
}
.subinfo ul{}
.subinfo ul li{
	height: 30px;
    overflow: hidden;
}
.subinfo ul li a{
	display: inline-block;
    line-height: 29px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}
.subinfo ul li a:before{
	content: "•";
	font-weight: bold;
	color: #fff;
	margin-right: 5px;
	opacity: .8;
}
.subinfo a.more{
	display: block;
	width: 128px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #ff8400;
	color: #fff;
	border-radius: 15px;
	margin-top: 15px; 
}
.subclick{
	/* position: absolute;
    top: 0;
    right: 0; */
    width: 23.33%;
    height: 100%;
    padding-top: 37px;
    padding-left: 20px;
    box-sizing: border-box;
	flex-wrap: wrap;
}
.subclick a{
	width: 50%;
    float: left;
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    color: #fff;
    line-height: 40px;
}
.subclick a i{
	font-size: 40px;
    line-height: 40px;
    text-align: center;
    transition: .3s;
    display: block;
    height: 40px;
}

/* banner */
.index-banner{
	min-width: 1200px;
    height: 500px;
    background-color: #ede1ca;
    overflow: hidden;
}
.banner{
	position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
	height: 100%;
}
.banner_con{
	position: relative;
	height: 100%;
}
.banner_con img{
	position: absolute;
	max-width: 1920px;
	width: 100%;
	height: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.index-banner .swiper-banner-dot{
	bottom: 110px !important;
}
.index-banner .swiper-banner-dot span.swiper-pagination-bullet{
	width: 20px;
    height: 6px;
    background-color: #999;
    border-radius: 6px;
    border: 0px solid #fff;
	cursor: pointer;
	opacity: 1.0;
}
.index-banner .swiper-banner-dot span.swiper-pagination-bullet-active{
	width: 30px;
	background-color: #ffc258;
}

/* footer */
.footer{
	min-width: 1200px;
	background-color: var(--second-color, #02596A);
}
.footer-top{
	position: relative;
    height: 60px;
    line-height: 60px;
}
.footer-address a{
	color: #fff;
    font-weight: bold;
    font-size: 16px
}
.footer-address a.location{}
.footer-address a.location i{
	margin-right: 5px;
}
.footer-address a.location u{}
.footer-address a.postcode{
	margin-left: 10px;
}
.footer-link{
	
}
.footer-drop{}
.footer-drop li{
	display: inline-block;
}
.footer-drop li + li{
	margin-left: 30px;
}
.footer-drop li span a{
	display: block;
    color: #fff;
}
.footer-drop li span a:after{
	content: "\e610";
	font-family: "iconfont";
	position: relative;
	display: inline-block;
	width: 20px;
	margin-left: 5px;
}
.footer-drop li .droplink{
	display: none;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 1;
    width: 100%;
    padding: 20px 0;
    background-color: #04adce;
}
/* .footer-drop li.on .droplink{
	display: block;
} */
.footer-drop li .droplink a{
	float: left;
    display: block;
    color: #fff;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 25px;
}
.footer-cen{
	padding: 30px 0;
    border-top: 1px solid #0b697b;
    border-bottom: 1px solid #0b697b;
}
.footer-cen-logo{}
.footer-cen-logo a + a{
	margin-top: 10px;
	margin-left: 20px;
}
.footer-cen-logo a img{
	display: block;
    width: 90px;
}
.footer-cen-info{
	margin-left: 20px;
}
.footer-cen-info p{
	margin-bottom: 0;
    color: #fff;
    line-height: 28px;
}
.footer-cen-info p a{
	color: #fff;
}
.footer-cen-info p u{
	color: #c4c4c4;
}
.footer-cen-phone{
	/* width: 220px; */
}
.footer-cen-phone span{
	color: #c4c4c4;
}
.footer-cen-phone a{
	color: #fff;
    font-weight: 700;
    font-size: 24px;
}
.footer-cen-wechat{}
.footer-cen-wechat em{
	display: block;
    float: right;
    width: 150px;
    color: #fff;
    text-align: center;
}
.footer-cen-wechat em img{
	display: block;
    width: 150px;
    height: 150px;
}
.footer-cen-wechat span{
	display: block;
    min-height: 20px;
    line-height: 20px;
    max-height: 20px;
	text-align: center;
	color: #fff;
}
.footer-btm{
	height: 60px;
    line-height: 60px;
}
.footer-btm a{
	color: #fff;
}
.footer-btm-link{}
.footer-btm-link ul li{
	float: left;
	position: relative;
}
.footer-btm-link ul li + li{
	margin-left: 40px;
}
.footer-btm-link ul li + li:before{
	content: '';
	display: block;
	position: absolute;
	left: -20px;
	top: 22px;
	width: 1px;
	height: 16px;
	background-color: #0b697b;
}
.pagetop{
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 60px;
	height: 60px;
	background-color: #00bfbf;
	border-radius: 3px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	cursor: pointer;
}
.pagetop i{
	display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    border-radius: 3px;
}
.pagetop:hover{
	background-color: var(--main-color, #0C7792); 
}

/* index */
.index-row{}
.index-row-1{
	height: 480px;
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 646px 408px;
	background-image: url(../images/service-bg.jpg);
}
.index-service{
	position: relative;
    top: -80px;
    z-index: 1001;
    width: 570px;
    height: 450px;
    border-radius: 8px;
}
.index-service-bg{
	border-radius: 8px;
	background: linear-gradient(128deg, #42d6da 0%, #0c7491 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF42D6DA', endColorstr='#FF0C7491');
}
.index-service-wrap{
	box-sizing: border-box;
	width: 570px;
	height: 450px;
	padding: 45px 40px 0;
	border-radius: 8px;
	background-image: url(../images/service-right-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.index-service-title{}
.index-service-title h2{
	height: 60px;
    font-weight: normal;
}
.ist-department h2{
	height: 50px;
    font-weight: normal;
    position: relative;
}
.index-service-title h2 a{
	color: #fff;
	position: relative;
    font-size: 32px;
    line-height: 1;
}
.index-service-title h2 a u{
	color: #45d1d8;
}
.ist-department h2 a{
	color: #444;
}
.ist-department h2 a u{
	margin-top: -17px;
	color: rgba(0, 0, 0, 0.1);
}
.index-service-guide{
	margin: 30px auto 0;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.index-service-guide a{
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 122px;
	min-height: 100px;
	margin-bottom: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.index-service-guide a i,.index-service-guide a u{
	display: block;
	text-align: center;
	color: #c0fbff;
}
.index-service-guide a i{
	height: 90px;
	line-height: 90px;
	font-size: 60px;
}
.index-service-guide a u{
	font-size: 16px;
	color: #fff; 
}
.index-service-guide a:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.index-service-guide a:hover u{
	font-weight: bold;
}
.index-department{
	position: relative;
    top: -30px;
    z-index: 1001;
    box-sizing: border-box;
    width: 550px;
    height: 450px;
    padding: 50px 0 0px 50px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-image: url(../images/department.png);
}
.index-department-tab{
	
}
.index-department-tab .idt-hd{
	margin-top: -61px;
	padding-left: 130px;
	position: relative;
}
.index-department-tab .idt-hd ul{}
.index-department-tab .idt-hd ul li{
	display: inline-block;
    margin-top: 15px;
    margin-left: 5px;
    min-width: 70px;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    color: black;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    padding: 0 10px;
	cursor: pointer;
}
.index-department-tab .idt-hd ul li.on,.index-department-tab .idt-hd ul li:hover{
	background: var(--main-color, #0C7792);
	color: #fff;
}
.index-department-tab .idt-hd ul li a{}
.index-department-tab .idt-bd{
	margin-top: 40px;
	max-height: 285px;
	overflow-y: scroll;
}
.index-department-tab .idt-bd::-webkit-scrollbar {
	width: 10px;
}
.index-department-tab .idt-bd::-webkit-scrollbar-track {
    background-color: transparent;
}
.index-department-tab .idt-bd::-webkit-scrollbar-thumb{
	border-radius: 5px;
	background: linear-gradient(128deg, #0c7491 0%, #42d6da 100%);
	transition: background 0.3s;
}
.index-department-tab .idt-bd ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.index-department-tab .idt-bd ul li{
	font-size: 14px;
    color: #666666;
    width: 235px;
    margin-left: 1px;
	line-height: 2;
}
.index-department-tab .idt-bd ul li a{
	
}
.index-department-tab .idt-bd ul li i{
	margin-right: 10px;
	font-size: 18px;
	vertical-align: middle;
	color: #52c49f;
}
.index-department-tab .idt-bd ul li a:hover,
.index-department-tab .idt-bd ul li a:hover i{
	color: #9dcc6c;
}

.index-row-2{
	min-width: 1200px;
    padding: 30px 0 50px;
    background-color: #fff;
    overflow: hidden;
}
.index-row-title{}
.index-row-title h3{
	font-weight: normal;
}
.index-row-title a.more{
	display: block;
	
	margin-top: 15px;
    padding: 0 10px;
    line-height: 30px;
    border: 1px solid #f2c34a;
    border-radius: 4px;
    color: #f2c34a;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-row-title a.more i,
.index-row-title a.more u{
	display: inline-block;
    vertical-align: top;
}
.index-row-title a.more i{
	margin-right: 5px;
    line-height: 27px;
}
.index-row-title a.more u{
	font-size: 16px;
}
.index-row-title a.more:hover{
	color: #fff;
    background-color: #00bfbf;
    border-color: #00bfbf; 
}
.index-news-tab{}
.index-news-tab .int-hd{
	margin-top: -61px;
	padding-left: 130px;
	position: relative;
}
.index-news-tab .int-hd ul{}
.index-news-tab .int-hd ul li{
	display: inline-block;
	margin-top: 15px;
	margin-left: 5px;
	min-width: 70px;
	height: 30px;
	border-radius: 5px;
	font-size: 16px;
	color: black;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
	padding: 0 10px;
	cursor: pointer;
}
.index-news-tab .int-hd ul li.on,.index-news-tab .int-hd ul li:hover{
	background: var(--main-color, #0C7792);
	color: #fff;
}
.index-news-tab .int-hd ul li a{}
.index-news-tab .int-hd ul li.on a,.index-news-tab .int-hd ul li:hover a{
	color: #fff;
}
.index-news-tab .int-bd{
	margin-top: 40px;
}
.int-bd-item{}
.int-bd-wrap{
	
}
.int-bd-slide{
	width: 580px;
	height: 400px;
	position: relative;
}
.int-bd-slide-bd{
	
}
.int-bd-slide-bd ul{}
.int-bd-slide-bd ul li{
	display: block;
	width: 580px;
	height: 400px;
	position: relative;
}
.int-bd-slide-bd ul li a{
	/* position: relative;
    display: block;
    width: 580px;
    height: 400px; */
}
.int-bd-slide-bd ul li em{
	/* display: block;
    width: 580px;
    height: 330px; */
}
.int-bd-slide-bd ul li em img{
	display: block;
	width: 580px;
	height: 330px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.int-bd-slide-bd ul li a:hover em img{
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
}
.int-bd-slide-bd ul li h4{
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 1;
	box-sizing: border-box;
	width: 530px;
	height: 120px;
	padding: 18px 20px;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
}
.int-bd-slide-bd ul li h4 u{
	display: block;
	font-size: 24px;
	color: #444;
	line-height: 42px;
	max-height: 84px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box !important;
}
.int-bd-slide-bd ul li a:hover h4 u{
	color: var(--main-color, #0C7792);
}
.int-bd-slide-bd ul li.on h4{
	animation: fadeInUp 1.5s;
}
.int-bd-slide-hd{
	position: absolute;
    display: block;
    width: 100%;
	box-sizing: border-box;
    bottom: 140px;
    padding: 0 5px;
    text-align: left;
}
.int-bd-slide-hd ul{}
.int-bd-slide-hd ul li{
	display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	-webkit-transition: .38s;
	-moz-transition: .38s;
    transition: .38s;
	width: 40px;
	height: 6px;
	background-color: #fff;
	border-radius: 0;
	background-image: none; 
	font-size: 0;
}
.int-bd-slide-hd ul li.on{
	background-color: var(--gold-color, #f2c34a);
	background-image: none;
	
}
.int-bd-news{
	width: 580px;
}
.int-bd-news ul{}
.int-bd-news ul li{
	height: 52px;
}
.int-bd-news ul li + li{
	margin-top: 17px;
}
.int-bd-news ul li a{
	display: block;
    position: relative;
    padding-left: 70px;
}
.int-bd-news ul li time{
	box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    border: 1px solid #e4e4e4;    
}
.int-bd-news ul li time >*{
	display: block;
	color: #555;
	line-height: 1;
	text-align: center;
}
.int-bd-news ul li time span{
	margin: 8px 0 3px;
    font-size: 12px;
}
.int-bd-news ul li time b{
	font-size: 24px;
    font-weight: normal;
	
}
.int-bd-news ul li a:hover time,
.int-bd-news ul li a:hover time >*{
	border-color: var(--gold-color, #f2c34a);
	color: var(--gold-color, #f2c34a);
}
.int-bd-news ul li u{
	font-size: 16px;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
}
.int-bd-notice .flexbox{
	flex-wrap: wrap;
}
.notice-item{
	position: relative;
    float: left;
    box-sizing: border-box;
    width: 380px;
    height: 100px;
	margin-bottom: 30px;
    /* margin: 0 15px 30px; */
    padding: 10px 5px 0 105px;
    border: 1px solid #e4e4e4;
}
.notice-item:hover{
	border-color: var(--gold-color, #f2c34a);
}
.notice-item time{
	position: absolute;
    left: 20px;
    top: 10px;
    display: block;
    width: 70px;
    height: 75px;
    color: #00bfbf;
    font-family: "Arial Normal", "Arial";
    background-image: url(../images/time-bg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.notice-item time >*{
	display: block;
    text-align: center;
    line-height: 1;
}
.notice-item time small{
	padding-top: 20px;
    font-size: 12px;
}
.notice-item time b{
	padding-top: 5px;
    font-size: 28px;
}
.notice-item u{
	display: block;
    min-height: 52px;
}
.notice-item u a{
	display: block;
    font-size: 16px;
    color: #444;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
}
.notice-item span{
	display: block;
    margin-right: 10px;
    color: #00bfbf;
}
.notice-item span i{
	color: #0b9b82;
	float: right;
}
.notice-item:hover u a{
	color: var(--main-color, #0C7792);
}
.index-row-4{
    height: 430px;
    padding: 70px 0 105px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-image: url(../images/doc-bg.jpg);
}
.index-center-title{
	height: 50px;
    font-weight: normal;
    position: relative;
	text-align: center;
}
.index-center-title h2{}
.index-center-title h2 a{
	font-size: 32px;
    font-weight: normal;
	color: #fff;
}
.index-center-title h2 a:hover{}
.index-center-title h2 u{
	display: block;
    position: absolute;
	font-weight: normal;
    font-size: 28px;
    line-height: 40px;
	left: 0;
    right: 0;
    margin: -10px auto 0;
    color: #588799;
}
.ict-white h2 a{
	color: #444;
}
.ict-white h2 u{
	color: rgba(0, 0, 0, 0.1);
}

.index-doctor-slide{
	height: 340px;
	margin-top: 40px;
	position: relative;
}
.index-doctor-slide a.next,.index-doctor-slide a.prev{
	position: absolute;
	top: 160px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	background-color: #ffc24c;
	border-radius: 4px;
}
.index-doctor-slide a.next i,.index-doctor-slide a.prev i{
	font-size: 30px;
}
.index-doctor-slide a.next:hover,.index-doctor-slide a.prev:hover{
	background-color: var(--main-color, #0C7792);
}
.index-doctor-slide a.next{
	right: -60px;
	/* background: url(../images/next.png) no-repeat center; */
}
.index-doctor-slide a.prev{
	left: -60px;
	/* background: url(../images/prev.png) center no-repeat; */
}
.index-doctor-slide .ids-bd{
	padding-top: 10px;
	overflow: hidden;
}
.index-doctor-slide ul{
	/* display: flex;
	display: -webkit-flex;
	justify-content: flex-start; */
}
.index-doctor-slide ul li{
	float: left;
    width: 180px;
    height: 330px;
	margin-left: 12px;
	margin-right: 12px;
    /* margin: 0 12px 150px; */
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.index-doctor-slide ul li + li{
	/* margin-left: 12px; */
}
.index-doctor-slide ul li a:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	width: 60px;
	height: 6px;
	margin: auto;
	background-color: #0c7792;
}
.index-doctor-slide ul li h3{
	min-height: 54px;
    margin: 0px 10px 0;
    text-align: center;
    line-height: 32px;
}
.index-doctor-slide ul li h3 > *{
	display: block;
	font-weight: normal;
}
.index-doctor-slide ul li h3 span{
	padding-top: 10px;
    font-size: 16px;
    color: var(--main-color, #0C7792);
    
}
.index-doctor-slide ul li h3 u{
	color: #999;
}
.index-doctor-slide ul li em{
	width: 144px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
.index-doctor-slide ul li em img{
	width: 144px;
    height: 200px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-doctor-slide ul li:hover a:before{
	background-color: #00bfbf;
}
.index-doctor-slide ul li:hover h3 span{
	color: #ff9f53;
    font-weight: bold;
}
.index-doctor-slide ul li:hover em img{
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
}
.index-doctor-slide ul li h4{
	height: 49px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-doctor-slide ul li h4 a{
	max-width: 100%;
    line-height: 49px;
    font-size: 14px;
}
.index-doctor-slide ul li h4 a:hover{
	font-weight: bold;
}
.index-doctor-slide ul li h4 a + a:before{
	content: "/";
	display: inline-block;
	margin-right: 3px; 
}

.index-wrap{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../images/column-bg.jpg);
}
.index-row-5{
	height: 550px;
    box-sizing: border-box;
    padding: 60px 0 40px;
}
.index-other{
	
}
.other-item{
	width: 370px;
    height: 470px;
    background-color: #fff;
    box-sizing: border-box;
	position: relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.other-item-top{
	display: block;
    position: relative;
    width: 370px;
    height: 214px;
    color: #fff;
}
.other-item-top a{
	display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.other-item-top a img{
	display: block;
    width: 100%;
    height: 100%;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
}
.other-item-top a:hover img{
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
}
.other-list-title{
	width: 90%;
    height: 60px;
    margin: auto;
    line-height: 60px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 0 !important;
}
.other-list-title a{
	
}
.other-list-title a span{
	display: inline-block;
	vertical-align: middle;
    line-height: 60px;
    color: #666;
    height: 60px;
    margin-bottom: 0 !important;
    position: relative;
    font-size: 32px;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.other-list-title a i{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #9dcc6c;
}
.other-list{
	padding: 10px 20px;
}
.other-list ul{}
.other-list ul li{}
.other-list ul li a{
	font-size: 16px;
	display: inline-block;
	line-height: 2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.other-list ul li a::before{
	content: "•";
	color: var(--main-color, #0C7792);
	margin-right: 3px;
}
.other-list ul li a:hover,.other-list ul li a::before{
	color: #9dcc6c;
}

.index-row-6{
	padding: 10px 0 60px;
}
.index-special{
	height: 214px;
    margin: 40px -15px 0;
}
.index-special-slide{}
.index-special-slide ul{
	overflow: hidden;
}
.index-special-slide > a.next,.index-special-slide > a.prev{
	top: 87px;
}
.index-special-slide ul li{
	float: left;
	width: 380px;
	height: 214px;
	margin: 0 15px;
	/* margin: 0 15px 150px; */
}
.index-special-slide ul li a{
	display: block;
    width: 380px;
    height: 214px;
    overflow: hidden;
}
.index-special-slide ul li a::before{
	display: none;
}
.index-special-slide ul li a img{
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
}
.index-special-slide ul li a:hover img{
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
}

/* index -end */

/* aboutus */
.inner-banner{
	min-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	position: relative;
	background-image: url(../images/second-banner-bg2.jpg);
}

.innner-banner-mask{
	width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(1,185,187,0.5);
}
.inner-title{
	position: relative;
}
.inner-title h1{
	height: 140px;
    line-height: 140px;
	text-align: center;
    color: #fff;
    font-size: 36px;
    letter-spacing: .2em;
}
.inner-nav{
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.inner-nav ul{
	position: relative;
    height: 60px;
}
.inner-nav ul li{
	position: relative;
    float: left;
}
.inner-nav ul li + li{
	margin-left: 43px;
}
.inner-nav ul li.cur{
	font-weight: bold;
}
.inner-nav ul li.cur:after{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    height: 5px;
    background-color: #9ae097;
}
.inner-nav ul li a{
	position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
}
.inner-nav ul li a:before{
	content: '';
    display: block;
    position: absolute;
    left: -25px;
    top: 23px;
    width: 1px;
    height: 16px;
    background-color: #e4e4e4;
    background-color: rgba(255, 255, 255, 0.4);
}
.inner-nav ul li:hover a{
	color: #9ae097;
}
.container{
	
}
.container-inner{
	padding: 30px 0 50px;

	min-height: 153px;
}
article{
	text-align: justify;
}
article p{
	font-size: 16px;
    line-height: 1.8;
}
article img{
	max-width: 100% !important;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
article .news-content{
	padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: justify;
}

/* leaders */
.leader-list{}
.leader-list ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.leader-list ul li{
	width: 220px;
    height: 355px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    vertical-align: top;
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 8px;
	margin-right: 8px;
    display: inline-block;
}
.leader-list ul li a{
	display: block;
    padding: 15px;
    position: relative;
    box-sizing: border-box;
}
.leader-list ul li .leader-thumb{
	width: 188px;
    height: 260px;
    overflow: hidden;
}
.leader-list ul li .leader-thumb img{
	display: block;
    width: 188px;
    height: 260px;
    -webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
}
.leader-list ul li:hover .leader-thumb img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.leader-list ul li h2{
	color: #999;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
}
.leader-list ul li h2 b{
	color: #0c7792;
    padding-right: 5px;
}
.leader-list ul li h2 span{
	color: #999;
    font-size: 16px;
    font-weight: normal;
}

/* inner-list */
.inner-list{}
.inner-list-top{
	height: 20px;
    line-height: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-list-top a{
	display: inline-block;
    line-height: 20px;
    color: #666;
    font-weight: normal;
    height: 20px;
    font-size: 16px;
    /* margin-right: 21px; */
    position: relative;
    margin-bottom: 18px;
}
.inner-list-top a + a{
	margin-left: 20px;
}

.inner-list-top a::after{
	content: '';
	height: 5px;
    width: 32px;
    bottom: -18px;
    left: 0;
    position: absolute;
}
.inner-list-top a.cur:after{
	background-color: #0c7792;
}
.inner-list-content{
	position: relative;
	margin-top: 20px;
}
.inner-list-content ul{}
.inner-list-content ul li{
	border-bottom: 1px dashed #cdcdcd;
	padding-top: 25px;
	padding-bottom: 24px;
	height: 150px;
	position: relative;
}
.inner-list-content ul li dl{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	
}
.inner-list-content ul li dl dt{
	flex: 0 0 auto;
	width: 260px;
    height: 150px;
    overflow: hidden;
	margin-right: 25px;
}
.inner-list-content ul li dl dt a{}
.inner-list-content ul li dl dt a img{
	display: block;
    width: 100%;
    height: 100%;
}
.inner-list-content ul li dl dd{
	flex: 1 1 auto;
}
.ilc-title{
	line-height: 26px;
    max-height: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    margin-bottom: 20px;
}
.ilc-title h2{
	font-size: 20px;
    margin-bottom: 15px;
}
.ilc-title h2 a{}
.ilc-title p{}
.ilc-info{
	font-size: 13px;
    color: #999;
    line-height: 29px;
}
.ilc-info .mark{
	color: #999;
}
.ilc-info .mark u{
	padding: 0 10px;
    font-size: 12px;
    color: #c7c5c5;
    position: relative;
    top: -1px;
}
.ilc-info .share{
	cursor: pointer;
    position: relative;
}
.ilc-info .share span{
	display: block;
    height: 28px;
    position: relative;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 0 10px;
    z-index: 2;
}
.ilc-info .share span i{
	margin-right: 5px;
    color: #084ba8;
}
.ilc-info .share .bdsharebuttonbox{
	display: none;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 1;
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #ddd;
    width: 123px;
}
.ilc-info .share .bdsharebuttonbox a{
	display: block;
    float: none;
    font-size: 14px;
    margin-right: 0;
    width: 100%;
}
.content-title{
	font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    padding: 8px 0;
    color: #555;
}
.news-info{
	color: #999;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.content .content-mark{
	font-size: 14px;
    margin-right: 10px;
}
.content-mark span{}
.content .news-content{
	padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: justify;
}
.content .news-content p{
	font-size: 16px;
    line-height: 1.8;
	margin-bottom: 9px;
}
.content .news-content img{
	max-width: 100% !important;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.news-code-wrap{
	text-align: center;
}
.news-code{
	width: 132px;
    margin: 25px auto;
}
.news-code-wrap p{
	color: #999;
    font-size: 12px;
	margin-bottom: 9px;
}
.news-code .code-svg{
	width: 132px;
	height: 132px;
}

/* honor */
.imgs-list{
	
}
.imgs-list ul{
	margin-left: -2.5%;
    margin-right: -2.5%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.imgs-list ul li{
	float: left;
    width: 28.3%;
    margin: 0 2.5% 25px 2.5%;
    height: 306px;
}
.imgs-list ul li a{
	width: 100%;
    display: block;
    position: relative;
}
.imgs-list ul li span{
	font-size: 12px;
    display: block;
    padding-top: 7px;
    color: #999;
}
.imgs-list ul li a .il-img{
	font-size: 0;
    line-height: 0;
    position: relative;
    height: 237px;
}
.imgs-list ul li a .il-img::before,
.imgs-list ul li a .il-img::after{
	transition: opacity .48s;
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}
.imgs-list ul li a .il-img::before{
	background-color: #0c7792;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 5px 5px rgba(148, 148, 148, 0.5);
}
.imgs-list ul li a .il-img::after{
	transition: all .24s ease;
    z-index: 3;
    content: "\e650";
    width: 50px;
    height: 50px;
    line-height: 1;
    font-size: 50px;
    text-align: center;
    color: #fff;
    font-family: "iconfont";
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
}
.imgs-list ul li a:hover .il-img::before{
	opacity: .9;
    filter: alpha(opacity=90);
}
.imgs-list ul li a:hover .il-img::after{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: rotate(90deg); 
}
.imgs-list ul li a .il-img em{
	display: block;
	width: 100%;
    height: 100%;
    overflow: hidden;
}
.imgs-list ul li a .il-img em img{
	width: 100%;
    height: 100%;
    -webkit-transition: transform 0.68s;
	-moz-transition: transform 0.68s;
	transition: transform 0.68s;
}
.imgs-list ul li a:hover img{
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.imgs-list ul li a h3{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #d7d7d7;
    font-weight: normal;
}

/* pagelist */
.pagelist{
	overflow: hidden;
    text-align: right;
    padding: 20px 0 40px;
}
.page-inner{}
.pagelist a,.page-inner span{
	display: inline-block;
	vertical-align: middle;
	line-height: 46px !important;
	height: 46px !important;
	padding: 0 18px !important;
	border-radius: 3px;
	margin-left: 5px;
	box-sizing: border-box;
}
.page-inner span{
	
	background: #f1eff0;
}
.pagelist a{
	background: #f1eff0;
    color: #999;
}
.pagelist a:hover{
	background: #ddd;
    color: #444;
}
.pagelist a.disable{
	background: #f1eff0;
    color: #ccc6c6;
    cursor: default;
}
.pagelist a.disable:hover{
	background: #f1eff0;
	color: #ddd;
	cursor: default;
}
.pagelist .page-item{
	
}
.pagelist .page-link{}
.pagelist .page-num{}
.pagelist .page-num-current{
	background: #0c7792;
	color: #fff !important;
}

/* newslist */
.inner-news-split{}
.inner-news-split .inner-list{
	width: 840px;
}
.inner-sidebar{
	width: 280px;
}
.inner-side-item{
	position: relative;
}
.inner-side-title{
	height: 20px;
    line-height: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-side-title h4{
	display: inline-block;
	width: auto;
	font-weight: normal;
	line-height: 20px;
    color: #666;
    height: 20px;
    margin-bottom: 18px;
    position: relative;
    font-size: 20px;
}
.inner-side-title h4::after{
	background-color: #0c7792;
	height: 5px;
	width: 32px;
	bottom: -19px;
	left: 0;
	position: absolute;
	content: '';
}
.inner-side-box{
	position: relative;
    margin-top: 20px;
}
.inner-side-box ul{}
.inner-side-box ul.hot-news-list{}
.inner-side-box ul.hot-news-list li{
	padding: 10px 0 9px;
    border-bottom: 1px dashed #cdcdcd;
}
.inner-side-box ul.hot-news-list li:last-child {
    border-bottom: none;
}
.inner-side-box ul.hot-news-list li a{
	padding-left: 48px;
    position: relative;
    white-space: normal;
    height: 40px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
}
.inner-side-box ul.hot-news-list li a em{
	position: absolute;
    left: 0;
    top: 4px;
    width: 32px;
    height: 32px;
    border-radius: 2px;
    line-height: 32px;
    text-align: center;
    color: #fff;
	font-style: normal;
    background-color: #9a9a9a;
}
.inner-side-box ul.hot-news-list li:first-child a em{
	background-color: #ea5501;
}
.inner-side-box ul.hot-news-list li:nth-child(2) a em{
	background-color: #179ed8;
}
.inner-side-box ul.hot-news-list li:nth-child(3) a em{
	background-color: #04ca97;
}
.inner-side-box ul.hot-news-list li a span{}
.inner-side-box ul.video-news-list{}
.inner-side-box ul.video-news-list li{
    height: 90px;
	margin-bottom: 29px;
	position: relative;
}
.inner-side-box ul.video-news-list li a{}
.inner-side-box ul.video-news-list li dl{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.inner-side-box ul.video-news-list li dl dt{
	flex: 0 0 auto;
	width: 135px;
    height: 90px;
    overflow: hidden;
	position: relative;
	margin-right: 15px;
}
.inner-side-box ul.video-news-list li dl dt img{
	display: block;
    width: 100%;
    height: 100%;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
    transition: transform 1s;
	
}
.inner-side-box ul.video-news-list li:hover dl dt img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.inner-side-box ul.video-news-list li dl dt i{
	color: #fff;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 32px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1;
    height: 70px;
    background: url(../images/news-slide-mark.png);
    padding: 31px 10px 10px;
}
.inner-side-box ul.video-news-list li dl dd{
	
}
.inner-side-box ul.video-news-list li dl dd h5{
	line-height: 22px;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 16px;
    margin-bottom: 25px;
}
.inner-side-box ul.video-news-list li dl dd span{
	color: #999;
}

/* news */
.path{
	border-bottom: 1px solid #e4e4e4;
    padding: 20px 0;
    color: #999;
}
.content-related{
	position: relative;
	border-top: 3px solid #ccc;
}
.content-related-title{
	height: 20px;
    line-height: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.content-related-title h4{
	line-height: 20px;
	color: #666;
	height: 20px;
	margin-bottom: 18px;
	position: relative;
	font-size: 20px;
}
.content-related-tab{
	
	
}
.content-related-tab .crt-hd{
	margin-top: -59px;
	width: 111px;
	float: right;
}
.content-related-tab .crt-hd ul{}
.content-related-tab .crt-hd ul li{
	display: inline-block;
    line-height: 20px;
    color: #666;
    font-weight: normal;
    height: 20px;
    font-size: 16px;
    margin-right: 21px;
    position: relative;
    margin-bottom: 18px;
	cursor: pointer;
}
.content-related-tab .crt-hd ul li::after{
	height: 5px;
    width: 32px;
    bottom: -18px;
    left: 0;
    position: absolute;
    content: '';
}
.content-related-tab .crt-hd ul li.on{
	color: #0c7792;
    font-weight: normal;
}
.content-related-tab .crt-hd ul li.on::after{
	background-color: #0c7792;
}
.content-related-tab .crt-bd{
	position: relative;
    margin-top: 20px;
}
.content-related-tab .crt-bd ul{}
.content-related-tab .crt-bd ul li{
	padding: 20px 0;
    /* padding-left: 153px; */
    
    position: relative;
    border-bottom: 1px dashed #e4e4e4;
}
.content-related-tab .crt-bd ul li:last-child{
	border-bottom: none;
}
.content-related-tab .crt-bd ul li a{}
.content-related-tab .crt-bd ul li dl{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
}
.content-related-tab .crt-bd ul li dl dt{
	
}
.content-related-tab .crt-bd ul li dl dt img{
	
}
.content-related-tab .crt-bd ul li dl dd{
	
}
.crt-news li{
	height: 78px;
}
.crt-news li a{}
.crt-news li dl{}
.crt-news li dl dt{
	flex: 0 0 auto;
	width: 132px;
	height: 78px;
	overflow: hidden;
	margin-right: 20px;
}
.crt-news li dl dt img{
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
}
.crt-news li dl dd{}
.crt-news li dl dd h5{
	line-height: 30px;
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 20px;
    margin-bottom: 15px;
    color: #666;
}
.crt-news li dl dd span{
	color: #999;
}
.crt-doctor li{
	height: 100px;
}
.crt-doctor li a{}
.crt-doctor li dl{
	
}
.crt-doctor li dl dt{
	width: 74px;
    height: 100px;
	margin-right: 15px;
}
.crt-doctor li dl dt img{
	display: block;
	width: 100%;
	height: 100%;
}
.crt-doctor li dl dd{
	margin-bottom: 9px;
}
.crt-doctor li dl dd h5{
	font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 8px;
}
.crt-doctor li dl dd p{
	/* height: 75px; */
    overflow: hidden;
    font-size: 14px;
}
.crt-doctor li dl dd p span{
	color: #999;
}

/* textlist */
.info-list{
	min-height: 87px;
}
.info-list li{
	padding: 15px 0;
    height: 55px;
    box-sizing: border-box;
    border-bottom: 1px dashed #e4e4e4;
    line-height: 1.5;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}
.info-list li:last-child{
	border-bottom: none;
}
.info-list li a{
	display: inline-block;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-list li span{
	color: #999;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 15px;
}

/* specialist */
/*.container-inner{
	padding: 30px 0 50px;
}*/
.special-list{}
.special-list ul{
	margin-left: -1%;
    margin-right: -1%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.special-list ul li{
	width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 25px;
    float: left;
    overflow: hidden;
}
.special-list ul li a{
	display: block;
    height: 143px;
    position: relative;
}
.special-list ul li a img{
	width: 100%;
    height: 102px;
    display: block;
}
.special-list ul li a span{
	height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #d7d7d7;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.special-list ul li a:after{
	content: "";
    height: 2px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #0c7792;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
    transition: .3s ease;
}
.special-list ul li:hover a::after{
	width: 100%;
}

/* speclist */
/* .logo-row a.spec-logo img{
	display: block;
	height: 50px;
}
.logo-row .spec-title{
	line-height: 50px;
    height: 50px;
    margin-left: 15px;
    max-width: 388px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    padding-left: 15px;
    font-size: 30px;
    border-left: 1px solid #ddd;
}
.logo-row .spec-btn{
	height: 42px;
    width: 119px;
    line-height: 41px;
    display: block;
    border-radius: 5px;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    background-color: #999;
}
.logo-row .spec-btn i{
	margin-right: 4px;
    color: #e6e5e5;
}
.spec-inner-banner{
	overflow: hidden;
    height: 266px;
} */

/* address */
.map-wrap{
	width: 100%;
    height: 400px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: #b7deed; /* Old browsers */
	background: linear-gradient(135deg, #03b1ac 0%, #0c7491 100%);

}

/* doctor */
.filter{
	margin: 15px 0;
    overflow: hidden;
    background-color: #f8f8f8;
    padding: 10px 15px;
}
.doctor-filter{}
.doctor-filter dl{
	position: relative;
    font-size: 14px;
    border-top: 1px dashed #e4e4e4;
    padding-top: 15px;
}
.filter dl:first-child{
	border-top: none;
}
.doctor-filter dl dt{
	font-size: 16px;
    height: 24px;
    color: #aeafaf;
    width: 110px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    left: 0;
    transform: translateY(5px);
}
.doctor-filter dl dd{
	margin-left: 110px;
    overflow: hidden;
    box-sizing: border-box;
}
.doctor-filter dl dd li{
	box-sizing: border-box;
    overflow: hidden;
    position: relative;
    color: #666;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    line-height: 24px;
    height: 24px;
    margin-right: 2%;
    margin-bottom: 5px;
    margin-top: 5px;
	cursor: pointer;
}
.doctor-filter dl dd li.active{
	color: #fff;
	background-color: #0c7792;
}
.doctor-filter dl dd li:hover{
	color: #0c7792;
}
.doctor-filter dl.department-dl{}
.doctor-filter dl.department-dl dt{
	top: 25px;
}
.doctor-filter dl.department-dl dd{}
.department-tabs{}
.department-tabs .dt-hd{
	height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e4e4e4;
}
.department-tabs .dt-hd li{
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	color: #666;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	font-size: 16px;
    overflow: visible;
	cursor: pointer;
	margin: 0;
	height: 50px;
	line-height: 50px;
}
.department-tabs .dt-hd li + li{
	margin-left: 55px;
}
.department-tabs .dt-hd li:before{
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: -1px;
}
.department-tabs .dt-hd li.on,.department-tabs .dt-hd li:hover{
	color: #0c7792;
}
.department-tabs .dt-hd li.on::before,.department-tabs .dt-hd li:hover::before{
	background-color: #0c7792;
}
.department-tabs .dt-bd{
	display: block;
    min-height: 52px;
    overflow: hidden;
}
.department-tabs .dt-bd ul{
	/* display: none; */
    overflow: hidden;
    padding: 15px 0px;
    min-height: 84px;
    text-align: justify;
    width: 100%;
}
.department-tabs .dt-bd ul li{
	box-sizing: border-box;
    overflow: hidden;
    position: relative;
    color: #666;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
	line-height: 24px;
    height: 24px;
    margin-right: 2%;
    margin-bottom: 5px;
    margin-top: 5px;
}
.hasSelect{
	padding: 15px 100px 15px 110px;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    min-height: 35px;
}
.hasSelect span,.hasSelect .doctor-count{
	font-size: 16px;
	color: #999;
	line-height: 30px;
	position: absolute;
	top: 15px;
}
.hasSelect span{
	left: 0;
}
.hasSelect a{
	display: inline-block;
    font-size: 15px;
    margin-right: 5px;
    line-height: 30px;
    border-radius: 3px;
    margin-bottom: 4px;
    padding: 0 10px;
    background: #0e86a5;
    color: #fff;
}
.hasSelect a:hover{
	background: #ff9f53;
}
.hasSelect a i{
	font-size: 12px;
    margin-left: 5px;
}
.hasSelect .doctor-count{
	right: 0;
}
.hasSelect .doctor-count b{
	font-weight: 400;
    color: #0c7792;
}
.inner-doctor-list{
	
}
.doctor-list{}
.doctor-list ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-right: -32px;
}
.doctor-list ul li{
	width: 276px;
    height: 263px;
    /* float: left; */
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 19px;
	/* margin-left: 12px;
    margin-right: 12px; */
	margin-right: 32px;
    margin-bottom: 30px;
    position: relative;
    transition: all .3s;
    transition: border-color .3s,box-shadow .3s;
}
.doctor-list ul li > p{
	color: #666;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
	
}
.doctor-list ul li > p b{}
.doctor-list-info{
	position: relative;
    height: 122px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.doctor-list-info dl{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
}
.doctor-list-info dl dt{
	flex: 0 0 auto;
	width: 85px;
    height: 116px;
    overflow: hidden;
    border-radius: 5px;
	margin-right: 20px;
}
.doctor-list-info dl dt img{
	display: block;
    width: 100%;
    height: 100%;
}
.doctor-list-info dl dd{
	
}
.doctor-list-info dl dd h2{
	font-size: 18px;
}
.doctor-list-info dl dd h2 a{
	color: #0c7792;
}
.doctor-list-info dl dd h2 a:hover{
	color: var(--gold-color, #f2c34a);
}
.doctor-list-info dl dd p{
	line-height: 27px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 14px;
	color: #555;
	width: 150px;
}
.doctor-list-info dl dd p a{}
.doctor-list-info dl dd p u{
	color: #999;
}
.doc-qrcode{
	position: absolute;
    top: 4px;
    right: 4px;
    width: 32px;
    height: 32px;
    overflow: visible;
    cursor: pointer;
}
.doc-qrcode i{
	display: block;
	font-size: 32px;
	width: 32px;
    height: 32px;
    color: #a9a9a9;
    line-height: 1;
    transition: color .3s;
	background: url(../images/code.png) center no-repeat;
}
.doc-qrcode-show{
	display: none;
    position: absolute;
    right: 0;
    top: 1px;
    background-color: #fff;
    z-index: 1;
    border: 1px solid #ccc;
    box-shadow: 0 5px 20px rgba(174, 174, 174, 0.5);
}
.doc-qrcode-show .doc-qrcode-svg{
	width: 134px;
	height: 134px;
}
.doc-qrcode-show .doc-qrcode-svg img{
	display: block;
	width: 100%;
	height: 100%;
    /* margin: 10px; */
	/* object-fit: cover; */
}
.doc-qrcode-show u{
	font-size: 12px;
    display: block;
    text-align: center;
    padding: 5px;
    background-color: #f2f2f2;
}

/* doctor */
.docter-details{
	border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: -30px;
    min-height: 258px;
}
.docter-details .w1200{
	position: relative;
}
.doctor-resume{
	padding: 29px 0;
    width: 745px;
    position: relative;
    padding-left: 165px;
}
.doctor-img{
	position: absolute;
    top: 29px;
    left: 0;
    width: 144px;
    height: 200px;
    overflow: hidden;
}
.doctor-img img{
	width: 144px;
    height: 200px;
	object-fit: cover;
}
.doctor-resume h1{
	font-size: 28px;
	color: #0c7792;
	line-height: 44px;
	margin-bottom: 8px;
}
.doctor-resume p{
	line-height: 30px;
    font-size: 15px;
    margin-bottom: 0;
}
.doctor-resume p u{
	color: #999;
}
.doctor-resume p i{
	font-size: 16px;
    color: #0c7792;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.doctor-resume p a{}
.doctor-resume p:last-child{
	line-height: 24px;
}
.doctor-wecode{
	width: 270px;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 0;
    min-height: 259px;
}
.doctor-wecode .dw-img{
	width: 233px;
    min-height: 228px;
    border-left: 1px solid #e4e4e4;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    padding-top: 30px;
    color: #999;
    font-size: 15px;
    display: inline-block;
}
.doctor-wecode .dw-img img{
	width: 157px;
    height: 157px;
    display: block;
    margin: 0 auto 15px;
}
.doctor-wecode .dw-img span{}
.doctor-items{
	position: relative;
}
.doctor-items-title{
	height: 20px;
    line-height: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.doctor-items-title h2{
	line-height: 20px;
    color: #666;
    height: 20px;
	font-weight: normal;
    margin-bottom: 18px;
    position: relative;
    font-size: 20px;
}
.doctor-items-contnet{
	font-size: 16px;
    padding-bottom: 15px;
	position: relative;
    margin-top: 20px;
}
.doctor-items-contnet p{
	color: #555;
}

/* departmentlist */
.lt-index{
	color: #999;
    font-size: 0;
    text-align: center;
}
.lt-index dl{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	
}
.lt-index dl dt{
	padding: 3px 5px;
	font-size: 18px;
	line-height: 1;
}
.lt-index dl dd{}
.lt-index dl dd a{
	display: inline-block;
    padding: 3px 6px;
    font-size: 18px;
    line-height: 1;
}
.lt-index dl dd a.indexing{}
.lt-index dl dd a.indexon{
	padding: 3px 8px;
	background: #0c7792;
	color: #fff;
	border: none;
	border-radius: 5px;
}
.lt-index dl dd a.indexoff{}
.lt-index dl dd a.indexdis{
	color: #999;
	cursor: default;
}
.department-slide-tabs{
	
}
.dst-hd{}
.dst-hd ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
    border-left: 1px solid #ddd;
}
.dst-hd ul li{
	flex: 1;
    display: block;
    width: 25%;
    font-weight: bold;
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    border: 1px solid #ddd;
    border-left: none;
    box-sizing: border-box;
    text-align: center;
    float: left;
	cursor: pointer;
    background-color: #f2f2f2;
}
.dst-hd ul li.on{
	color: #fff;
    border: none;
    background: linear-gradient(135deg, #0c7792 0%, #00bfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF0C7792', endColorstr='#FF00BFBF');
}
.dst-hd ul li span{
	display: inline-block;
    position: relative;
    /* top: -11px; */
}
.dst-bd{
	margin-top: 35px;
}
.dst-bd ul{
	padding-bottom: 30px;
    margin: 0 -15px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dst-bd ul li{
	width: 380px;
    height: 187px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 19px 29px;
    float: left;
    margin: 0 15px 30px;
    transition: border-color 0.8s;
    -webkit-transition: border-color 0.8s;
}
.department-item-title{
	height: 40px;
    line-height: 40px;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
}
.department-item-title h3{
	font-size: 20px;
    /* width: 190px; */
	width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}
.department-qrcode{
	display: inline-block;
	vertical-align: middle;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f2f2f2;
    border-radius: 2px;
    color: #cbcbcb;
}
.department-qrcode i{
	display: block;
	font-size: 28px;
	width: 40px;
	height: 40px;
	color: #a9a9a9;
	line-height: 1;
	transition: color .3s;
	background: url(../images/icon-scan-g.png) center no-repeat;
}
.department-qrcode .doc-qrcode-show{
	display: none;
    position: absolute;
	width: 120px;
    top: 50px;
    left: 50%;
    z-index: 5;
    background-color: #fff;
    margin-left: -68px;
    border-radius: 5px;
    border: 8px solid #fff;
    box-shadow: 5px 5px 20px rgba(174, 174, 174, 0.5);
}
.department-qrcode .doc-qrcode-show::before{
	content: "";
	border: 8px solid transparent;
	border-bottom-color: #fff;
	display: block;
	position: absolute;
	top: -22px;
	margin-left: -8px;
	left: 50%;
}
.department-qrcode .doc-qrcode-show u{
	display: block;
    line-height: 1;
    margin-bottom: 8px;
	color: #0096d7;
	background: #fff;
	padding: 0;
	font-size: 14px;
}
.department-qrcode .doc-qrcode-show a{}
.department-qrcode .doc-qrcode-show a img{
	width: 120px;
    height: 120px;
    display: block;
    /* margin-bottom: 5px; */
}
.department-item-text{
	overflow: hidden;
    margin-top: 20px;
}
.department-item-text p{}

/* department */
.inner-row{
	padding: 40px 0;
}
.inner-list-item{
	position: relative;
}
.inner-list-title{
	height: 20px;
    line-height: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-list-title h4{
	line-height: 20px;
    color: #666;
    height: 20px;
    margin-bottom: 18px;
    position: relative;
    font-size: 20px;
	float: left;
	display: inline-block;
	vertical-align: middle;
}
.inner-list-title h4::after{
	content: '';
	height: 5px;
    width: 32px;
    bottom: -19px;
    left: 0;
    position: absolute;
	background-color: #0c7792;
}
.inner-list-title a{
	float: right;
}
.inner-list-content{
	position: relative;
    margin-top: 25px;
}
.inner-list-content > p{
	font-size: 15px;
    color: #666;
    line-height: 28px;
}
.inner-list-content > a{}
.inner-list-content > a.more-info{
	width: 123px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: block;
    position: relative;
    box-sizing: border-box;
	margin: 25px auto;
    text-align: center;
	background-color: #0c7792;
}
.inner-list-content > a.more-info:hover{
	background-color: #0f96b8;
}

.inner-list-slide{}
.inner-list-slide ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	
}
.inner-list-slide ul li{
	width: 144px;
    height: 290px;
	padding: 0;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    /* float: left; */
    text-align: center;
    transition: border-color .3s,box-shadow .3s;
}
.inner-list-slide ul li + li{
	margin-left: 32px
}
.inner-list-slide ul li:hover{
	border-color: #0c7792;
	box-shadow: 0px 10px 10px rgba(2,89,106,.2);
}
.inner-list-slide ul li dl{
	display: block;
}
.inner-list-slide ul li dl dt{
	width: 100%;
    height: 200px;
    overflow: hidden;
    display: block;
    position: relative;
}
.inner-list-slide ul li dl dt img{
	width: 100%;
    height: 200px;
    display: block;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
    transition: transform 1s;
}
.inner-list-slide ul li:hover dl dt img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.inner-list-slide ul li dl dd{
	
}
.inner-list-slide ul li dl dd h5{
	display: block;
	margin: 10px auto;
	line-height: 21px;
	font-size: 16px;
	font-weight: bold;
	color: #0c7792;
}
.inner-list-slide ul li dl dd h5:after{
	content: '';
    width: 24px;
    height: 2px;
    background-color: #0e86a5;
    display: block;
    margin: 8px auto;
}
.inner-list-slide ul li dl dd p{
	color: #999;
}