@charset "utf-8";
/* CSS Document */


@media (max-width: 768px){
	header,.domain,.expert,.about,.news,.facility,.url,.contact,.ybwl,.page_bonk,.news_page,.bonk_about,.honor,.page_news,.kidney_t,.kidney_b,.page_pro,.center,.pro_page{padding-left:10px; padding-right:10px; box-sizing:border-box;}
	.contact .max div:nth-child(3){ float:left; width:100% !important;}
	.contact .max div:nth-child(2){ float:left; width:70% !important; margin-right:0px; border-right:0px;}
	.contact .max div:first-child{ float:left; width:30% !important;}
	.about_b div:nth-child(2){ margin-top:2%;}
	
	.tel{ display:none;}
	.logo{ max-width:calc(100% - 50px);}
	.logo span p:first-child{ font-size:30px;letter-spacing:3px;}
	.logo span p:nth-child(2){letter-spacing:1px;}
	.logo_c{ width:412px;}
	.about_b div{ max-width:100%;}
	.news_l{ display:none;}
	.news_b ul{ width:calc(100% / 2);}
	.code{ text-align:center; padding-top:5%;}
	.code span{ float:none; display:inline-block;}
	.about_b div:nth-child(2) a{ float:none; display:block;}
	.domain .max div{max-width:calc(100% / 3 - 14px);margin-right:20px;}
	.about_b div img{ height:auto;}
	.bonk_about .max div img{ height:auto; width:100%;	}
	.bonk_about .max div:nth-child(2){ width:100%;}
	.bonk_about .max div:first-child{ max-width:100%; width:100%;}
	.honor_bl{ display:none;}
	.honor_br{ max-width:100%;}
	.honor_br span:first-child{ height:auto;}
	.bonk_about span{width:auto;}
	.kidney_about .max div{ width:100%;}
	.kidney_news li{ max-width:calc(100% / 3 - 18px); margin-bottom:3%;}
	.kidney_news li:nth-child(3n){margin-right:0px;}
	
	.page_yly .about_b div:first-child{ width:100%;}
	.page_yly .about_b div:nth-child(2){ width:100%;}
	.page_yly .bonk_about .max div:first-child{ max-width:100%;}
	.page_yly .bonk_about .max div:nth-child(2){ max-width:100%;}
	.center_b{ height:auto;}
	.center_b div{ max-width:25%;}
	.center_b div:nth-child(3){ width:100%; max-width:calc(50% - 30px);}
	.center_b div:nth-child(n+3){  margin-bottom:9px;}
	.center_b div:nth-child(4){ max-width:100%;}
	.page_yly .about_b div img{ height:auto;}
	
	.page_pro li{max-width:calc(25% - 16px);}
	.page_pro li:nth-child(4n){ margin-right:0px;}
	.page_pro li:nth-child(5n){ margin-right:20px;}
	.pro_img span:first-child{ float:none;}
	
}
@media (max-width: 425px){
	.logo_c,.expert_list{ display:none;}
	.logo span:nth-child(2){margin-right:0px; background:none; height:50px;}
	#dh{ display:block; text-align:right;}
	.logo span p:first-child{ font-size:20px;letter-spacing:7px;}
	.logo span p:nth-child(2){ font-size:12px;letter-spacing:0px;}
	.logo img{ max-height:50px;}
	.footer_l{ float:left; width:100% !important;transform:translateY(0%);}
	.footer_c{ float:left; width:100% !important; margin:5% 0;}
	.url span{ margin-bottom:2%;}
	.url div{ max-width:100%;}
	.log{ width:80%;}
	
	nav{ position:relative;}
	.nav{ position:absolute; z-index:2; width:30%; overflow:hidden; height:0px; right:0px; background:linear-gradient(to right,#1976c3,#22a758);}
	.nav a{ max-width:100%;}
	.nav li{ overflow:hidden;}

	.domain .max div{ max-width:100%; margin-bottom:3%;}
	.expert_b{ height:auto;}
	.expert_b ul{ position:static; max-width:100%;}
	.expert_b ul li{ margin-right:0px; position:static; margin-bottom:2%; width:100%;}
	.expert_b ul li:nth-child(n+5){ display:none;}
	.expert_b ul li:nth-child(even){ float:right;}
	
	.news_b ul{ width:100%; padding:0px !important; border-left:0px !important;}
	.news_c li:last-child{border-bottom:1px solid #e4e4e4;}
	.news_r li:first-child{ padding-top:15px;}
	.contact .max div:first-child,.contact .max div:nth-child(2){ border:0px; width:100% !important;}
	.ybwl{ line-height:32px;}
	.ybwl a{ width:100%;}
	.domain .max div img{ height:180px;}
	.about_b div:nth-child(2) span:first-child,.page_bonk .max div:first-child{ font-size:20px;}
	.news_contont .news_title{ font-size:16px;}
	.page_bonk .max div:nth-child(2){ font-size:16px; margin-top:3%;}
	.honor_b span{ display:block; width:100% !important; float:none !important; height:auto !important; margin-bottom:10px !important;}
	.honor_b div{ height:auto; text-align:center; width:100%;}
	.honor_b div img{ width:auto;}
	
	.page_news li span:first-child{ max-width:100%; height:200px;}
	.page_news li span:nth-child(2){ margin-top:3%; max-width:100%; height:auto;}
	.page_news li span:nth-child(2) p:nth-child(2){ height:auto;}
	.page_list a{padding:4px 10px; margin-bottom:2%;}
	
	.kidney_news li{ max-width:49%; margin-bottom:2%;margin-right:0px;}
	.kidney_news li:nth-child(even){ float:right;}
	.kidney_title,.kidney_about .max div span p:first-child{ font-size:20px;}
	.kidney_about .max div span p{ font-size:14px; line-height:24px;}

	.sj_footer{ display:block;}
	footer{ margin-bottom:77px;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}	
	.center_b div{ max-width:100%; width:auto; float:none; margin:0px; height:auto; margin-bottom:9px;}
	.center_b div:nth-child(even) span{margin-right:9px;}
	.page_pro li{max-width:47%; margin-right:0px !important;}
	.page_pro li:nth-child(2n){ float:right;}
	.page_bonk .max{ padding:36px 0px;}
	.pro_page li img{ height:220px;}
	.pro_img span p:first-child{ font-size:20px;}
	.pro_page .doctor{ font-size:20px; margin-bottom:5px; text-align:center;}
	
	.page_pic li{ max-width:48%; margin-right:0px; margin-bottom:20px;}
	.page_pic li:nth-child(2n){ float:right;} 
	.expert_b ul li img{ max-height:450px;}
	.kidney_about .max div img{ height:auto;}

	

}

@media (max-width: 375px){
	.expert_b ul li img{ max-height:450px; width:auto;}
	.domain .max{margin:25px auto;}
	.banner{height:150px}
	.banner ul li img{height:150px; object-fit:cover; width:100%;}
	.logo span p:first-child{ font-size:16px; letter-spacing:0px;}
	.logo span:first-child{ max-width:80px; margin-right:5px; font-size:14px;}
	.logo span:nth-child(2){ padding-right:0px;}
}



@media (max-width: 320px){
	.about_b{ padding:30px 10px}
	.logo{ width:85%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
	.often_change span:last-child{ padding-right:0px;}
	.often_change span{ float:left; box-sizing:border-box; text-align:center; max-width:30%; width:100%; font-size:14px;}
	.often_change span:nth-child(2){ max-width:40%;}
	.kidney_news li{ max-width:100%;}
	.kidney_news li span{ max-height:100%;}
	.page_pic li{ max-width:100%; margin:0px; margin-bottom:20px;}
	.news_contont time{ line-height:30px;}
}