html,
body {
  max-width: 640px;
  margin: 0 auto;
}
.justify,
.double-btn,
.teach-idea-wrap .teach-idea-ul,
.othen-zy-wrap ul,
.othen-zy-wrap ul .double-btn,
.job-wrap .job-sys-wrap,
.job-wrap .job-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.auto610 {
  width: 15.25rem;
  margin: 0 auto;
}
.auto620 {
  width: 15.5rem;
  margin: 0 auto;
}
.ban-wrap {
  width: 16rem;
}
.ban-wrap img {
  width: 100%;
  height: 8rem;
}
.head-wrap {
  text-align: center;
  position: relative;
  margin: 0.75rem auto;
}
.head-wrap h3 {
  line-height: 1.5rem;
  font-size: 0.825rem;
  font-weight: bold;
  color: #ef8203;
  text-align: center;
}
.head-wrap p {
  line-height: 0.7rem;
  color: #f0e8e5;
  font-size: 1.375rem;
  font-family: 'Impact';
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.profile-wrap {
  width: 15rem;
  margin: 0 auto;
}
.public-info a {
  display: block;
}
.public-info a img {
  width: 100%;
  height: 7.5rem;
}
.public-info p {
  line-height: 0.9rem;
  font-size: 0.5rem;
  color: #000;
  text-indent: 1.1rem;
  text-align: justify;
  margin-top: 10px;
}
.public-info p span {
  line-height: 0.9rem;
  font-size: 0.5rem;
  color: #ff0000;
}
.double-btn {
  width: 15.5rem;
  margin: 0 auto;
  margin-top: 0.5rem;
  padding-bottom: 0.625rem;
}
.double-btn a {
  display: block;
  width: 4.875rem;
  height: 1.375rem;
  line-height: 1.375rem;
  background: #ef8203;
  -webkit-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
     -moz-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
          border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  font-size: 0.6rem;
  color: #fff;
  text-align: center;
}
.double-btn a:last-child {
  width: 9.75rem;
  background: #e60012;
}
.faculty-wrap {
  width: 15rem;
  margin: 0 auto;
}
.faculty-wrap .public-info a {
  display: block;
}
.faculty-wrap .public-info a img {
  width: 100%;
  height: 8.375rem;
}
.faculty-cont {
  margin-top: 0.375rem;
}
.faculty-cont ul {
  clear: both;
  overflow: hidden;
}
.faculty-cont ul li {
  width: 7.25rem;
  height: 7.5rem;
}
.faculty-cont ul li a {
  display: block;
}
.faculty-cont ul li a img {
  width: 100%;
  height: 3.55rem;
}
.faculty-cont ul li:nth-of-type(1) {
  float: left;
}
.faculty-cont ul li:nth-of-type(1) img {
  height: 7.5rem;
}
.faculty-cont ul li:nth-of-type(2) {
  float: right;
  height: 3.55rem;
}
.faculty-cont ul li:nth-of-type(3) {
  margin-top: 0.5rem;
  float: right;
  height: 3.55rem;
}
.teach-idea-wrap {
  width: 15rem;
  margin: 0 auto;
}
.teach-idea-wrap .teach-idea-ul li {
  width: 7.125rem;
  margin-top: 0.25rem;
}
.teach-idea-wrap .teach-idea-ul li a {
  display: block;
}
.teach-idea-wrap .teach-idea-ul li a img {
  width: 100%;
  height: 3.825rem;
}
.teach-idea-wrap .teach-idea-ul li h3 {
  line-height: 1rem;
  font-size: 0.5rem;
  color: #000;
  text-align: center;
}
.othen-zy-wrap ul li {
  width: 7.25rem;
  -webkit-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
     -moz-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
          border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  -webkit-box-shadow: 0px 0px 5px 5px #eee;
     -moz-box-shadow: 0px 0px 5px 5px #eee;
          box-shadow: 0px 0px 5px 5px #eee;
  margin-top: 0.625rem;
}
.othen-zy-wrap ul li a {
  display: block;
}
.othen-zy-wrap ul li a img {
  width: 100%;
  height: 4.475rem;
  -webkit-border-radius: 0.2rem 0.2rem 0 0;
     -moz-border-radius: 0.2rem 0.2rem 0 0;
          border-radius: 0.2rem 0.2rem 0 0;
}
.othen-zy-wrap ul li h3 {
  line-height: 1rem;
  font-size: 0.55rem;
  font-weight: bold;
  color: #000;
  text-indent: 0.375rem;
}
.othen-zy-wrap ul li p {
  width: 6.45rem;
  line-height: 0.7rem;
  margin: 0 auto;
  text-align: justify;
  font-size: 0.375rem;
  color: #000;
}
.othen-zy-wrap ul li p span {
  color: #ff7373;
}
.othen-zy-wrap ul .double-btn {
  width: 6.45rem;
  margin: 0 auto;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-bottom: 0;
}
.othen-zy-wrap ul .double-btn a {
  display: block;
  width: 2.7rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border: 1px solid #ff5d00;
  background: none;
  color: #ff5d00;
  font-size: 0.45rem;
  text-align: center;
}
.othen-zy-wrap ul .double-btn a:last-child {
  border: 1px solid #ff5d00;
  background: #ff5d00;
  color: #fff;
}
.job-wrap {
  width: 15rem;
  margin: 0 auto;
}
.job-wrap .job-sys-wrap li {
  width: 7.25rem;
  margin-top: 0.25rem;
  text-align: center;
  border: 1px solid #000;
}
.job-wrap .job-sys-wrap li h3 {
  line-height: 1.25rem;
  font-size: 0.6rem;
  color: #000;
  font-weight: bold;
  margin-top: 0.375rem;
}
.job-wrap .job-sys-wrap li p {
  padding: 0.25rem;
  line-height: 0.75rem;
  font-size: 0.4rem;
  color: #000;
  text-align: justify;
}
.job-wrap .job-ul li {
  width: 7.25rem;
  margin-top: 0.25rem;
  text-align: center;
}
.job-wrap .job-ul li a {
  display: block;
}
.job-wrap .job-ul li a img {
  width: 100%;
  height: 5.075rem;
}
.job-wrap .job-ul li h3 {
  line-height: 1rem;
  font-size: 0.6rem;
  color: #ff6600;
}
.job-wrap .job-ul li p {
  line-height: 0.75rem;
  font-size: 0.5rem;
  color: #646464;
}