@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1400px) {
	
	header .top h1{left: 1%;}
	header .top .nav_topr{position: absolute;right: 1%;top: 0px;}
	
	header .nav li p a{ padding:0 15px;}
	
	.layout{ width:97%;}

}

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

	header .nav{float: left;padding-right: 10px;}
	header .top .nav_topr{position: absolute;right: 1%;top: 0px;}
	header .nav li p{font-size:15px; text-transform:uppercase;}

	
	.swiper-father .left{width: 50px;height: 50px;outline: medium;left: -60px;line-height: 50px;}
	.swiper-father .left i{font-size: 40px;}
	.swiper-father .right{width: 50px;height: 50px;outline: medium;right: -60px;line-height: 50px;}
	.swiper-father .right i{font-size: 40px;}
	
	.derp{padding:45px 0;}
	
	
	.foot{padding:22px 2%;}
	.foot .foot_nav{padding-top: 20px; width: 83%; float: left;}
	.foot .foot_nav dl{float: left;width:14.9%;padding-left: 3%; padding-right: 1%;border-right: 1px solid #414141;}
	
}

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

	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:8px 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; z-index: 100}
	.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:48px;font-size:13px; 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:40px;font-size:12px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#009944}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/
	
	
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-bullet{width: 12px;height: 12px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

	.banner{margin-top: 60px;}
	.banner_ny{margin-top: 60px;}

	.ss a{ width:50%; }
	
	.derp .box .txt .tjs{font-size: 14px; line-height: 30px; text-align: justify;}
	
	.dsip .y_box ul li .y_list .grid{ font-size: 24px;}
	.dsip .y_box ul li .y_list .grid span{font-size:13px; padding: 8px 0; }
	.dsip .y_box ul li .y_list i{font-size: 70px; }
	
	.foot .box .ewm{padding-top: 20px; width: 115px; float: right;}
	
	.ny_banner img{margin-top: 60px;}
		
	.div_nav ul{ padding-left:0px; background:none;height:auto;}
	.moblie_nav{ height:auto;}
	.moblie_nav ul{ width:100%;}
	.moblie_nav ul li{border-bottom:1px solid #fff; font-size: 14px;line-height:48px; width:49.5%}
	.moblie_nav ul li a{ padding: 0;}

	
	.inner_content .inner_about{font-size:14px; line-height:30px; margin: 22px 0;}
	.inner_content .inner_about img{width:100% !important; float: left;}
	
	.culture ul li{float: left;width:47%;}
	.Ulimg li,.honor ul li,.product li{ float:left; width:48%;}
	
	.pro_table{overflow-x: scroll; }
	.pro_table table{width: 185%; margin-bottom: 20px; font-size: 12px;}
	
	.new-cont-list .txt{width:68%;}
	.new-cont-list .timer b{font-size: 40px;line-height: 45px;}
	.new-cont-list .timer span{font-size: 18px;}
	.new-cont-list .txt h5{font-size: 18px;margin-bottom: 15px;}
	.new-cont-list .txt p{font-size: 13px;}
	
	#map_container{height:500px;}
	


	.honor ul li{float:left;width:47%;  }
	
	.Dli-list li{width:48%; margin:20px 0 0;}
	
	.client li{float: left;width: 23%; }
	.contact-box{margin: 25px 0; }

}


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


	.banner .swiper-container .m{display: block;}
	.banner .swiper-container .pc{display: none;}
	.banner .swiper-pagination-bullet{width: 12px;height: 12px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

	.ss a{ width:100%; }
	
	.derp .box .pics{float: left; width: 100%;}
	.derp .box .txt{float: left; width:100%;margin-top: 25px; }
	
	.dsip .y_box ul li{ border-bottom: 4px solid #f6f6f6; }
	.dsip .y_box ul li{float: left; width: 100%; }
	.dsip .y_box ul li .y_list .grid{width: 85%; margin:5% auto;}
	.dsip .y_box ul li .y_list i{padding: 15px 0 0; }
	
	.gg .div2 ul {margin-right:0; }
	.gg .div2 ul li{ width:100%; margin-right:0; margin-bottom: 3%;}
	
	.ind-tit{font-size:25px;}
	
	
	.NewsDetailed h4{font-size:17px;}

	.Dlil-box .name{font-size:14px;}

	.foot .foot_nav{display: none;}
	.foot .subnav_foot{display: block; padding: 0}
	.foot .box .ewm{display: none;}
	.foot .copyright{ border-top:0 solid #555;margin-top:0;}
	
	.culture ul li h4{font-size: 18px; padding: 10px 0;}
	.culture ul li p{font-size: 12px; line-height: 25px;}
	
	#map_container{height:460px;}
	.cal_content1 .fxs{float: left; width: 100%; } 
	.cal_content1 .fxs:first-child{ padding-top: 0;line-height:35px;font-size: 15px;width: 100%; padding-bottom: 25px;}
	
	.cUmsg-list li{width:100%;}

}
@media screen and (max-width: 480px) {
	.derp .box .txt .num_list ul li {width:50%}
	
}