@media (min-width: 320px) and (max-width:767px) {
	.banner3{
		height: 300px;
	}
	.pc {
		display: none !important;
	}

	.mb {
		display: block;
	}

	.navbar-nav {
		float: none;
	}

	.bnnerTitle1 {
		font-size: 26px;
		color: #FFF;
		line-height: 30px;
	}

	.bnnerTitle2 {
		font-size: 10px;
		color: #b0d3e6;
		line-height: 20px;
	}

	.bnnerTitle3 {
		font-size: 9px;
		line-height: 12px;
	}

	.socialBannerTitle {
		width: auto;
		padding-top: 100px;
		padding-bottom: 50px;
	}

	.demandWord {
		width: 100%;
		padding: 20px 0 0 0;
		margin: 0 auto;
		font-size: 12px;
		color: #333;
		line-height: 18px;
	}

	.jobSection {
		width: 100%;
		padding-bottom: 16px;
	}

	.jobClassification {
		font-weight: bold;
		font-size: 16px;
		text-align: left;
		padding-top: 0px;
		padding-bottom: 5px;
	}

	.afilm {
		text-align: left;
		overflow: hidden;
		margin-top: 0px;
	}

	.afilm img {
		display: none;
		max-height: 16px;
	}

	.afilm span {
		white-space: nowrap;
		font-size: 11px;
		line-height: 22px;
		padding-top: 0px;
		color: #666666;
	}

	.nationalSite {
		width: 100%;
		font-size: 12px;
		color: #333;
		line-height: 18px;
		margin: 0 auto;
	}

	.nationalSite span {
		margin-top: 10px;
		font-size: 12px;
		line-height: 18px;
		display: block;
	}

	.recruitmentProcess {
		overflow: hidden;
		width: 100%;
		padding-bottom: 10px;
		padding-left: 0px;
		margin: 0 auto;
	}

	.recruitmentProcess p {
		margin: 0px;
		padding: 0px;
		line-height: 12px;
		font-size: 9px;
	}

	.recruitmentSteps {
		text-align: center;
		height: 24px;
		line-height: 20px;
		width: 70px;
		border: 1px solid #000000;
		font-size: 12px;
	}

	.stepArrow {
		width: 20px;
		height: 20px;
	}

	.stepWords {
		float: none !important;
		margin-left: 80px;
	}

	.footerleft {
		width: 100%;
		height: auto;
	}

	.footerleft p {
		font-size: 12px;
	}

	.footermid {
		font-size: 9px;
		width: 100%;
		height: auto;
	}

	.footermid p {
		font-size: 9px;
	}

	.footermid a {
		font-size: 9px;
	}

	.footerright1 {
		margin-top: 10px;
		float: left;
	}

	.footerright1 a {
		font-size: 9px;
	}

	.footer1,
	.footer3,
	.footer5,
	.footer2,
	.footer4,
	.footer6 {
		height: auto;
		padding-bottom: 30px;
	}

	.footerBox {
		padding-top: 16px;
	}

	.boxTitle1 {
		text-align: left;
		font-size: 18px;
	}

	.boxTitle2 {
		text-align: left;
		font-size: 9px;
		color: #666;
	}

	.demandImg {
		padding-top: 10px;
		text-align: left;
	}

	.contentTitle {
		padding: 30px 0 20px 0;
	}

	.box {
		padding-bottom: 60px;
		padding-left: 0px;
	}

	.box1 {
		padding-bottom: 60px;
	}

	.nationalSite {
		padding: 20px 0 0 0;
	}

	.nationalMap img {
		width: 80%;
	}

	.dashLine {
		margin-top: 10px;
		width: 100%;
		height: 1px;
		border-top: 1px dashed #dddddd;
	}

	.campusBannerTitle {
		padding-top: 70px;
		padding-bottom: 30px;
	}

	.campusBannerTitle .t1 {
		font-size: 26px;
		line-height: 30px;
	}

	.campusBannerTitle .t2 {
		font-size: 9px;
		line-height: 12px;
	}

	.content {
		padding-bottom: 0px;
		margin-bottom: -15px;
		width: 100%;
	}

	.fontsize td {
		font-size: 9px;
		color: #666666;
	}

	.fontsize {
		margin-top: 8px;
		margin-bottom: 15px;
	}

	.characteristicsTable {
		line-height: 18px;
	}

	.characteristicsTable td {
		font-size: 12px;
		color: #333;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.talentBox {
		font-size: 16px;
		/* padding: 24px 0 24px 0; */
	}

	.talentText {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 20px;
	}

	.dnaBox {
		padding-left: 0px;
	}

	.dnaText .t1 {
		font-size: 16px;
	}

	.dnaText .t2 {
		font-size: 12px;
	}

	.dnaText .t3 {
		font-size: 9px;
		line-height: 12px;
	}

	.dnaBox .fl {
		width: 8%;
	}

	.dnaText {
		margin-left: 50px;
		margin-bottom: 20px;
	}

	.trainingBox p {
		font-size: 12px;
		color: #333;
		line-height: 20px;
	}

	.trainingBox span {
		font-size: 16px;
	}

	.trainingLine {
		width: 100%;
		height: 1;
		border-top: 1px dashed #617182;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	.lifeBox {
		padding-left: 0px;
		margin-bottom: 20px;
	}

	.lifeBox .fl {
		width: 6%;
	}

	.lifeEvent {
		font-size: 10px;
	}

	.lifeText {
		margin-left: 30px;
	}

	.lifePhoto {
		margin-top: 20px;
	}

	.lifeText .t1 {
		font-size: 14px;
	}

	.lifeText .t2 {
		font-size: 9px;
	}

	.leftul {
		background: none;
	}

	.leftulTitle {
		line-height: 40px;
		background: none;
		color: #069a48;
		font-size: 12px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
	}

	/* .leftul li a {
		display: block;
		height: 40px;
		line-height: 40px;
		background: none;
		color: #333;
		padding: 0;
		font-size: 14px;
		text-align: center;
	} */

	.leftulTitle span {
		display: inline-block;
		font-size: 12px;
	}


	.leftul li {
		background: none;
		float: left;
		width: 33.3%;
		color:#333;
	}

	.leftul li.jishu {
		display: block;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		background-image: none;
	}

	.leftul li.yingxiao {
		display: block;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		background-image: none;
		color:#fff;
	}

	.leftul li.yingxiao a{

		background: none;
		color: #333;
	}
	.leftul li.xiangmu {
		display: block;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		background-image: none;
		color:#fff;
	}

	.leftul li.kefu {
		display: block;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		background-image: none;
	}

	.leftul li.yunying {
		display: block;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		background-image: none;
	}

	.leftul li.zhicheng {
		display: block;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		background-image: none;
	}

	.jobTitile {
		margin-bottom: 10px;
	}

	.tab_menu li  {
		width: 33.3%;
		background: none;
		color: #333333;
	}


	.main {
		padding-top: 70px;
	}

	.tab_box .tt {
		font-size: 18px;
	}

	.tab_box .t {
		font-size: 16px;
		padding-top: 20px;
	}

	.tab_box .desc {
		font-size: 12px;
	}

	.tab_box .tti {
		font-size: 18px;
	}

	.leftul {
		padding-top: 10px;
		border-top: 1px solid #dddddd;
	}

	.tab_menu {
		padding-top: 10px;
		border-top: 1px solid #dddddd;
	}

	/*  全国新增 */
	.countryCity {
		width: 100%;
	}

	.maplistcity {
		padding: 0px 0px 0px 100px;
		margin-bottom: 8px;
		height: auto !important;
	}

	.maplistBox {
		margin-bottom: 15px;
		padding: 15px;
	}

	.maplistname {
		font-size: 16px;
	}

	.maplistdata {
		font-size: 11px;
	}

	.maplistmap {
		display: none;
	}

	.maplist_t_locaright {
		right: 0;
		left: 24px;
	}
	.image-container{
		height: 200px;

	}
	/*案例详细页*/
	.read img{
		width: 340px;	
	}
	.contact-info img{
		width: 340px;	
	}
	.arti_metas{
		padding-bottom: 20px;
		text-align: right;
	}
	.read{
		line-height: 2.0;
	}
}
/*todo 中等屏幕*/
@media (min-width: 992px) and (max-width:1199px) {
	.maplistcity-2 {
		height: 45px;
	}

	.maplistcity-3 {
		height: 70px;
	}
    .service-card {
        width: calc((100% - 16px) / 2); /* 中等屏幕显示3列 */
        height: 450px;
    }
	
}

@media (min-width: 992px) and (max-width:1399px) {
	.maplistname {
		font-size: 14px;
	}

	.pagemain3 {
		padding: 55px 0px 0px 0px;
	}

	.maplistmap {
		display: none;
	}

	.maplistcity_left {
		padding: 0px 0px 0px 100px;
	}

	.maplistcity_right {
		padding: 0px 100px 0px 0px;
	}
}

@media (min-width: 992px) and (max-width:1399px) {
	.campusBannerTitle .t1 {
		font-size: 42px;
		line-height: 50px;
	}

	.campusBannerTitle .t2 {
		font-size: 14px;
		line-height: 21px;
	}

	.campusBannerTitle {
		padding-top: 110px;
		padding-bottom: 70px;
	}

	.demandWord {
		width: 70%;
		font-size: 14px;
		color: #333;
		line-height: 28px;
	}

	.jobSection {
		width: 90%;
	}

	.content {
		width: 90%;
	}

	.lifeBox {
		padding-left: 10%;
	}

	.dnaBox .fl {
		width: 6%;
	}

	.dnaText {
		margin-left: 90px;
	}

	.dnaText .t1 {
		font-size: 18px;
	}

	.dnaText .t2 {
		font-size: 14px;
	}

}

@media (min-width: 1399px) {

	/*	.jobTitile {
		margin: 0 auto;
		width: 70%;
	}
	.jobContent {
		margin: 0 auto;
		width: 70%;		
	}*/
	.nationalSite {
		width: 65%;
	}

}

@media (min-width: 1600px) {
	.contactWeixin img {
		width: 40%;
	}

	.nationalSite {
		width: 60%;
	}

	.trainingBox {
		/* width: 90%; */
		margin: 0 auto;
	}


}



/* 响应式调整：根据屏幕宽度优化间距 */
@media (min-width: 1280px) {
    .service-cards {
        justify-content: center;/* flex-start; 大屏幕左对齐 */
        margin-left: -6px; /* 抵消第一张卡片的左间距 */
        margin-right: -6px; /* 抵消最后一张卡片的右间距 */
    }
    
    .service-card {
        margin: 0 6px 15px; /* 大屏幕保持6px间距 */
    }
}

/**/
@media (min-width: 768px) and (max-width: 991px) {
    .service-card {
        width: 100%; /* 平板显示2列 calc((100% - 12px) / 2);*/
        height: 420px;
    }
	
	.Row1-Img{
		width: 100%;
		height: 302px;

	}
	
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* 超小屏幕样式调整 */
@media (max-width: 575px) {
    .service-card {
        width: 100%; /* 单个卡片一行 */
    }
}
@media (max-width: 767px) {
    .service-card {
        width: 100%; /* 手机显示1列 */
        height: 380px;
    }
	.Row1-Img{
		width: 100%;
		height: 302px;

	}
	.contact-info h2{

		/* padding-top: 30px; */
	}
	/* .image-container {
		height: 200px;
	} */
}