body {
  background: #f5f5f5;
}
.wrapper {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}
.main-banner img {
  width: 1000px;
  height: 320px;
}
.College-describe h3 {
  padding: 20px 50px;
  font-size: 16px;
  color: #666;
  line-height: 25px;
}
.College-describe ul {
  padding-left: 90px;
  overflow: hidden;
}
.College-describe ul li {
  width: 156px;
  height: 40px;
  float: left;
  border: 2px #b1c3e6 solid;
  border-radius: 20px;
  position: relative;
  border-radius: 50px;
  margin-right: 60px;
  margin-bottom: 40px;
}
.College-describe ul li i {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #1c69f9;
  position: absolute;
  bottom: -1px;
  left: -6px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-style: italic;
}
.College-describe ul li span {
  color: #1c69f9;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  margin-left: 49px;
}
.College-describe ul li:nth-child(4) {
  margin-right: 0px;
}
.College-tips .part1-tips {
  margin-bottom: 20px;
}
.College-tips .part1-tips .part-title {
  width: 100%;
  color: #4a6796;
  font-size: 16px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #eef2fa;
  position: relative;
}
.College-tips .part1-tips .part-title span::before {
  content: "";
  position: absolute;
  background: url(../images/icon-college.png) no-repeat;
  width: 36px;
  height: 22px;
  background-position: -10px -5px;
  top: 10px;
  left: 374px;
}
.College-tips .part1-tips .part-title span::after {
  content: "";
  position: absolute;
  background: url(../images/icon-college.png) no-repeat;
  width: 36px;
  height: 22px;
  background-position: -55px -5px;
  top: 10px;
  right: 374px;
}
.College-tips .part-media {
  padding: 0px 30px 20px 30px;
  overflow: hidden;
  display: inline-block;
  width: 270px;
  height: 250px;
}
.College-tips .part-media .mediaLeft {
  width: 270px;
  text-align: center;
}
.College-tips .part-media .media-right {
  width: 270px;
  text-align: center;
}
.College-tips .part-media .media-right h3 {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}
.College-tips .part-media .media-right p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.icon16 {
  width: 132px;
  height: 139px;
  background: url(../images/icon-college.png) no-repeat;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon16.MicroClass {
  background-position: -23px -40px;
}
.icon16.InterCourse {
  background-position: -188px -40px;
}
.icon16.OpenClass {
  background-position: -353px -40px;
}
.icon16.LiveBroadcast {
  background-position: -22px -228px;
}
.icon16.ExameSystem {
  background-position: -188px -228px;
}
.icon16.LearningProjec {
  background-position: -354px -228px;
}
.icon16.IntelligentLearning {
  background-position: -534px -228px;
}
.icon16.CertificateManagement {
  background-position: -23px -415px;
}
.icon16.IndSet {
  background-position: -189px -415px;
}
.icon16.Community {
  background-position: -354px -415px;
}
.icon16.CurriculumShare {
  background-position: -535px -415px;
}
.icon16.newEmployee {
  background-position: -23px -588px;
}
.icon16.Distributor {
  background-position: -186px -588px;
}
.icon16.BasicLevel {
  background-position: -354px -588px;
}
.icon16.MicroClasses {
  background-position: -534px -588px;
}
.icon16.Retained {
  background-position: -534px -228px;
}
.icon16.footerBtn {
  width: 570px;
  height: 112px;
  background-position: -10px -740px;
  font-size: 34px;
  color: #fff;
  text-align: center;
  line-height: 110px;
}
footer {
  width: 1000px;
  height: 264px;
  background: url(../images/college-footerimg.png) no-repeat;
  text-align: center;
  margin-top: 30px;
  font-size: 34px;
  color: #fff;
}
footer a {
  width: 202px;
  height: 56px;
  line-height: 56px;
  background: #ff8c05;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  color: #fff;
  margin: 0 auto;
  margin-top: 30px;
}
footer a:hover {
  background: #ff8c05;
  color: #fff;
}
footer .QQnum {
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 48px;
}
footer h3 {
  font-size: 34px;
  color: #fff;
  text-align: center;
  padding-top: 45px;
}
