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

@media (max-width: 1000px){
	body{ background:rgb(245, 245, 245, 1.00);}
	header{width:100%; z-index:5;}
	#dh{ float:right;}
	.dh img{ display:block;}
	.banner{ display:none; height:auto;}
	.search,.about,.case,.pro,.news,.map,.url,.footer_nav,.footer,.page_address,.header{ display:none;}
	.pro_list{ max-width:640px; margin:20px auto; float:none;}
	
	.phone_header{ background:rgba(0,0,0,0.40); display:block; position:fixed; top:0px; width:100%; height:60px;}
	.phone_header .picture{ float:right;}
	.phone_header .title{float:left; line-height:60px; margin-left:4%;}
	.phone_header .title *{ font-size:24px;color:#fff; font-family:"仿宋"; font-weight:bold;}
	
	.phone_page{ display:block; max-width:640px;}
	.phone_page img{ display:block;}
	
	nav{ position:fixed; top:0px; overflow:hidden; height:0px; z-index:1; background:none; overflow:scroll;}
	.nav{ position:absolute; right:calc((100% - 640px) / 2); max-width:calc(640px * 0.4); background:rgba(14,111,218,0.80);}
	.nav>li{ max-width:100%; width:100%;}
	.nav>a:first-child{ display:none;}
	
	.bkgd_line{ display:none;}
	
	.phone_banner{ text-align:center; max-width:640px; width:100%; display:block; overflow:hidden;}
	.phone_banner a{ float:left; width:100%;}
	.phone_banner a img{ display:block;}
	.phone_class{ max-width:640px; background:#325287; padding:15px 0px; display:block;}
	.phone_class ul{ display:flex; justify-content:center;}
	.phone_class ul li{ margin:0px;}
	.phone_class ul li:nth-child(even){ display:flex; align-items:center; margin:0px 7px;}
	.phone_class ul li:nth-child(odd){ flex-grow:1; max-width:113px; width:100%;}
	.phone_class ul li:nth-child(odd) .picture{border-radius:100%; overflow:hidden; padding:3px; height:113px; box-sizing:border-box; border:1px solid #fff;}
	.phone_class ul li:nth-child(odd) span{background:#fff; display:block; height:100%; width:100%; border-radius:100%; display:flex; align-items:center;}
	.phone_class ul li:nth-child(odd) img{object-fit:cover;display:block; height:100%;}
	.phone_class ul li:nth-child(odd) .text{text-align:center; color:#ffd98f; font-weight:bold; font-size:22px; margin-top:12px;}
	.phone_class ul li>.picture{ margin-top:-100%;}
	.phone_promise{ max-width:640px; display:block;}
	.phone_promise img{ display:block;}
	
	.phone_often{ max-width:640px; display:block; text-align:center; margin-bottom:20px;}
	.phone_often .title{ font-size:50px; color:#294e8a; display:block;}
	.phone_often .text{ font-size:28px; color:#294e8a; display:block;}
	.cellphone_case{ display:block; max-width:640px; background:#2a4674; padding:26px; box-sizing:border-box;}
	.cellphone_case ul{overflow:hidden;}
	.cellphone_case li{ float:left; width:48%; margin-bottom:26px;}
	.cellphone_case li:nth-child(even){ float:right;}
	.cellphone_case li span{ text-align:center;}
	.cellphone_case li span img{ display:block; height:207px; width:100%;object-fit:cover;}
	.cellphone_case li .title{ text-align:center; white-space:pre; text-overflow:hidden; overflow:hidden; color:#fff; font-size:28px; background:#6082ba; line-height:41px; text-overflow:ellipsis; white-space:pre;}
	.cellphone_case .more{ max-width:135px; width:100%; border:1px solid #f4d08a; box-sizing:border-box; text-align:center; margin:20px auto 30px auto;}
	.cellphone_case .more a{ font-size:30px; color:#f4d08a; line-height:37px;}
	.phone_choose{ max-width:640px; width:100%; display:block;}
	.phone_choose img{display:block;}
	.phone_flow{ max-width:640px; display:block;}
	.phone_about{ max-width:640px; background:#dfebfc; padding:30px 5% 80px 5%; box-sizing:border-box; display:block;}
	.phone_about p{ font-size:24px; line-height:36px; color:#294e8a; text-indent:48px; margin-bottom:10px;}
	
	
	
	.honor .pro_list li span img{ width:100%; object-fit:cover;}
	
	/*内页*/
	.page{ max-width:640px; margin-top:0px;}
	.pro_l{ display:none;}
	.page_r{ max-width:100%; width:100%;}
	.pro_list li{ max-width:49%; width:100%; margin-right:0px;}
	.pro_list li:nth-child(even){ float:right;}
	.pro_list li p{ background:#fff;}
	.honor .pro_list li span img{ display:block;}
	.pro_list li span{ padding:0px;}
	.pro_list li span img{height:190px;}
	
	.phone_page_title{ max-width:640px; display:block; line-height:60px; font-size:24px; text-align:center; width:100%; background:#fff; margin-bottom:20px;}
	.phone_page_title *{color:#6c6c6c;}
	.phone_page_class{ max-width:640px; display:block;}
	.phone_page_class ul li{ max-width:calc(100% / 3 - 16px); width:100%; margin:0px 8px; float:left;}
	.phone_page_class ul li .picture{ width:100%; text-align:center; background:#fff;}
	.phone_page_class ul li .picture img{ height:190px;}
	.phone_page_class .title{ font-size:24px; color:#5d5d5d; background:#fff; line-height:45px; white-space:pre; text-overflow:ellipsis; overflow:hidden; width:100%;}
	.phone_page_class img{width:100%; object-fit:cover; display:block;}
	.phone_page_class .zl{width:100%;}
	.page_list{ margin-bottom:100px;}
	
	
	.fdma{ display:none;}


	.sj_footer{ display:flex;}
	.sj_footer span img{ max-height:30px;}
	.sj_footer a{ display:flex; align-items:center; flex-wrap:wrap;}
	
}
@media (max-width: 768px){
	.cellphone_case li .title{ font-size:20px;}
	.phone_class ul li:nth-child(odd) .text{ font-size:20px;}
	.cellphone_case .more a{ font-size:20px;}
	
	
	/*内页*/
	.honor .pro_list li span img{ height:221px;}
	.pro_list li span img{height:190px;}
	
}
@media (max-width: 640px){
	.nav{ max-width:40%; right:0px;}
}
@media (max-width: 425px){
	.phone_class ul li:nth-child(odd){ max-width:80px;}
	.phone_class ul li:nth-child(odd) .picture{ height:80px;}
	.phone_class ul li:nth-child(odd) img{ height:100%; box-sizing:border-box;}
	.cellphone_case li span img{ height:137px;}
	.phone_about p{ font-size:16px; line-height:24px;}
	.phone_about .phone_news li{ font-size:16px;}
	.cellphone_case li .title{ font-size:18px;}
	.cellphone_case .more{ margin:6% auto 9% auto}
	.cellphone_case .more a{ font-size:16px;}
	.phone_class ul li:nth-child(odd) .text{ font-size:14px;}
	
	
	/*内页*/
	.honor .pro_list li span img{ height:147px;}
	.pro_list li span img{height:110px;}
	.sj_footer span{ font-size:12px;}
	.phone_header{ height:46px;}
	.dh img{ max-height:22px;}
	
}

@media (max-width: 375px){
	.cellphone_case li .title{ font-size:16px; line-height:24px;}
	.phone_class ul{ padding:0 2%;}
	.phone_class ul li:nth-child(even){ margin:0 1%;}
	.phone_class ul li:nth-child(odd){ max-width:65px;}
	.phone_class ul li:nth-child(odd) .picture{ height:65px;}
	.cellphone_case li span img{ height:120px;}
	.phone_about p{ line-height:21px; font-size:14px;}
	.phone_about .phone_news li{ font-size:14px; padding:1% 0px;}
	
	.phone_often{ margin-bottom:10px;}
	.phone_often .title{ font-size:28px;}
	.phone_often .text{ font-size:16px;}
	.phone_about{ padding:16px 5% 80px 5%}
	
	/*内页*/
	.honor .pro_list li span img{ height:130px;}
	.pro_list li span img{height:110px;}
	.cellphone_footer .contact span{ font-size:14px;}
	.phone_header{ height:36px;}
	.dh img{ max-height:22px;}
}



@media (max-width: 320px){
	.phone_about p{ font-size:12px;}
	
	/*内页*/
	.honor .pro_list li span img{height:110px;}
	.pro_list li span img{height:110px;}
	.pro_list li p{ font-size:12px; line-height:24px;}
	
	
	
	#dh{ width:10%;}
	.logo{ width:85%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
}