/*--------------------------------------------------------------
@author yzl and data.2021.4.1
--------------------------------------------------------------*/
.bgcolor5{background-color: #f5f5f5;padding-bottom: 1em;}
.position{color: #9c9c9c; padding:1em .5em 0; font-size:.9em; border-top: 1px solid #eeeeee; padding-bottom: 1em;}
.position a:first-child { color: #9c9c9c;}
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b {color: #337eff;color: #FFF;background: #337eff;}
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }
/**************************************************hoszx*************************************************************************/
.hoxzx_r{ padding: 1em;}
.hoxzx_r li{border: 1px solid #e8e8e8;padding: 1em;box-sizing: border-box; margin-bottom: 1em;}
.hoxzx_r li i{ display:block; height:6em;}
.hoxzx_r li i img{ width:50%; height:6em; display:block; margin:0 auto; border-radius:50%;}
.hoxzx_r li p{font-size: .9em;display: block;padding: 14px 0 5px 0;text-align: center;color: #333;}
.hoxzx_r li span{margin: 0 auto;text-align: center;color: #999;font-size: .9em;}
.chat-bitton {font-size: 14px;line-height: 32px;display: block;width: 180px;margin: 18px auto 0;text-align: center;color: #5398F4;border: 1px solid #5398F4;border-radius: 2px;}
.guanggao_left{background-color: #fafafa;color: #999;padding: 12px;line-height: 2em;text-align: justify;}
.cooperativepartner{line-height: 21px;font-size: 13px;overflow: hidden;padding: 20px;}
.rel-tit span{ont-size: 18px;}
.cooperativepartner a{float: left;height: 36px;vertical-align: top;position: relative;margin-right: 3px;line-height: 36px;width: 157px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cooperativepartner a img{position: absolute;width: 16px;height: 16px;margin-right: 3px;border-radius: 50%;top: 10px;}
.cooperativepartner a i{margin-left: 20px;}
/**************************************************list_doc*************************************************************************/
.ys-lb{padding: 12px 16px;margin-bottom: 15px;}
.ys-lb ul{overflow: hidden;}
.ys-lb ul li{overflow: hidden;margin-bottom: 15px;border-bottom: 1px dashed #eee;padding-bottom: 15px;}
.ys-lb-img{width: 120px;height: 120px;float: left;}
.ys-lb-img img{width: 100%;border-radius: 100%;}
.ys-lb-cont{width: 420px;float: left;margin-left: 20px;}
.ys-lb-cont h3{font-size: 16px;margin-bottom: 3px;}
.ys-lb-cont h3 a{color: #333;}
.ys-lb-cont div{margin-top: 4px;font-size: 14px;width: 420px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ys-lb-cont div i{font-style: normal;color: #999;}
.ys-lb-cont div span{color: #666;margin-right: 10px;}
.ys-lb-cont .chakan{line-height: 22px;display: inline-block;margin-top: 5px;padding: 0 10px;font-size: 12px;color: #666;border: 1px solid #e8e8e8;}
/**************************************************list_hos*************************************************************************/
.list-hos{ margin-bottom: 1em;}
.list-hos>ul>li{border-bottom: 1px solid #eeeeee;display: flex;padding-bottom: 1em;padding-top:1em;/* font-size: .9em; */}
.list-hos>ul>li a{ display: block; text-decoration: none;}
.list-hos>ul>li a:first-child{width: 16%;padding-left: 2%;overflow: hidden;box-sizing: border-box;margin-right: .8em;height: 8em;}
.list-hos>ul>li a:first-child img{width: 100%;}
.list-hos>ul>li a:last-child{width: 74%;margin-left: 1%;position: relative;font-size: .9em;}
.list-hos>ul>li a:last-child h2{font-size: 1.15em;font-weight: normal;margin-bottom: .7em;}
.list-hos>ul>li a:last-child>p{margin-bottom: 1em;margin-top: .2em;}
.list-hos>ul>li a i{color: #999;margin-left: .3em;}
.list-hos>ul>li a:last-child>span{/* display: block; */border: 1px solid #d7d7d7;text-align: right;padding: 0 .2em .1em;font-size: .9em;color: #4b4b4b;}
.list-hos>ul>li a:last-child>span:hover{ border-color:red; color:red;}
.item2 .inline b{font-weight: normal;margin-right: .5em;}
.hos-atr {position: relative;display: inline-block;width: 179px;cursor: pointer;}
.hos-atr>span {line-height: 17px;position: relative; top: -1px; display: inline-block;height: 17px;padding: 0 4px 0 18px;border: 1px solid; color: #f99a1e; border-color: #fdedd8;background: url(http://www.21hospital.com/templets/pc/images/china.png?ver=3) no-repeat;background-position: 3px -1158px;}
.hide-more {line-height: 24px; position: absolute; top: 20px; font-size: .8em !important;  left: 0; display: none; width: 155px;  padding: 5px 10px;color: #666; border: 1px solid #e8e8e8; background: #fff;}
.hide-more>i {position: absolute;top: -6px; left: 13px; display: block;width: 20px; height: 7px; background: url(http://www.21hospital.com/templets/pc/images/china.png?ver=3) no-repeat;background-position: 0 -1214px;}

/**************************************************xm_zx*************************************************************************/
.list{justify-content:space-between;align-items: flex-start;}
.list .left-box { width:74%;}
.blogs-list ul {padding: 1em;}
.blogs-list ul li {overflow: hidden;margin-bottom: 1em;border-bottom: 1px dashed #d3d3d3;padding-bottom: 1em;}
.blogs-list li h2 {font-size: 16px;margin-top: 5px;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 10px;}
.blogs-list li h2 a:hover { color: #337eff; }
.blogs-list li i { width: 200px; height: 130px; line-height: 100%; overflow: hidden; float: left; margin-right: 15px; background: #f1f1f1; }
.blogs-list li i img {width: 100%;display: inline-block;transition: .5s;object-fit: cover;height: 170px;}
.blogs-list li i:hover img { transform: scale(1.2); }
.blogs-list li p {color: #9b9b9b;line-height: 22px;font-size: .95em;margin-top: 20px;}
.blogs-list li time {font-size: .9em;margin: 10px 0;height: 1em;display: block;line-height: 2em;color: #337eff;text-align: right;}
.blogs-list ul li:hover h2 a { color: #337eff; }

.list .right-box { width: 25%;}
.side-title{ font-size: 1.1em; margin-bottom: 1em;}
/*topnews*/
.topnews { display: block; margin: 20px 0; background: #000; position: relative; overflow: hidden; border-radius: 3px; max-height: 150px; }
.topnews img {opacity: .7;transition: all 0.5s;height: 150px;object-fit: cover;width: 100%;}
.topnews span {bottom: 0;position: absolute;bottom: 0;left: 0;right: 0;color: #FFF;text-align: center;font-size: 1em;padding: .2em 1em;background: #302f2f;}
.topnews:hover img { opacity: .9; transform: scale(1.1); }
.right-box .news-title { margin: 0 }
/*tuijian*/
.right-box .tuijian {padding: 20px;border-bottom: 11px solid #f5f5f5;}
.right-box .tuijian ul { overflow: hidden; padding-top: 10px }
.right-box .tuijian li {overflow: hidden;margin-bottom: .6em;border-bottom: 1px solid #eeeded;padding-bottom: .6em;}
.right-box .tuijian li i {width: 70px;height: 60px;margin-right: 10px;overflow: hidden;display: block;float: left;}
.right-box .tuijian li i img {height: 60px;object-fit: cover;max-width: 100%;min-width: 100%;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;transition: all 0.5s;}
.right-box .tuijian li p {margin-top: 10px;line-height: 20px;max-height: 40px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size: .95em;}
.right-box .tuijian li:hover { background: #f6f6f6; }
.right-box .tuijian li:hover img { transform: scale(1.1); }
/*paihang*/
.right-box .paihang { padding: 20px }
.right-box .paihang ul { overflow: hidden; }
.right-box .paihang ul li {height: 30px;line-height: 30px;font-size: 15px;margin-bottom: 10px;padding-left: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.right-box .paihang ul li i { display: block; width: 16px; height: 16px; background: #B1B1B1; float: left; margin-top: 8px; margin-right: 10px; position: relative; font-style: normal }
.right-box .paihang ul li i::before { position: absolute; left: 0; top: 0; font-size: 9px; color: #fff; line-height: 16px; width: 16px; text-align: center }
.right-box .paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i { background: #337eff; }
.right-box .paihang ul li:first-child i::before { content: "1"; }
.right-box .paihang ul li:nth-child(2) i::before { content: "2"; }
.right-box .paihang ul li:nth-child(3) i::before { content: "3"; }
.right-box .paihang ul li:nth-child(4) i::before { content: "4"; }
.right-box .paihang ul li:nth-child(5) i::before { content: "5"; }
.right-box .paihang ul li:nth-child(6) i::before { content: "6"; }
.right-box .paihang ul li:nth-child(7) i::before { content: "7"; }
.right-box .paihang ul li:nth-child(8) i::before { content: "8"; }
.right-box .paihang ul li:hover { -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
/**************************************************xm_zx*************************************************************************/
.list .left{width: 74%;padding: 1% 1.5%;box-sizing: border-box;}
.list .left h1{font-size:1.5em;padding: 1em 0 .2em;font-weight:normal;color: #555;}
.youzhi_tag {display: inline-block;vertical-align: 2px;margin-left: 8px;line-height: 20px;font-size: 14px;color: #fff;padding: 0 6px 0 4px;height: 20px;background-color: #337eff;border-radius: 0 22px 22px 0;font-weight: 400;}
.article-meta{padding: .5em;border: 1px #eeeeee dashed;font-size: .75em;color: #7d7d7d;margin:.7em 0;}
.article-meta span{padding-right: 1.5em;}
.article-meta i{vertical-align: middle;margin-right: .3em;color: #000;width: 1.1em;height: 1.1em;display: inline-block;}
.article-meta .time{background: url(../image/time.png) no-repeat;background-size: 100%;}
.article-meta .read{background: url(../image/read.png) no-repeat;background-size: 100%;}
.article-meta .click{background: url(../image/click.png) no-repeat;background-size: 100%;}
.article-meta .Collection{background: url(../image/Collection.png) no-repeat;background-size: 100%;}
.article-copyright{font-size: .9em;padding-top: .5em;padding-bottom: 1em;color: #7d7d7d;align-items: center;border-bottom: 1px solid #eee;}
.writer-img{position: relative;margin-right: 12px;width: 40px;height: 40px;cursor: pointer;border: 1px solid rgba(0,0,0,.06);background-size: 100% 100%;border-radius: 40px;}
.writer-img img{width: 100%;height: 100%;border-radius: 40px;}
.writer-img span{display: block;position: absolute;top: 26px;left: 30px;width: 14px;height: 14px;line-height: 14px;border-radius: 14px;color: #fff;background-color: #ffb820;text-align: center;}
.writer-cont{width: 508px;}
.writer-cont-tit{width: 508px;height: 16px;}
.writer-cont-tit a{display: inline-block;font-size: 14px;color: #333;font-weight: 700;cursor: pointer;}
.user-tag{display: inline-block;font-size: 11px;padding: 2px 6px 2px 5px;line-height: 12px;border-radius: 8px;margin-left: 6px;margin-top: -5px;position: relative;vertical-align: middle;}
.user-tag img{float: left;width: 14px;height: 16px;margin-right: 5px;}
.writer-cont-tit .two{color: #68809e;background: #f0f3fa;}
.writer-cont-nums{width: 508px;height: 16px;font-size: 12px;color: #9eacb6;margin-top: 5px;}

.banquan{font-size: .7em;color: #7c878f; padding: 1em; background:#f3f3f3;}
.banquan p:first-child{ padding-bottom:.5em;}
.banquan a{color: #7c878f; }
.article-content{color:#636161;font-size: 15px;line-height:1.7em;text-align:justify;padding: 1.5em .7em;word-break: break-all;word-wrap: break-word;position: relative;}
.article-content img{display:block;margin: 1em auto;max-width: 95% !important;min-width: auto !important;height: auto !important;}
.article-content p,.article-content div{margin-bottom:.5em;color: #545454;text-align: justify;}
.article-content h2,.article-content h3{margin: .8em 0;font-size: 1.1em;color: #000;}
.s-top-b{padding:1.2em 0 1.5em 1em; border: 1px solid #eeeeee;padding-bottom:1.5em;}
.s-top-b p{ display: flex;}
.s-top-b span{padding-right:1em;width: 50%;color: #6c6d6e;}
.s-top-b span:last-child{ text-align: right;}
.correlation{width:100%;overflow: hidden; margin-top: 2em;}
.correlation h4{font-size: 1.2em;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:112px;height:3px;background: #337eff;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:last-child{ border-bottom: none;}
.bshare-custom{ margin-top: 1em; text-align: right !important;}
@media(max-width:1152px) {
}
@media(max-width: 768px){
    .area{ padding: 2%;}
    .area ul{ flex-wrap: wrap;}
    .area1-item1,.area1-item2,.area2-item1,.area2-item2{ width: 100%;}
    .area2-item2{ margin-top: 1em;}
    .area1-item2,.area1-item1{margin-bottom: 1.5em;}
  
	.list{ flex-wrap: wrap;}
	.list .left,.list .right{ width: 100%;}
	.list .right{ padding-left: 1%;}
}
@media(max-width:600px) {
.s-top-b p,.correlation ul{ flex-wrap: wrap;}
.s-top-b p span,.correlation ul li{ width: 100%; padding-left: 1%;}
.s-top-b span:last-child{ text-align: left; margin-top: 1em;}
.list .right h4{padding-top: 1em;border-top: 1px solid #eeeeee;} 
.list-group-item:last-child,.correlation ul li:last-child{ border-bottom: none;} 
}
@media(max-width: 481px){
.area2-item1 a{ width: 49.5%;}
.area2-item1 a:nth-child(odd){ margin-right: 1% !important;}
.area2-item1 a:not(:nth-child(3n)){ margin-right: 0;}
}
@media(max-width:375px){
}
@media(max-width:360px) {
}
@media(max-width: 320px){
}
.sitemaps{
	width: 1088px;
	margin: 0 auto;
	color: #666;
}
.sitemaps h1{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 15px;
}
.sitemaps .location{
	font-size: 13px;
	margin-bottom: 10px;
}
.sitemaps .nav{
	font-size: 16px;
	overflow: hidden;
	margin-bottom: 15px;
}
.sitemaps .nav h2{
	font-size: 16px;
	font-weight: normal;
	float: left;
}
.sitemaps a{
	color: #666;
}
.sitemaps .nav ul li{
	float: left;
	margin-right: 15px;
	border: 1px solid #999;
	border-radius: 3px;
	width: 73px;
	line-height: 24px;
	text-align: center;
}
.sitemaps .nav ul li a{
	font-size: 14px;
}
.sitemaps .new-arcticle{
	margin-top: 20px;
	margin-bottom: 10px;
}
.sitemaps .new-arcticle h2{
	font-size: 16px;
	margin-bottom: 10px;
}
.sitemaps .new-arcticle ul{
	overflow: hidden;
}
.sitemaps .new-arcticle ul li{
	float: left;
	width: 200px;
	margin-right: 16px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sitemaps .new-arcticle ul li a{
	font-size: 13px;
}
.sitemaps .new-arcticle .doc li{
	width: 40px;
height: 30px;
font-size: 13px;
line-height: 33px;
margin-right: 40px;
text-align: justify;
float: left;
overflow: hidden;
}
.sy-search{width:100%;display: flex;}
.sy-search .search-input{display:block;width: 80%;height: 27px;font-size:12px;padding:8px 8px 6px;color:#999;border: 1px solid #2e82ff;}
.search-btn{border: 0;display:block;width: 20%;line-height:41px;text-align:center;color:#fff;font-size:14px;background-color:rgb(46, 130, 255);}
.search-btn:hover{color:#fff;text-decoration:none}
.search-btn:active{background-position:0 -68px;border-color:#2599ba;}
.sy-search .search-input:focus{outline:medium;}