@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:rgba(0,0,0,0.8);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:40px;float:left;margin-top:8px;}
.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:#FFF;
    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:rgba(0,0,0,0.6);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:42px;margin-left:15px;margin-top:8px;float:left;}
.sj_nav_top_logo img{max-width:100%;height:42px;}

.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 #fff;}
.sj_nav_li a{font-size:16px;color:#fff;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 .navl{width:100%;}
.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:#fff;}
.sj_nav_li.current .navn{background-color:#f00;}
.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%;}
	
	

	
}
@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{ padding-top:50px; padding-bottom:50px;}
	.index1{ width:90%;}
	.index1_search{ width:80%;}
	.index1_top p{ font-size:26px;}
	.index1_pro .swiper-slide .title p{font-size:20px;}
	.index2{ margin-top:50px;}
	.index2_case li{ width:48%; }
	.index2_case li .title{ font-size:16px; position:relative;}
	.index3_top p{ font-size:26px; font-weight:bold;}

	.index-advantage-box{padding-top:52px;}
	.index-advantage-list{margin-top:4%;}
	.index-advantage-list .wz{width:100%;height:40%;margin-top:0;}
	
	.index-advantage-list .picout{width:100%;height:60%;}

	.index4_left{ width:100%; float:none;}
	.index4_top{ font-size:16px; color:#525252;}
	.index4_top p{ font-size:27px; color:#000000;}
	.index4_about{ font-size:16px; color:#525252; line-height:30px; margin-top:30px;}
	.index4_right{ width:100%; float:none; margin-top:30px;}
	.index5{ margin-top:50px;}
	.index5_main{ margin-top:50px;}
	.index5_left{ width:100%; float:none;}
	.index5_left_tit b{ font-size:18px;}
	.index5_right{ width:100%; float:none; margin-top:30px;}
	.index5_right_tit{font-size:18px;}
	.index5_right_con2{ display:none;}
	
	
	.foot_contact{ width:100%;}
	.foot_left{ width:100%; height:auto;}
	.foot_nav{ display:none;}
	.foot_contact ul{ width:100%; float:none;}
	.cop{ width:100%; float:none;}



	.inner{ margin:50px auto;}
	.inner_banner{font-size:16px;}
	.inner_banner p{ font-size:24px;margin-top:0;}
	
	.crumbs p{ float:none; font-weight:bold; border-right:1px solid #dcdcdc; padding-right:20px;}
	.crumbs a{ margin-left:0; width:45%; float:left; display: block; line-height:20px; margin-right:5%; line-height:30px;}
	.crumbs a:hover{ background:url(../Image/about_icon6.png) bottom center no-repeat;}
	.crumbs a.active{ background:url(../Image/about_icon6.png) bottom center no-repeat;}

	.inner_about_top{ font-size:16px; color:#525252; text-align:center; text-transform:uppercase; margin-bottom:30px;}
	.inner_about_top p{ font-size:24px; font-weight:bold; color:#000000;}
	.inner_about_video .video_bnt{ width: 50px; height: 50px;}
	
	.inner_about_qywh{ margin-top:50px;}
	.inner_about_qywh_main li{ position:relative; overflow:hidden; margin-bottom:50px;}
	.inner_about_qywh_main li .inner_about_qywh_left{ float:none; width:100%;}
	.inner_about_qywh_main li .inner_about_qywh_right{ position:relative; right:0; top:10%; z-index:9; width:94%; min-height:200px; padding:3%; background:url(../Image/qywhbj.jpg) bottom center no-repeat; background-size:cover;}
	.inner_about_qywh_tit{ font-size:18px; color:#000;}
	.inner_about_qywh_tit span{ font-size:38px; font-family:Impact;}
	.inner_about_qywh_con{ line-height:25px; color:#353535; font-size:16px; margin-top:20px;}
	.inner_about_qywh_main li:nth-child(2n) .inner_about_qywh_left{ float:none; width:100%;}
	.inner_about_qywh_main li:nth-child(2n) .inner_about_qywh_right{ left:0;}
	
	.proSection-bd .item{ width:46%;}
	.proSection-bd .item .img img{ width:100%;}
	.proSection-bd .item .title p{font-size:20px;}
	.prolist-right .item{ width:46%;}
	.prolist-right .item .title p{ font-size:18px;}
	
	.pro_info{ margin-top:50px;}
	.proleft { width: 100%; float:none;}
	.proright { width: 100%; padding-bottom:20px; float:none;}
	.proright h3{ font-size:20px;}
	.pro_des{ font-size:16px; margin-bottom:30px;}
	.pro_contact{ float:none;}
	.pro_contact p{ font-size:20px;}
	.pro_back{ float:none; margin-top:20px;}
	.pro_back img{ margin-left:20px;}
	.pro_info_top span{ font-size:18px;}



	
	.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;}
	
	.zxrz_l{  margin-top:0;}
	
	.news{margin-top:2%;}
	.news ul li{width:98%;margin-right:0; float:none; margin-top:30px; margin-left:0;margin-top:4%;position:relative;}
	.news ul li .pic{width:40%;float:left;}
	.news ul li .txt{width:50%;height:100%;padding:4%;float:none;position:absolute;right:0;top:0;}
	.news ul li .news1_tit{ font-size:16px; margin-bottom:0px;}
	.news1_more{ display:none;}
	.news1_date{ display:none;}
	.news ul li:hover img{
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
	}
	.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{ float:none; width:98%;}
	
	
	.zljg_main li{ float:none; width:90%; padding:2% 5%; margin:1% 0; background:#f6f6f6;}
	.zljg_main li .title{ color:#333; font-size:20px; margin-bottom:20px;}
	.jszx{ margin-top:30px;}
	.jszx_left{ width:100%; float:none; }
	.jszx_right{ width:100%; float:none;}

	
	.inner_contact{ width:90%; padding:5%; float:none;}

	.contact-map{ width:100%; position:relative; float:none;}
	#dituContent{ width:100%; height:250px;}
	
	.inner_message{ width:100%; float:none;}
	.inner_message_main .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:none; overflow:hidden;}
	.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){

}