body {
  line-height: 1;
  background: #0e243a url(../images/jbbg.jpg) no-repeat;
}
.banner {
  width: 100%;
  height: 586px;
  text-align: center;
  position: relative;
}
.banner img {
  max-width: 100%;
}
.banner .text {
  font-size: 60px;
  color: #fff;
  text-align: center;
  margin-top: -300px;
}
.email {
  width: 1200px;
  height: 1037px;
  margin: 0 auto;
  background: url(../images/emailbg.png) no-repeat;
  background-size: cover;
  margin-top: -60px;
  position: relative;
}
.email .content {
  padding: 80px 230px 80px;
}
.email .title {
  font-size: 42px;
  color: #fff;
  line-height: 1;
}
.email .border_bottom {
  margin-bottom: 30px;
}
.email .border_bottom .line {
  width: 666px;
  height: 3px;
}
.email .main_content p {
  font-size: 22px;
  color: #d1e1f2;
  line-height: 38px;
  margin-bottom: 24px;
}
.email .name {
  text-align: right;
  font-size: 22px;
  color: #d1e1f2;
}
#certify {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
#certify .tiptext {
  text-align: center;
  margin-bottom: 40px;
  line-height: 38px;
  color: #d1e1f2;
  font-size: 18px;
}
#certify .swiper-container {
  padding-bottom: 60px;
}
#certify .swiper-slide {
  width: 384px;
  height: 510px;
  background: #fff;
  box-shadow: 0 8px 30px #022041;
  position: relative;
}
#certify .swiper-slide img {
  display: block;
}
#certify .swiper-slide p {
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.24);
}
#certify .swiper-slide p .name {
  font-size: 22px;
  font-weight: bold;
  margin-right: 10px;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
  opacity: 0.8;
}
.swiper-slide-active,
.swiper-slide-duplicate-active {
  transform: scale(1);
  opacity: 1;
}
.showbox {
  color: #dfe4f7;
  font-size: 18px;
  padding: 0 40px;
  line-height: 1;
  margin-bottom: 80px;
}
.showbox .top {
  margin-bottom: 20px;
}
.showbox .person_info p {
  margin-bottom: 20px;
  line-height: 28px;
}
.mg_r60 {
  margin-right: 60px;
}
.com_title {
  margin: 70px auto 30px;
  max-width: 100%;
  height: 3px;
  background: url(../images/line_bg.png) no-repeat center;
  background-size: cover;
  position: relative;
  text-align: center;
}
.com_title .com_title_info {
  font-size: 42px;
  color: #dfe4f7;
  display: inline-block;
  margin-top: -21px;
}
.oldinfo {
  margin-top: 30px;
  width: 1100px;
  margin: 0 auto;
}
.oldinfo .intro {
  padding-top: 20px;
}
.oldinfo .intro p {
  font-size: 18px;
  color: #dfe4f7;
  text-align: center;
  line-height: 34px;
  font-weight: 500;
}
.oldinfo .forms {
  overflow: hidden;
  margin-top: 20px;
}
.oldinfo .forms form .leftform,
.oldinfo .forms form .rightform {
  width: 50%;
  float: left;
}
.oldinfo .forms form .leftform .cc,
.oldinfo .forms form .rightform .cc,
.oldinfo .forms form .leftform .mc,
.oldinfo .forms form .rightform .mc,
.oldinfo .forms form .leftform .lxr,
.oldinfo .forms form .rightform .lxr,
.oldinfo .forms form .leftform .hy,
.oldinfo .forms form .rightform .hy,
.oldinfo .forms form .leftform .gm,
.oldinfo .forms form .rightform .gm,
.oldinfo .forms form .leftform .fs,
.oldinfo .forms form .rightform .fs {
  margin-top: 40px;
}
.oldinfo .forms form .leftform .cc label,
.oldinfo .forms form .rightform .cc label,
.oldinfo .forms form .leftform .mc label,
.oldinfo .forms form .rightform .mc label,
.oldinfo .forms form .leftform .lxr label,
.oldinfo .forms form .rightform .lxr label,
.oldinfo .forms form .leftform .hy label,
.oldinfo .forms form .rightform .hy label,
.oldinfo .forms form .leftform .gm label,
.oldinfo .forms form .rightform .gm label,
.oldinfo .forms form .leftform .fs label,
.oldinfo .forms form .rightform .fs label {
  font-size: 16px;
  color: #dfe4f7;
  width: 16%;
  display: inline-block;
}
.oldinfo .forms form .leftform .cc select,
.oldinfo .forms form .rightform .cc select,
.oldinfo .forms form .leftform .mc select,
.oldinfo .forms form .rightform .mc select,
.oldinfo .forms form .leftform .lxr select,
.oldinfo .forms form .rightform .lxr select,
.oldinfo .forms form .leftform .hy select,
.oldinfo .forms form .rightform .hy select,
.oldinfo .forms form .leftform .gm select,
.oldinfo .forms form .rightform .gm select,
.oldinfo .forms form .leftform .fs select,
.oldinfo .forms form .rightform .fs select,
.oldinfo .forms form .leftform .cc input,
.oldinfo .forms form .rightform .cc input,
.oldinfo .forms form .leftform .mc input,
.oldinfo .forms form .rightform .mc input,
.oldinfo .forms form .leftform .lxr input,
.oldinfo .forms form .rightform .lxr input,
.oldinfo .forms form .leftform .hy input,
.oldinfo .forms form .rightform .hy input,
.oldinfo .forms form .leftform .gm input,
.oldinfo .forms form .rightform .gm input,
.oldinfo .forms form .leftform .fs input,
.oldinfo .forms form .rightform .fs input {
  width: 84%;
  width: 264px;
  height: 42px;
  background: #87a5c6;
  border: none;
  outline: none;
}
.oldinfo .forms form .leftform .cc input,
.oldinfo .forms form .rightform .cc input,
.oldinfo .forms form .leftform .mc input,
.oldinfo .forms form .rightform .mc input,
.oldinfo .forms form .leftform .lxr input,
.oldinfo .forms form .rightform .lxr input,
.oldinfo .forms form .leftform .hy input,
.oldinfo .forms form .rightform .hy input,
.oldinfo .forms form .leftform .gm input,
.oldinfo .forms form .rightform .gm input,
.oldinfo .forms form .leftform .fs input,
.oldinfo .forms form .rightform .fs input {
  border-radius: 10px;
  text-indent: 10px;
}
.oldinfo .forms form .rightform {
  text-align: right;
}
.oldinfo .forms form .jj,
.oldinfo .forms form .xz {
  margin-top: 40px;
}
.oldinfo .forms form .jj span,
.oldinfo .forms form .xz span {
  font-size: 16px;
  color: #dfe4f7;
  width: 8%;
  height: 110px;
  display: block;
  float: left;
}
.oldinfo .forms form .jj textarea,
.oldinfo .forms form .xz textarea {
  float: left;
  width: 90%;
  padding: 10px;
  height: 110px;
  border: none;
  border-radius: 10px;
  background: #87a5c6;
  line-height: 24px;
}
.oldinfo .forms form .xz textarea {
  height: 150px;
}
.oldinfo .forms .loginput {
  margin-top: 28px;
  text-align: center;
}
.oldinfo .forms .loginput button {
  width: 270px;
  height: 58px;
  font-size: 24px;
  color: #fff;
  background: #1e84f7;
  border-radius: 50px;
  border: none;
  text-align: center;
}
.story {
  width: 1100px;
  margin: 0 auto;
}
.story .intro {
  padding-top: 20px;
}
.story .intro p {
  font-size: 18px;
  color: #dfe4f7;
  line-height: 34px;
  font-weight: 500;
  text-align: justify;
}
.story .sx {
  margin-top: 40px;
}
.story .sx textarea {
  width: 100%;
  height: 200px;
  border: none;
  border-radius: 10px;
  background: #87a5c6;
  line-height: 24px;
}
.story .logstory {
  margin-top: 28px;
  padding-bottom: 100px;
  text-align: center;
}
.story .logstory button {
  width: 270px;
  height: 58px;
  font-size: 24px;
  color: #fff;
  background: #1e84f7;
  border-radius: 50px;
  border: none;
  text-align: center;
}