@charset "utf-8";
@media (max-width: 1370px){
	.max{ max-width:1200px;}
}
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	header{ position:static; padding:20px 0px;}
	.header .logo{ max-width:60%; margin-top:0px;}
	.header .logo img{ max-height:70px; float:left;}
	.iconnav-list:before{ font-size:50px; color:#fff; line-height:64px;}
	.dh{ display:block;}
	header.header{ float:left; overflow:visible;}
	.nav{ position:absolute; float:left; background:rgba(4,0,0,0.55); overflow:hidden; max-height:0px; z-index:20;overflow:hidden; top:0px; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px; margin:0px;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:15px 0px;}
	.nav li a:hover{ border-color:#fff; background:#0070ce; color:#fff;}
	.nav li a{ font-size:16px;}
	.banner li img,.banner{ height:350px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:350px;}
	.search .title{ max-width:100%;}
	.search form{ max-width:100%;}
	.about .picture{ max-width:100%;}
	.about .content{ max-width:100%;}
	.products .column .title{ max-width:100%;}
	.products .column ul{max-width:calc(100% - 110px);}
	.pro_b ul li .picture img{ height:200px;}
	.pro_b ul li .title{ margin-top:20px;}
	.pro_b ul li .more{ margin-top:10px;}
	section.brand{ padding-bottom:30px;}
	.brand li{ max-width:49%; margin-top:10px;}
	.brand li:nth-of-type(even){ float:right;}
	.brand li:nth-of-type(n+5){ display:none;}
	.inventory li{ max-width:49%; width:100%; overflow:hidden; margin:0px; margin-top:20px;}
	.inventory li:nth-of-type(even){ float:right;}
	.inventory li:nth-of-type(n+5){ display:none;}
	.inventory li .title{ padding:16px 0px;}
	.cooper_b li{ max-width:33%; margin:0px;}
	.cooper_b li:nth-of-type(n+7){ display:none;}
	.message{ max-width:100%;}
	.issue{ max-width:100%; margin-top:20px;}
	footer.footer .max{ display:block;}
	.footerL{ max-width:100%;}
	.footNav{ max-width:100%; margin-top:20px;}
	.footNav .title{ width:100%;}
	.footNav .content a{ max-width:none; width:auto; float:left !important; margin:0px 5px;}
	.footer .code{ max-width:100%; margin-top:20px;}
	footer.copyright{ padding-bottom:120px;}
	footer.copyright .url{ max-width:100%;}
	footer.copyright .copy_r{ max-width:100%; margin-top:10px;}
	.page_column{ margin-top:0px;}
	.page_picture .picture img{ height:350px;}
	.pro_list li{ max-width:49%; margin-right:0px;}
	.pro_list li:nth-of-type(even){ float:right;}
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	.case_list li{ max-width:49%; margin-right:0px;}
	.case_list li:nth-of-type(even){ float:right;}
	.case_list li .picture img{ height:200px;}
	.honor_list li{ max-width:49%; margin-right:0px;}
	.honor_list li:nth-of-type(even){ float:right;}
	.honor_list li .picture img{ height:400px;}
	.sj_footer{ display:block; z-index:20; width:100%; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999; background-color:rgba(255,255,255,0.8);}	
	.sj_footer a{ width:33%; float:left; text-align:center; padding:1% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑"; font-size:12px;}
	.sj_footer img{ max-width:15%; margin:0px auto; display:inline-block}
	.pages{margin-top:20px}
	.pages a{font-size:12px;line-height:30px;padding:0 12px}
	#floatDivBoxs{display:none;}
	#rightArrow{display:none;}
}
@media (max-width: 425px){
	.header .logo img{ max-height:40px;}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	.banner li img,.banner{ height:200px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:200px;}
	header.header{ position:static;background:rgba(0,112,206,0.75);}
	.often{ margin:20px 0px;}
	.often .title{ font-size:24px;}
	.often .column span{ float:left; max-width:calc(100% / 3 - 22px); width:100%; font-size:16px; padding:5px 0px;}
	.often .intro{ font-size:12px;}
	section.search{ display:none;}
	.about .picture{ padding:0px;}
	.about .picture::before{ display:none;}
	section.about{ padding:20px 0px 40px 0px;}
	.about .content .title{ text-align:center; font-size:20px;}
	.about .content .text{ font-size:16px; text-align:center;}
	.about .content .intro{ font-size:14px;}
	.pro_b{ margin-top:30px;}
	.products .column{ display:none;}
	.pro_b ul li{ margin:0px 50px;}
	.application{ background-size:cover; padding-bottom:20px;}
	.application li .title{ margin-top:10px; color:#fff;}
	.cooper_b ul{ display:block;}
	.cooper_b li{ max-width:49%;}
	.cooper_b li:nth-of-type(even){ float:right;}
	.cooper_b .more{ display:flex; flex-wrap:wrap;}
	.cooper_b .more a{ float:none; display:block; overflow:hidden; order:1;}
	.cooper_b .more .tel{ order:0; max-width:100%; margin:20px 0px;}
	.cooper_b .more .tel .contact p{ max-width:100%; width:100%; text-align:center;}
	.cooper_b .more .tel .icon{ max-width:100%; width:100%; text-align:center;}
	.cooper_b .more .tel .contact{ text-align:center; max-width:100%; margin-top:10px;}
	section.news{ padding-bottom:10px;}
	.news .often{ margin:30px auto}
	.footer .content li{ max-width:100% !important; margin-top:20px !important;}
	.message .news_l{ max-width:100%;}
	.message .news_l .picture img{ height:auto;}
	.message .news_r{ max-width:100%;}
	section.url{ padding:10px 0px;}
	.url .max .title{ max-width:100%;}
	.url .max .content{ max-width:100%; margin-top:10px;}
	.footerL .logo img{ float:none;}
	footer.copyright .copy_r{ float:left;}
	.pro_list .page_r li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.news_list .page_r li{ max-width:100%; width:100%;}
	.news_list .page_r li span:first-child{ max-width:100%; width:100%;}
	.news_list .page_r li span:nth-of-type(2){ max-width:100%; padding:10px 2%; box-sizing:border-box;}
	.news_list .page_r li span:first-child img{ height: auto; width:100%;}
	.news_list .page_r li span:nth-of-type(2) time{ margin:5px 0px; display:block;}
	.page_odd_content form p input[type=text]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p input[type=tel]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p textarea{ max-width:calc(100% - 100px) !important; height:100px;}
	.pro_list li .content{ padding:20px 4%;}
	.pro_list li .picture img{ height:auto;}	
	.page_picture .picture img{ height:180px;}
	.news_list_img{ max-width:100%; height:auto;}
	.news_list_text{ max-width:100%; padding:10px; height:auto;}
	.news_list_text p:first-child{ font-size:16px;}
	.news_list_text p:nth-of-type(2){ height:auto;}
	.news_list_text time{ font-size:12px; margin:5px auto;}
	.news_list_text a{ font-size:14px;}
	.news_list_img img{ object-fit:unset;}
	.case_list li .picture img{ height:140px;}
	.honor_list li .picture img{ height:240px;}
	.pro_list li{ max-width:100%;}
	.pro_list li a span img{ height:auto;}
	.news_list li{ transform:translate(0,0);}
	.page_odd time{ margin-bottom:10px;}
	.page_odd .page_intro .picture{ max-width:100%;}
	.page_odd .page_intro .picture img{ height:auto;}
	.page_odd .page_intro .intro{ max-width:100%;}
	.page_odd .content{ margin-top:0px;}
}
@media (max-width: 375px){
	header.header{ display:block; padding:7px 2%;}
	header{ padding:22px 2% 24px 2%;}
	.header{ padding:15px 2%; box-sizing:border-box;}
	.header .logo{ margin-top:3px;}
	.banner li img,.banner{ height:230px;}
	.iconnav-list:before{ font-size:50px;}
	.products .pro_b ul li{ width:340px; margin:0px 10px;}
	.products .pro_b ul li .picture img{ height:160px;}
	.news_b li{ width:360px;}
	.news_b li .picture img{ height:200px;}
	.application li{ margin:0px 85px;}
	.page_column .page_address{ display:none;}
	.page_column .title{ float:none; display:block; text-align:center; font-size:20px;}
	.pro_list{ margin-top:0px;}
	.list{ margin:15px auto;}
	.column_list{ display:flex; justify-content:center;}
}
@media (max-width: 320px){
	header{ padding:18px 2% 16px 2%;}
	.header .logo{ margin-top:5px;}
	.banner li img,.banner{ height:150px !important;}
}