@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

ul,
ol {
  list-style: none; }

a {
  color: #777;
  text-decoration: none; }

img {
  vertical-align: top; }

body {
  font-family: sans-serif; }

body {
  background-color: #f9f9f9; }

.head .banner {
  height: 750px;
  background: url("../../images/hongKong/banner.jpg") no-repeat;
  background-position: center;
  overflow: hidden;
  margin-top: 150px; }
  .head .banner .inner {
    width: 1280px;
    margin: 0 auto;
    line-height: 1; }
    .head .banner .inner .line {
      width: 120px;
      height: 10px;
      background-color: #ffffff;
      margin-top: 156px;
      margin-bottom: 88px; }
    .head .banner .inner .en {
      color: #fff;
      font-size: 60px;
      font-weight: bold;
      margin-bottom: 30px; }
    .head .banner .inner .zh {
      color: #fff;
      font-size: 80px;
      font-weight: normal; }
    .head .banner .inner .r_txt {
      margin-top: 98px;
      text-align: right;
      line-height: 1.6;
      float: right;
      color: #fcfcfc;
      font-size: 15px;
      font-weight: normal; }

main .section_title, main .study_tour .title, main .span1 .title, main .internship .title, main .enterprise .title {
  color: #1b1b1b;
  font-size: 48px;
  font-weight: normal;
  line-height: 1; }
  main .section_title .sub_title, main .study_tour .title .sub_title, main .span1 .title .sub_title, main .internship .title .sub_title, main .enterprise .title .sub_title {
    display: flex;
    padding-top: 50px; }
    main .section_title .sub_title .left, main .study_tour .title .sub_title .left, main .span1 .title .sub_title .left, main .internship .title .sub_title .left, main .enterprise .title .sub_title .left {
      color: #b9b9b9;
      font-size: 24px;
      font-weight: normal; }
      main .section_title .sub_title .left .line, main .study_tour .title .sub_title .left .line, main .span1 .title .sub_title .left .line, main .internship .title .sub_title .left .line, main .enterprise .title .sub_title .left .line {
        width: 120px;
        height: 11px;
        background-image: linear-gradient(-90deg, #fc665a, #cd1e19);
        margin-bottom: 53px; }
    main .section_title .sub_title .desc, main .study_tour .title .sub_title .desc, main .span1 .title .sub_title, main .span4 .sub_title .desc, main .internship .title .sub_title .desc, main .enterprise .title .sub_title .desc {
      color: #3b3b3b;
      font-size: 18px;
      font-weight: normal;
      margin-left: 300px;
      width: 732px;
      line-height: 1.8; }
main .inner {
  width: 1280px;
  margin: 0 auto; }
main .study_tour {
  margin-bottom: 52px; }
  main .study_tour .title {
    padding: 143px 0 132px; }
  main .study_tour .imgs .img_list {
    width: 1076px;
    margin: 0 auto 27px;
    display: flex;
    justify-content: space-between; }
    main .study_tour .imgs .img_list .imgbox {
      width: 341px; }
      main .study_tour .imgs .img_list .imgbox img + img {
        margin-top: 27px; }
main .span1 {
  height: 1978px;
  background: url("../../images/hongKong/span_01_bg.jpg") no-repeat;
  background-position: center; }
  main .span1 .title {
    padding: 225px 0 147px; }
    main .span1 .title .desc {
      width: 767px;
      margin-left: 127px; }
  main .span1 .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px; }
    main .span1 .row .box, main .span1 .row .box2 {
      width: 408px;height: 405px; }
      main .span1 .row .box .img, main .span1 .row .box2 .img {
        width: 100%;height: 100%; }
      main .span1 .row .box .txt, main .span1 .row .box2 .txt {
        margin-top: -100px; }
        main .span1 .row .box .txt .num, main .span1 .row .box2 .txt .num {
          color: #cd1e19;
          font-size: 96px;
          font-weight: bold;
          text-decoration: underline; }
        main .span1 .row .box .txt .name, main .span1 .row .box2 .txt .name {
          color: #3b3b3b;
          font-size: 24px;
          font-weight: normal;
          margin-bottom: 120px; }
    main .span1 .row .box2 {
      width: 843px; }
main .span2 {
  margin-bottom: 276px; }
  main .span2 .inner {
    display: flex; }
    main .span2 .inner .left {
      width: 740px;
      text-align: right;
      position: relative; }
      main .span2 .inner .left .img {
        position: absolute;
        left: 0;
        top: 497px; }
		main .span2 .inner .left .img_2 {
			max-width: 613px;
		}
		main .span2 .inner .left .img_3 {
			max-width: 550px;
		}
    main .span2 .inner .right {
      margin-left: 44px; }
      main .span2 .inner .right .num {
        color: #c3d948;
        font-size: 96px;
        font-weight: bold;
        text-decoration: underline;
        margin-top: -150px;
        margin-left: 117px; }
      main .span2 .inner .right .name {
        color: #3b3b3b;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 257px;
        margin-left: 117px; }
    main .span2 .inner img {
      margin-bottom: 44px; }
	main .span2 .inner .right .img_4 {
		max-width: 502px;
	}
main .span3 {
  margin-bottom: 212px; }
  main .span3 .inner {
    display: flex;
    line-height: 1; }
    main .span3 .inner .left {
      width: 512px;
      margin-right: 31px; }
      main .span3 .inner .left .num {
        color: #51a5b6;
        font-size: 96px;
        font-weight: bold;
        text-decoration: underline;
        margin-bottom: 41px; }
      main .span3 .inner .left .name {
        color: #3b3b3b;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 128px; }
      main .span3 .inner .left .img2 {
        margin-left: -44px; }
    main .span3 .inner img {
      margin-bottom: 46px; }
main .span4 {
  margin-bottom: 354px; }
  main .span4 .title {
    line-height: 1;
    display: flex;
    align-items: flex-end;
    margin-left: 85px;
    margin-bottom: 40px; }
    main .span4 .title .num {
      color: #345681;
      font-size: 96px;
      font-weight: bold;
      text-decoration: underline;
      margin-right: 46px; }
    main .span4 .title .name {
      color: #3b3b3b;
      font-size: 24px;
      font-weight: normal; }
  main .span4 .row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    main .span4 .row + .row {
      margin-top: 91px; }
	main .span4 .sub_title .desc {
      width: 758px;
      margin-left: 84px;
	  margin-bottom: 70px;}
main .internship {
  margin-bottom: 220px; }
  main .internship .title {
    padding-bottom: 118px; }
    main .internship .title .sub_title .desc {
      width: 758px;
      margin-left: 196px; }
  main .internship .logos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 103px; }
    main .internship .logos img {
      margin-bottom: 46px; }
  main .internship .imgs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end; }
    main .internship .imgs.up {
      align-items: flex-start; }
    main .internship .imgs .img {
      margin-bottom: 81px; }
    main .internship .imgs .img2 {
      margin-top: -39px; }
main .enterprise .title {
  padding-bottom: 189px; }
  main .enterprise .title .sub_title .left {
    font-size: 24px;
    line-height: 1.2; }
  main .enterprise .title .sub_title .desc {
    width: 769px;
    margin-left: 168px; }
main .swiper_box {
  --swiper-theme-color: #bf1f2e;
  /* 设置Swiper风格 */
  --swiper-navigation-size: 70px;
  /* 设置按钮大小 */ }
  main .swiper_box img {
    max-width: 100%; }
  main .swiper_box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.6);
    filter: grayscale(100%); }
  main .swiper_box .swiper-slide-active,
  main .swiper_box .swiper-slide-duplicate-active {
    transform: scale(1.2);
    filter: grayscale(0); }
main .swiper_list {
  width: 50%;
  height: 120px;
  margin: 30px auto 300px; }
  main .swiper_list img {
    max-width: 100%;
    max-height: 100%; }
  main .swiper_list .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4; }
  main .swiper_list .swiper-slide-thumb-active {
    opacity: 1; }

/*# sourceMappingURL=hongKong.min.css.map */