@media (max-width: 1440px) {
  /*font*/
  .h18 {
    font-size: 16px;
  }
  .h24 {
    font-size: 22px;
  }
  .h30 {
    font-size: 26px;
  }
  .h36 {
    font-size: 30px;
  }
  .h40 {
    font-size: 32px;
  }
  .h44 {
    font-size: 34px;
  }
  .h48 {
    font-size: 40px;
  }
  .h72 {
    font-size: 50px;
  }
  .h90 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  /*other-banner*/
  .other-banner {
    height: 420px;
  }
  .other-banner .banner-menu a {
    height: 52px;
    line-height: 52px;
  }
}
@media (max-width: 991px) {
  /*font*/
  .h24 {
    font-size: 20px;
  }
  .h30 {
    font-size: 22px;
  }
  .h36 {
    font-size: 26px;
  }
  .h40 {
    font-size: 28px;
  }
  .h44 {
    font-size: 30px;
  }
  .h48 {
    font-size: 34px;
  }
  .h72 {
    font-size: 40px;
  }
  .h90 {
    font-size: 50px;
  }
  .alumni-show .box-item {
    margin-left: 70px;
    margin-right: 70px;
  }
  .students-show {
    padding-top: 50px;
  }
  .students-show:after {
    height: 240px;
  }
  .students-show .box-item {
    margin-left: 80px;
    margin-right: 80px;
  }
  .students-show .box-item .box-img {
    width: 240px;
  }
  .students-show .box-item .box-info {
    margin-left: 270px;
  }
  .before-arriving-list .layui-row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .before-arriving-list .layui-row .box-w {
    padding-left: 5px;
    padding-right: 5px;
  }
  .before-arriving-list .box-s .box-title .title-s {
    line-height: 24px;
  }

  .before-arriving-info .box-info {
    min-height: auto;
    margin-top: 0;
    margin-left: 0;
    padding: 20px;
  }
  .item-list .layui-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .item-list .layui-row .box-w {
    padding-left: 10px;
    padding-right: 10px;
  }
  .item-list .box-s {
    position: relative;
    border: 1px solid #eeeeee;
  }
  .item-list .box-s .box-img {
    height: 232px;
  }
  .item-list .box-s .box-title {
    position: absolute;
    left: 0;
    bottom: 20px;
    background: url(new-img-08.png) no-repeat right 25px center rgba(0, 78, 156, 0.72);
    padding-left: 25px;
    padding-right: 50px;
    height: 54px;
    line-height: 54px;
    color: #fff;
  }
  .page-details .box-info {
    padding-top: 30px;
    position: relative;
  }
  .page-details .box-info .info-txt {
    min-height: 245px;
  }
  .page-details .box-info .info-txt .title-wrap {
    margin-bottom: 30px;
  }
  .page-details .box-info .info-txt .title-s {
    margin-right: 0;
    line-height: 1.2;
  }
  .page-details .box-info .info-txt .title-s:after {
    content: '';
    background: url("new-img-64.png") no-repeat right bottom;
    width: 41px;
    height: 100%;
    position: absolute;
    left: -41px;
    top: 0;
    bottom: 0;
  }
  .page-details .box-info .info-txt .txt-s {
    margin-right: 0;
    padding: 20px;
    min-height: 300px;
  }

  /*new add*/
  .how-to-apply .box-s {
    margin-bottom: 30px;
  }

  .programs-groups .box-item {
    margin-bottom: 30px;
  }
  .programs-groups .box-info {
    margin-top: 0;
    margin-left: 0!important;
    margin-right: 0!important;
    min-height: auto;
    padding: 20px!important;
  }
  .programs-groups .info-txt {
    min-height: auto;
    margin-bottom: 20px;
  }

}
@media (max-width: 767px) {
  .layui-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  #header2 .layui-container {
    padding-left: 0;
    padding-right: 0;
  }
  /*font*/
  .h20 {
    font-size: 18px;
  }
  .h36 {
    font-size: 24px;
  }
  .h40 {
    font-size: 26px;
  }
  .h44 {
    font-size: 28px;
  }
  .h48 {
    font-size: 32px;
  }
  .h72 {
    font-size: 38px;
  }
  .h90 {
    font-size: 44px;
  }
  /*other-banner*/
  .other-banner {
    height: 220px;
  }
  .other-banner .banner-menu {
    width: auto;
    position: absolute;
    left: 10px;
    right: 10px;
    top: auto;
    bottom: 15px;
    transform: translateY(0);
  }
  .other-banner .banner-menu a {
    float: left;
    width: 32.5%;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.35);
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 4px;
    font-size: 16px;
    margin-right: 1%;
  }
  .other-banner .banner-menu a:nth-child(3n) {
    margin-right: 0;
  }
  .public-info {
    line-height: 24px;
    text-align: justify;
  }
  .public-info.mt-s {
    margin-top: 20px;
  }
  .public-info.mb-s {
    margin-bottom: 20px;
  }
  .public-menu {
    margin-bottom: 20px;
  }
  .public-menu a {
    float: left;
    line-height: 40px;
    height: 40px;
    vertical-align: bottom;
    margin-bottom: 10px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    transition: all 0.5s;
    font-size: 16px;
  }
  .public-menu a:hover,
  .public-menu a.active {
    background-color: #004e9c;
    color: #fff;

  }
  /*students-info-groups*/
  .students-info-groups {
    padding-top: 30px;
  }
  .students-info-groups .box-num-groups {
    padding: 30px 15px;
  }
  .students-info-groups .box-num-groups .box-s .txt-s {
    color: #797d80;
    line-height: 22px;
    font-size: 14px;
  }
  .public-box {
    margin-bottom: 30px;
  }
  .apply-groups .box-s {
    position: relative;
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .apply-groups .box-s:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    bottom: 20px;
  }
  .apply-groups .box-s .box-img {
    position: relative;
    overflow: hidden;
  }
  .apply-groups .box-s .box-img img {
    display: block;
    width: 100%;
    transition: all 0.7s;
  }
  .apply-groups .box-s .box-img .box-title {
    position: absolute;
    left: 0;
    bottom: 20px;
    background: url(new-img-08.png) no-repeat right 25px center rgba(0, 78, 156, 0.72);
    padding-left: 25px;
    padding-right: 50px;
    height: 54px;
    line-height: 54px;
    color: #fff;
  }
  .scholarships-groups {
    position: relative;
  }
  .scholarships-groups:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 210px;
    z-index: -1;
    background-color: #f3f7fb;
  }
  .scholarships-groups .public-info {
    margin-bottom: 5%;
  }
  .scholarships-groups .main-cont .box-w {
    padding-top: 0;
    padding-bottom: 0;
  }
  .scholarships-groups .box-img {
    margin-bottom: 30px;
  }
  .scholarships-groups .box-info {
    padding: 3% 7% 5%;
    margin-bottom: 20px;
    min-height: 190px;
  }
  .scholarships-groups .box-info:last-child {
    margin-bottom: 0;
  }
  .scholarships-groups .box-info.info-bg-01 {
    background-color: #004e9c;
  }
  .scholarships-groups .box-info.info-bg-02 {
    background-color: #6cafdf;
  }
  .scholarships-groups .box-info .box-title {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
  }
  .scholarships-groups .box-info .box-list a {
    background: url(new-img-58.png) no-repeat 0 10px;
    padding-left: 24px;
    display: block;
    color: rgba(255, 255, 255, 0.6);
    line-height: 30px;
  }
  .scholarships-groups .box-info .box-list a:hover {
    color: #fff;
    text-decoration: underline;
  }
  .other-list-groups .box-s .box-img {
    height: 217px;
    border: solid 1px #eeeeee;
    margin-bottom: 15px;
  }
  .other-list-groups .box-s .box-img img {
    display: block;
  }
  .other-list-groups .box-s .box-img .title-s {
    position: absolute;
    left: 0;
    bottom: 15px;
    background: url("new-img-62.png") no-repeat right 15px center rgba(0, 78, 156, 0.72);
    padding-left: 15px;
    padding-right: 35px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .other-list-groups .box-s .box-title {
    display: block;
    line-height: 20px;
    color: #333333;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }
  .other-list-groups .box-s:hover .box-title {
    color: #004e9c;
  }
  /*focus-banner*/
  .focus-banner {
    margin-bottom: 30px;
  }
  .focus-banner.banner-pt {
    padding-top: 0;
  }
  .focus-banner .banner-title {
    margin-bottom: 30px;
  }
  .focus-banner .banner-txt {
    line-height: 24px;
  }
  .focus-banner .slick-arrow {
    width: 27px;
    height: 55px;
  }
  .data-information {
    padding-top: 30px;
  }
  .data-information .box-info {
    padding: 15px;
    line-height: 24px;
    text-align: justify;
  }
  .public-more {
    width: 154px;
    height: 44px;
    line-height: 44px;
  }
  .alumni-show .box-item {
    margin-left: 15px;
    margin-right: 15px;
  }
  .alumni-show .box-item .box-img {
    width: 240px;
    float: none;
    margin: 0 auto 20px;
  }
  .alumni-show .box-item .box-info {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .alumni-show .box-item .box-info .info-title {
    margin-bottom: 10px;
  }
  .alumni-show .box-item .box-info .info-txt {
    line-height: 28px;
    height: 196px;
    text-align: justify;
  }
  .alumni-show .public-more {
    margin-top: 20px;
  }
  .alumni-show .slick-arrow {
    width: 27px;
    height: 55px;
  }
  .students-show {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .students-show .public-title-02 {
    margin-bottom: 30px;
  }
  .students-show .box-item {
    margin-left: 40px;
    margin-right: 40px;
  }
  .students-show .box-item .box-img {
    width: 240px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .students-show .box-item .box-img .title-s {
    display: none;
  }
  .students-show .box-item .box-info {
    margin-left: 0;
    padding-top: 20px;
  }
  .students-show .box-item .box-info .info-title {
    display: block;
    color: #333;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .students-show .box-item .box-info .info-txt {
    line-height: 28px;
    height: 196px;
    text-align: justify;
  }
  .students-show .slick-arrow {
    width: 27px;
    height: 55px;
  }
  /*Before You Arriving*/
  .before-arriving-list .box-s .box-img {
    height: 190px;
  }
  .before-arriving-list .box-s .box-info {
    padding: 10px 15px 15px;
  }
  .before-arriving-list .box-s .box-title {
    margin-bottom: 20px;
  }
  .before-arriving-list .box-s .box-txt {
    height: auto;
  }
  .student-life-groups .box-info {
    height: auto;
    padding: 20px 15px;
  }
  .student-life-groups .box-info .info-title {
    margin-bottom: 10px;
  }
  .student-life-groups .box-info .info-txt {
    height: auto;
  }
  .student-life-groups .box-s .box-img {
    height: 120px;
  }
  .focus-banner-02 .box-s {
    margin-left: 0;
    margin-right: 0;
  }
  .focus-banner-02 .box-s .box-img {
    height: 120px;
  }
  .housing-box {
    padding-top: 30px;
  }
  .research-box .box-item {
    margin-bottom: 25px;
  }
  .research-box .box-info {
    padding-top: 0;
  }
  .research-box .box-info .info-txt {
    padding: 20px 15px;
    min-height: 200px;
  }
  .research-box .box-info .info-txt .title-s {
    margin-bottom: 15px;
  }
  .research-box .box-info .info-txt .txt-s {
    color: #8d8d8d;
    line-height: 30px;
  }
  .research-box .box-info .info-more {
    width: 154px;
    height: 44px;
    line-height: 44px;
    margin: -22px auto 0;
  }
  .faculties-list .box-s {
    min-height: 180px;
    margin-bottom: 0;
    padding-left: 145px;
    position: relative;
  }
  .faculties-list .box-s .box-img {
    width: 130px;
    max-height: 180px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .faculties-list .box-s .box-img img {
    display: block;
    width: 100%;
    max-height: 180px;
  }
  .faculties-list .box-s .box-info {
    padding-top: 0;
  }
  .faculties-list .box-s .box-title {
    display: block;
    color: #004e9c;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .faculties-list .box-s .box-txt {
    line-height: 28px;
    max-height: 112px;
    overflow: hidden;
  }

  /*programs-groups*/
  .programs-groups {
    margin-bottom: 40px;
  }
  .programs-groups .groups-title {
    margin-bottom: 20px;
  }
  .programs-groups .box-s {
    margin-bottom: 10px;
  }
  .programs-groups .groups-more {
    width: 154px;
    height: 44px;
    line-height: 44px;
  }
  .providing-box .top-img {
    margin-bottom: 30px;
  }
  .providing-box .box-item .layui-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .providing-box .box-item .layui-row .box-w {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
  }
  .providing-box .box-item .box-s {
    margin-bottom: 5px;
  }
  .providing-box .box-item .box-s .box-mc .title-s {
    background-size: 10px 17px;
    padding-bottom: 25px;
    font-size: 18px;
  }
  .providing-box .box-item .box-s:hover .box-mc .title-s {
    background-size: 10px 17px;
  }
  /*menu-groups*/
  .menu-groups {
    padding: 25px 15px 30px;
    margin-bottom: 20px;
  }
  .menu-groups .public-title {
    color: #fff;
  }
  .menu-groups .class-name {
    font-weight: bold;
  }
  .menu-groups .class-name a {
    margin-right: 10px;
    padding-right: 12px;
  }
  /*map-box*/
  .map-box {
    padding-bottom: 0;
  }
  .map-box .map-title {
    position: static;
    margin-top: 10px;
    right: 0;
    background: url(new-img-09.png) no-repeat 20px 20px #004e9c;
    background-size: 30px 36px;
    padding: 15px 25px 25px 60px;
    min-height: 96px;
    line-height: 24px;
    color: #fff;
    text-align: left;
    max-width: 493px;
    bottom: 0;
    z-index: 9;
  }
  /*talent-program-list*/
  .talent-program-list .slick-dots {
    bottom: 10px;
  }
  .talent-program-list .slick-dots li.slick-dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-left: 3px;
    margin-right: 3px;
  }
  .talent-program-list .slick-dots li.slick-dot.slick-active {
    background-color: #004e9c;
    width: 20px;
  }
  /*weather-box*/
  .weather-groups .weather-item .layui-row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .weather-groups .weather-item .layui-row .box-w {
    padding: 0 8px;
  }
  .weather-groups .weather-item .box-s {
    background-color: #004e9c;
    height: 185px;
    padding: 15px;
    text-align: center;
    color: #fff;
    margin-bottom: 16px;
  }
  .weather-groups .weather-item .box-s .icon-s {
    margin-bottom: 20px;
  }
  .weather-groups .weather-item .box-s .icon-s img {
    max-width: 60px;
  }
  .weather-groups .weather-item .box-s .title-s {
    line-height: 24px;
  }
  .weather-groups .weather-other {
    color: #666666;
    margin-top: 30px;
  }
  .weather-groups .weather-other a {
    color: #004e9c;
  }
  /*new add*/
  .how-to-apply .info-top {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    margin-bottom: 30px;
  }
  .how-to-apply .box-s .box-img {
    height: 240px;
  }
  .how-to-apply .box-s .box-info {
    margin: -45px 15px 0;
    padding: 15px 20px;
  }

  .choose-us-top {
    height: 180px;
    margin-bottom: 30px;
  }

  .choose-us-top .box-title {
    border-left-width: 3px;
    margin-top: -28px;
    height: 56px;
    line-height: 56px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .choose-us-groups {
    background-size: contain;
  }

  .choose-us-groups .box-item {
    margin-bottom: 30px;
  }
}