/*
Date: 2021.06.18
Author:yzl
*/
.header{margin-bottom:0;}
.chioce{padding: 1em 1em .5em 0;box-sizing: border-box;flex-direction: column;margin-top: .5em;background-color: #fff;}
.chioce>nav{align-items: baseline;font-size: .9em;}
.chioce .c_menu{display: block;color: #a1a1a1;width: 5em;text-align: center;}
.chioce>nav a:hover,.hover{color:#f65453;}
.chioce>nav>div{flex: 1;}
.area_list,.project_list{flex-wrap: wrap;}
.area_list li,.project_list li{padding-right: 1em;margin-bottom: 1em;}
.area_son,.project_son{background-color: #f8f8f8;padding: 1em 1em 0 1em;margin-bottom: 1em;flex-wrap: wrap;}
.area_son li,.project_son li{padding-right: 1em; margin-bottom:1em;}
/*hospital-list*/
.hospital-content{margin-top: 1em;padding: .75em;box-sizing: border-box;background-color: #fff;}
.hospital-content>nav{flex: 9;margin-right: .7em;}
.hospital-list{margin-bottom: 2em; flex-wrap: wrap;border-top: 1px solid #EAEAEA;border-left: 1px solid #EAEAEA;}
.hospital-list li{top:0;position: relative;transition: all 0.2s linear;border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;width: 33.3%;padding: 1% 1% 2% 1%;box-sizing: border-box;text-align: center;}
.hospital-list li:hover {top: -4px; box-shadow: 0 15px 30px #000; transition: translate3d(0, -2px, 0);}
.hospital-list li .pic-img{width: 80%;height: 8em;margin: .5em auto;}
.hospital-list li .pic-img img{width: 100%;height: 8em;object-fit: cover;display: block;}
.hospital-list li h3{justify-content:space-between;padding:.5em;box-sizing:border-box;margin-bottom: 0;}
.hospital-list li h3 span{font-size: .9em;}
.hospital-list li h3 i{font-size: .7em;display: none;}
.hospital-list li address{font-size: .9em;font-style: normal;}
/*pagelist*/
.pagesize {text-align: center;color: #666;width: 100%;clear: both;margin: 0 0 10px;display: flex; justify-content:center;}
.pagesize li { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagesize a:hover, .pagelist > b { color: #3690cf; color: #FFF; background: #1C2327; }
.pagesize > b { padding: 5px 10px; }


.hospital-content>aside{ flex: 3;}
/*tuijian*/
.side-title{font-size: 1em;color: #646262;font-weight: 600;}
.tuijian {padding: 1em;border: 1px solid #EAEAEA;margin-bottom: 1em;box-sizing: border-box;}
.tuijian ul {padding-top: 1em; }
.tuijian li {margin-bottom: 1em;}
.tuijian li:last-child{ margin-bottom:0;}
.tuijian li a{display:flex;align-items: flex-start;}
.tuijian li i {width: 6em;height: 4.5em;margin-right: .7em;overflow: hidden;display: block;}
.tuijian li i img {height: 4.5em;width:100%;object-fit:cover;}
.tuijian li p {flex:1;line-height: 1.5em;font-size: .95em;text-align: justify;}


table,table tr,table tr td{max-width:100%}
table{border: 1px solid #ccc;border-collapse: collapse;margin: 1em auto;width: 80%;color:#333;text-align:center;}
table tr td{line-height:2.5em;}
table tr td,table tr td span{ font-size:1em !important;}
table tr:nth-child(odd) { background: #f5f5f5;}
.position{color: #9c9c9c;padding:1em .5em 0;font-size:.9em;border-bottom: none;margin-bottom: 1em;}
.position a:first-child { color: #9c9c9c;}
.title_box{background-color: #f1f7fc;padding-bottom: 1em;}
.title_box nav{align-items: center;background-color: #fff;}
.title_box h1{font-size: 1.5em;color: #454444;font-weight: normal;padding: 1em 0 .5em .8em;/* border-bottom: 1px solid #f0eeee; */}
.title_box nav>div{ padding:1em;}
.title_box .title_left{width: 20em;height: 13em;overflow: hidden;margin-right: 1.5em;}
.title_box .title_left img{width: 100%;height: 13em;object-fit: cover;transition: all 2s;}
.title_box .title_right{letter-spacing: .05em;font-size: .85em;}
.title_box .title_right p{font-size: 1.1em;margin-bottom: .75em;}
.title_box .title_right p:last-child{ margin-bottom:0;}
.title_box .title_right p{color: #454343;}
.title_box .title_right p a{margin-right: .3em;}
.title_box .title_right .zixun-btn {color: #f65453 !important;}
.hos_menu{border-bottom: 1px solid #f0eeee;background-color: #fff;}
.hos_menu ul{align-items: center;color: #f0eeee;}
.hos_menu ul li{flex: 1;font-size: 1.15em;text-align: center;padding-bottom:1em;padding-top:1em;border-top: 1px solid #f0eeee;border-right: 1px solid #f0eeee;}
.hos_menu ul li:last-child a{ border-right:none;}
.act,.hos_menu ul li:hover{border-top-color: #f65453 !important;}
.hos_menu ul li:hover,.act a{color: #f65453 !important;}

.hos_article{background-color: #fff;padding: 0 .75em;box-sizing: border-box;}
.hos_article article{flex:9;padding: 0 1.7em 1em 0;box-sizing: border-box;}
.hos_article .article-content{color:#636161;font-size: 1em;line-height: 1.9em;text-align:justify;word-break: break-all;}
.hos_article .article-content img{ display:block; margin:0 auto;max-width: 95% !important; min-width: auto !important;  height: auto !important;}
.hos_article .article-content p{ margin-bottom:.5em; color: #545454;}
.hos_article .article-content h2{border-bottom:1px solid #f0eeee;padding-bottom:1em;padding-top: 1em;margin-bottom: 1.5em;}
.hos_article .article-content h2,.hos_article .article-content h3{font-size: 1.1em;font-weight: 600;color: #535151;}


.s-top-b{padding:1.2em 0 1.5em 1em;border: 1px solid #eeeeee;padding-bottom:1.5em;margin-top: 1em;font-size: 1em;}
.s-top-b p{ justify-content:space-between;}
.s-top-b span{width: 49%;}

.correlation{width:100%;overflow: hidden; margin-top: 2em;}
.correlation h4{font-size: 1.05em;font-weight: normal;color:#333;padding-bottom: 1em;position:relative;margin-bottom: 1em;}
.correlation h4::after,.correlation h4::before{content:"";position:absolute;bottom:0;left:0;}
.correlation h4::after{width:100%;height:1px;background:#e6e6e6;}
.correlation h4::before{width: 4.5em;height:3px;background: #f65453;z-index: 999;}
.correlation ul{ width: 100%; flex-wrap: wrap; justify-content:space-between;}
.correlation ul li{width: 49%;font-size: 1em;height: 2.5em;margin-bottom: 1em;border-bottom: 1px dashed #dedede;}
.correlation ul li span{font-weight:bold;color:#888;margin-right:10px;}
.correlation ul li a:hover{/*color:#17A693;*/}


.hos_article>aside{ flex: 3;}
.hos_article .right-list{border: 1px solid #f0eeee;margin-top: 1em;padding-top:1em;}
.hos_article .right-list>p{padding-bottom:1em;font-size: 1em;font-weight:600;padding-left:1em;color: #646262;position: relative;margin-bottom: 1em;}
.hos_article .right-list>p::after,.hos_article .right-list>p::before{content:"";position:absolute;bottom:0;left:0;}
.hos_article .right-list>p::after{width:100%;height:1px;background:#e6e6e6;}
.hos_article .right-list>p::before{width: 4.5em;height:3px;background: #f65453;z-index: 1;margin-left: 1em;}
.hos_article .right-list ul{padding: 0 1em 1em;line-height: 1.5em;}
.hos_article .right-list ul li:not(:last-child){margin-bottom: 1em;padding-bottom: 1em;border-bottom: 1px #f2f2f2 solid;}
.hos_article .right-list ul li a{font-size: 1em;}
.hos_article .right-list ul li a span{ padding-top:.2em;}

.hos_article .pubdate-new{padding: 1em;}
.hos_article .pubdate-new li:not(:first-child){padding-top:.93em;}
.hos_article .pubdate-new li:not(:last-child){padding-bottom: .93em;}
.hos_article .pubdate-new li{display: flex;font-size: .9em;}
.hos_article .pubdate-new li a{ display: block;}
.hos_article .pubdate-new li a:first-child{width: 7em;height: 5em;overflow: hidden;margin-right: .8em;}
.hos_article .pubdate-new li a:first-child img{width: 100%;height: 5em;object-fit: cover;}
.hos_article .pubdate-new li a:last-child{position: relative;flex: 1;}
.hos_article .pubdate-new li a:last-child h4{font-size: 1.1em;font-weight:normal;margin-bottom: .2em;line-height: 1.5em;}
.hos_article .pubdate-new li a:last-child p{font-size: 1.04em;color: #282828;}
.hos_article .pubdate-new li a:last-child time{position: absolute;bottom: 0;font-size: .95em;color: #858282;}


@media(max-width: 1200px) {
	.container{ margin-left: .5em; margin-right: .5em; box-sizing: border-box;}
}
@media(max-width: 768px) {
	.hos_article{flex-direction: column;}
	.hos_article article,.hos_article>aside{flex:1;padding-right: 0;}
}
@media(max-width: 600px) {
	.currentStyle,.hover{color:#f65453 !important;}
	.currentStyle:after,.hover:after{border-color: #d20d8d !important;}
	.chioce{flex-direction: row;border:none;position: relative;}
	.chioce>nav{flex-direction: row;width: 100%;flex-wrap: wrap;}
	.chioce .c_menu{width: 100%;border-bottom: 1px solid #edecec;padding-bottom: 0;margin-bottom: 0;line-height: 3em;height: 3em;}
	.chioce .c_menu:after{ content:""; display: inline-block;height: 6px;width: 6px; border-width: 1px 1px 0 0; border-color: #0d0d0d; border-style: solid; -webkit-transform: rotate(135deg);transform: rotate(135deg);position:relative;  top: -.3em; margin-left: .4em;}
	.chioce>nav>div{z-index: 10;width: 100%;display: flex;align-items: end;left: 0;position: absolute;top: 3.6em;border: 1px solid #edecec;}
	.area,.project{visibility: hidden;}
	.area{ z-index: 1;}
	.area_list,.project_list{width: 7em;height: 25em;text-align: center;padding-top: .5em;box-sizing: border-box;overflow-x: auto;background-color: #f8f8f8;}
	.area_list li, .project_list li{width: 100%;padding-right:0;padding-bottom: .33em;border-bottom: 1px solid #edecec;}
	.area_son, .project_son{flex: 1;margin-bottom: 0;background-color: #fff;}
    .active{ visibility:inherit;}


    .hospital-content{ flex-direction:column;}
    .hospital-content>nav{flex:1;margin-right: 0;}
    .hospital-list li{ width:50%;}
    .hospital-list li .pic-img,.hospital-list li .pic-img img{ height:6em;}
    .hospital-list li h3 span{}
    .hospital-list li address{ font-size:.9em; margin-bottom:.5em}


	
	table{ width: 95%;}
	.title_box h1{ font-size: 1.5em;}
	.title_box nav>div{flex-direction: column;}
	.title_box .title_left{ margin: 0 auto; width: 100%; height: auto;}
	.title_box .title_left img{ height: auto;}
	.title_box .title_right{ margin-top: 1em;}
	
	.hos_menu ul li{ width: auto; flex:1;}
	
	.hos_article .article-content h2, .hos_article .article-content h3{ font-weight: 600;}
	.s-top-b span:last-child{ text-align:left;}
	.correlation ul li,.s-top-b span{ width: 100%;margin-right: 0;}
	.s-top-b p{flex-direction:column;line-height: 2em;}

	.hos_article .right-list{border:none;padding-top: 0;margin-top: 0;margin-bottom: 1.5em;}
	.hos_article .right-list h3{padding-left:0;width: 100%;font-weight: normal;}
	.hos_article .right-list h3::before{ margin-left:0;}
	
	 

	.hos_article .right-list ul{ padding:0;}
}
@media(max-width: 360px) {
}