@import url("../../../../css2020/public.css");

.topNav {
  height: 60px;
  margin: auto;
  background-color: #0231cc;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 111;
}

.topNav .container-box {
  display: flex;
  justify-content: flex-end;
}

.topNav a {
  line-height: 60px;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  display: block;
}

.topNav a.on {
  color: #0231cc;
  background-color: #fff;
}

.banner {
  height: 757px;
  background: url('banner_img.jpg') no-repeat center;
  overflow: hidden;
}

.activeTime {
  width: 545px;
  margin: 510px auto 0;
}

.activeTime>span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: block;
}

.activeTime span span {
  font-size: 30px;
  color: #004efa;
}

.activeTime .cont {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 10px;
}
.activeTime .time {
  line-height: 64px;
  flex: 1;
  position: relative;
  display: flex;
  justify-content: space-around;
}

.activeTime .time::after,
.activeTime .time::before {
  content: "";
  width: 2px;
  height: 35px;
  margin: auto;
  background-color: #004eed;
  top: 0;
  bottom: 0;
  position: absolute;
}

.activeTime .time::before {
  left: 33%;
}

.activeTime .time::after {
  right: 33%;
}


.activeTime .time>span {
  width: 30%;
  text-align: center;
}

.activeTime a.btn-sign {
  width: 164px;
  line-height: 64px;
  margin-left: 15px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  outline: none;
  background-image: -webkit-linear-gradient(#ed3833, #f1823b);
  background-image: -moz-linear-gradient(#ed3833, #f1823b);
  background-image: linear-gradient(to top, #ed3833, #f1823b);
  border: 0;
  border-radius: 10px;
}

.pad100 {
  padding: 100px 0;
}

.title span {
  width: 536px;
  height: 71px;
  margin: auto;
  line-height: 63px;
  font-size: 38px;
  color: #fff;
  text-align: center;
  background: url('Title_Ornamental_img.png') no-repeat center;
  display: block;
}

.introduce .cont {
  padding-top: 15px;
}

.introduce p {
  padding: 35px 0;
  line-height: 36px;
  font-size: 16px;
  color: #717f8b;
}

.agenda,
.addr {
  background-color: #f4f8fa;
}

.agenda .main {
  width: 1206px;
  height: 918px;
  margin-top: 50px;
  /* padding-right: 7px; */
  margin-right: -6px;
  background: url('Proceedings_bg_img.png') no-repeat center;
  display: flex;
}

.agenda .agendaTime span+span,.agendaContent>div+div {
  margin-top: 20px;
}


.agendaTime {
  width: 135px;
  margin-left: 6px;
}

.agenda .agendaTime span {
  width: 100%;
  line-height: 64px;
  font-size: 16px;
  color: #fff;
  display: block;
}

.agendaContent {
  margin-left: 80px;
  flex: 1;
}
.agendaTime span,.agendaContent>div{
  height: 64px;
}
.agendaContent span{
  font-size: 16px;
  font-weight: bold;
  color: #004efa;
}
.agendaContent span:first-child{
  flex: 1;
}

.agendaContent span.name{
  width: 90px;
  text-align: center;
}
.agendaContent span.pos{
  width: 345px;
  font-size: 12px;
}
.agendaContent span+span{
  font-weight: normal;
  color:#313237;
}

.sign .main {
  margin-top: 50px;
  padding: 39px 36px;
  background-color: #004efa;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sign .main p {
  padding: 15px 30px;
  line-height: 36px;
  font-size: 24px;
  color: #fff;
}

.sign .main p span {
  font-size: 16px;
}

.sign .main p a {
  color: #fff;
}

.sign span.wxcode {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border-radius: 5px;
}

.sign span.wxcode img {
  width: 100%;
  height: 100%;
}

.addr .main {
  margin-top: 50px;
  background-color: #eef4f7;
}

.addr .flexBox {
  display: flex;
  justify-content: space-between;
}

.addr .flexBox>div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.addrName {
  width: 510px;
  background-color: #004efa;
}

.addrName span {
  font-size: 26px;
  color: #fff;
}

.meettingTime {
  flex: 1;
}

.meettingTime p {
  width: 80%;
  padding: 100px 0;
  line-height: 34px;
  font-size: 18px;
  color: #444a5c;
}

.addrMap {
  width: 100%;
  flex: 1;
}

.map_pic {
  width: 100%;
  height: 100%;
}

.guest {
  padding-top: 100px;
}

.guest .main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.guest .box {
  width: 590px;
  height: 240px;
  margin-top: 45px;
  background-image: url('Guest_bg_img.png');
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 8px 20px 0 rgba(35, 125, 255, .1);
  -webkit-box-shadow: 0px 8px 20px 0 rgba(35, 125, 255, .1);
  -ms-box-shadow: 0px 8px 20px 0 rgba(35, 125, 255, .1);
  -moz-box-shadow: 0px 8px 20px 0 rgba(35, 125, 255, .1);

}

.guest span.pic {
  margin-top: -15px;
}

.guest .cont {
  padding-left: 35px;
  flex: 1;
}

.guest .cont span.tit {
  font-size: 24px;
  color: #485867;
}

.guest .cont p {
  line-height: 28px;
  font-size: 14px;
  color: #485867;
}