* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
}
ul > li {
  list-style: none;
}
.main {
  width: 100%;
  margin: auto;
  overflow: hidden;
}
.topTu {
  width: 100%;
  /*height: 542px;*/
  overflow: hidden;
}
.threeTu {
  height: 538px;
}
.imgWrapper {
  width: 100%;
  position: relative;
}
.wordSupernatant {
  position: absolute;
  width: 39%;
  z-index: 3;
  right: 60px;
  top: 58px;
}
.wordSupernatant > img {
  width: auto !important;
}
.imgWrapper > img {
  position: absolute;
  width: 100%;
}
.bottomPic {
  position: absolute;
  top: 329px;
}
.topPic {
  top: -2px;
}
.topPic,
.bottomPic {
  z-index: 2;
}
#qiD {
  width: 58%;
}
.midPic {
  z-index: 1;
}
.img_wrap > img:first-child {
  width: 100%;
  position: static;
}
.smallTu {
  width: 25% !important;
  position: absolute;
  right: 177px;
  top: 94px;
}
.topTitle {
  position: absolute;
  top: -19px;
  left: 40%;
  width: 120px;
  background: #ffffff;
}
.topTitle > img {
  width: 90%;
  margin: auto;
  display: block;
}

.topTitle > span {
  position: absolute;
  color: #ffffff;
  left: 20% !important;
  top: 15% !important;
}
@-moz-document url-prefix() {
  .topTitle > span {
    top: 22% !important;
    left: 17% !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .topTitle > span {
    left: 18% !important;
    top: 27% !important;
  }
}
.topTitle > span {
  left: 18%\0 !important;
  top: 27%\0 !important;
}
.topTwoBox {
  width: 100%;
}
.topTwo:after {
  content: '';
  visibility: hidden;
  clear: both;
  display: block;
}
.topTwo {
  width: 100%;
  margin: auto;
}
.topTwo > ul > li {
  width: 50%;
  float: left;
}
.topTwo > ul > li > div {
  width: 98%;
  margin: auto;
  border: 1px solid #e5e5e5;
  position: relative;
  height: 519px;
}
@-moz-document url-prefix() {
  .topTwo > ul > li > div {
    height: 452px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .topTwo > ul > li > div {
    height: 568px;
  }
}
.topTwo > ul > li > div {
  height: 568px\0;
}
.clickLook {
  position: absolute;
  bottom: 8px;
  right: 23px;
  padding-left: 6%;
  margin-bottom: 12px;
}
.clickLook span {
  color: #cacaca;
  font-size: 12px;
  cursor: pointer;
}
.clickLook span:first-child {
  margin-right: 10px;
}
.click_Look {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
  text-align: center;
  padding-left: 0%;
  margin-bottom: 12px;
}
.click_Look span {
  color: #cacaca;
  font-size: 12px;
  cursor: pointer;
}
.click_Look span:first-child {
  margin-right: 10px;
}
.teachingActivities > ul > li,
.anti-money > ul > li {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px;
}
.teachingActivities > ul > li a {
  display: block;
  width: 100%;
}
.teachingActivities > ul > li > a > span:first-child {
  display: inline-block;
  width: 69%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.teachingActivities > ul > li > a > span,
.anti-money > ul > li > a > span {
  font-size: 16px;
  color: #333333;
}
.teachingActivities > ul > li > a > span:first-child:hover {
  color: #4A0095;
  cursor: pointer;
}
.teachingActivities > ul > li > a > span:last-child {
  float: right;
  margin-top: 5px;
}
.anti-money > ul > li > a > span:first-child:hover {
  color: #4A0095;
  cursor: pointer;
}
.teachingActivities,
.anti-money {
  padding: 20px;
  padding-top: 32px;
}
.anti-money span:first-child {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.anti-money span:first-child {
  width: 85% !important;
}
.anti-money span:last-child {
  width: 13%;
}
.anti-money > ul > li a {
  display: block;
  width: 100%;
}
.aniMoney span {
  left: 11% !important;
}
.midTwo {
  margin-top: 52px;
}
.midTwo ul li > div {
  height: 200px;
}
.laws_Regulations {
  width: 99%;
  margin: auto;
  margin-top: 51px;
  margin-bottom: 44px;
}
.law_regular {
  width: 100%;
  margin: auto;
  border: 1px solid #e5e5e5;
  position: relative;
}
.lawsRegulations {
  left: 45%;
}
.lawsR {
  width: 100%;
  overflow: hidden;
  margin-top: 48px;
  margin-bottom: 22px;
}
.lawsR ul li {
  float: left;
  width: 16.66%;
}
.lawsR ul li > div {
  width: 65%;
  margin: auto;
}
.lawsR ul li > div img {
  width: 100%;
}
.lawsR ul li > div div {
  text-align: center;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

/*·¨ÖÆÐû´«Ñùʽ*/
.fazhixuanchuan {
  width: 99%;
  margin: auto;
  margin-top: 51px;
  margin-bottom: 44px;
}
.fazhixuanchuan .content {
  width: 100%;
  overflow: hidden;
  margin-top: 38px;
  margin-bottom: 22px;
}
.fazhixuanchuan .content .l {
}
.fazhixuanchuan .content .l ul li {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px;
}
.fazhixuanchuan .content .l ul li > div {
  width: 65%;
  margin: auto;
}

.midTu {
  width: 63%;
  margin: auto;
  margin-top: 64px;
  cursor: pointer;
}
.midTu > a > img {
  width: 100%;
}
.fixationSize {
  width: 1200px;
  margin: auto;
}
@media (max-width: 1200px) {
  .teachingActivities > ul > li > a > span:first-child {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .topTwo .l .up {
    width: 475px;
  }
}
@media (max-width: 1110px) {
  .teachingActivities > ul > li > a > span:first-child {
    display: inline-block;
    width: 78%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .topTwo .l .up {
    width: 480px !important;
  }
  .topTwo .r .cont {
    width: 98% !important;
  }
}
@media (max-width: 1029px) {
  .teachingActivities > ul > li > a > span:first-child {
    display: inline-block;
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1010px) {
  .teachingActivities > ul > li > a > span:first-child {
    display: inline-block;
    width: 82%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .topTwo .l .up {
    width: 475px !important;
  }
}

@media (max-width: 1000px) {
  .teachingActivities > ul > li > a > span:first-child {
    display: inline-block;
    width: 72%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 906px) {
  .teachingActivities > ul > li > a > span:first-child {
    display: inline-block;
    width: 81%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 791px) {
  .teachingActivities > ul > li > a > span:first-child {
    display: inline-block;
    width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/*Ͷ½ÌÔ°µØͶ×ÊÕß±£»¤ÓëÆÚ»õѧԺÁ¢Ê½Ñùʽ*/
.topTwo .l {
  float: left;
  width: 50%;
}
.topTwo .l .up {
  border: 1px solid #eee;
  margin: 0px auto;
  width: 588px;
  height: 200px;
}
.topTwo .r {
  float: left;
  width: 50%;
}
.topTwo .r .cont {
  position: relative;
  border: 1px solid #eee;
  margin: 0px auto;
  width: 588px;
  height: 452px;
}
.topTwo .r .cont .clickLook {
  position: absolute;
  bottom: 8px;
  right: 23px;
}