.city_main_img {
    width: 100%;
    height: 35vw;
}

.career_desc {
        width: 94%;
    margin: 3% auto 0;
}

.left_content {
       width: 47%;
    font-size: 0.3em;
    line-height: 1.8em;
    margin-bottom: 5%;
    float: left;
}

.right_content {
       width: 47%;
    margin-left: 6%;
    font-size: 0.3em;
    line-height: 1.8em;
    margin-bottom: 5%;
    float: left;
}

.careers_sline {
    width: 94%;
    height: 2px;
    background: rgb(243,243,243);
    margin: 0 auto;
}

.our_schools {
    width: 94%;
    margin: 0 auto 5% auto;
}

.our_schools_title {
       width: 25%;
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    margin-top: 5%;
    margin-right: 9%;
}
.our_schools_teacher {
       width: 25%;
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    margin-top: 5%;
    margin-right: 9%;
}

.school_part1 {
    width: 32%;
    height: 28vw;
    background: url(../img/citypage/DCBeijing.png) center center no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 2%;
    margin-top: 5%;
    border-radius: 5px;
    cursor:pointer;
}

.school_part2 {
    width: 32%;
    height: 28vw;
    background: url(../img/citypage/16067-AD-CD-V1.1-180623-bilingualVersionDV.png) center center no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 5%;
    border-radius: 5px;
    cursor:pointer;
}


.school_title1 {
        color: #fff;
    font-size: 0.3em;
    bottom: 40%;
    left: 5%;
}

.school_desc {
    width: 100%;
    height: 20%;
    top: 80%;
    bottom: 0;
    background: rgba(0,0,0,.5);
    align-items: center;
    display: flex;
}

.school_title2 {
    color: #fff;
    font-size: 0.23em;
    left: 5%;
}
.school_pop {
    display:none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 1;
    z-index: 999;
}
.teacher_pop {
    display:none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 1;
    z-index: 999;
}
.swiper-container {
         width: 70%;
    height: 40vw;
    left: 50%;
    top: 50%;
    margin: -20vw -35%;
    }
.swiper-container1 {
    width: 70%;
    height: 40vw;
    left: 50%;
    top: 50%;
    margin: -20vw -35%;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-slide img {
        width:100%;
    }
   
.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: rgba(222,213,213,.5);
    border: 1px solid #fff;
    opacity: initial;
}
 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.swiper_desc {
    top:0;
    width:35%;
    height:100%;
    background:rgba(0,0,0, .5);
    right:0;
    color:#fff;
    z-index:1;
}

.desc_title {
    margin-top: 10%;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 0.25rem;
    text-align: left;
}

.desc_content {
   margin-left: 10%;
    margin-right: 10%;
    margin-top: 10%;
    text-align: left;
    font-size: 0.22rem;
    line-height: 140%;
    height:21vw;
    overflow:hidden;
}
.long_txt {
    text-align: left;
    font-size: 0.22rem;
    line-height: 140%;
    background: none;
    -webkit-box-pack: initial;
    justify-content: initial;
    align-items: initial;
    display: block;
    -webkit-box-align: initial;
    flex-shrink: initial;
    height: auto;
}
.btn_website {
        right: 15%;
    bottom: 14%;
    text-align: right;
    font-size: 0.2rem;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid;
}
@media (max-width: 768px) {
	.select_careers_item{
		width: 49%;
		margin-right: 0;
		font-size: 30px;
		height: 50px;
    	line-height: 50px;
	}
	.more_icon {
		top: 22.5px;	
	}
	.select_careers_item:nth-child(3),.select_careers_item:nth-child(4){
		display: none;
	}
	.select_careers_item:nth-child(1){
		margin-right: 2%;
	}
	.select_careers {
		height: 25vw;
	}
	.btn_search_careers{
		position: initial;
		clear: both;
		width: 60%!important;
		margin: 80px auto;
		height: 50px;
		line-height: 50px;
		font-size: 30px;
	}
	.school_pop{
		z-index: 999;
	}
    .teacher_pop{
	    z-index: 999;
	}
	.our_schools_title{
		float: initial;
		width: 90%;
		font-size: 40px;
	}
    .our_schools_teacher{
		float: initial;
		width: 90%;
		font-size: 40px;
	}
	.school_part1{
		width: 100%!important;
	}
	.city_main_img{
		height: 480px;
		margin-top: 100px;
	}
	.school_title2{
		font-size: 28px;
		width: 90%;
	}
	.school_desc {
		top: 75%;
		height: 25%;
	}
	.swiper-container{
		width: 100%;
		left: 0;
		margin: -47vw 0;
		top: 40%;
	}
    .swiper-container1{
		width: 100%;
		left: 0;
		margin: -47vw 0;
		top: 40%;
	}
	.school_pop .swiper-container{
		height: initial!important;
	}
	.school_pop .swiper-container .swiper_desc{
		padding:50px 0 60px !important;
		width:90%;
	}
    .swiper-container1{
		height: initial!important;
	}
	.swiper-container1 .swiper_desc{
		padding:50px 0 60px !important;
		width:90%;
	}

	.desc_title{
		margin-top: 10px;
		font-size: 22px;
		margin-left: 8%;
	}
	.desc_content{
		margin-top: 20px;
		font-size: 22px;
		line-height: 32px;
		margin-left: 8%;
	}
	.school_pop .swiper-wrapper .desc_title{
		width: 100%;
		font-size: 30px;
		width:90%;
		margin-left: 5%;
	}
	.school_pop .swiper-wrapper .desc_content{
		position: initial;
		width: 90%!important;
		margin-left: 5%;
		font-size: 22px;
   		line-height: 32px;
	}
    .teacher_pop .swiper-wrapper .desc_title{
		width: 100%;
		font-size: 30px;
		width:90%;
		margin-left: 5%;
	}
	.teacher_pop .swiper-wrapper .desc_content{
		position: initial;
		width: 90%!important;
		margin-left: 5%;
		font-size: 22px;
   		line-height: 32px;
	}
	.sub_nav{
		font-size: 24px;
		z-index: 9;
	}
	 .left_content, .right_content {
	 	width: 94%!important;
	 	margin-left: 3%!important;
	 	font-size: 22px;
	 	line-height: 32px;
	 }   
	 .sub_nav_txt{
	 	margin-left: 3%;
	 }
	 .school_part2 {
	 	width: 100%;
	 }
	 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	 	bottom: initial!important;
	 	top: 395px;
	 }
	 .btn_website {
	 	bottom: 3%!important;
	 	font-size: 20px;
	 	right: 7%!important;
	 }
	 .school_title2 {
	 }
}

.arrow{
    margin-left: 10%;
    margin-top: 5%;
    width: 4%;
}