html,
body {
  margin: 0px;
  padding: 0px;
  background-color: #f9faf2;
}
.main {
  height: 100%;
  min-width: 1250px;
  font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.main > .top {
  background: url(/images/events/mzjjr/1.png) no-repeat;
  margin: auto;
  height: 450px;
  background-position: center;
  overflow: hidden;
}
.top_con {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}
.top_left {
  margin-top: 61px;
  height: 150px;
  float: left;
}
.shu {
  margin-left: 31px;
  margin-top: 15px;
  width: 1px;
  height: 44px;
  background-color: #fff;
  padding: 1px;
}
.heng {
  margin-left: 31px;
  margin-top: -48px;
  width: 28px;
  height: 1px;
  background-color: #fff;
  padding: 1px;
}
.txt1 {
  color: white;
  margin-left: 51px;
  font-size: 55px;
  font-weight: 600;
  margin-top: 30px;
}
.txt2 {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 50px;
  font-size: 54px;
  margin-top: -40px;
  font-weight: lighter;
}
.txt3 {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 380px;
  font-size: 60px;
  margin-top: -190px;
  font-weight: lighter;
}
.tp {
  border-radius: 4px;
  margin-top: 10px;
  background-color: white;
  height: 303px;
  width: 300px;
}
.tp .p1 {
  font-size: 18px;
  margin: 7px;
  color: #3980ac;
  padding-left: 32px;
  border-bottom: 1px #3980ac solid;
  margin-left: 15px;
  padding-bottom: 8px;
  margin-right: 17px;
  padding-top: 18px;
}
.tp .inp1 {
  border: 1px #C9C0BB solid;
  width: 234px;
  height: 25px;
  margin-left: 20px;
  padding: 6px;
  padding-left: 17px;
  font-size: 15px;
  border-radius: 3px;
  margin-top: 10px;
}
.tp .inp2 {
  border: 1px #C9C0BB solid;
  width: 141px;
  height: 25px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 6px;
  padding-left: 17px;
  font-size: 15px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.tp .inp3 {
  border: 1px orange solid;
  background-color: orange;
  height: 39px;
  color: white;
  width: 93px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tp .dn {
  height: 41px;
  width: 91px;
  margin-left: 185px;
  margin-top: -39px;
}
.tp .inp4 {
  margin-top: 20px;
  margin-left: 20px;
}
.tp .p2 {
  margin-top: -19px;
  padding-left: 33px;
  font-size: 12px;
  color: #6b6b6b;
  margin-left: 10px;
}
.tp .s1 {
  color: #9898f8;
}
.tp .inp5 {
  border: 1px #006fff solid;
  margin: 5px 3px 0px 20px;
  padding: 6px;
  background-color: #3980ac;
  width: 260px;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
}
.tp .wx {
  margin-left: 30px;
  margin-top: 10px;
}
.tp .p3 {
  margin-top: -23px;
  margin-left: 64px;
  font-size: 15px;
}
.tp a {
  text-decoration: none;
  color: #4c4c4c;
}
.content {
  margin: 0 auto;
  width: 1000px;
}
.content a {
  width: 357px;
  height: 66px;
  margin: 50px auto;
  display: block;
  background-color: #f8c50a;
  border-radius: 7px;
  border: 1px #f8c50a solid;
  font-size: 28px;
  color: #3980ac;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 66px;
}
.num {
  border-bottom: 1px #9eb5c3 solid;
  height: auto;
  margin-top: 50px;
}
.seq {
  background: url(/images/events/mzjjr/10.png) no-repeat;
  width: 102px;
  height: 102px;
  font-size: 60px;
  color: white;
  line-height: 102px;
  text-align: center;
}
.first {
  font-size: 30px;
  color: #3980ac;
  float: left;
  margin-left: 15px;
}
.con1 {
  height: 350px;
  width: 830px;
  margin-top: -88px;
  margin-bottom: 25px;
  margin-left: 111px;
}
.tit1 {
  height: 38px;
  width: 154px;
  margin: 9px;
}
.cont1 {
  margin-left: 9px;
  width: 386px;
  color: #3980ac;
  font-size: 16px;
  margin-top: 42px;
  line-height: 24px;
}
.img1 {
  width: 325px;
  float: right;
  margin-top: -243px;
  margin-right: 12px;
}
.second {
  font-size: 30px;
  color: #3980ac;
  float: left;
  margin-left: 8px;
}
.con2 {
  height: 500px;
  width: 830px;
  margin-top: -88px;
  margin-bottom: 25px;
  margin-left: 111px;
}
.tit2 {
  height: 38px;
  width: 164px;
  margin: 9px;
}
.cont2 {
  font-size: 17px;
  float: right;
  margin-right: 18px;
  height: 384px;
  width: 420px;
  border: 1px #cecece solid;
  margin-top: -383px;
  background-color: white;
}
.img2 {
  width: 222px;
  margin-left: 8px;
  height: 388px;
  margin-top: 32px;
}
.shu2 {
  margin-left: 313px;
  margin-top: -383px;
  width: 1px;
  height: 375px;
  background-color: #5c9fd4;
}
.cont2 .cp {
  margin: 26px 8px;
  font-size: 18px;
  padding: 6px 20px;
  box-shadow: 0px 3px 5px #cecece;
  line-height: 32px;
}
.third {
  font-size: 30px;
  color: #3980ac;
  float: left;
  margin-left: 8px;
}
.con3 {
  height: 464px;
  width: 830px;
  margin-top: -88px;
  margin-bottom: 25px;
  margin-left: 111px;
}
.tit3 {
  height: 38px;
  width: 164px;
  margin: 9px;
}
.cont3 {
  font-size: 17px;
  float: right;
  margin-right: 33px;
  height: 384px;
  width: 393px;
  border: 1px #cecece solid;
  margin-top: -383px;
}
.man {
  float: left;
  margin-left: 20px;
  height: 358px;
  margin-top: 17px;
}
.a {
  font-size: 44px;
  color: #9eb5c3;
  margin-top: 40px;
  margin-left: 100px;
}
.im1 {
  margin-left: 171px;
  margin-top: -88px;
}
.im2 {
  margin-left: 50px;
  margin-top: 20px;
  float: left;
}
.boy {
  margin-left: 110px;
  margin-top: 55px;
  width: 300px;
  color: #9eb5c3;
}
.woman {
  float: right;
  margin-right: 20px;
  height: 357px;
  margin-top: 18px;
  width: 349px;
}
.b {
  font-size: 44px;
  color: #9eb5c3;
  margin-top: 40px;
  margin-left: 48px;
}
.im3 {
  margin-left: 118px;
  margin-top: -90px;
}
.im4 {
  float: right;
}
.girl {
  margin-left: 36px;
  margin-top: 55px;
  width: 275px;
  color: #9eb5c3;
}
.con4 {
  height: 520px;
  width: 830px;
  margin-top: -88px;
  margin-bottom: 25px;
  margin-left: 111px;
}
.con4 .copyright {
  text-align: center;
  margin-top: 20px;
}
.fourth {
  font-size: 30px;
  color: #3980ac;
  float: left;
  margin-left: 8px;
}
.tit4 {
  height: 38px;
  width: 154px;
  margin: 9px;
}
.img4 {
  text-align: center;
}
.bottom_content {
  background: url(/images/events/mzjjr/back.png) no-repeat;
  margin: auto;
  height: 300px;
  background-position: center;
}
.bottom_con {
  margin: 22px auto;
  width: 1000px;
  overflow: hidden;
  font-size: 17px;
  padding-top: 30px;
}
.jia {
  display: inline-block;
  margin-left: 0px;
  margin-top: 12px;
  color: white;
  width: 500px;
  height: 274px;
  vertical-align: top;
}
.jia a {
  margin-left: 10px;
  color: #fff;
}
.lia {
  display: inline-block;
  height: 274px;
  margin-left: 46px;
  color: white;
  vertical-align: top;
}
.shu3 {
  display: inline-block;
  width: 1px;
  height: 256px;
  background-color: #9cc0d6;
}
.spp {
  margin-left: 10px;
}
.s {
  font-size: 28px;
}
ul {
  color: #FFFFFF;
  height: 4px;
  list-style: decimal;
}
ul li {
  width: 428px;
  margin-left: -11px;
  padding-left: 11px;
  line-height: 36px;
}
.l {
  font-size: 28px;
}
.l1 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.l2 {
  margin-bottom: 15px;
}
.sp,
.imag4 {
  margin-left: 15px;
}
.end {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  margin: 50px auto;
  text-align: center;
  font-weight: 500;
}
