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

@media (max-width: 768px){
	.tel{ display:none;}
	header{ background:#fff; width:100%; z-index:5;}
	.header{ margin:20px auto;}
	
	.banner{}
	.banner ul li img{ height:304px;}
	
	.nav>a:first-child{ text-align:center; display:block; max-width:100%; float:none; border-right:0px;}
	.nav>a:first-child img{ display:none;}
	.nav>a:first-child::before{content:"首页"; color:#fff; line-height:60px; width:100%;}
	
	.search,.about,.case,.pro,.news,.map,.url,.footer_nav,.footer,.page_address,.news_list{ display:none;}
	
	.header,.cellphone_about,.cellphone_reason,.cellphone_case,.cellphone_honor,.cellphone_news,.cellphone_url,.cellphone_footer,.page_r,.cellphone_page_l{padding-left:2%; padding-right:2%; box-sizing:border-box;}
	
	.cellphone_pro{ display:block; background:#f7f7f7; padding-bottom:5%; padding-top:5%;}
	.cellphone_pro_list{ margin-bottom:30px;text-align:center;}
	.cellphone_pro_list ul{text-align:center;}
	.cellphone_pro_list li{ display:inline-block; text-align:center; padding:5px;}
	.cellphone_pro_list a{ border:2px solid #07963a; display:inline-block; padding:0 10px; line-height:42px; border-radius:5px; font-size:18px;}
	.cellphone_pro_img{ position:relative;}
	.cellphone_pro_img ul{ width:2640px; position:absolute; top:0px; float:left;}
	.cellphone_pro_img ul li{ width:315px; margin:0px 15px 15px 0px; float:left;}
	.cellphone_pro_img ul li img{ width:315px; height:237px; object-fit:cover; display:block;}
	.cellphone_pro_img ul li p{ text-align:center; background:#fff; white-space:pre; text-overflow:ellipsis; line-height:40px; color:#444;}


	.cellphone_about{ display:block; background:url(../images/10.jpg) no-repeat left top; background-size:100% 100%;}
	.cell_aboutl div:first-child{ color:#fff; font-size:30px; font-weight:bold; line-height:80px;}
	.cell_aboutl div:nth-of-type(2){ background:#d2c030; font-size:40px; text-align:center; line-height:60px;}
	.cell_aboutl div:nth-of-type(3){ font-size:14px;line-height:32px; color:#fff; text-indent:28px; margin:30px auto;}
	.cell_aboutl a{ font-size:18px;line-height:40px; float:left; text-align:center; color:#fff; border:1px solid #fff; padding:0 20px; margin:30px auto;}
	
	.cell_aboutr{ margin-bottom:5%;}
	.cell_aboutr div img{ width:100%; float:left;}
	.cell_aboutr p{ background:url(../images/tel.png) no-repeat left center; background-size:contain; padding-left:35px; box-sizing:border-box; color:#ffc000; margin-top:3%; font-size:20px;}
	
	.cellphone_reason{ display:block; background:url(../images/11.jpg) no-repeat left top; background-size:100% 100%; padding-top:5%;}	
	.cellphone_reason div:first-child p{ text-align:center; border-radius:5px; font-size:23px; color:#3d3d3d; line-height:50px;border:1px solid #07963a; margin:15px; padding:0px 1%;}	
	.cellphone_reason li{ position:relative; float:left; width:100%; margin-bottom:20px;}	
	.cellphone_reason li:nth-child(odd) span{ position:absolute; top:0px; left:-2%; width:15%; border-radius:100%; height:60%; border:2px solid #fff;}	
	.cellphone_reason li:nth-child(odd) span img{ height:100%; max-width:100%; width:100%;}	
	.cellphone_reason li:nth-child(odd) div{ margin-top:5%; float:right; width:95%; padding-left:15%; box-sizing:border-box; background:rgba(7, 150, 58, 0.6); padding-right:2%; padding-bottom:2.5%; padding-top:2.5%}	
	.cellphone_reason li:nth-child(odd) div p:first-child{ font-size:30px; color:#fff; font-weight:bold; text-overflow:ellipsis; white-space:pre;}	
	.cellphone_reason li:nth-child(odd) div p:nth-of-type(2){ float:left; width:100%; max-height:56px; font-size:14px; line-height:28px; color:#fff;}	

	.cellphone_reason li:nth-child(even) span{ position:absolute; top:0px; right:-2%; width:15%; border-radius:100%; height:60%; border:2px solid #fff;}	
	.cellphone_reason li:nth-child(even) span img{ height:100%; max-width:100%;}	
	.cellphone_reason li:nth-child(even) div{ margin-top:5%; float:left; width:95%; padding-right:15%; box-sizing:border-box; background:rgba(7, 150, 58, 0.6); padding-left:2%; padding-top:2.5%; padding-bottom:2.5%;}	
	.cellphone_reason li:nth-child(even) div p:first-child{ font-size:30px; color:#fff; font-weight:bold;}	
	.cellphone_reason li:nth-child(even) div p:nth-of-type(2){ font-size:14px; line-height:28px; color:#fff; max-height:56px; float:left; width:100%;}	
	
	.cellphone_case{ display:block;}
	.case_title{ text-align:center; margin:20px auto;}
	.case_title p:first-child{ font-size:40px; font-weight:bold; color:#07963a; background:url(../images/16.jpg) no-repeat center;}
	.case_title p:nth-child(2){ font-size:14px; line-height:28px;color:#434343; text-transform:uppercase;}
	.cellphone_case li{ float:left; width:48%;}
	.cellphone_case li:nth-child(even){ float:right;}
	.cellphone_case li span{ text-align:center;}
	.cellphone_case li span img{ display:block; height:260px; width:90%; object-fit:cover;}
	.cellphone_case li p{ text-align:center; color:#444; font-size:14px; line-height:28px; text-overflow:ellipsis; white-space:pre;}
	
	.cellphone_honor{ display:block; padding-bottom:5%; background:url(../images/17.jpg) no-repeat left top; background-size:100% 100%;}
	.cellphone_news{ display:block; margin-top:2%;}
	.cell_news_l{ width:100%;}
	.cell_news_l img{ display:block; width:100%;}
	.cell_news_l p:nth-of-type(1){ line-height:28px; margin:1% auto; font-size:20px;}
	.cell_news_l p:nth-of-type(2){ line-height:20px; font-size:14px; color:#666;}
	.cell_news_l a{ display:block; text-align:center; background:#07963a; line-height:40px; padding:0 20px; color:#fff; font-size:14px; margin-top:5%;}
	
	.cell_news_r{ margin-top:5%;}
	.cell_news_r li{ max-height:112px; height:100%; float:left; margin-bottom:40px;}
	.cell_news_r li time{ max-width:16%; width:100%; float:left; text-align:center;}
	.cell_news_r li time span{background:#aeaeae; float:left; color:#fff; width:100%; height:74px; display:flex; align-items:center; justify-content:center; font-size:35px;}
	.cell_news_r li time p{ background:#757575; float:left; font-style:italic; font-size:14px; color:#fff; width:100%; height:38px; padding-top:2%; box-sizing:border-box;}
	.cell_news_r li div{ max-width:84%; padding-left:10px; width:100%; float:right; border:1px solid #aeaeae; box-sizing:border-box; max-height:112px; height:150px;}
	.cell_news_r li div p:first-child{ line-height:34px; font-size:22px; color:#444;}
	.cell_news_r li div p:nth-of-type(2){ font-size:14px; line-height:16px; color:#3D3D3D;}
	
	.cell_news_r li:hover time p{background:#07963a;}
	.cell_news_r li:hover div{border:1px solid #07963a;}
	
	.cellphone_url{ display:block;background:#07963a; line-height:45px; color:#fff; font-size:14px;}
	.cellphone_url a{color:#fff; padding:0px 20px; display:inline-block;}
	
	.cellphone_footer{ display:block; background:#01470b;}
	.cellphone_footer div{ float:left; width:100%; text-align:center;}
	.cellphone_footer_l p:first-child{ color:#fff; line-height:32px; display:flex; padding:2% 0px; font-size:20px; align-items:center;}
	.cellphone_footer_l p:first-child img{ margin:0px; margin-left:43%; margin-right:2%; max-height:24px;}
	.cellphone_footer_l p{ line-height:40px; font-size:25px; color:#fff;}
	.cellphone_footer_c{ margin:5% 0px;}
	.cellphone_footer_c p:first-child{ color:#fff; font-size:20px;}
	.cellphone_footer_c p:first-child img{ max-height:20px; transform:translateY(10%); margin-right:2%;}
	.cellphone_footer_c p:nth-child(2){ line-height:28px; font-size:14px; color:#fff;}
	.cellphone_footer_r{ margin-bottom:10%;}
	.cellphone_footer_r p{color:#fff;}
	
	.cellphone_page_l{ display:block; width:100%;}
	.cellphone_page_l div{ border-bottom:5px solid #333;}
	.cellphone_page_l div p:first-child{ font-size:24px; font-weight:bold; text-align:center; line-height:30px;}
	.cellphone_page_l div p:nth-child(2){ font-size:16px; text-align:center; line-height:30px; color:#ccc;}
	.cellphone_page_l ul li{ width:48%; background:#666; padding:0 2%; box-sizing:border-box; float:left; margin:7px auto; line-height:40px;}
	.cellphone_page_l ul li:nth-child(even){float:right;}
	.cellphone_page_l ul li a{color:#fff; background:url(../images/07.png) no-repeat left center; padding-left:25px; box-sizing:border-box; white-space:pre; text-overflow:ellipsis; background-size:contain; font-size:16px;}
	
	.cellphone_page_address{display:block; color:#666; border-bottom:solid 2px #ddd; line-height:60px;}	
	.cellphone_page_address a{ color:#666; font-size:18px;}	
	.cellphone_page_address a:first-child{ color:#07963a; font-size:18px; font-weight:bold;}

	.cellphone_footer_r p{ font-size:12px;}
	
	
	.pro_l{ display:none;}
	.page_r{ width:100%;}
		
	#dh{ display:block; text-align:right;}
	
	nav{ position:relative;}
	.nav{ position:absolute; height:0px; overflow:hidden; background:rgba(14,111,218,0.90); z-index:20; right:0px; width:40%;}
	.nav li{ float:left; width:100%;}
	.nav>li ol{ top:auto; right:100%;}
	.logo{ width:80%;}
	
	.sj_footer{ display:block;}
	
}
@media (max-width: 425px){
	.logo p{ display:block; float:left; width:100%; text-align:right; color:#014d97; font-size:14px; font-weight:bold;}
	.cellphone_case li span img{ display:block; height:150px; width:90%; object-fit:cover;}
	.cellphone_news_list li span:first-child{ max-width:100%;}
	.cellphone_news_list li span:first-child img{ height:auto; width:100%;}
	.cellphone_news_list li span:nth-child(2){ max-width:100%;}
	.pro_list li{ width:49%; margin:1% 0px;}
	.pro_list li:nth-child(even){ float:right;}
	.tel span{ font-size:18px;}

	.cellphone_footer_r{padding-bottom:77px;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	
	.banner ul li img{ height:150px;}
	
	.cellphone_reason li:nth-child(odd) span{ position:absolute; top:0px; left:-2%; width:20%; border-radius:100%; height:60%; border:2px solid #fff;}	
	.cellphone_reason li:nth-child(even) span{ position:absolute; top:0px; right:-2%; width:20%; border-radius:100%; height:60%; border:2px solid #fff;}	

	.cell_news_r li time span{background:none; float:none; width:50%; border-bottom:1px solid #fff; box-sizing:border-box; font-size:20px; height:54px;}
	.cell_news_r li div{width:75%; padding-right:10px; height:92px;}
	.cell_news_r li div p:first-child{ font-size:16px; white-space:pre; text-overflow:ellipsis;}
	.cell_news_r li div p:nth-of-type(2){line-height:22px; max-height:44px;}
	.cellphone_reason li:nth-child(odd) div p:first-child{font-size:20px; padding:3% 0;}
	.cell_news_r li time{max-width:25%;}
	.cell_news_r li time p{background:none;}
	.cell_news_r li time{background:#07963a;}
	.case_title p:first-child{font-size:24px;}
	.case_title p:nth-child(2){font-size:12px;}
	.cellphone_reason li:nth-child(even) div p:first-child{font-size:20px; padding:3% 0px;}
	.cellphone_pro .case_title p:first-child{ background:none;}
	.cellphone_reason div:first-child p{ font-size:14px;line-height:28px; padding:1%;}
	.cell_aboutl a{float:none; display:block;}
	.cell_aboutl div:first-child{font-size:20px;}
	.cell_aboutl div:nth-of-type(2){font-size:20px;}
	.cellphone_pro_list a{font-size:14px;line-height:32px;}

	.honor .pro_list li span img{height:150px;}
	.cellphone_footer_l p:first-child img{margin-left:34%;}
	.cellphone_footer_l p{ font-size:20px; line-height:30px;}
	.cellphone_footer_l p:first-child{ padding-bottom:0px;}
	.cellphone_footer_c p:first-child{ font-size:18px; line-height:30px;}
	.page_up div a{display:block; width:100%; margin:15px 0px;}
	.cellphone_page_address{ line-height:40px;}
	.cellphone_page_l ul li a{ font-size:14px;}
	

	 
}

@media (max-width: 375px){
	.doctor_b li{ max-width:100%;}
	.doctor_b li img{ height:auto;}
	.drug_b li{ max-width:100%;}
	.drug_b li span img{ height:auto;}
	.pro_list li{ width:100%;}
	.pro_list li span{ height:auto;}
	.pro_list li span img{ max-height:100%; height:auto;}
	.page_address span:nth-child(2){ display:none;}	
	.cellphone_case li{width:100%;}
	.cellphone_case li span img{ height:auto;}
	.cell_news_r li{ max-height:112px; height:100%; float:left; margin-bottom:20px;}
	.cell_aboutl div:first-child{ line-height:28px; font-size:18px; padding:20px 0px;}
	.cell_aboutl div:nth-of-type(3){ margin-top:20px;}
	.cell_aboutl div:nth-of-type(2){ line-height:40px;}
	.cellphone_page_l div p:first-child{ font-size:20px;}
}



@media (max-width: 320px){
	#dh{ width:10%;}
	.logo{ width:85%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
}