@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	header.header{ padding:15px 0px;}
	.header .logo{margin-top:0px; max-width:50%;}
	
	#dh{ display:block; margin-right:0px; max-width:15%; text-align:right;}
	
	nav{ position:absolute;  top:90px; left:0px; width:100%; max-width:100%; margin-top:0px; z-index:9999;}
	.nav{ position:absolute; float:left; background:#fff; background:linear-gradient(45deg, #0E90D5, #3032A2); height:0px; z-index:20; top:0px !important; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important;overflow:hidden;}
	.nav .nav_column{ float:left; max-width:100%; width:100%; text-align:center; padding:10px 0px; border-bottom:3px solid transparent;}
	.nav .nav_column>a{border-bottom:0px; padding:0px; color:#fff;}
	.nav .nav_column:hover{ color:#fff; border-color:#fff;}
	.nav:hover{ overflow:visible;}
	.nav .nav_column:hover>a{ border-bottom:0px;}
	
	
	#dh{ display:block;}
	.iconnav-list:before{ font-size:54px;}
	
	.head_b .text,.header .contact{ display:none;}
	.banner li img,.banner{ height:300px !important;}
	.lef_rig span{ display:none;}
	
	.often{ margin:30px auto;}

	.pro_b li{ max-width:100%; margin-bottom:30px;}
	.about_l{ max-width:100%;}
	.about_r{ display:none;}
	.about_l .more{ margin-top:30px;}
	
	.advert_b{ display:block;}
	.advert_b li{ max-width:50%; display:block; padding-left:0px;border-right:1px solid rgba(255,255,255,0.5);}
	.advert_b li .icon{ max-width:100%; width:100%; text-align:center;}
	.advert_b li .icon img{ float:none; display:block; margin:0px auto;}
	.advert_b li .content{ max-width:100%; width:100%; margin:0px; text-align:center;}
	.advert_b li .content .number::after{ display:none;}
	
	section.process{ padding-bottom:40px;}
	.process ul{ background:none;}
	.process li{ background:linear-gradient(to bottom,#0e90d5,#3032a2); margin:0px 0.5%; max-width:19%; padding:20px 2%; box-sizing:border-box;}
	.process li .icon{ margin-left:calc((100% - 83px) / 2);}
	.process li .prc_b{ margin-top:20px;}
	.process li .prc_b .number{ max-width:100%; width:100%; line-height:normal; height:auto;}
	.process li .prc_b .content{ max-width:100%; color:#fff;}
	.process li .prc_b .content .title{ text-align:center; color:#fff; width:100%; margin-top:20px;}
	.process li .prc_b .content .text{ display:none;}
	.process li:hover .prc_b .content .title{ color:#fff;}
	
	section.shop{ overflow:hidden; padding:40px 0px;}
	.shop_b .picture{ display:none;}
	.shop_b .content{ position:static; display:block; overflow:hidden; max-width:80%;}
	
	.foot_b{ display:block;}
	.foot_b .logo{ max-width:100%;}
	.foot_b .logo img{ float:none; display:block; margin:0px auto;}
	.foot_b .content{ max-width:100%;}
	.foot_b .code{ max-width:100%; margin-top:20px;}



	
	
	.sj_footer{ display:block; z-index:20;}
	footer.footer{ padding-bottom:120px !important; margin-top:20px;}
	
	.page_serb li .content{ max-width:100%;}
	.page_serb li .content .text span{ max-width:33%;}
	
	.page_people ul li{ max-width:49%;}
	.page_science li{ max-width:49%; margin-right:0px;}
	.page_science li:nth-of-type(even){ float:right;}
	.page_serb li .picture{ display:none;}
	.page_serb li .content .column{ text-align:center !important;}
	.page_serb li .content .column::after{ margin:12px calc((100% - 65px) / 2) !important;}
	.page_serb li .content .text{ margin-top:6px;}
	.pro_list{padding-bottom:40px;}
	.pro_list li{ max-width:calc(100% / 3 - 5px)}
	.pro_list li:nth-child(3n){ margin-right:0px;}
	.news_list .news_l{ max-width:100%;}
	section.page_case{ padding-bottom:20px;}
	.news_list .news_r{ display:none;}
	.case_list li{ max-width:49%; margin:10px 0px;}
	.case_list li:nth-of-type(even){ float:right;}
	.page_news .list_news li{ max-width:100%;}
	
}
@media (max-width: 425px){
	.roof{ display:none;}
	.header{ padding:15px 0px}
	.header .logo img{ max-height:60px;}
	.banner li img,.banner,.ban img,.ban{ height:200px !important;}
	.lef_rig span{ display:none;}
	
	
	.iconnav-list:before{ font-size:45px;}
	
	.often .title{ font-size:24px;}
	
	section.products{padding-bottom:20px;}
	.pro_b{ margin-top:40px;}
	.pro_b li .title{ font-size:20px; margin-top:20px;}
	.about_l .title{ font-size:24px; margin-top:15px;}
	.about_l .text{ margin-top:10px; text-align:center; display:none;}
	.about_l .intro{ margin-top:20px;}
	
	.advert_b li .content .number{ font-size:30px;}
	.team_b li{ max-width:49%; margin-right:0px; margin-top:10px;}
	.team_b ul{ justify-content:space-between;}
	.team_b li:nth-of-type(even){float:right;}
	
	.process li{ max-width:49%; margin-right:0px; margin-top:10px;}
	.process li:nth-of-type(even){float:right;}
	.process li:nth-of-type(n+5){ display:none;}
	.process li .prc_b{ margin-top:10px;}
	.shop_b .content{ max-width:100%;}
	.foot_b .content .contact{ margin:10px 0px;}
	.foot_b .content .contact span{ display:block; width:100%;}
	.foot_b .code{ margin-top:0px;}
	.foot_b .code .code_b{ max-width:100%; display:block; border:0px; padding:0px;}
	.foot_b .code .text{ display:none;}
	.foot_b .code .code_b .title{ max-width:100%; width:100%; text-align:center; padding:0px; margin:20px 0px;}
	.foot_b .code .code_b .picture{ max-width:100%; width:100%; text-align:center;}
	

	
	.foot_b{ margin-top:10px;}
	.foot_b .footer_column li{ max-width:25%; text-align:center; margin:10px 0px;}
	.foot_b .code .logo{ margin-top:20px;}
	.copyright .copy_r{ float:left; max-width:100%; width:100%;}
	
	
	
	.sj_footer{ display:block;}
	.sj_footer img{ margin:0px auto;}
	footer.footer{padding:0px 0px 77px 0px;}
	.foot_b .contact{ text-align:center;}
	
	section.page_guarantee{ padding-bottom:30px;}
	.page_people ul li{ max-width:100%;}
	.page_people ul li:nth-of-type(n+3){ display:none;}
	.page_science li:nth-of-type(n+5){ display:none;}
	.page_guarb{ justify-content:space-between;}
	.page_guarb li{ max-width:49%; margin-right:0px;}
	.page_guarb li .content{ padding:50px 2% 30px 2%;}
	.pro_list li{ max-width:49%;margin:5px 0px;}
	.pro_list li:nth-child(even){ float:right;}
	section.news_list{ padding:30px 0px;}
	.news_list .often .title{ text-align:center;}
}

@media (max-width: 375px){
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:40px;}

	.often .title{ font-size:18px;}
	.pro_b li .picture img{ height:auto;}
	section.team{ padding-bottom:40px;}
	.team_b li .text{ font-size:14px;}
	.foot_b .content{ margin-top:10px;}
	.foot_b .content .column{ margin:18px auto 8px auto; display:none;}
	
	section.page_case{ padding-bottom:40px;}
	.page_science li .picture img{ height:160px;}
}



@media (max-width: 320px){
	.banner li img,.banner,.ban img,.ban{ height:150px !important;}
	
}