@media(min-width: 768px){
	.container{
		width:720px;
		margin:0 auto;
	}	
	.banner .swiper-slide{
		height:300px;
	}
	.home-main-title .item .more-box .more{
		width:50px;
		height:50px;
		line-height:50px;
		font-size:20px;
		right:30px;
		bottom:25px;
	}
	.common-banner{
		height:300px;
	}
	.page-box .bd .list dl{
		float:left;
	}
	.page-box .bd .list .apply{
		width:42px;
		height:auto;
		float:right;
		margin:0;
		line-height:1.2;
	}
	.page-box .bd .list .apply img{
		height:24px;
		margin-bottom: 5px;
	}
	.officer-content ul li{
		min-width:33.33%;
		float:left;
	}
	
	
}
/* 992-1200px */
@media(min-width: 992px){
	.container{
		width:980px;
		margin:0 auto;
	}
	.header{
		height:100px;
	}
	.header .nav{
		flex:1;		
		width:auto;
		height:auto;
		position: relative;
		left:0;
		top:0;
		padding-top: 0;
		background-color: transparent;
	    transition: none;
	}
	.header .nav .container{
		width:100%;
		display:flex;
		justify-content:flex-end;
		align-items:center;
	}
	.header .nav-item{
		line-height:1;
		border:none;
		color: #fff;
		margin-left: 35px;
	}	
	.header .btn-menu{
		display: none;
	}
	.header .logo{
		width:376px;
		height:64px;
	}
	.banner .swiper-slide{
		height:500px;
	}	
	.common-banner{
		height:500px;
	}
	footer{
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
    footer .hd{
		display:flex;
		justify-content:space-between;
	}
	 footer .hd .item{
		 margin-top:0;
	 }
	 footer .bd .l,
	 footer .bd .l p{
		 float:left;
	 }
	 footer .bd .r{
		  float:right;
	 }
	 .home-main-title .item{
		 width:25%;
	 }
	.home-main-title .item:first-child{
		width:50%;
	}
	.home-bonus{
		-webkit-background-size: cover;
		background-size: cover;
	}
	.page-box .bd .list .apply{
		height:auto;
	}
	.page-box .bd .list .apply img{
		height:42px;
	}
	.notice{
		display:flex;
		align-items:flex-start;
	}
	.notice-menu{
		display: block;
	}
	.notice-content{
		flex:1;
	}
	.notice-tab-content .tab-panel{
		padding:0 10%;
	}
	.notice-tab-content .item{
		height:75px;
	}
	.notice-tab-content .item .p:before{
		width:12px;
		height:12px;
		margin-top: -6px;
	}
	
}
/*1200-1400 */
@media(min-width: 1200px){
	.container{
		width:1140px;
		margin:0 auto;
	}
	.fz42-64{
		font-size: 64px;
	}
	.fz38-58{
		font-size: 58px;
	}
	.fz32-48{
		font-size: 48px;
	}
	.fz30-44{
		font-size: 44px;
	}		
	.fz24-36{
		font-size: 36px;
	}
	.fz20-30{
		font-size: 30px;
	}
	.fz22-34{
		font-size: 34px;
	}
	.fz20-28{
		font-size: 28px;
	}
	.fz18-24{
		font-size: 24px;
	}
	.fz16-20{
		font-size: 20px;
	}
	.fz16-18{
		font-size: 18px;
	}
	.fz14-18{
		font-size: 18px;
	}
	.fz14-16{
		font-size: 16px;
	}
	.fz12-14{
		font-size: 14px;
	}
	.m-show{
		display: none;
	}
	.pc-show{
		display: block;
	}
	footer .hd{
		padding:70px 50px 50px;
	}
	footer .bd{
		padding:50px 0;
	}
	.banner .swiper-slide{
		height:600px;
	}
	.banner .swiper-slide a{
		-webkit-background-size: auto;
		background-size: auto;
	}
	.common-banner{
		height:600px;
		-webkit-background-size: auto;
		background-size: auto;
	}
	.home-main-title .item{
		padding-left:50px;
		padding-top:46px;
	}
	.home-main-title .item dt{
		line-height:30px;
	}
	.home-main-title .item dd{
		margin-top:20px;
	}
	.home-main-title .item{
		height:260px;
	}
	.home{
		padding:60px 0 50px;
	}
	.home .hd{
		padding-bottom: 60px;
	}
	.home .hd dt{
		padding-top: 40px;
		margin-bottom:36px;
	}
	.officerSwiper .item{
		padding:30px 20px 10px;
	}
	.officerSwiper .item .box{
		padding:0 15px;
	}
	.officerSwiper .item .p{
		margin:20px 0;
		line-height:30px;
	}
	.officerSwiper .item .h2{
		margin-top:30px;
		background-position: 20px;
	}
	.home .swiper-button-next, 
	.home .swiper-button-prev{
		display:block;
		width:58px;
		height:58px;
		line-height:58px;
		background: #fff;
		border:1px solid #ff7200;
		left:-105px;
		margin-top:-30px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		font-family: "宋体";
		font-size:40px;
		text-align:center;
		color:#ff7200;
		cursor:pointer;
	}
	.home .swiper-button-prev:before{
		content:"<";
	}
	.home .swiper-button-next{
		left:auto;
		right:-105px;
	}
	.home .swiper-button-next:before{
		content:">";		
	}
	.home .more{
		width:200px;
		line-height:50px;
		margin:50px auto 0;
	}
	.home-bonus{
		padding-top: 100px; 
		padding-bottom: 120px;
	}
	.home-bonus dt{
		margin-bottom:60px;
	}
	.home-bonus dd{
		line-height:48px;
	}
	.page-box .title{
		padding:60px 0;
	}
	.page-box .bd .list{
		padding:40px;
		margin-top:34px;
	}
	.pagination{
		margin-top: 60px;
		padding-bottom:30px;
	}
	.pagination a{
		padding:10px 15px;
		margin:0 10px;
	}
	.officer-details{
		padding:60px 0;
	}
	.officer-main{}
	.officer-title{
		padding-bottom: 34px;
	}
	.officer-content{
		padding:0 34px;
	}
	.officer-content .h{
		padding-top: 42px;
		padding-bottom: 34px;
	}
	.officer-content ul{
		line-height:48px;
		padding:30px 40px;
	}
	.officer-content .bd dt{
		margin-top:50px;
		margin-bottom: 15px;
	}
	.officer-content .bd dd{
		line-height:30px;
	}
	.officer-content .fb{
		padding:60px 0;
	}
	.officer-content .fb .btn{
		height:52px;
		padding:0 30px;
		margin:0 10%;
	}
	.officer-content .fb .btn img{
		height:32px;
		margin-left: 24px;
	}
	.officer-details{
		display:flex;
	}
	.officer-main{
		flex:1;
	}
	.officer-details .aside{
		width:314px;
		margin-left: 58px;
	}
	.notice{
		padding:60px 0;
	}
	.notice-menu{
		margin-right: 55px;
	}
	.notice-tab-title{
		padding:40px 0;
	}
	.notice-tab-title .item{
		padding:0 40px;
		line-height:52px;
		margin:0 20px;
	}
	.notice-tab-content{
		padding-bottom: 60px;
	}
	.recruiting-details{
		padding:60px;
	}
	.recruiting-details .hd{
		padding-bottom:40px;
	}
	.recruiting-details .bd{
		line-height:30px;
		padding:50px 20px 0;
	}
	.recruiting-details .bd .img{
		margin-top: 30px;
	}
	.zplc{
		padding:0px;
	}
	.zplc .hd{
		padding-bottom:40px;
	}
	.zplc .bd{
		line-height:30px;
		padding:50px 20px 0;
	}
	.zplc .bd .img{
		margin-top: 30px;
	}
	.reason .hd{
		padding-top: 60px; 
		padding-bottom: 50px;
	}
	.reason .bd{
		line-height:30px;
		padding-bottom: 50px;
	}
	.reason .bd .p1{
		padding-left: 30px;
	}
	.reason .bd ul{
		margin-bottom: 30px;
	}
	.reason .bd ul li{
		padding-left: 36px;
	}
	.reason .bd ul li:before{
		width:12px;
		height:12px;
	}
	
}
/* 1400px-1800px */
@media(min-width: 1400px){
	.container{
		width:1320px;
		margin:0 auto;
	}
	
}
@media(min-width: 1800px){
	.container{
		width:1720px;
	}
	.max-show{
		display: block;
	}
	
}