@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	.header .max .seek{ display:none;}
	
	nav{ position:absolute; top:0px; left:0px; z-index:998; display:block; width:100%; overflow:hidden; background:none;}
	.nav{ position:absolute; float:left; background:rgba(48,70,153,0.80); z-index:20; right:0px; width:40%; overflow:hidden; display:block; margin:0px; padding-left:0px !important;padding-right:0px !important;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:15px 0px;}
	.nav>li>a:hover{ border-bottom:2px solid #fff; color:#fff;}
	.nav li a{ font-size:16px;}
	.dh{ display:block;}
	
	.header{ padding:0px;}
	.header .contact{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}
	.page_ban .banner li img{ height:200px;}
	.bearing li .content div{ font-size:16px;}

	.banner{ height:auto;}
	.banner li img{ height:300px;}
	.advan_b{ padding:20px 3.5%;}
	
	.often{ margin:30px auto;}
	.often .title{ font-size:24px;}

	.head_b .logo .text{ display:none;}
	
	.pro_b li{ max-width:49%; margin-right:0px;}
	.pro_b li:nth-of-type(even){ float:right;}
	.pro_b li:nth-of-type(n+5){ display:none;}
	
	.about{ padding:0px 2%; box-sizing:border-box;}
	.about_b{ margin-left:0px; background-size:cover;}
	.about_l{ max-width:100%;}
	.about_l .title{ font-size:18px;}
	.about_l .content{ font-size:14px; line-height:24px;}
	
	.news_b{ display:block;}
	.news_l{ max-width:100%;}
	.news_r{ max-width:100%; margin-top:20px;}
	
	.foot_b .logo{ max-width:100%; text-align:center; margin-top:0px;}
	.foot_b .logo img{ height:80px;}
	.foot_b .content{ max-width:100%; text-align:center; margin-top:30px;}
	.foot_b .code{ max-width:100%; text-align:center; margin-top:30px;}
	.foot_b .code img{ height:auto;}



	.sj_footer{ display:block; z-index:20;}
	.pro_list li{ max-width:49%; width:100%; margin-right:0px;}
	.pro_list li:nth-of-type(even){ float:right;}
}
@media (max-width: 425px){
	.header .logo .content{ display:none;}
	.header .logo .picture img{ max-height:70px;}
	.banner li img{ height:200px;}
	.lef_rig span img{ height:50px;}
	.lef_rig span{ top:calc(100% - 50px);}
	
	.iconnav-list:before{ font-size:40px;}

	.head_line .text{ display:none;}
	
	section.products{ padding-bottom:30px;}
	.pro_b li .picture img{ height:170px;}
	.pro_b li .title{ padding:15px 0px;}
	.advan_t li{ max-width:calc(100% / 2); font-size:14px; font-weight:400;}
	.advan_t li:nth-of-type(n+4){ max-width:50%;}
	.advan_b li .content{ max-width:100%;}
	.advan_b .picture{ max-width:100%;}
	.advan_b .picture img{ height:auto;}
	.advan_b .content .title{ text-align:center;}
	
	.post_b{ background:none;}
	.post_b .title{ text-align:center;}
	.post_b .text{ font-size:20px; text-align:center; margin-top:10px;}
	.post_b strong{ font-weight:400;}
	.post_b .intro{ font-size:16px; text-align:center; margin-top:10px;}
	.post_b .tel{ margin-top:10px;}
	.bearing li{ max-width:100%;}
	.bearing li .title .number{ max-width:100%; display:none;}
	.bearing li .title .picture:nth-of-type(2){ max-width:100%;}
	
	.ser_b li{ margin:0px 60px;}

	.foot_b .content{ padding:0px;}
	.foot_b .content ul{ text-align:left;}
	
	footer.footer{ padding-bottom:77px;background:#2f2f2f;}

	.page_odd{ margin-bottom:10px;}
	.news_list .page_r li .picture{ max-width:100%;}
	.news_list .page_r li .content{ max-width:100%;}
	.pro_list .page_r li{ max-width:49%; margin-right:0px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.pro_list .page_r li img{ height:170px;}
	
	.page_column .title{ font-size:20px;}
	.page_column .content{ margin-top:10px;}
	.news_list{ margin-top:15px;}
	.news_list li .picture{ max-width:100%;}
	.news_list li .picture img{ height:auto;}
	.news_list li .content{ max-width:100%; padding:15px 4% 20px 4%;}
	.news_list li .content .title{ margin-top:0px;}

	.page_address{ margin-bottom:25px;}
	.pro_list li .picture img{ height:170px;}
	.pro_list li .title{ font-size:16px;}
	.pro_list li .text{ max-height:48px; height:48px;}
	.page_list{margin:5px auto 0px auto}
	
}

@media (max-width: 375px){
	.head_line .max *{ font-size:12px;}
	.page_ban .banner li img{ height:200px;}
	.ser_b li{ margin:0px 38px;}
	.ser_b li .title{ font-size:20px;}
	
	.pro li .picture img{ height:150px;}
	.often{ margin:20px auto;}
	.often .title{ font-size:20px;}
	
	.bearing li .content{ padding:30px 5%; min-height:0px;}
	.bearing li .content div{ font-size:14px;}
	.ser_b .btn{ position:static;}
	.ser_b .btn span{ position:absolute; top:calc((100% - 47px) / 2); left:2px; box-shadow:0px 0px 2px rgba(15,139,70,1.00);}
	.ser_b .btn span:nth-of-type(even){ position:absolute; left:auto; right:2px;}
	.about_l{ max-width:100%; padding:30px 5%;}
	.about_l .title{ font-size:20px; text-align:center;}
	.about_l .intro{ text-align:center; font-size:20px;}
	.about_l .more{ margin-left:calc((100% - 144px) / 2);}
	.news_l ul .picture{ max-width:100%;}
	.news_l ul .content{ max-width:100%; margin-top:10px;}
	.news_l ul .picture img{ height:auto;}
	.news_l ul .text{ font-size:12px;}
	.url .title{ max-width:100%;}
	.url .content{ max-width:100%; margin-top:10px;}
	
	.pro_list{ margin-bottom:10px;}
	.pro_list li{ max-width:100%;}
	.pro_list li .picture img{ height:auto; max-height:300px;}
}



@media (max-width: 320px){
	.banner li img{ height:150px;}
	.pro_list li .more{ display:none;}
	.pro li .picture img{ height:140px;}
	.pro li .title{padding:10px 0px 6px 0px}
	.fac_b li{margin:0px 10px}
	.ser_b li{ margin:0px 20px}
	
}