/*
* @Author: sunjijing
* @Date:   2021-04-16 14:16:04
* @Last Modified by:   sunjijing
* @Last Modified time: 2021-04-21 13:19:58
*/
.padCom { padding: 40px 0; }
.mkTit { margin-bottom: 40px; }
.mkTit a { display: inline-block; font-size: 20px; color: #333; font-weight: bold; line-height: 46px; border-bottom: 2px solid #004da2; }

/* banner */
#banner_con { width: 100%; }
.banner a, .banner img { display: block; width: 100%; }
.banner_but { position: absolute; bottom: 25px; left: 0; text-align: center; z-index: 5; }
.banner_but li { display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #fff; margin: 0 4px; transition: width ease-in 300ms; }
.banner_but li.on { width: 30px; }
.banner img { width: 100%; display: block; margin: 0 auto; }

/* 医院动态&公示公告&媒体聚焦 */
.news_item { width: 382px; }
.news_con img { margin-bottom: 15px; width: 100%; height: 200px; }
.news_item.i1 { margin-right: 26px; }
.news_list li { line-height: 36px; border-bottom: 1px dashed #e3e3e3; }
.news_list li a { padding-left: 20px; font-size: 14px; color: #333; background: url(/tktjweb/template/page/index/news_dian.png) no-repeat 8px center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list li:hover a { color: #004da2; }

/* 系统登录 */
.ksjs_bg { width: 100%; background: url(/tktjweb/template/page/index/ksjs_bg.jpg) no-repeat bottom center; padding: 50px 0; }
.ksjs_bg .mkTit a { border-color: #004da2; }
.login_con .item { width: 382px; border-radius: 6px; overflow: hidden; }
.login_con .item.lg01 { margin-right: 26px; }
.login_con .item .img { width: 382px; height: 225px; overflow: hidden;  }
.login_con .item img { object-fit: cover; transform: scale(1); transition: all ease-in-out 300ms; }
.login_con .item .txt { background: #fff; padding: 10px 20px 15px; }
.login_con .item .name { font-size: 20px; color: #333; line-height: 40px; border-bottom: 1px solid #dbdcdd; margin-bottom: 20px; }
.login_con .item .more { display: block; padding-right: 65px; text-align: right; font-size: 16px; color: #999; background: url(login_but.png) no-repeat right center/40px; }
.login_con .item:hover img { transform: scale(1.1); }


/* 教学教研 */
.jxjy_left { -width: 456px; height: 278px; }
.jxjy_right { -width: 720px; }
#dq_xy .news_item { width: 48%; }
.jxjy_list li { height: 40px; line-height: 40px; vertical-align: middle; }
.jxjy_list li a { display: block; float: left; font-size: 14px;  color: #333; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jxjy_list li span { font-size: 14px; color: #666; float: right; }
.jxjy_list li:hover a, .jxjy_list li:hover span { color: #004da2; }

/* 响应式代码 */
@media screen and (max-width: 1200px) {
	/* 医院动态&公示公告&媒体聚焦 */
	.news_item { width: 31%; }
	.news_item.i1 { margin-right: 3.5%; }

	/* 教学教研 */
	.jxjy_left { width: 40%; height: 280px; border-radius: 6px; overflow: hidden; }
	.jxjy_left img { width: 100%; height: 100%; object-fit: cover; }
	.jxjy_right { width: 56%; }

	/* 系统登录 */
	.ksjs_bg { background-size: cover; }
	.login_con { display: flex; justify-content: space-between; }
	.login_con .item { width: 31%; }
	.login_con .item.lg01 { margin-right: 0; }
	.login_con .item .img { width: 100%; height: 16vw; }
	.login_con .item .img img { width: 100%; height: 100%; object-fit: cover; }
}

@media screen and (max-width: 1024px) {
	/* 医院动态&公示公告&媒体聚焦 */
	.news_item, #dq_xy .news_item { width: 100%; margin-right: 0 !important; float: none; }

	/* 教学教研 */
	.jxjy_left, .jxjy_right { width: 100%; float: none; height: auto; }
}

@media screen and (max-width: 768px) {
	.padCom { padding: 20px 0; }
	/* 预约挂号二维码浮窗 */
	.yygh_ewm { display: none; }

	/* 系统登录 */
	.ksjs_bg { padding: 0; }
	.login_con .item .name { font-size: 16px; line-height: 2em; margin-bottom: 10px; }
	.login_con .item .more { padding-right: 40px; font-size: 14px; background-size: 25px; }
	
}

@media screen and (max-width: 640px) {
	.mkTit { margin-bottom: 15px; }
	.mkTit a { font-size: 16px; }

	/* 教学教研 */
	.jxjy_list li a { max-width: 70%; }

	/* 系统登录 */
	.login_con { flex-wrap: wrap; }
	.login_con .item { width: 48%; margin-bottom: 3vw; }
	.login_con .item .img { height: 25vw; }
}