@import "include_part.css";
/*******************
edited by shamo  
2020.1.11
******************/

/*通用内容页 主体构造  start*/

#main_show{
	width: 100%;
	background: #f7f7f7;
	display: table;
}
#article_k{
	width: 1152px;
	display: table;
	margin:0 auto;
	padding-bottom: 3em;
	margin-bottom: 3em;
}
#position{
	width: 100%;
	height: 3em;
	margin-top: 3em;
	margin-bottom: 3em;
	line-height: 3em;
	font-size: 0.9em;
}
#article_k .article_header{
	width:96%;
	background:#fff;
	padding:1em 2% 0.5em 2%;
	transition:0.3s
}
#article_k .article_header .title{
	font-size:1.3em;
	line-height:1.8em;
	font-weight:bold
}
#article_k .article_header .title2{
	font-size:1em;
	display:none
}
#article_k .article_header .info{
	font-size:0.7em;
	color:#777;
	margin:1em 0 1em 0;
}
#article_k .article_header .info span{
	padding-right:1em;
	margin-right:1em;
}
#article_k .article_header .info .hits{
	color:red
}
#article_k .article{
	width: 100%;
	margin:0 auto;
	padding-bottom: 3em;
	margin-top: 3em;
}
/*#article_k .article .video{
	width: 100%;
	height: auto;
	margin:0 auto;
	text-indent:0;
}
#article_k .article .video video{
	width: 70%;
	height: auto;
	margin:0 auto;
	text-indent:0;
}
#article_k .article .pdf{
	width: 90%;
	height:30em;
	margin:0 auto;
    text-indent:2.5em;
	margin-top:2em;
}
#article_k .article p{
	margin-top:1.8em;
}

#article_k .article strong{
	font-size:1.2em;
}

#article_k .article img{
	max-width: 100%;
	height: auto;
}

#article_k .article iframe{
	width: 100%;
	height: 100% auto;
}
#article_k .article iframe{
	width: 100%;
	height: 40em;
}*/


/*#article_k .article{
	width: 92%;
	margin:0 auto;
	padding-bottom: 3em;
	margin-top: 3em;
}*/

#article_k .article .video{
	width: 70%;
	margin:0 auto;
	text-indent:0;
}

#article_k .article iframe{
	max-width: 100%;
	height: 100% auto;
}

#article_k .article .pdf{
	width: 100%;
	height:40em;
	margin:0 auto;
	margin-top:2em;
}

#article_k .article p{
	margin-top:1.8em;
}

#article_k .article strong{
	font-size:1.2em;
}

#article_k .article img{
	max-width: 100%;
	height: auto;
}

/*通用内容页 主体构造  end*/

	
/*联系我们，办事处  start*/

#article_k .article #con{
    width: 70%;
	margin: 0 auto;
    display: table;
}

#article_k .article #mymap1,#article_k .article #mymap2{
    width: 100%;
    height: 30em;
}

#article_k .article #con #mymap3{
    width: 100%;
    height: 30em;
    background: url("../images/office_pics/8.jpg") no-repeat center center;
    background-size: auto;
    cursor: pointer;
}

#article_k .article #con #desc{
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 2em;
}

#article_k .article #con #desc img{
    max-width: 100%;
    border: none;
    margin-bottom: 1em;
}

/*联系我们，办事处  end*/


/*患者故事-专家介绍-疗法介绍-内容页 主体构造 start*/

#showSpecial_k{
	width: 1350px;
	display: table;
	margin:0 auto;
	padding-bottom: 3em;
	margin-bottom: 3em;
}

#showSpecial_k #left_part{
	width: 1000px;
	float: left;
	margin-right: 20px;
	background:#fff;
}

#showSpecial_k #left_part .article_header{
	width:90%;
	background:#fff;
	padding:25px;
	margin: 0 auto;
	transition:0.3s
}
#showSpecial_k #left_part .article_header .title{
	font-size:1.3em;
	line-height:1.8em;
	font-weight:bold
}
#showSpecial_k #left_part .article_header .title2{
	font-size:1em;
	display:none
}
#showSpecial_k #left_part .article_header .info{
	font-size:0.7em;
	color:#777;
	margin:1em 0 1em 0;
}
#showSpecial_k #left_part .article_header .info span{
	padding-right:1em;
	margin-right:1em;
}
#showSpecial_k #left_part .article_header .info .hits{
	color:red
}

#showSpecial_k #left_part .article{
	width: 90%;
	margin:0 auto;
	padding: 35px;
	text-align: justify;
}

#showSpecial_k #left_part .article .video{
	width: 100%;
	margin:0 auto;
	text-indent:0;
}

#showSpecial_k #left_part .article iframe{
	max-width: 100%;
	height: 100% auto;
}

#showSpecial_k #left_part .article .pdf{
	/*margin:0 auto;
	text-indent:2.5em;*/
	width: 100%;
	height:40em;
	margin:0 auto;
	margin-top:2em;
}

#showSpecial_k #left_part .article p{
	margin-top:1.8em;
}

#showSpecial_k #left_part .article strong{
	font-size:1.2em;
}

#showSpecial_k #left_part .article img{
	max-width: 100%;
	height: auto;
}


/*
#showSpecial_k #right_part{
	width: 330px;
	float: left;
}

#showSpecial_k #right_part .section1_title{
	width: 100%;
	margin:0 auto;
	float: left;
	background: #fff
}
#showSpecial_k #right_part .section1_title .section1_items{
	list-style: none;
	width: 90%;
	margin: 0 auto;
}
#showSpecial_k #right_part .section1_title .section1_items .item{
	height: 3em;
	line-height: 3em;
	border-bottom: 1px solid #f0f0f0;
}
#showSpecial_k #right_part .section1_title .section1_items .item:last-child{
	border-bottom: none;
}
#showSpecial_k #right_part .section1_title .section1_items .item:hover{
	cursor: pointer;
	color:#2083c4
}


#showSpecial_k #right_part .section2_title{
	width: 100%;
	margin-top: 2em;
	float: left;
	background: #fff;
	padding-bottom: 1em;
}
#showSpecial_k #right_part .section2_title .section2_icon{
	width: 90%;
	height: 3em;
	margin: 0 auto;
}
#showSpecial_k #right_part .section2_title .section2_icon .title{
	height: 3em;
	width: 70%;
	font-size: 1.1em;
	line-height: 3em;
	font-weight: bold;
	color: #777;
	float: left;
}
#showSpecial_k #right_part .section2_title .section2_icon .icon{
	height: 3em;
	width: 30%;
	float: left;
}
#showSpecial_k #right_part .section2_title .section2_icon .hot{
	background: url(/images/hot.png) no-repeat left center;
}
#showSpecial_k #right_part .section2_title .section2_icon .new{
	background: url(/images/new.png) no-repeat left center;
}
#showSpecial_k #right_part .section2_title .section2_icon .link{
	background: url(/images/link.png) no-repeat left center;
}

#showSpecial_k #right_part .section2_title .section2_items{
	clear: both;
	width: 90%;
	height: 3em;
	margin: 0 auto;
}
#showSpecial_k #right_part .section2_title .section2_items .item{
	width: 100%;
	height: 3em;
	margin-top: 1em;
	clear: both;
	
}
#showSpecial_k #right_part .section2_title .section2_items .item .number{
	width: 12%;
	font-size: 1.5em;
	line-height: 2em;
	color: #dddddd;
	float: left
}
#showSpecial_k #right_part .section2_title .section2_items .item .title_name{
	width: 88%;
	height: 3em;
	font-size: 1em;
	line-height:1.5em;
	float: left
}
#showSpecial_k #right_part .section2_title .section2_items .item .title_name:hover{
	cursor: pointer;
	color:#2083c4
}

#showSpecial_k #right_part .section2_title .relative_doctor{
	clear: both;
	width: 90%;
	margin: 0 auto;
}
#showSpecial_k #right_part .section2_title .relative_doctor .item{
	margin-top: 1em;
	cursor: pointer;
}
#showSpecial_k #right_part .section2_title .relative_doctor .name{
	font-size: 0.9em;
	cursor: pointer;
	padding-bottom: 1em;
}
#showSpecial_k #right_part .section2_title .relative_doctor .name:hover{
	color:#2083c4;
}
*/
#showSpecial_k #right_part{
    width: 330px;
    float: left;
}

#showSpecial_k #right_part .section_title{
    width: 100%;
    margin-bottom: 2em;
    float: left;
    background: #fff;
    padding-bottom: 1em;
}

#showSpecial_k #right_part .section_title .section_icon{
    width: 90%;
    height: 3em;
    margin: 0 auto;
}

#showSpecial_k #right_part .section_title .section_icon .title{
    height: 3em;
    width: 70%;
    font-size: 1.1em;
    line-height: 3em;
    font-weight: bold;
    color: #777;
    float: left;
}

#showSpecial_k #right_part .section_title .section_icon .icon{
    height: 3em;
    width: 30%;
    float: left;
}

#showSpecial_k #right_part .section_title .section_icon .hot{
    background: url(/images/hot.png) no-repeat right center;
}

#showSpecial_k #right_part .section_title .section_icon .new{
    background: url(/images/new.png) no-repeat right center;
}

#showSpecial_k #right_part .section_title .section_icon .link{
    background: url(/images/link.png) no-repeat right center;
}

#showSpecial_k #right_part .section_title .relative_item{
    clear: both;
    width: 90%;
    margin: 0 auto;
}

#showSpecial_k #right_part .section_title .relative_item .item{
    margin-top: 1em;
    cursor: pointer;
}

#showSpecial_k #right_part .section_title .relative_item .item img{
    max-width: 100%;
}

#showSpecial_k #right_part .section_title .relative_item .item .name{
    font-size: 0.9em;
    line-height: 1.5em;
    cursor: pointer;
}

#showSpecial_k #right_part .section_title .relative_item .item .name:hover{
    color:#2083c4;
}





/*患者故事内容页 主体构造 end*/


/*适应屏幕宽度展示 start*/
@media screen and (min-width:200px) and (max-width:800px){

	#main1 {float: none; margin: auto;max-width: 800px !important;min-width: 200px !important; overflow: hidden; background-color:#fafafa;}
	.main1 h2 {font-size:1.2rem; text-align:center; width:94%; margin:0 3% 2% 3%;}
	.main1 h3 {font-size:1rem;}
	.main1 p {font-size:0.875rem; }
	.main1 a {font-size:1rem;}


	#header_bar{
		display: none
	}
	#header_bar_mobile{
		display: block;
	}
	#footer {
		display: none
	}
	#footer_mobile{
		display: block
	}
	
	/*通用内容页 主体 start*/ 
	#article_k{
		width: 94%;
		margin: 0 auto;
	}
	
	#position{
		width: 100%;
		height: 2em;
		margin-top: 2em;
		margin-bottom: 2em;
		line-height: 2em;
		font-size: 0.8em;
	}
	#position a{
		font-size: 0.8em;
	}
/*	#article_k .article .video{
		max-width: 100%;
		height: auto;
	}
	#article_k .article .pdf{
		width: 100%;
		text-indent:2.2em;
	}
	
	#article_k .article iframe{
		height: 18em;
	}*/
	
	
	#article_k .article{
		width:100%;
		margin:0 auto;
		text-align: justify;
	}
	
	#article_k .article .video{
		width: 100%;
		margin:0 auto;
		text-indent:0;
	}
	
	#article_k .article iframe{
		max-width: 100%;
		height: 100% auto;
	}
	
	#article_k .article .pdf{
		width: 100%;
		height: 30em;
		text-indent:0em;
	}
	
	#article_k .article p{
		margin-top:1.5em;
	}
	
	#article_k .article img{
		max-width: 100%;
		height: auto;
	}
	
	#article_k .article strong{
		font-size:1.2em;
	}


	/*通用内容页 主体 end*/ 
	
    /*联系我们，办事处  start*/

    #article_k .article #con{
        width: 100%;
        display: table;
    }

    #article_k .article #mymap1,#article_k .article #mymap2{
        width: 100%;
        height: 30em;
    }

    #article_k .article #con #mymap3{
        width: 100%;
        height: 30em;
        background: url("../images/office_pics/8.jpg") no-repeat center center;
        background-size: auto;
        cursor: pointer;
    }

    #article_k .article #con #desc{
        width: 100%;
        margin-top: 2em;
        margin-bottom: 2em;
        line-height: 2em;
    }

    #article_k .article #con #desc img{
        max-width: 100%;
        border: none;
        margin-bottom: 1em;
    }

    /*联系我们，办事处  end*/
	
	/*患者故事内容页 主体构造 start*/

	#showSpecial_k{
		width: 94%;
		margin:0 auto;
	}

	#showSpecial_k #left_part{
		width: 100%;

		background:#fff;
	}
	#showSpecial_k #left_part .article_header{
		width:90%;
		background:#fff;
		padding:1em 0px;
		transition:0.3s
	}
	#showSpecial_k #left_part .article{
		width: 90%;
		margin:0 auto;
		padding:0px;
		text-align: justify;
	}
	
/*	#showSpecial_k #left_part .article .video{
		max-width: 100%;
		height: auto;
	}
	#showSpecial_k #left_part .article .video video{
		max-width:100%;
		height: auto;
	}
	#showSpecial_k #left_part .article .pdf{
		max-width: 100%;
		height:30em;
		margin-top:2em;
	}
	
	#showSpecial_k #left_part .article iframe{
		height: 18em;
	}*/
	
	
	
	#showSpecial_k #left_part .article .video{
		width: 100%;
		margin:0 auto;
		text-indent:0;
	}

	#showSpecial_k #left_part .article iframe{
		max-width: 100%;
		height: 100% auto;
	}
	
	#showSpecial_k #left_part .article .pdf{
		width: 100%;
		text-indent:2.2em;
		height:30em;
		margin-top:2em;
	}
	
	#showSpecial_k #left_part .article p{
		margin-top:1.5em;
	}
	
	#showSpecial_k #left_part .article strong{
		font-size:1.2em;
	}
	
	#showSpecial_k #left_part .article img{
		max-width: 100%;
		height: auto;
	}
	

	
	
	#showSpecial_k #right_part{
		width: 100%;
		float: left;
	}

	#showSpecial_k #right_part .section_title{
		width: 100%;
		margin-top: 2em;
		float: left;
		background: #fff;
		padding-bottom: 1em;
	}
	
	#showSpecial_k #right_part .section_title .section_icon{
		width: 100%;
		height: 3em;
		margin: 0 auto;
	}
	
	#showSpecial_k #right_part .section_title .section_icon .title{
		height: 3em;
		width: 100%;
		font-size: 1.1em;
		line-height: 3em;
		font-weight: bold;
		color: #777;
		float: left;
		background: #f7f7f7;
		text-indent: 0.5em;
	}
	
	#showSpecial_k #right_part .section_title .section_icon .icon{
		display: none;
		height: 3em;
		width: 30%;
		float: left;
	}
	
	#showSpecial_k #right_part .section_title .section_icon .hot{
		background: url(/images/hot.png) no-repeat right center;
	}
	
	#showSpecial_k #right_part .section_title .section_icon .new{
		background: url(/images/new.png) no-repeat right center;
	}
	
	#showSpecial_k #right_part .section_title .section_icon .link{
		background: url(/images/link.png) no-repeat right center;
	}

	#showSpecial_k #right_part .section_title .relative_item{
		clear: both;
		width: 90%;
		margin: 0 auto;
	}
	
	#showSpecial_k #right_part .section_title .type2{
		width: 98%;
		padding-top: 1em;
	}
	
	#showSpecial_k #right_part .section_title .relative_item .item{
		margin-top: 1em;
		cursor: pointer;
	}
	
	#showSpecial_k #right_part .section_title .relative_item .item img{
		max-width: 100%;
	}
	
	#showSpecial_k #right_part .section_title .relative_item .item .name{
		font-size: 0.9em;
		cursor: pointer;
		padding-bottom: 1em;
	}
	
	#showSpecial_k #right_part .section_title .relative_item .item .name:hover{
		color:#2083c4;
	}
	/*患者故事内容页 主体构造 end*/
}
@media screen and (min-width:801px) and (max-width:1151px){

	/*header_bar start*/
	#header_bar{
		width:1024px;
		height: 10em;
	}
	#header_bar #nav .items{
		width: 1024px;
	}
	/*header_bar end*/

	/*footer start*/ 
	#footer .nav_show .items{
		width: 1024px;
		height: 24em;
	}
	/*footer end*/ 

	/*通用内容页 主体 start*/ 	
	#article_k{
		width: 960px;
	}
	/*通用内容页 主体 end*/ 
	
	
	/*患者故事内容页 主体构造 start*/

	#showSpecial_k{
		width: 960px;
		margin:0 auto;
	}

	#showSpecial_k #left_part{
		width: 610px;
		float: left;
		margin-right: 20px;
		background:#fff;
	}
	#showSpecial_k #left_part .article_header{
		width:90%;
		background:#fff;
		padding:25px;
		margin: 0 auto;
		transition:0.3s
	}
	#showSpecial_k #left_part .article{
		width: 90%;
		margin:0 auto;
		padding: 35px;
		text-align: justify;
	}
	#showSpecial_k #right_part{
		width: 330px;
		float: left;
	}
	/*患者故事内容页 主体构造 end*/
}

@media screen and (min-width:1152px) and (max-width:1279px){

	/*header_bar start*/
	#header_bar{
		width:1152px;
		height: 10em;
	}
	#header_bar #nav .items{
		width: 1152px;
	}
	/*header_bar end*/

	/*footer start*/ 
	#footer .nav_show .items{
		width: 1152px;
		height: 24em;
	}
	/*footer end*/ 
	
	/*通用内容页 主体 start*/ 	
	#article_k{
		width: 1024px;
	}
	/*通用内容页 主体 end*/ 
	
	
	/*患者故事内容页 主体构造 start*/

	#showSpecial_k{
		width: 1024px;
		margin:0 auto;
	}

	#showSpecial_k #left_part{
		width: 674px;
		float: left;
		margin-right: 20px;
		background:#fff;
	}
	#showSpecial_k #left_part .article_header{
		width:90%;
		background:#fff;
		padding:25px;
		margin: 0 auto;
		transition:0.3s
	}
	#showSpecial_k #left_part .article{
		width: 90%;
		margin:0 auto;
		padding: 35px;
		text-align: justify;
	}
	#showSpecial_k #right_part{
		width: 330px;
		float: left;
	}
	/*患者故事内容页 主体构造 end*/
	
}
@media screen and (min-width:1280px) and (max-width:1499px){
	/*header_bar start*/
	#header_bar{
		width:1280px;
		height: 10em;
	}
	#header_bar #nav .items{
		width: 1280px;
	}
	/*header_bar end*/

	/*footer start*/ 
	#footer .nav_show .items{
		width: 1280px;
		height: 24em;
	}
	/*footer end*/ 
	
	/*通用内容页 主体 start */ 	
	#article_k{
		width: 1152px;
	}
	/*通用内容页 主体 end */ 
	
	
	/*患者故事内容页 主体构造 start*/

	#showSpecial_k{
		width: 1152px;
		margin:0 auto;
	}

	#showSpecial_k #left_part{
		width: 802px;
		float: left;
		margin-right: 20px;
		background:#fff;
	}
	#showSpecial_k #left_part .article_header{
		width:90%;
		background:#fff;
		padding:25px;
		margin: 0 auto;
		transition:0.3s
	}
	#showSpecial_k #left_part .article{
		width: 90%;
		margin:0 auto;
		padding: 35px;
		text-align: justify;
	}
	#showSpecial_k #right_part{
		width: 330px;
		float: left;
	}
	/*患者故事内容页 主体构造 end*/
	
}
@media screen and (min-width:1500px) and (max-width:1599px){

	/*通用内容页 主体 start*/ 	
	#article_k{
		width: 1152px;
	}
	/*通用内容页 主体 end*/ 

}
@media screen and (min-width:1600px){

	/*公用内容页 主体 start*/ 	
	#article_k{
		width: 1152px;
	}
	/*公用内容页 主体 end*/ 
}
/*适应屏幕宽度展示 end*/