@charset "utf-8";

/* --手机端导航-- */
.sj_nav_all{display:none;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;}
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9900;display:none;}

.sj_head{width:100%;height:62px;display:block;position:fixed;left:0;top:0;z-index:9999;background:#fff;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.sj_head_logo{width:80%;height:62px;float:left;padding-left:15px;overflow:hidden;}
.sj_head_logo img{width:auto;height:26px;float:left;margin-top:18px;}
.sj_head_logo b{width:auto;height:62px;float:left;font-size:18px;color:#FFF;line-height:72px;font-family:Tahoma, Geneva, sans-serif;}
.sj_head_bar{width:14%;height:62px;padding-top:18px;float:right;position:relative;cursor:pointer;}
.sj_head_bar .bar{width:50%;max-width:30px;height:3px;margin:5px auto 0;display:block;background-color:#000;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav{width:86%;height:100%;background:#fff;overflow:auto;position:fixed;left:-86%;top:0;z-index:9999;}
.sj_nav_top{width:100%;height:62px;overflow:hidden;border-bottom:1px solid #eef1f4;}
.sj_nav_top_logo{width:auto;height:32px;margin-left:15px;margin-top:15px;float:left;}
.sj_nav_top_logo img{max-width:100%;height:32px;}

.sj_nav_ser{width:100%;position:relative;}
.sj_nav_ser form{width:100%;position:relative;}
.sj_nav_ser .s{width:100%;height:56px;line-height:24px;font-size:15px;color:#333;padding:15px 55px 15px 15px;background:#FFF;border:none;border-bottom:#eef1f4 solid 1px;outline:none;float:left;}
.sj_nav_ser .b{width:50px;height:56px;cursor:pointer;border:none;outline:none;position:absolute;right:0px;top:0px;background:url(../image/search2.png) no-repeat center;}

.sj_nav_li{margin:0px 15px;border-bottom:1px solid #ddd;}
.sj_nav_li a{font-size:16px;color:#250908;display: block;}
.sj_nav_li .navn{height:50px;line-height:50px;padding:0px 5px;}
.sj_nav_li .navn .yw500{width:100%;}
.sj_nav_li .navm{width:100%;}
.sj_nav_li .navr img{width:15px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.sj_nav_li ul{display:none;padding:5px 0;}
.sj_nav_li ul li a{width:100%;height:40px;line-height:40px;padding:0px 5px;font-size:15px;color:#333;}
.sj_nav_li.current .navn{background-color:#0095eb;}
.sj_nav_li.current .navl{color: #fff;} 
.sj_nav_li.current .navr img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.header{width:98%;}
	
	
	.nava{width:52%;margin-right:2%;}
	.search{ display:none;}
	
	

	
}
@media screen and (max-width: 1200px){



}
/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:62px;}
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.header_bg{display:none;}
	.sj_nav_all{display:block;}
	
	.index1_bj{ margin-top:40px; padding:0;}
	.index1_top_left{ width:100%; color:#000; font-size:16px;}
	.index1_top_left p{ font-size:20px; color:#292929; font-weight:bold; margin-bottom:15px;}
	.index1_top_left a{ margin-top:30px;}

	.index1_search{ width:100%;}
	
	.index1_pro_list{display:block;}
	.swiper-list{display:none;}
	.index1_pro{display:none;}
	
	.index1_bottom{width:100%; margin-top:50px;}
	.index1_bottom .index1_bottom_top{ font-size:24px; }

	
	.index1_num li{ float:left; width:50%; text-align:center; font-size:16px; margin:2% 0;}
	.index1_num li p{ font-size:30px; margin:0;}

	#index2_case .swiper-slide .index2_case_con p{ font-size:18px; font-family:"微软雅黑"; font-weight:bold; margin:0 0 10px 0;}
	
	.index3{ margin-top:50px;}
	.index3_top{ margin-bottom:30px;}
	.index3_top p{ font-size:24px;}
	.index3_left{ width:100%; height:auto;}
	.index3_right{ width:100%; height:auto;}
	.index3_left .index3_left_news1 .index3_tit{ width:100%;}
	.index3_left .index3_left_news1 .index3_con{ width:100%;}
	.index3_left li .index3_tit{ font-size:18px;}
	.index4_top{ font-size:24px;}
	.index4_con{ width:90%;}
	.index5_left{ float:none;}
	.index5_right{ margin:0 auto; margin-top:30px; float:none;}
	.index3_left li{ float:none; width:95%}
	.index3_left li:nth-child(2){ float:none;}
	
	.foot_left{ width:100%; height:auto;}
	.foot_nav{ display:none;}
	
	.banner_about{font-size:16px;}
	.banner_about p{ font-size:24px;margin-top:0;}
	.inner_banner{font-size:16px;}
	.inner_banner p{ font-size:24px;margin-top:0;}
	.crumbs_bj{ width:100%; position: relative; z-index:999; bottom:40px;}
	.crumbs li{ width:100%; background:#fff; float:left; margin:0 1%; box-shadow:0 0 10px rgba(0,0,0,0.1); line-height:80px;}
	
	.inner_about1{ margin:40px auto;}
	.inner{ margin:40px auto;}
	.inner_about_top b{ font-size:24px;}
	.inner_about_top p{ font-size:18px; }

	.inner_about1_img{ width:100%; float:none;}
	.inner_about1_img img{ width:100%;}
	.inner_about1_con{ float:none; width:94%; background:#edf3f9; padding:3%;}
	
	.inner_pro_type{  width:100%; float:none;}
	.inner_pro_main{ width:100%; float:none;}
	
	.pro_info{  width:100%; float:none;}
	
	.inner_pro_main .pro li{ float:left; width:48%;}
	.inner_pro_main .pro li .pro_con .pro_con_tit{ font-size:16px; color:#2d2d2d; font-weight:bold; overflow:hidden; float:left;}
	
	.proleft { width: 100%; float:none;}
	.proright { width: 100%; padding-bottom:20px; float:none; margin-top:30px; border-bottom:1px solid #dcdcdc; }
	.proright h3{ border-bottom:1px solid #dcdcdc; color:#000000; font-size:20px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-family:"微软雅黑"; font-weight: bold;}
	.pro_des{ color:#666666; margin-bottom:30px;}
	.pro_des_tit{ position:relative; margin-bottom:10px;}
	.pro_des_tit p{font-family:"微软雅黑"; font-size:20px; color:#000; font-weight:bold; margin:0; position: relative; z-index:9;}
	.pro_des_tit .pro_line{ height:11px; background:#c9c9c9; position:absolute; width:106px; bottom:-1px;}
	.pro_con .pro_con_more{ width:100%; float:none;}
	.pro_con .pro_con_contact{ width:100%; float:none; margin-top:20px;}

	
	.pro_tel{ float:none;}
	.pro_tel p{ font-size:20px;}
	.pro_contact{ margin-top:20px; float:none;}
	
	.pro_info_main{ margin-top:40px;}
	.product_recommend{ margin:50px 0;}
	.product_recommend ul{ margin-top:50px;}
	.product_recommend li{ width:46%; float:left; padding:30px 0; margin:2%; background:#fff;}
	
	.news{margin-top:2%;}
	.news ul li{width:94%; float:none; margin-top:30px;margin-top:4%;position:relative;}
	.news ul li .txt{width:92%;height:100%;padding:4%;float:none;}
	.news ul li .news1_tit{ font-size:16px;}
	.news ul li:hover .txt{
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
	}
	.newshow .newshowtit h1{ font-size:18px;}
	
	.case li{ width:100%; float:none; }
	
	.inner_cqhj{ margin:40px auto;}

	.cqhj li{width:48%;float:left;margin:2% 1%;background:#FFF;}
	.inner_honor li{width:48%;float:left;margin:2% 1%;}
	
	.contact_main{ width:90%; padding:5%; float:none;}
	.contact_top p{ font-size:24px; font-weight:bold; color:#0095eb;}
	
	.contact_main ul{ width:100%; float:none;}
	.contact_main .cop{ width:100%; float:none; text-align:center;}

	.contact-map{ width:100%; position:relative; float:none;}
	#dituContent{ width:100%; height:250px;}
	
	.inner_message_left{ width:100%; float:none; font-size:16px; color:#878787;}
	.inner_message_main{ width:100%; float:none;}
	.inner_message_main .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:none;}
	.inner_message_main #captcha{ float:left; width:60%;}
	.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:100%; margin-right:0%; float:none;}


















	
	
	#dituContent{ width:100%; height:396px;}

	

	

	
}
@media screen and (max-width: 772px){
	
	
	

		

}
@media screen and (max-width: 584px){

}