*{ margin: 0; padding: 0; list-style: none; border: none; box-sizing: border-box;}
body{ font-size: 14px;font-family: PingFangSC-Regular,PingFang SC,'微软雅黑'; min-width: 320px;color: #333;}
img{ max-width: 100%; vertical-align: top;}
a{ color: #333; text-decoration: none;}
.clear{ clear: both;}
.clearfix::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
  
@font-face {
  font-family: 'Interstate'; 
  src: url('../fonts/InterstatePlus-Black.otf');
}
@font-face {
  font-family: 'DIN'; 
  src: url('../fonts/DINCond-Black.otf');
}
.bodyFixed {overflow: hidden;}
.header {width: 100%;left: 0;top: 0;z-index: 99999;text-align: center;background-color: #fff;border-bottom: #f0f0f0 solid 1px;overflow: hidden;}
.header section {margin: 0 auto;}
.header section .logo {float: left;margin-top: 25px;height: 50px;cursor: pointer;}
.header section .nav {top: 0;left: 25%;width: 46%;line-height: 100px;text-align: left;font-size: 0;}
.header section .nav li {position: relative;padding: 0 2.6%;display: inline;font-size: 18px;}
.header section .nav li:hover:after, .header section .nav li.selected:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: -40px;
  left: 0;
  margin: auto;
  height: 3px;
  width: 42px;
  background-color: #e52b00;
}
.header section .lang  {float: right;line-height: 100px;font-size: 0;}
.header section .lang li {
  position: relative;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.header section .lang li.selected {color: #000;}
.header section .lang li:first-child {padding-right: 20px;}
.header section .lang li:last-child {padding-left: 20px;}
.header section .lang li:last-child:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  height: 15px;
  width: 1px;
  background-color: #333;
}

.container {overflow: hidden;}
.container .coverBox { position: relative;}
.container .coverBox .bg {width: 100%;}
.container .swiper-wrapper {height: unset;}
.container .swiper-wrapper .swiper-slide {height: unset;}
.container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 50px;
  text-align: left;
  padding-left: 8%;
}
.my-bullet {
  display: inline-block;
  margin-right: 20px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: #fff solid 2px;
  box-sizing: border-box;
}
.my-bullet-active {
  background-color: #fff;
}
.container .coverBox .slogan {position: absolute;bottom: 100px;left: 8%;z-index: 1;line-height: 102px;font-size: 80px;font-weight: 600;color: #fff;}
.container .coverBox .slogan.index {line-height: 1.3;font-size: 74px;}
.container .coverBox p {left: 8%;}
.container.about .coverBox .slogan {bottom: 75px;}
.container.apartment .coverBox .slogan {top: 0;right: 0;bottom: 0;left: 0;margin: auto;height: 120px;line-height: 120px;text-align: center;font-size: 80px;}
.container .coverBox .slogan.edu {bottom: 175px;font-size: 52px;}
.container .coverBox h3.edu {position: absolute;left: 11%;bottom: 45px;font-size: 100px;color: #fff;}
.container .coverBox h3.edu:after, .container .coverBox h3.edu:before {content: '';position: absolute;top: 0;bottom: 0;margin: auto;width: 12px;height: 70%;background-color: #fff;}
.container .coverBox h3.edu:after {left: -6.5%;}
.container .coverBox h3.edu:before {right: -6%;}
.container .title {padding: 6% 0 4.2%;line-height: 48px;text-align: center;overflow: hidden;}
.container .title span {display: inline-block;padding: 0 1%;vertical-align: middle;font-size: 41px;font-weight: 600;}
.container .title i {
  display: inline-block;
  height: 6px;
  width: 2%;
  vertical-align: middle;
  background-color: #e03829;
  border-radius: 6px;
}
.container .topDesc {padding: 0 8%;text-align: center;}
.container .topDesc img {width: 100%;}
/* .container .topDesc.index p {text-align: center;} */
.container .topDesc p {padding: 4.5% 0;line-height: 32px;text-align: left;font-size: 16px;}
.container .topDesc span.more {
  display: inline-block;
  padding: 2% 9%;
  font-size: 16px;
  border: #099 solid 2px;
  border-radius: 3px;
  cursor: pointer;
}
.container .topDesc span.more a {color: #099;}
.container .iconData {padding: 5% 8% 4%;text-align: center;font-size: 0;overflow: hidden;}
.container.mcn .iconData, .container.edu .iconData {padding-top: 5%;}
/* .container.mcn .iconData {padding: 7% 2% 5%;} */
.container.mcn .iconData li .right p {font-size: 10px;}
.container .iconData li {
  position: relative;
  display: inline-block;
  padding: 4% 0;
  width: 50%;
  vertical-align: middle;
  box-sizing: border-box;
}
.container.mcn .iconData li .right {max-width:70%;}
.container .iconData li:after, .container .iconData li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: auto;
}
.container .iconData li:after {height: 120px;width: 120px;border-radius: 50%;background-color: #f2f2f2;}
.container .iconData li:before {
  right: 0;
  left: auto;
  width: 3px;
  height: 20px;
  border-radius: 20%;
  background-color: #ccc;
}
.container .iconData li:last-child:before {display: none;}
.container .iconData li .icon {height: 60px;vertical-align: baseline;}
.container.mcn .iconData li .icon {position: relative;top: -10px;}
.container .iconData li .right {
  display: inline-block;
  padding-left: 15px;
  text-align: left;
  font-size: 16px;
  box-sizing: border-box;
}
.container.index .iconData li .right {max-width: 77%;}
.container .iconData li .right span {display: inline-block;font-family: DIN;font-size: 42px;}
.container.index .iconData li .right p {overflow: hidden;}
.container .introItem {padding: 0 8%;margin-bottom: 5%;}
.container.apartment .introItem {margin-bottom: 0.3%;}
.container .introItem .right {line-height: 32px;font-size: 18px;box-sizing: border-box;}
.container .introItem .right h3 {line-height: 40px;font-size: 36px;}
.container .introItem .right h5 {
  font-size: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.container .introItem .right p {
  display: -webkit-box;
  max-height: 175px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.container .introItem .right .more {
  display: inline-block;
  font-size: 20px;
  border: #099 solid 2px;
  border-radius: 3px;
  cursor: pointer;
}
.container .introItem .right .more a {color: #099;}
.container .introItem:nth-of-type(2n) .right {padding-left: 0;padding-right: 4%;}
.container .informationList {padding: 0 8%;margin: 0 auto;text-align: center;font-size: 0;}
.container .informationList li {
  display: inline-block;
  margin: 0 25px 60px;
  width: 29%;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
  border: #ccc solid 1px;
  border-radius: 5px;
}
.container .informationList li:nth-of-type(3n) {margin-right: 0;}
.container .informationList li:nth-of-type(3n+1) {margin-left: 0;}
.container .informationList li img {
  position: relative;
  top: -1px;
  left: -1px;
  right: -1px;
  max-width: calc(100% + 2px);
  width: calc(100% + 2px);
}
.container .informationList li h3 {
  position: relative;
  padding: 25px 15px 15px;
  line-height: 28px;
  font-size: 21px;
}
.container .informationList li h3:after {
  content: '';
  position: absolute;
  left: 15px;
  bottom: 0;
  width: 180px;
  height: 2px;
  background-color: #e52b00;
}
.container .informationList li p {padding: 10px 15px 0;margin-bottom: 20px;line-height: 32px;font-size: 18px;}
/* mcn */
.container.mcn .mcnSlogan {
  position: absolute;
  left: 9%;
  bottom: 50px;
  padding: 10.5% 0 0 30px;
  /* width: 400px; */
  width: 80%!important;
  height: 120px;
  font-size: 40px;
  /* background: url("/images/mcnBg.png") no-repeat center;
  background-size: 100% 100%; */
  color: #fff;
}
.container.mcn .mcnSlogan span {
  position: absolute;
  top: -53px;
  left: 13px;
  font-size: 65px;
  font-weight: 600;
}
.container.mcn .mcnSlogan p {
  position: absolute;
  bottom: -25px;
  left: 17px;
  line-height: 1.3;
  font-size: 36px;
}
.container.mcn .iconData li .right p {line-height: 17px;}
.container .greyBox {padding-bottom: 1%;background-color: #f2f2f2;}
.container .greyBox .title {padding-top: 4.2%;}
.container .greyBox + .title {padding-top: 4.2%;}
.container .subjectList {
  margin: 0 auto;
  padding: 0 8%;
  /* max-width: 1200px; */
  text-align: center;
  font-size: 0;
  box-sizing: border-box;
}
.container .subjectList li {
  display: inline-block;
  margin: 0 40px 68px 0;
  min-height: 300px;
  width: 21.5%;
  vertical-align: top;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
}
.container .subjectList li:nth-of-type(4n) {margin-right: 0;}
.container .subjectList li img {margin: 65px 0 40px;height: 80px;}
.container .subjectList li h5 {position: relative;padding-top: 40px;font-size: 26px;}
.container.edu .subjectList li h5 {padding-top: 20px;}
.container .subjectList li h5:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 62%;
  height: 1px;
  background-color: #e3e3e3;
}
.container .subjectList li p {margin: 10px 0 20px;font-size: 16px;}
.container .serviceList {
  padding: 0 9%;
  margin: 0 auto;
  /* max-width: 1200px; */
  text-align: center;
  font-size: 0;
  box-sizing: border-box;
}
.container .serviceList li {
  display: inline-block;
  margin: 0 30px 20px 0;
  height: 200px;
  width: 48%;
  vertical-align: top;
  background: url("/images/mcnBg1.png") no-repeat center;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.container .serviceList li:nth-of-type(2n) {margin-right: 0;}
.container .serviceList li:nth-of-type(3), .container .serviceList li:nth-of-type(4) {margin-bottom: 0;}
.container .serviceList li h5 {margin: 70px 0 10px;font-size: 36px;}
.container .serviceList li p {font-size: 18px;}
.container .itemBox {display: flex;padding: 0 8%;margin: 6% auto 0}
.container .itemBox li {flex: 1;text-align: center;}
.container .itemBox li:nth-of-type(2n) {background: url('/images/mcnBg2.png') no-repeat center;background-size: 45%;}
.container .itemBox li .top {height: 90px;vertical-align: middle;}
.container .itemBox li img {height: 70px;vertical-align: middle;}
.container .itemBox li h6 {line-height: 30px;font-size: 29px;}
.container .itemBox li p {line-height: 26px;font-size: 24px;color: #999;}
.container .universityList {margin: 0 auto;padding: 0 8%;text-align: center;font-size: 0;}
.container .universityList li {display: inline-block;margin: 0 25px 45px 0;width: 17.5%;vertical-align: top;box-sizing: border-box;}
.container .universityList li:nth-of-type(5n) {margin-right: 0;}
.container .universityList li .top {display: flex;height: 70px;align-items: center;justify-content: center;border-radius: 5px;background-color: #f2f2f2;}
.container .universityList li p {margin-top: 15px;line-height: 26px;font-size: 20px;}
/* edu */
.container .eduAct {
  height: 300px;
  text-align: center;
  font-size: 16px;
  background: url("/images/eduBg.png") no-repeat center;
  background-size: cover;
  color: #fff;
}
.container .eduAct img {margin: 20px 0;}
.container .eduAct p {margin: 35px 0 5px;font-size: 45px;font-weight: 600;}
.container .eduAct h5 {font-size: 68px;}
.container .eduAct a {display: inline-block;margin-top: 20px;color: #fff;}
/* apartment */
.container .apartAdv {padding: 0 9%;margin: 30px 0 80px;text-align: center;font-size: 0;}
.container .apartAdv li {display: inline-block;padding: 0 10px;width: 33.3%;border-right: #ccc solid 1px;border-bottom: #ccc solid 1px;box-sizing: border-box;}
.container .apartAdv li img {margin-bottom: 10px;height: 75px;}
.container .apartAdv li h5 {margin: 10px 0;font-size: 30px;}
.container .apartAdv li p {margin-bottom: 20px;line-height: 24px;font-size: 16px;}
.container .apartAdv li:nth-of-type(n + 4) {border-bottom: 0;vertical-align: top;}
.container .apartAdv li:nth-of-type(3n) {border-right: 0;}
.container .apartAdv li:nth-of-type(n + 4) img {margin-top: 30px;}
.container .apartAdv li:nth-of-type(n + 4) p {margin-bottom: 0;}
.container .cityList {padding: 0 9%;text-align: center;font-size: 0;}
.container .cityList li {display: inline-block;width: 25%;}
.container .cityList li img {height: 160px;width: 160px;border-radius: 50%;}
.container .cityList li p {margin: 20px 0 50px;font-size: 20px;}
.container.apartment .introItem {margin-top: 5%;}
.container .list {padding: 0 10%;text-align: center;font-size: 0;}
.container .list li {display: inline-block;width: 25%;/*height: 310px;*/vertical-align: top;}
.container .list li img {height: 150px;width: 150px;border-radius: 50%;box-sizing: border-box;}
.container .list li:hover img {padding: 3%;border: #e03829 dashed 3px;transition: all 0.5s;}
.container .list li:hover h4 {position: relative;margin: 20px 0 5px;font-size: 32px;transition: all 0.5s;}
.container .list li:hover h4:after {content: '';position: absolute;top: -15%;left: 0;right: 0;margin: 0 auto;width: 8%;height: 4px;border-radius: 5px;background-color: #e03829;transition: all 0.5s;}
.container .list li:hover p {margin-bottom: 20px;font-size: 18px;transition: all 0.5s;}
.container .listDesc {display: none;margin: 0 9%;padding: 1% 0 2%;line-height: 32px;text-align: center;font-size: 18px;background-color: #f2f2f2;border-radius: 5px;}
.container .listDesc p {padding-bottom: 1%;}
.container .listDesc p sup:first-child {float: left;}
.container .listDesc p sup:last-child {float: right;}
.container .listDesc sup {margin: 0 15px;font-size: 28px;}
.container .listDesc span {display: none;padding: 0 3%;}
.container .teamList {padding: 0 9% 2%;text-align: center;font-size: 0;}
.container .teamList li {position: relative;display: inline-block;width: 15%;vertical-align: top;}
.container .teamList li img {position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;}
.container.apartment .more {position: relative;}
.container .more .wechat-qrcode, footer .imgsBox .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  bottom: 60px;
  left: 50%;
  width: 162px;
  color: #666;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
  margin-left: -81px;
  color: #444;
  padding: 10px;
  text-align: center;
}
footer .imgsBox .wechat-qrcode {bottom: 50px;}
.container .more:hover .wechat-qrcode, footer .imgsBox .wechat:hover .wechat-qrcode {display: block;}
.container.apartment .wechat-qrcode:after, footer .imgsBox .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.container .more .wechat-qrcode img, footer .imgsBox .wechat-qrcode img {width: 90%;}
footer .imgsBox .wechat-qrcode img {height: auto;}
.container .more .wechat-qrcode .help p {padding: 10px 0 0;}
/* articles 资讯 */
.container.articles {text-align: center;}
.container.articles .coverBox .slogan {top: 0;bottom: 0;margin: auto;height: 150px;line-height: 150px;font-size: 140px;}
.container.articles .coverBox p {position: absolute;left: 9%;text-align: left;color: #fff;}
.container.articles .nav {padding: 0 0 4.2%;}
.container.articles .nav li:first-child {border-left: #333 solid 1px;}
.container.articles .nav li{display: inline-block;padding: 0 2%;line-height: 18px;font-size: 18px;border-right: #333 solid 1px;}
.container.articles .nav li.selected a {color: #e03829;}
.container.articles .informationList {margin-bottom: 0;}
.container.articles .informationList li:first-child {width: 100%;}
.container.articles .informationList li:nth-of-type(3n) {margin-right: 50px;}
.container.articles .informationList li:nth-of-type(3n + 1) {margin-right: 0;}
.container.articles .informationList li:first-child img {width: 100%;}
.container.articles span.more {display: inline-block;margin-bottom: 100px;padding: 1% 9%;font-size: 20px;border: #099 solid 2px;border-radius: 3px;cursor: pointer;color: #099;}
.container.articles .noData {display: inline-block;padding: 100px 0 140px;font-size: 18px;}
/* about */
.container.about .teamBox, .container.about .investorBox, .container.about .sociology, .container .sloganBox {padding: 0 9%;text-align: center;font-size: 0;}
.container.about .teamBox li {display: inline-block;padding: 0 15px 50px;width: 25%;line-height: 28px;text-align: left;font-size: 16px;box-sizing: border-box;}
.container.about .teamBox li h5 {padding: 10px;font-size: 24px;}
.container.about .teamBox li p {position: relative;display: inline-block;padding: 10px;font-size: 18px;}
.container.about .teamBox li p:after {content: '';position: absolute;left: 10px;top: 0;width: calc(100% - 20px);height: 2px;background-color: #e03829;}
.container.about .investorBox {padding-top: 95px;}
.container.about .investorBox li {position: relative;display: inline-block;margin: 0 19px 70px;padding: 24px;min-height: 550px;width: 46%;vertical-align: top;font-size: 18px;border-radius: 5px;box-sizing: border-box;background-color: #fff;}
.container.about .investorBox li img {position: absolute;top: -95px;left: 0;right: 0;margin: 0 auto;width: 190px;height: 190px;border-radius: 50%;border: #ccc solid 2px;box-sizing: border-box;}
.container.about .investorBox li h5 {display: inline-block;position: relative;margin-top: 95px;font-size: 30px;}
.container.about .investorBox li h5:after {content: '';position: absolute;left: 0;bottom: -15px;width: 100%;height: 2px;background-color: #e03829;}
.container.about .investorBox li p {margin-top: 45px;text-align: left;line-height: 32px;font-size: 18px;}
.container.about .sociology {margin-bottom: 50px;}
.container.about .sociology li {position: relative;display: inline-block;margin: 0 10px 100px;width: 31%;font-size: 18px;border-radius: 5px;}
.container.about .sociology li .cons {position: absolute;left: 8%;right: 8%;top: 80%;z-index: 1;padding: 10px 0;min-height: 100px;border: #ccc solid 1px;border-radius: 5px;background-color: #fff;}
.container.about .sociology li .cons h5 {position: relative;line-height: 52px;font-size: 22px;}
.container.about .sociology li .cons h5:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 55%;height: 2px;background-color: #e03829;}
.container.about .sociology li .cons p {margin-top: 10px;line-height: 32px;font-size: 18px;}
.container .sloganBox {margin: 100px 0;}
.container .sloganBox li {display: inline-block;margin: 0 15px 20px;width: 47%;min-height: 130px;vertical-align: middle;border-radius: 5px;background-color: #f2f2f2;box-sizing: border-box;}
.container .sloganBox li p.top {margin-top: 30px;font-size: 38px;}
.container .sloganBox li p.top i {position: relative;display: inline-block;width: 10px;height: 10px;vertical-align: middle;border: #ce0b0b solid 1px;border-radius: 50%;}
.container .sloganBox li p.top i:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;width: 800%;height: 1px;background-color: #ce0b0b;}
.container .sloganBox li p.top i:first-of-type:after {left: -800%;}
.container .sloganBox li p.top i:last-of-type:after {right: -800%;}
.container .sloganBox li p.top span {margin: 0 3%;}
.container .sloganBox li p.english {line-height: 23px;font-size: 23px;color: #666;}
.container .sloganBox li p.desc {padding: 10px 0;margin: 20px 0;min-height: 50px;font-size: 16px;box-sizing: border-box;}
.container .sloganBox li:nth-of-type(2) p.desc {padding: 0;line-height: 27px;margin-top: 15px;margin-bottom: 21px;}
/* contact */
.container.contact .coverBox .slogan {bottom: 70px;line-height: 1;font-size: 120px;}
.container .contactBox {padding: 0 9% 200px;text-align: center;font-size: 0;}
.container .contactBox img {width: 45%;}
.container .contactBox .rightBox {display: inline-block;padding-left: 6%;width: 55%;text-align: left;font-size: 18px;box-sizing: border-box;}
.container .contactBox .rightBox li {line-height: 3;border-bottom: #ccc solid 1px;box-sizing: border-box;}
.container .contactBox .rightBox li:first-child {border-top: #ccc solid 1px;}
.container .contactBox .rightBox li span.label {display: inline-block;margin-right: 2%;min-width: 23%;font-size: 24px;}
/* aritcle 文章详情 */
.container.article .consBox {padding: 0 9%;}
.container.article .consBox .cons {position: relative;width: 90%;left: 0;right: 0;top: -50px;margin: 0 auto;padding: 0 5%;font-size: 18px;border: #fff solid 1px;border-radius: 5px;background-color: #fff;}
.container.article .consBox .cons h5 {position: relative;display: inline-block;margin: 100px 0 50px;font-size: 42px;font-weight: 500;}
.container.article .consBox .cons h5:after, .container.article .consBox .cons h5:before {content: '';position: absolute;left: 0;right: 0;bottom: -20px;background-color: #e03829;}
.container.article .consBox .cons h5:after {width: 100%;height: 2px;}
.container.article .consBox .cons h5:before {bottom: -35px;margin: 0 auto;width: 15%;height: 4px;border-radius: 4px;}
.container.article .consBox .cons .content {margin: 50px 0;text-align: left;}
.container.article .consBox .cons .content img {margin: 10px 0;width: 100%;}
/* 404 */
.containerBox {position: relative;height: 100%;}
.containerBox .cons {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;height: 50%;text-align: center;}
.containerBox .cons img {width: 30%;}
.containerBox .cons p {line-height: 5;font-size: 18px;color: #747689;}
.containerBox .cons p span {font-size: 22px;font-weight: 500;}
/* 500 */
.containerBox .cons .reload {display: inline-block;padding: 8px 50px;font-size: 20px;border-radius: 5px;border: #747689 solid 1px;color: #747689;cursor: pointer;}

footer {text-align: center;background-color: #f2f2f2;}
footer .nav {padding: 3% 0;border-bottom: #ccc solid 1px;}
footer .nav li:first-child {border-left: #333 solid 1px;}
footer .nav li{display: inline-block;padding: 0 1.5%;font-size: 18px;border-right: #333 solid 1px;}
footer .logo {margin: 3% 0;height: 9%;}
footer .slogan {position: relative;font-size: 20px;font-weight: 600;}
footer .slogan:after, footer .slogan:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 7%;
  height: 2px;
  background-color: #333;
}
footer .slogan:after {left: -20%;}
footer .slogan:before {right: -20%;}
footer .imgsBox {padding: 2% 0;border-bottom: #ccc solid 1px;}
footer .imgsBox a {position: relative;}
footer .imgsBox img {margin: 0 1%;height: 25px;}
footer .company {padding-top: 3%;font-size: 12px;}
footer .copyRight {padding-bottom: 3%;font-size: 12px;}


@media screen and (max-width: 1200px) {
  .container .coverBox .slogan {line-height: 80px;font-size: 66px;}
  .container .coverBox .slogan.index {bottom: 60px;line-height: 1.2;font-size: 56px;}
  .container.apartment .coverBox .slogan {font-size: 65px;}
  .container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30px;}
  .my-bullet {width: 15px;height: 15px;}
  .container .coverBox .slogan.edu {bottom: 156px;font-size: 48px;}
  .container .coverBox h3.edu {bottom: 50px;font-size: 90px;}
  .container .iconData li .icon {height: 55px;}
  .container .iconData li:after {width: 120px;height: 120px;}
  .container.about .coverBox .slogan {bottom: 46px;line-height: 1.2;font-size: 46px;}
  .container .introItem {padding: 0 8%;}
  .container .introItem img {width: 100%;}
  .container .introItem .right {
    line-height: 32px;
    font-size: 18px;
    box-sizing: border-box;
  }
  .container .introItem .right h3 {padding: 5% 0 0.5%;font-size: 34px;}
  .container .introItem .right h5 {font-size: 22px;}
  .container .introItem .right p {margin: 3% 0 4%;}
  .container .introItem .right .more {padding: 1% 5%;font-size: 18px;}
  /* .container .subjectList {max-width: 1000px;} */
  /* .container .subjectList li {width: 22%;} */
  .container .itemBox {padding: 0 9%;}
  .container .universityList {padding: 0 4%;}
  .container .universityList li {margin: 0 20px 30px 0;}
  .container .universityList li .top {height: 85px;}
  /* apartment */
  .container .teamList {padding: 0 4% 2%;}
  .container .teamList li {width: 16.6%;}
  .container .teamList li h4 {line-height: 35px;font-size: 16px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color: rgba(0, 0, 0, 0.4);color: #fff;}
  .container .teamList li h4 span {font-size: 12px;font-weight: 400;}
  .container .teamList li p {margin-top: 5px;font-size: 12px;}
  /* articles */
  .container.articles .coverBox p {bottom: 40px;line-height: 70px;font-size: 64px;}
  /* about */
  .container.about .investorBox {padding-left: 3%;padding-right: 3%;}
  .container.about .investorBox li p {font-size: 16px;}
  .container.about .sociology, .container .sloganBox {padding: 0 4%;}
  .container.about .sociology li .cons h5 {font-size: 20px;}
  .container.about .sociology li .cons p {font-size: 16px;}
  .container .sloganBox li p.desc {font-size: 16px;}
  /* contact */
  .container.contact .coverBox .slogan {font-size: 84px;}

  footer .slogan:after {left: -45%;}
  footer .slogan:before {right: -45%;}
}
@media screen and (max-width: 1023px) {
  .header section .logo {margin: 10px 0 10px 10px;height: 45px;}
  .header section .navBox { 
    position: fixed;
    z-index: 99999;
    height: 100%;
    left: -100%;
    top: 0;
    bottom: 0;
    padding-top: 30px;
    overflow: auto;
    background: rgba(0,0,0,0.8);
    transition: all 1000ms;
  }
  .header section .navBox {width: 30%;}
  .header section .nav {padding-left: 10%;width: 93%;}
  .header section .nav li {padding: 0 0 0 3%;display: block;line-height: 60px;}
  .header section .nav li:hover:after, .header section .nav li.selected:after {
    left: 0;
    bottom: 0;
    top: 0;
    right: auto;
    margin: auto;
    width: 3px;
    height: 30px;
  }
  .header section .nav li a {color: #fff;}
  .header .nav .close{ width: 32px; height: 32px; position: absolute; right: 10px; top: 10px; transition: all 300ms; border-radius: 50%; border: 1px solid #fff;cursor: pointer;}
  .header .nav .close:after{ width: 20px; height: 2px; background: #fff; position: absolute; left: 5px; top: 50%; margin-top: -1px; content: ''; transform: rotate(45deg);}
  .header .nav .close:before{ width: 20px; height: 2px; background: #fff; position: absolute; left: 5px; top: 50%; margin-top: -1px; content: ''; transform: rotate(-45deg);}
  .nav-taggle{ position: absolute; right: 8%; top: 19px; width: 34px; height: 28px; border: 2px solid #999; border-radius: 5px;cursor: pointer;}
  .nav-taggle span{ position: absolute; width: 24px; height: 3px; left: 3px; top: 5px; background: #ccc;}
  .nav-taggle span:after{ content: ''; width: 18px; height: 3px; position: absolute; left: 3px; background: #ccc; top: 6px;}
  .nav-taggle span:before{ content: ''; width: 24px; height: 3px; position: absolute; left: 0; background: #ccc; top: 12px;}
  .header .nav-bg{ width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 32;}
  .header section .lang {position: absolute;bottom: 0;right: 30px;}
  .header section .lang li {color: #fff;}
  .header section .lang li.selected {font-size: 16px;color: #fff;}
  .header section .lang li:last-child:after {background-color: #fff;}

  .container .coverBox .slogan {line-height: 70px;font-size: 56px;}
  .container .coverBox .slogan.index {bottom: 45px;font-size: 50px;}
  .container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px;}
  .my-bullet {width: 14px;height: 14px;}
  .container .coverBox .slogan.edu {bottom: 98px;font-size: 37px;}
  .container.apartment .coverBox .slogan {font-size: 56px;}
  .container .coverBox h3.edu {bottom: 20px;font-size: 70px;}
  .container .coverBox h3.edu:after, .container .coverBox h3.edu:before {width: 9px;}
  .container.mcn .mcnSlogan span {top: -30px;font-size: 44px;}
  .container.mcn .mcnSlogan p {left: 20px;bottom: -15px;font-size: 28px;}
  .container.about .coverBox .slogan {bottom: 34px;font-size: 40px;}
  .container .title span {font-size: 31px;}
  /* .container .iconData {padding-left: 10%;padding-right: 10%;} */
  .container .iconData li {width: 40%;}
  .container .iconData li:nth-of-type(3), .container .iconData li:nth-of-type(4) {margin-top: 4%;}
  .container .iconData li:before {display: none;}
  .container .iconData li:after {width: 110px;height: 110px;}
  .container .iconData li .icon {height: 50px;}
  .container .iconData li .right {font-size: 14px;}
  .container .iconData li .right span {font-size: 34px;}
  .container .informationList li {width: 28%;}
  .container .informationList {margin-bottom: 30px;}
  /* .container .subjectList {max-width: 750px;} */
  .container .subjectList li {width: 21%;}
  .container.edu .subjectList li {width: 20%;}
  .container .subjectList li h5 {font-size: 26px;}
  .container .subjectList li p {font-size: 16px;}
  .container .serviceList li {height: 160px;width: 46%;}
  .container .serviceList li h5 {margin-top: 50px;font-size: 32px;}
  .container .serviceList li p {font-size: 16px;}
  .container .introItem .right .more {font-size: 16px;}
  .container .itemBox {padding: 0 9%;}
  .container .itemBox li .top {height: 80px;}
  .container .itemBox li img {height: 60px;}
  .container .itemBox li h6 {font-size: 24px;}
  .container .itemBox li p {font-size: 20px;}
  .container .universityList {padding: 0 4%;}
  .container .universityList li {margin: 0 20px 30px 0;width: 17%;}
  .container .universityList li .top {height: 72px;}
  .container .universityList li p {font-size: 14px;}
  /* edu */
  .container .eduAct {height: 240px;}
  .container .eduAct img {margin: 15px 0;}
  .container .eduAct p {margin: 15px 0 5px;font-size: 38px;}
  .container .eduAct h5 {font-size: 56px;}
  /* apartment */
  .container .listDesc {margin: 0 2%;font-size: 16px;}
  .container .listDesc sup {margin: 0 5px;font-size: 28px;}
  .container .teamList li h4 {line-height: 25px;}
  /* articles */
  .container.articles .coverBox .slogan {font-size: 120px;}
  .container.articles .coverBox p {bottom: 20px;line-height: 58px;font-size: 54px;}
  /* about */
  .container.about .teamBox {padding: 0 4%;}
  .container.about .teamBox li h5 {font-size: 20px;}
  .container.about .teamBox li p {font-size: 14px;}
  .container.about .investorBox {padding-left: 3%;padding-right: 3%;}
  .container.about .investorBox li {margin: 0 0 100px;min-height: 340px;width: 95%;}
  .container.about .investorBox li:last-child {margin-bottom: 50px;}
  .container.about .investorBox li img {width: 160px;height: 160px;top: -80px;}
  .container.about .investorBox li h5 {margin-top: 70px;}
  .container.about .investorBox li p {margin-top: 35px;line-height: 28px;font-size: 14px;}
  .container.about .sociology li {width: 30%;}
  .container.about .sociology li .cons h5 {font-size: 16px;}
  .container.about .sociology li .cons p {line-height: 26px;font-size: 12px;}
  .container .sloganBox li {width: 45%;}
  .container .sloganBox li p.top {font-size: 38px;}
  .container .sloganBox li p.desc {margin: 5px 0;min-height: 40px;line-height: 18px!important;font-size: 12px;}
  /* contact */
  .container.contact .coverBox .slogan {bottom: 30px;font-size: 70px;}
  .container .contactBox .rightBox {padding-left: 5%;font-size: 14px;}
  .container .contactBox .rightBox li {line-height: 3.4;}
  .container .contactBox .rightBox li span.label {font-size: 16px;}

  footer .slogan:after {left: -55%;}
  footer .slogan:before {right: -55%;}
}
@media screen and (max-width: 768px) {
  .header section .navBox {width: 33%;}
  .container .coverBox .slogan {bottom: 60px;line-height: 60px;font-size: 46px;}
  .container .coverBox .slogan.index {bottom: 43px;font-size: 40px;}
  .container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 17px;}
  .my-bullet, .my-bullet-active {width: 13px;height: 13px;}
  .container .coverBox .slogan.edu {bottom: 100px;font-size: 31px;}
  .container.apartment .coverBox .slogan {font-size: 46px;}
  .container .coverBox h3.edu {bottom: 23px;font-size: 60px;}
  .container .coverBox .slogan.edu {bottom: 85px;}
  .container .coverBox h3.edu:after, .container .coverBox h3.edu:before {width: 7px;}
  .container .title span {font-size: 27px;}
  .container .title i {height: 4px;width: 2.5%;}
  .container .topDesc p {font-size: 16px;}
  .container .topDesc span.more {font-size: 16px;border-width: 1px;}
  .container .iconData li  {padding: 5% 0;}
  .container .iconData li .right {font-size: 14px;}
  .container .iconData li .right span {font-size: 38px;}
  .container .informationList {padding: 0 8%;}
  .container .informationList li {margin-right: 0;margin-left: 0;width: 100%;}
  .container .informationList li img {width: calc(100% + 2px)}
  .container .subjectList {padding: 0 9%;}
  .container .subjectList li {margin-bottom: 40px;width: 45%!important;}
  .container .subjectList li:nth-of-type(2n) {margin-right: 0;}
  /* mcn */
  .container.mcn .mcnSlogan {bottom: 40px;padding: 6% 0 0 20px;width: 300px;height: 80px;font-size: 22px;}
  .container.mcn .mcnSlogan span {top: -22px;font-size: 32px;}
  .container.mcn .mcnSlogan p {left: 15px;bottom: -12px;font-size: 21px;}
  .container .serviceList li {height: 130px;width: 46%;}
  .container .serviceList li h5 {margin: 40px 0 5px;font-size: 26px;}
  .container .serviceList li p {font-size: 14px;}
  .container .itemBox li .top {height: 55px;}
  .container .itemBox li img {height: 45px;}
  .container .itemBox li h6 {line-height: 24px;font-size: 18px;}
  .container .itemBox li p {line-height: 18px;font-size: 14px;}
  .container .universityList li {margin-bottom: 20px;width: 30%;}
  .container .universityList li:nth-of-type(5n) {margin-right: 20px;}
  .container .universityList li:nth-of-type(3n) {margin-right: 0;}
  .container .universityList li .top {height: 87px;}
  .container .universityList li p {margin-top: 5px;font-size: 12px;}
  .container .universityList li:nth-of-type(n + 13) {margin-bottom: 0;}
  /* apartment */
  .container .apartAdv li img {height: 50px;}
  .container .apartAdv li h5 {margin: 10px 0;font-size: 24px;}
  .container .apartAdv li p {font-size: 14px;}
  .container .cityList li img {height: 100px;width: 100px;}
  .container .list li {height: 240px;}
  .container .list li img {height: 100px;width: 100px;}
  .container .list li:hover h4 {font-size: 22px;}
  .container .list li:hover p {font-size: 14px;}
  .container .teamList li h4 {line-height: 16px;}
  /* articles */
  .container.articles .coverBox .slogan {font-size: 100px;}
  .container.articles .coverBox p {bottom: 10px;line-height: 50px;font-size: 40px;}
  /* about */
  .container.about .coverBox .slogan {bottom: 25px;font-size: 36px;}
  .container.about .teamBox {padding: 0 2%;}
  .container.about .teamBox li {padding-bottom: 10px;}
  .container.about .teamBox li h5 {padding: 5px 10px;font-size: 18px;}
  .container.about .teamBox li p {padding: 5px 10px;font-size: 12px;}
  .container.about .sociology li {width: 90%;}
  .container.about .sociology li img {width: 100%;}
  .container.about .sociology li .cons h5 {font-size: 22px;}
  .container.about .sociology li .cons p {line-height: 26px;font-size: 14px;}
  .container .sloganBox {margin: 50px 0;}
  .container .sloganBox li {width: 90%;}
  .container .sloganBox li p.top {font-size: 34px;}
  .container .sloganBox li p.desc {margin: 10px 0;min-height: 40px;font-size: 14px;}
  /* contact */
  .container.contact .coverBox .slogan {bottom: 25px;font-size: 56px;}
  .container .contactBox img {width: 90%;}
  .container .contactBox .rightBox {margin-top: 50px;padding-left: 0;width: 90%;font-size: 16px;border-top: 0;}
  .container .contactBox .rightBox li {border-color: #f2f2f2!important;}
  .container .contactBox .rightBox li span.label {font-size: 18px;}
  /* aritcle 文章详情 */
  .container.article .consBox {padding: 0 5%;}
  .container.article .consBox .cons h5 {margin: 70px 0 35px;font-size: 36px;}
  /* 404 */
  .containerBox .cons img {width: 45%;}

  footer .slogan {font-size: 18px;}
  footer .imgsBox {padding: 4% 0 2%;}
}
@media screen and (max-width: 640px) {
  .header section .navBox {width: 40%;}

  .container .coverBox .slogan {bottom: 45px;line-height: 40px;font-size: 30px;}
  .container .coverBox .slogan.index {bottom: 32px;line-height: 1.1;font-size: 32px;}
  .container .coverBox .slogan.edu {bottom: 68px;font-size: 22px;}
  .container.apartment .coverBox .slogan {font-size: 36px;}
  .container .coverBox h3.edu {bottom: 20px;font-size: 40px;}
  .container .coverBox h3.edu:after, .container .coverBox h3.edu:before {width: 5px;}
  .container .coverBox h3.edu::after {left: -10%;}
  .container .coverBox h3.edu:before {right: -10%;}
  .container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 13px;}
  .my-bullet {margin-right: 12px;}
  .my-bullet, .my-bullet-active {width: 9px;height: 9px;}
  .container .title span {font-size: 24px;}
  .container .topDesc p {line-height: 28px;font-size: 14px;}
  .container .topDesc span.more {font-size: 14px;}
  .container .iconData li {width: 50%;}
  .container .iconData li:after {width: 90px;height: 90px;}
  .container .iconData li .right span {font-size: 32px}
  .container .iconData li .icon {height: 45px;}
  .container .introItem {margin-bottom: 8%}
  .container .introItem .right h3 {padding-bottom: 0;line-height: 28px;font-size: 22px;}
  .container .introItem .right h5 {line-height: 24px;font-size: 16px;}
  .container .introItem .right p {
    line-height: 28px;
    font-size: 14px;
  }
  .container .introItem .right .more {font-size: 14px;border-width: 1px;}
  .container .subjectList li {width: 44%!important;}
  /* mcn */
  .container.mcn .mcnSlogan {bottom: 30px;width: 230px;height: 60px;}
  .container.mcn .mcnSlogan span {left: 10px;top: -16px;font-size: 24px;}
  .container.mcn .mcnSlogan p {left: 12px;bottom: -10px;font-size: 16px;}
  .container .serviceList li {height: 85px;width: 46%;}
  .container .serviceList li h5 {margin: 20px 0 0;font-size: 20px;}
  .container .serviceList li p {font-size: 12px;}
  .container .itemBox {margin: 30px 0;/* padding: 0 3%; */}
  .container .itemBox li .top {height: 45px;}
  .container .itemBox li img {height: 35px;}
  .container .itemBox li h6 {line-height: 18px;font-size: 14px;}
  .container .itemBox li p {line-height: 16px;font-size: 12px;}
  .container .universityList li .top {height: 75px;}
  /* edu */
  .container .eduAct {height: 180px;}
  .container .eduAct img {margin: 10px 0;}
  .container .eduAct p {font-size: 30px;}
  .container .eduAct h5 {font-size: 36px;}
  .container .eduAct a {margin-top: 10px;}
  /* apartment */
  .container .apartAdv {padding: 0 5px;margin: 10px 0 40px;}
  .container .apartAdv li img {height: 40px;}
  /* .container .apartAdv li:nth-of-type(4) img, .container .apartAdv li:nth-of-type(5) img, .container .apartAdv li:nth-of-type(6) img {margin-top: 20px;} */
  .container .apartAdv li:nth-of-type(n + 4) img {margin-top: 20px;}
  .container .apartAdv li h5 {margin: 5px 0;font-size: 20px;}
  .container .apartAdv li p {line-height: 18px;font-size: 12px;}
  .container .cityList li img {height: 80px;width: 80px;}
  .container .cityList li p {margin: 10px 0 30px;font-size: 16px;}
  .container .list {padding: 0;}
  .container .list li {height: 200px;}
  .container .list li img {height: 80px;width: 80px;}
  .container .list li h4 {position: relative;margin: 20px 0 5px;font-size: 18px;}
  .container .list li h4:after {content: '';position: absolute;top: -30%;left: 0;right: 0;margin: 0 auto;width: 10%;height: 3px;border-radius: 5px;background-color: #e03829;transition: all 0.5s;}
  .container .list li p {font-size: 12px;}
  .container .teamList li {width: 33%;}
  .container .teamList li h4 {line-height: 32px;}
  .container .teamList li p {margin-bottom: 20px;}
  /* articles */
  .container.articles .coverBox .slogan {font-size: 80px;}
  .container.articles .coverBox p {line-height: 36px;font-size: 34px;}
  .container.articles span.more {font-size: 18px;border-width: 1px;}
  /* about */
  .container.about .coverBox .slogan {bottom: 20px;font-size: 30px;}
  .container.about .teamBox {padding: 0 2%;}
  .container.about .teamBox li {padding: 0 5px 10px;}
  .container.about .teamBox li h5 {padding: 5px 5px 2px;font-size: 16px;}
  .container.about .teamBox li p {padding: 5px 5px;font-size: 12px;}
  .container.about .teamBox li p:after {left: 5px;width: calc(100% - 10px);}
  /* contact */
  .container.contact .coverBox .slogan {bottom: 20px;font-size: 44px;}
  /* aritcle 文章详情 */
  .container.article .consBox .cons h5 {margin: 50px 0 25px;font-size: 30px;}

  footer .slogan {font-size: 16px;}
  footer .slogan:after, footer .slogan:before {width: 5%;}
  footer .slogan:after {left: -65%;}
  footer .slogan:before {right: -65%;}
}
@media screen and (max-width: 480px) {
  .header section .navBox {width: 56%;}
  .header section .logo {margin-top: 15px;margin-left: 8%;height: 40px;}
  .nav-taggle {top: 22px;width: 28px;height: 24px;}
  .nav-taggle span, .nav-taggle span:before {width: 18px;height: 2px;}
  .nav-taggle span {top: 4px;}
  .nav-taggle span:before {top: 10px;}
  .nav-taggle span:after {top: 5px;width: 15px;height: 2px;}

  .container .coverBox .slogan {bottom: 30px;line-height: 30px;font-size: 26px;}
  .container .coverBox .slogan.index {bottom: 24px;font-size: 22px;}
  .container .coverBox .slogan.edu {bottom: 43px;font-size: 16px;}
  .container.apartment .coverBox .slogan {font-size: 28px;}
  .container .coverBox h3.edu {bottom: 10px;font-size: 30px;}
  .container .coverBox h3.edu:after, .container .coverBox h3.edu:before {width: 3px;}
  .container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
  .my-bullet {margin-right: 8px;}
  .my-bullet, .my-bullet-active {width: 7px;height: 7px;border-width: 1px;}
  .container .title span {padding: 0 1.5%;font-size: 18px;}
  .container .title i {width: 3%;height: 3px;}
  .container .topDesc p {line-height: 28px;font-size: 14px;}
  .container.mcn .iconData, .container.edu .iconData {padding: 7% 0 5%;}
  .container .iconData li:after {width: 66px;height: 66px;}
  .container .iconData li .icon {height: 30px;}
  .container .iconData li .right {padding-left: 6px;font-size: 12px;}
  .container.edu .iconData li .right {padding-left: 5px;}
  .container.mcn .iconData li .icon, .container.edu .iconData li .icon {margin-left: 10px;}
  .container .iconData li .right span {font-size: 22px;}
  .container .topDesc span.more {padding: 2% 9%;font-size: 12px;}
  .container .introItem:nth-of-type(2n) .right {padding-right: 0;}
  .container .introItem .right h3 {padding-bottom: 0;line-height: 28px;font-size: 18px;}
  .container .introItem .right h5 {line-height: 18px;font-size: 15px;}
  .container .introItem .right .more {padding: 0 5%;font-size: 12px;}
  .container .informationList li {margin-bottom: 30px;}
  .container .informationList li h3 {padding-top: 15px;line-height: 28px;font-size: 16px;}
  .container .informationList li p {line-height: 28px;font-size: 14px;}
  .container .subjectList {padding: 0 8%;}
  .container .subjectList li {min-height: 135px;margin: 0 20px 20px 0;}
  .container .subjectList li img {margin: 20px 0 15px;height: 50px;}
  .container.edu .subjectList li h5 {padding-top: 15px;}
  .container .subjectList li h5 {padding-top: 15px;font-size: 15px;}
  .container .subjectList li p {margin: 0 0 15px;font-size: 12px;}
  
  .container.mcn .mcnSlogan {bottom: 20px;width: 170px;height: 50px;}
  .container.mcn .mcnSlogan span {top: -8px;left: 9px;font-size: 16px;}
  .container.mcn .mcnSlogan p {left: 8px;bottom: -8px;font-size: 12px;}
  .container .serviceList li {margin-right: 20px;height: 60px;width: 45%;}
  .container .serviceList li h5 {margin: 10px 0 0;font-size: 16px;}
  .container .serviceList li p {line-height: 16px;}
  .container .itemBox li .top {height: 40px;}
  .container .itemBox li img {height: 30px;}
  .container .itemBox li h6 {line-height: 18px;font-size: 11px;}
  .container .itemBox li p {line-height: 16px;font-size: 11px;}
  .container .universityList li {width: 28%;}
  .container .universityList li .top {height: 44px;}
  /* edu */
  .container .eduAct {height: 130px;font-size: 12px;}
  .container .eduAct img {margin: 10px 0;height: 25px;}
  .container .eduAct p {margin: 10px 0 0;font-size: 18px;}
  .container .eduAct h5 {font-size: 28px;}
  .container .eduAct a {margin-top: 10px;}
  /* apartment */
  .container .apartAdv {padding: 0;}
  .container .apartAdv li {padding: 0 5px;}
  .container .apartAdv li img {height: 30px;}
  /* .container .apartAdv li:nth-of-type(4) img, .container .apartAdv li:nth-of-type(5) img, .container .apartAdv li:nth-of-type(6) img {margin-top: 10px;} */
  .container .apartAdv li:nth-of-type(n + 4) img {margin-top: 10px;}
  .container .apartAdv li h5 {margin: 0 0 5px;font-size: 16px;}
  .container .apartAdv li p {font-size: 10px;}
  .container .cityList {padding: 0 5%;}
  .container .cityList li img {height: 60px;width: 60px;}
  .container .cityList li p {margin: 5px 0 15px;font-size: 14px;}
  .container .list li {height: 200px;}
  .container .list li img {height: 60px;width: 60px;}
  .container .list li h4 {font-size: 18px;}
  .container .list li p {font-size: 10px;}
  .container .teamList li h4 {line-height: 20px;font-size: 14px;}
  .container .teamList li p {font-size: 10px;}
  .container .listDesc span {padding: 0 20px;}

  /* articles */
  .container.articles .coverBox .slogan {font-size: 52px;}
  .container.articles .coverBox p {line-height: 26px;font-size: 26px;}
  .container.articles span.more {margin-bottom: 50px;}
  /* about */
  .container.about .coverBox .slogan {bottom: 12px;line-height: 1.1;font-size: 24px;}
  .container.about .teamBox {padding: 0;}
  .container.about .teamBox li {padding: 0 2px 8px;}
  .container.about .teamBox li h5 {padding: 5px 0 2px;font-size: 14px;}
  .container.about .teamBox li p {padding: 5px 0;font-size: 10px;}
  .container.about .teamBox li p:after {left: 0;width: 100%;}
  .container.about .investorBox {padding-top: 60px;}
  .container.about .investorBox li img {width: 120px;height: 120px;top: -60px;}
  .container.about .investorBox li h5 {margin-top: 50px;}
  .container.about .investorBox li p {line-height: 24px;}
  .container.about .sociology li {margin-bottom: 120px;}
  .container .sloganBox li {min-height: 100px;}
  .container .sloganBox li p.top {font-size: 26px;}
  .container .sloganBox li p.top i:after {width: 600%;}
  .container .sloganBox li p.top i:first-of-type:after {left: -600%;}
  .container .sloganBox li p.top i:last-of-type:after {right: -600%;}
  .container .sloganBox li p.english {font-size: 18px;}
  .container .sloganBox li p.desc {padding: 10px;margin-top: 5px;line-height: 22px!important;}
  .container .sloganBox li:nth-of-type(2) p.desc {padding: 0 10px;}
  /* contact */
  .container.contact .coverBox .slogan {bottom: 15px;font-size: 36px;}
  .container .contactBox {padding: 0 0 50px;}
  .container .contactBox img {width: 90%;}
  .container .contactBox .rightBox {margin-top: 0;padding-left: 0;width: 90%;font-size: 14px;}
  .container .contactBox .rightBox li:first-child {border-top: 0;}
  .container .contactBox .rightBox li span.label {font-size: 16px;}
  /* aritcle 文章详情 */
  .container.article .consBox .cons h5 {margin: 30px 0 15px;font-size: 22px;}
  .container.article .consBox .cons .content {margin: 40px 0 20px;font-size: 16px;}
  .container.article .consBox .cons h5:before {height: 3px;}
  /* 404 */
  .containerBox .cons img {width: 55%;}

  footer .nav li {padding: 0 1.5%;font-size: 14px;border: 0!important;}
  footer .logo {height: 5%;}
  footer .slogan {font-size: 14px;font-weight: 500;}
  footer .slogan:after, footer .slogan:before {height: 1px;}
  footer .slogan:after {left: -75%;}
  footer .slogan:before {right: -75%;}
  footer .imgsBox img {height: 20px;}
  footer .copyRight {font-size: 10px;}
}
@media screen and (min-width: 769px) {
  /* articles */
  .container.articles .informationList li:first-child {margin-bottom: 30px;border: 0;}
  .container .informationList li p {height: 67px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .container .title i {width: 2.5%;}

  /* mcn */
  .container .universityList li:nth-of-type(n+10) {margin-bottom: 0;}
}
@media screen and (min-width: 1024px ) {
  .header {position: fixed;}
  .header section .nav {position: fixed;width: 52%;line-height: 100px;}
  .container {margin-top: 100px;}
  .container .title span {font-size: 36px;}
  .container .topDesc p, .container .topDesc span.more {font-size: 18px;}
  .container.apartment .topDesc p, .container.about .topDesc p {padding-bottom: 0.3%;}
  .container .iconData li {width: 25%;}
  .container .iconData li:after {width: 120px;height: 120px;}
  .container .iconData li .icon {height: 50px;}
  .container .iconData li .right span {font-size: 36px;}
  .container .iconData li .right span sup {font-size: 24px;}
  /* .container .iconData li .icon {height: 70px;} */
  .container .informationList {margin-bottom: 80px;}

  .container .title i {width: 2.2%;}
  .container .contactBox .rightBox li span.label {font-size: 20px;}

  /* mcn */
  .container.mcn .mcnSlogan {bottom: 80px;padding-top: 9%;width: 645px;height: 150px;font-size: 56px;}
  .container.mcn .mcnSlogan span {font-size: 72px;}
  .container.mcn .mcnSlogan p {font-size: 42px;}
}
@media screen and (min-width: 1200px) {
  /* .header section .nav {left: 20%;} */
  .header section .nav {left: 28%;}
  .header section {padding: 0 8%;}
  .container.apartment .coverBox .slogan {font-size: 82px;}
  .container .iconData li:after {width: 130px;height: 130px;}
  .container .introItem {padding: 0 8%;}
  .container .introItem img {width: 61%;}
  .container .introItem .right {float: right;padding-left: 4%;width: 39%;}
  .container .introItem .right h3 {padding: 6% 0 1%;font-size: 33px;}
  .container.index .introItem .right h3 {padding: 10% 0 1%;}
  .container .introItem .right h5 {font-size: 22px;}
  .container.apartment .introItem .right h3 {padding: 8% 0 3%;}
  .container .introItem .right p {margin: 12% 0 10%;}
  .container.apartment .introItem .right p {margin: 10% 0 10%;}
  .container .introItem .right .more {padding: 2% 6%;font-size: 18px;}
  .container .introItem:nth-of-type(2n) .right {float: left;}
  /* .container .itemBox {width: 1200px;} */
  /* .container .universityList {width: 1200px;} */
  /* edu */
  .container .eduAct {height: 290px;}
  /* apartment */
  .container .teamList li {height: 280px;}
  .container .teamList li:hover img {left: -7%;top: -5%;z-index: 4;max-width: 115%;width: 115%;transition: all 0.5s;border-radius: 5px;}
  .container .teamList li:hover h4 {position: relative;top: -21%;left: -7%;right: -20%;z-index: 5;width: 115%;line-height: 45px;font-size: 20px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color: rgba(0, 0, 0, 0.4);color: #fff;transition: all 0.5s;}
  .container .teamList li:hover h4 span {vertical-align: top;font-size: 16px;}
  .container .teamList li:hover p {position: relative;left: -21%;top: -19%;margin-top: 0;width: 150%;font-size: 16px;transition: all 0.5s;}
  /* articles */
  .container.articles .coverBox p {bottom: 65px;line-height: 98px;font-size: 80px;}
  /* contact */
  .container .contactBox .rightBox li span.label {font-size: 22px;}

}
@media screen and (min-width:1200px) and (max-width:1440px){
  .container .title span {font-size: 38px;}
  .container.contact .coverBox .slogan {bottom: 50px;font-size: 106px;}

  footer .slogan:after {left: -36%;}
  footer .slogan:before {right: -36%;}
  .container .coverBox .slogan.index {bottom: 70px;font-size: 64px;}
  .container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 35px;}
  .container.about .coverBox .slogan {line-height: 1.2;font-size: 58px;}
}
@media screen and (min-width: 1441px) {
  .header section .nav {left: 34%;}
  .header section, .container .topDesc, .container .introItem, .container .informationList, .container .subjectList, .container .universityList, .container .itemBox, .container .apartAdv, .container .cityList, .container .list, .container .teamList, .container.about .teamBox, .container.about .investorBox, .container.about .sociology, .container .serviceList {padding: 0 18.7%;}
  .container .coverBox .slogan, .container.mcn .mcnSlogan {left: 18.7%;}
  .container.articles .coverBox p {bottom: 10%;left: 18.7%;}
  .container .swiper-container-horizontal .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {padding-left: 19%;}
  .container .coverBox h3.edu {bottom: 50px;left: 20.5%;font-size: 130px;}
  .container .coverBox .slogan.edu {bottom: 205px;font-size: 66px;}
  .container .coverBox h3.edu:after {left: -6%;}
  .container .title span {font-size: 41px;}
  .container .topDesc.index p {line-height: 36px;font-size: 20px;}
  .container .iconData {padding-left: 17%;padding-right: 17%;}
  .container .listDesc {margin: 0 18.7%;}
  /* .container .introItem {margin-bottom: 5%;} */
  .container .introItem .right h3 {font-size: 36px;}
  .container .teamList li {width: 16%;}
  .container.about .investorBox {padding-top: 70px;}
  .container .sloganBox {padding: 0 16%;}

  .container .topDesc.index p {line-height: 32px;font-size: 18px;}
  .container .topDesc span.more {padding: 1.5% 9%;font-size: 18px;}
  .container.mcn .mcnSlogan {bottom: 100px;padding-top: 6%;width: 700px;height: 190px;}
  .container.mcn .mcnSlogan span {font-size: 80px;}
  .container.mcn .mcnSlogan p {font-size: 50px;}
  .container.apartment .coverBox .slogan {font-size: 96px;}

  /* contact */
  .container .contactBox {padding: 0 18.7% 200px;}
  .container .contactBox .rightBox li {line-height: 3.3;}
  .container .contactBox .rightBox li span.label {font-size: 24px;}
  /* edu */
  .container .subjectList li h5 {font-size: 28px;}
  /* mcn */
  .container .universityList li .top {height: 90px;}
  /* about */
  .container.about .coverBox .slogan {line-height: 1.2;font-size: 66px;}
  /* apartment */
  .container .teamList li:hover h4 {top: -22%;}
  .container .teamList li:hover img {top: -6%;}
}
@media screen and (min-width: 1600px) {
  .header section .nav {left: 32%;}

  footer .slogan:after {left: -28%;}
  footer .slogan:before {right: -28%;}
  /* .container .title span {padding: 0 1%;} */
  .container .title i {width: 1.8%;}
  .container.apartment .coverBox .slogan {font-size: 110px;}
  .container.about .coverBox .slogan {font-size: 80px;}
}