.dlck{width:571px; height:423px; padding:101px 48px 48px 132px; background:url('http://shop.yunzhagang.com/view/yunzhagang/default/images/dl.png');}
@media (max-width: 980px) {
	.dlck{ width:100%; height:auto; padding:20px 0px 20px 98px;background: rgba(238,238,235,0.9); }
#win{position:absolute;

left:0; right:0; top:0; bottom:0;

margin:auto;}
}

@media (max-width: 1920px) {
	.container { max-width: 1320px;
	}
}



@media screen and (max-width:1440px) {
	.container { max-width: 1200px;}

	
	  .jyly .jyly_list a {
		display: block;
		text-align: center;
		background: #f7f7f7;
		margin: 10px 0 10px 0;
		width: calc(50% - 10px);
		padding:8px;
	}
	  .list_lh {
		height: 425px;
		overflow: hidden;
	  }

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

	.container { max-width: 1080px;}
	.jyly .jyly_list a {  padding: 10px 16px; }

	.list_lh {
		height: 160px;
		overflow: hidden;
	  }
	  .job_list {
		height: 160px;
		overflow: hidden;
	}
	
	.job {  background: #f7f7f7;  padding:10px 0 20px;}
.job .job_con { background: #fff; padding:15px; margin-top: 10px;}
.job_box .job_list a{  display: block; width: 100%;  font-size: 13px; line-height: 22px; padding: 4px 0;}

.list_lh li {
	padding: 7px 10px;
	height: auto;
	border-bottom: 1px dotted #ccc;
	transition: .3s;
}
}

@media screen and (max-width:990px) {
	.top_nav .wxewm { display: none;}
	#banner .swiper-slide .pcimg { display:none !important;}
	#banner .swiper-slide .mobimg {display:block !important;}
	.back-to-top{ display: none !important;}
	/**/
	.top-box .logo {
		justify-content: flex-start;

	}
	.mobile-nav-toggle {
		top: 62px;
		position: absolute;
	}
	.welcome { display: none;}
	.top-content .container{  display: block; }

.top_nav a {
    display: block;
    color: #666;
	padding: 10px ;
    width: calc((100% - 4px)/4);
    border-right: 1px dotted #dedede;
	text-align: center;
    float: left;
}
	.language {

		margin-right: 80px;
	}
	.gallery-top .swiper-slide { display: block; margin-top: 20px; }
	.gallery-thumbs .swiper-slide a {
	
		font-size: 18px;
	}
	.yjbk { display: flex; align-items:center; justify-content: center; align-content: center; flex-direction: column;} 
	.jishu2  { flex: 1; padding-right: 0;}
	.jyly {flex: 1; padding-left: 0; }

	.job_box { width: 100%; float: left;}
    .job_map { width:100%; float: left; overflow:hidden; margin-top:10px;}
	.job_tu{  padding-right: 0;}
	.jishu { flex-wrap: wrap;}
	.jishu li {
		transition: .3s;
		background: #f7f7f7;
		margin: 25px 10px;
		float: left;
		width: 48%;
		margin: 1%;
		transition: all .3s;
	}

	.tit2 {display: block;margin-bottom: 20px;width: 100%;}
	.tit2 p{font-size: 18px;color: #666666;line-height:28px; text-align: center; padding-left: 0;}
    .tit2 i{display:block;font-size: 28px;line-height:36px;color: #333;margin-bottom: 10px;font-weight: bold; text-align: left;}
    .tit3 i{ text-align:center;}
	.hyhz_tu {
		float: left;
		width: 100%;
		margin-top: 20px;
	  }
	  .hyhz_txt {
		float: right;
		width: 100%;
		margin-top: 20px;
	  }
	  
	 

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

	.back-to-top{ display: none !important;}
	/**/
	.top-box .logo {
		justify-content: flex-start;

	}
	
	.mobile-nav-toggle {
		top: 25px;
		position: absolute;
	}
	.mobile-nav-toggle {
		top: 62px;
		position: absolute;
	}
	.welcome { display: none;}
	.top-content .container{  display: block; }

.top_nav a {
    display: block;
    color: #666;
	padding: 10px ;
    width: calc((100% - 4px)/3);
    border-right: 1px dotted #dedede;
	text-align: center;
    float: left;
}
	.language {

		margin-right: 80px;
	}
	.gallery-top .swiper-slide { display: block; margin-top: 20px; }
	.gallery-thumbs .swiper-slide a {
	
		font-size: 18px;
	}
	.yjbk { display: flex; align-items:center; justify-content: center; align-content: center; flex-direction: column;} 

	.jishu2  { flex: 1; padding-right: 0;}
	.jyly {flex: 1; padding-left: 0; justify-content: center;}

	.jishu { flex-wrap: wrap;}
	.jishu li {
		transition: .3s;
		background: #f7f7f7;
		margin: 25px 10px;
		float: left;
		width: 48%;
		margin: 1%;
		transition: all .3s;
	}
	.tit2 {display: block;margin-bottom:10px;width: 100%; margin-top:10px;}
	.tit2 p{font-size: 18px;color: #666666;line-height:28px; text-align: center; padding-left: 0;}
    .tit2 i{display:block;font-size:18px;line-height:20px;color: #333;margin-bottom: 10px;font-weight: bold;}
	 .tit2 span{font-size:12px;}

	iframe {
		display: block; 
		border: none; 
	  
		}
	/**/
	#banner .swiper-button{ display: none;}
	#banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 10px;

	}
	.footer .container {display: flex;  align-items: center;  justify-content:space-between; flex-direction: column;} 
	
	 /* .footer-nav li {
		float: left;
		width: 25%;
	  }*/
	  .footer-nav li a {
		padding: 0 5px;
	  }
	  .fot_contact {
		flex: 1;
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 15px 0;
	  }
	  .fot_contact p {
		display: block;
		flex-direction: column;
		padding-left: 0;
		font-size: 16px;
		text-align: center;
	  }
	  .jishu2 li {
		transition: .3s;
		background: #f7f7f7;
		margin: 10px;
		width: calc(33.3% - 20px);
		transition: all .3s;
	  }
	  .footer-nav {
		display: block;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
		margin: 0;
		flex-direction: column;
	  }
	  .renwu { display:none;
		padding-right: 0;
		flex: 1;
		
		align-items: center;
		justify-content: center;
		/*flex-direction: column;*/
	}
	.renwu img {
		padding-right: 0; width:55px;
	}
	.footer-ewm {
		flex: 1;
		flex-wrap: nowrap;
		display:none;;
		align-items: center;
		justify-content: center;
		padding-left:0;
	}
	
	.foote-ewm {
		flex: 1;
		flex-wrap: nowrap;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left:0;
	}
	.foote-ewm p{ display:none;	}
	.foote-ewm b{ font-size:22px;}
}
@media screen and (max-width:768px) {
	.product { margin-top:5px;
		
	}
	.pro_fl { margin-right: 5px;}
.pro_fr { margin-left: 0;}
.pro_sc { margin-top:10px;}
iframe {
	display: block; 
	border: none;
  
	}
	.jishu2  { flex: 1; padding-right: 0;}
	.jyly {flex: 1; padding-left: 0; }
}

@media screen and (max-width:640px) {
	.top-box .logo {
	
		padding-right: 18px;
		height: 80px;
	}
	.top-box .logo img {
	
		max-height: 70px;
	}
	.mobile-nav-toggle {
		top:55px;
		position: absolute;
	}
	.language {
	
		height: 80px;
	}

	.job_txt {
		padding: 0;
	}
	.jishu2 .cont { padding:20px 10px; position: absolute; left: 0; right: 0; bottom: 0; }
.jishu2 li .jishu-title{

	line-height: 24px;
	margin:5px 0;
	font-size: 14px;

}
.jishu2  { flex: 1; padding-right: 0;}
.jyly {flex: 1; padding-left: 0; }
.jishu2 li {
	transition: .3s;
	background: #f7f7f7;
	margin: 10px;
	width: calc(33.3% - 20px);
	transition: all .3s;
  }


.footer .container {display: flex;  align-items: center; flex-direction: column; }
.footer-nav { margin: 10px 0;}
/*.footer-nav li { float: left; width:25%; }*/
.footer-nav li a { padding: 0 5px; line-height:22px; font-size:12px;}
}
@media screen and (max-width:480px) {

	.top-box .logo {
	
		padding-right: 22px;
		height: 60px;
	}
	.top-box .logo img {
	
		max-height: 52px;
	}
	.mobile-nav-toggle {
		top:50px;
		position: absolute;
	}
	.language {
	
		height: 60px;
	}
	.language a {
	
		width: 35px;
		height: 35px;
		margin: 0 0 0 8px;
		border-radius: 100%;
		line-height: 35px;
	
	}
	.mobile-nav-toggle i {
	
		width: 38px;
		height: 38px;
		line-height: 38px;
	}
	#banner .swiper-pagination-bullet {
		width: 16px;
		height:16px;
		border-radius:8px;
	}
	.jishu2 .cont { padding:10px 0; position: absolute; left: 0; right: 0; bottom: 0; }
	.jishu2 li .jishu-title{
	
		line-height: 28px;
		margin:5px 0;
	
	}
	.jishu2  { flex: 1; padding-right: 0;}
	.jyly {flex: 1; padding-left: 0; }
	.jishu2 li {
		transition: .3s;
		background: #f7f7f7;
		margin:10px 0;
		width:31.3%; margin:0 1%;
		transition: all .3s;
	  }
}
@media screen and ( max-width:360px ) {

	.top-box .logo {
	
		padding-right: 20px;
		height: 60px;
	}
	.top-box .logo img {
		padding: 0;
		margin: 0;
		max-height: 34px;
	}
	.pro_sc { display: flex;  flex-direction: column;}
	
	/**/
	#banner .swiper-button{ display: none;}
	#banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 10px;

	}
	#banner .swiper-pagination-bullet {
		width: 16px;
		height:16px;
		border-radius:8px;
	}
	
}



