@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1480px) {
	header .top .box{max-width: 98%;}
	.container{max-width:97%; }
	
	.index-about .words{width: 51%;}
	.foot .box{max-width: 97%;}

}
@media screen and (max-width: 1280px) {
	header .top .nav{ margin-left:60px;}
	header .top .nav ul li p a{padding:0 33px;}

}
@media screen and (max-width: 1180px) {
	header .top .nav{ margin-left:45px;}
	header .top .nav ul li p a{padding:0 30px;}

}
@media screen and (max-width: 1080px) {
	header{display: none;}
	.sp_header,.sjj_nav{ display:block;}
	
	/*------------------手机导航开始----------------------------------------------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
	.sp_logo{padding:7px 0 0 10px;float:left;height:55px}
	.sp_logo img{margin:auto;max-height:55px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:70px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 82px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:82px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:55px;font-size:16px; color: #000;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#444;width:80%}
	.sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:45px;font-size:14px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#f39800}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/

	.mtop{margin-top: 70px;}
	.banner,.banner_ny{margin-top: 70px;}
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-yi{bottom: 15px;}
	.banner .swiper-pagination-bullet{width: 10px;height: 10px;border:1px solid #FFF;}
	.banner .swiper-pagination-bullet-active{border:1px solid #FFF;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}
	
	.banner .swiper-button-next{background: none;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;}
	.banner .swiper-button-prev{background: none;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;}
	.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 28px;color: #eee;}
	
	
	
	.dsanp .ind_newName{font-size: 26px; padding-bottom: 2%}

	.index-about .box_wh .jpic{width: 100%;}
	.index-about .box_wh .words{width: 100%; margin-top: 22px;}
	.index-about .box_wh .words .index-title{font-size: 20px; }
	.index-about .box_wh .words .more{margin-bottom: 20px;}
	
	.djap .jjfa ul li .zcon p { font-size: 22px;}
	
		
	.pro_left{width: 28%; }
	.pro_left h2{height:60px;line-height:60px;background:#e60012; padding:0; font-size:22px;}
	.pro_right{width: 68%; }

	.news li{width: 47%;margin-left: 3%;}
	.news li h2{font-size: 14px;margin-top: 10px;line-height: 18px;}
	.news li p{line-height: 18px;padding-top: 6px;font-size: 12px;}
	.news li .more{width: 100px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #0961a4;margin-top: 10px;font-size: 12px;}

	
	.product ul li {width:48%;}
		
	.product_details .details_pic{float: left; width:100%; }
	.product_details .details_top{float: left; width:100%; margin-top: 15px;}


	.contact_ul ul li{ width:49.5%;}
	.contact_ul ul li .box{ border-bottom:1px solid #e8e8e8;}
	
	#map_container{height:500px;}
	

	.foot .box .t_l{float: left;width: 32%;margin-right: 2%;}
	.foot .box .t_l .dz img{width: 260px; }
	.foot .box .t_c{float: left;width: 47%; margin-right: 2%;}
	.foot .box .t_r{float: right;width: 16%;}
	
	.my-kefu{display: none;}

	
}

@media screen and (max-width: 820px) {
	.dlop .tj_box ul {margin-left:0; }
	.dlop .tj_box ul li{width:100%; margin-left:0;}
	.cp_pro .chart_1 h3 {font-size:27px;}
	
	.dsanp ul {margin-right:0; }
	.dsanp ul li{ width:99.7%; margin-right:0%; margin-bottom: 3%;}
	
	.djap .jjfa ul li{float: left; margin-left: 1%; width: 49%;}
	
	.sideBar-wrapper{display: none;}
	
	.foot .box .t_l{width:72%;margin-top: 30px;}
	.foot .box .t_l .dz img{width: 280px; margin-bottom: 15px;}
	.foot .box .t_c{float: left;width:100%;} 
	
	.foot .box .t_r{float: right;width:25%;margin-top: 30px;}
	.foot .box .t_r .pic{width: 125px;}
	
		
	.pro_left{width: 100%; }
	.pro_left ul li p{font-size: 14px;}
	.pro_right{width:100%; margin-top: 0;}
	
	.promore_l{width:100%;}
	.pros_right{width:100%; margin-top: 20px;}
	
	.hzkh li{ float:left; width:31.333%;}
	
	.contact_ul ul li{ width:99.8%;}
	.contact_ul ul li .box{border-right:none;padding:2%; }

}
@media screen and (max-width: 580px) {
	.spec-scroll .items{width:84%;}
}