body,html {
    background: #01185c;
    font-size: .186667rem;
    display:block;
    height: 100%;
    font-family: "微软雅黑",SimSun,Arial,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", 宋体, Tahoma，arial, sans-serif;
}
.g-head {
    position: relative;
    height: 100%;
    background: url(../img/headBg.png) no-repeat;
    background-size: 100% 100%;
}
.m-logo {
    width: 1.733333rem;
    height: .586667rem;
    position: absolute;
    left:.71875rem;
    top: .78125rem;
}
.m-logo2 {
    display: block;
    height: 2.573333rem;
    margin: 0 auto;
    padding-top: 3rem;
    width: 2.586667rem;
}
.m-text {
    display: block;
    height: 4.133333rem;
    margin: 0 auto;
    width: 8.973333rem;
    padding-top: .4rem;
}
.g-box {
    margin-top: 1.6rem;
    padding: 0 .613333rem;
    position: relative;
}
.g-box::after{
    clear: both;
    content:"";
    display: block;
}
.m-boxTitle {
    text-align: center;
    font-size: .56rem;
    color: #FFF;
    
}
.m-boxTitle small {
    font-size: .213333rem;
    color: #233772;
    display: block;
    margin-top: .213333rem;
}
.m-boxTitle i {
    display: block;
    width: .96rem;
    height: .106667rem;
    margin: 0 auto;
    margin-top: .213333rem;
    background: #465aff;
}
.u-intr {
    
    font-size: .373333rem;
    color: #d8d8d8;
    line-height:2;
    text-indent: 1rem;
    text-align: justify;
    margin-top: .8rem;
    letter-spacing: .04rem;
}
.m-hr {
    display: block;
    width: .96rem;
    height: .053333rem;
    margin: 0 auto;
    margin-top: 1.066667rem;
    background: #465aff;
}
.m-detailsBox {
    overflow: hidden;
    margin-bottom: .533333rem;
    margin-top: 1.066667rem;
}
.u-leftDetails {
    width: 5.6rem;
    float: left;
}
.u-leftDetails img {
    display: block;
    width: 5.546667rem;
    height: 1.866667rem;
    margin-bottom: .533333rem;
}
.u-rightDetails {
    float: right;
    width: 2.72rem;
}
.u-rightDetails img {
    width: 2.72rem;
    height: 4.266667rem;
}
.u-bottomLeft {
    width: 4.4rem;
    height: 1.893333rem;
    float: left;
    overflow: hidden;
}
.u-bottomLeft  img {
    width: 100%;
}
.u-bottomRight {
    width: 4.16rem;
    height: 1.893333rem;
    float: right;
    overflow: hidden;
}
.u-bottomRight  img {
    max-width: 100%;
}
.m-guestList {
    margin: 0 auto;
    margin-top: .8rem;
    overflow: hidden;
    max-height: 15.2rem;
    transition: all 0.5s line;
   
}
.m-guestList li {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: .533333rem;
    height: 4.533333rem;
    cursor: pointer;
}
.m-guestHead {
    width: 2.666667rem;
    height: 2.666667rem;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: .2rem;
}
.m-guestHead img {
    max-width: 100%;
}
.m-guestName {
   font-size: .373333rem;
   color: #FFF;
   margin-bottom: .4rem;
  display: block;
}
.m-guestJob {
    font-size: .293333rem;
    color: #FFF;
    text-align: center;
    line-height: 1.5;
}
.u-showAll {
    width: 2.666667rem;
    height: .733333rem;
    display: block;
    margin: 0 auto;
    margin-top: .8rem;
}
.u-showAll img {
    width: 100%;
}
.m-agendaTitle {
    padding: .266667rem .533333rem;
    background: #2837b1;
    /* overflow: hidden; */
    margin-top: .533333rem;
    position: relative;
}

.m-agendaTitle:after {
    clear: both;
    content:"";
    display: block;
}
.m-agendaTitle p {
    width: 80%;
    float: left;
    font-size: .373333rem;
    color: #FFF;
}
.m-agendaTitle>p>b {
    line-height: 1.5;
}
/* .m-agendaTitle p small {
    margin-top: .133333rem;
} */
.u-show {
    float: right;
    width: .853333rem;
    height: .853333rem;
}
.m-agendaTable {
    width: 100%;
    border-collapse:collapse;
    font-size: .373333rem;
}
.m-agendaTable th {
    background: #545454;
    text-align: center;
    padding:  .133333rem 0;
    
    color: #FFF;
}
.m-agendaTable td {
    text-align: left;
    color: #FFF;
    padding: .426667rem 0;
    padding-left: .333333rem;
    border-right: 1px solid #2837b1;
    line-height: 1.5;
}
.m-agendaTable tr td:first-child {
    border-right: 1px solid #2837b1;
    text-align: center;
}
.m-agendaTable tr td:last-child {
    border: none;
}
.m-agendaTable .u-td {
    width: 1.866667rem;
    border-right: 1px solid #2837b1;
    text-align: center;
    padding-left: 0;
}
.m-agendaTable tbody tr:nth-of-type(even) {
    background: #0b1c62;
}
.m-agendaTable tbody tr:nth-of-type(odd) {
    
    background: #011246;
}
.u-newsImg {
    width: 2.88rem;
    height: 2rem;
    float: left;
}
.u-newsImg img {
    max-width: 100%;
}
.m-newsList {
    margin: 0 auto;
    margin-top: .8rem;
    overflow: hidden;
    max-height:14rem;
    transition: all 0.5s;
}
.m-newsList li {
    display: block;
    overflow: hidden;
    padding-bottom: .333333rem;
    border-bottom: 1px solid #636363;
    margin-bottom: .533333rem;
}
.u-newsText {
    font-size: .346667rem;
    line-height: 1.5;
    text-align: justify;
    color: #FFF;
    padding-left: 3.2rem;
}
.m-data {
    height: 13.8rem;
    background: url(../img/dataBg.png) no-repeat;
    background-size: 100% 100%;
}
.u-dataImg {
    width: 8.746667rem;
    height:11.853333rem;
    display: block;
    margin: 0 auto;
    margin-top: .8rem;
}
.m-joinList {
    width: 8.32rem;
    margin: 0 auto;
    margin-top: .533333rem;
    overflow: hidden;

}
.u-joinUs {
    width: 2.853333rem;
    height: .36rem;
    display: block;
    margin: 0 auto;
    margin-top: .4rem;
}
.u-right {
    float: right !important;
}
.m-joinList li {
    width: 4.066667rem;
    float: left;
    margin-bottom: .2rem;
}
.m-joinList li img {
    max-width: 100%;
}
.m-organization {
    width: 8.773333rem;
    height:6.106667rem;
    display: block;
    margin: 0 auto;
    margin-top: .8rem;
}
.u-map {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: .8rem;
}
.u-adress {
    text-align: center;
    font-size: .373333rem;
    color: #FFF;
    margin-top: .4rem;
}
.u-text {
    font-size: .373333rem;
    color: #FFF;
    margin-top: .4rem;
    text-align: center;
}
.m-contactList {
    margin-top: .266667rem;
    overflow: hidden;
    width: 8.773333rem;

}
.m-contactList li {
    width: 4.213333rem;
    height: 4.213333rem;
    background: #070b32;
    border-radius: 8px;
    position: relative;
    margin-bottom: .4rem;
}
.m-contactList li:nth-of-type(even) {
    float: right;
}
.m-contactList li:nth-of-type(odd) {
    
    float: left;
}
.u-title {
    font-size: .32rem;
    color: #FFF;
    text-align: left;
    line-break: 1.5;
    margin-top: .533333rem;
    padding-left: .24rem;
}
.u-tel {
    font-size: .32rem;
    color: #FFF;
    text-align: left;
    line-break: 1.5;
    margin-top: 1.2333333rem;
    padding-left: .24rem; 
}
.u-telIcon {
    position: absolute;
    width: .413333rem;
    height: .386667rem;
    top: .2rem;
    right: .133333rem;
}
.u-media {
    font-size: .373333rem;
    text-align: center;
    margin-top: .466667rem;
    color: #fff;
}
.u-mediaTel {
    margin-top: .466667rem;
    background: #070b32;
    border-radius: 8px;
    position: relative;
    color: #fff;
    padding-top: 1rem;
    height: 1.8rem;
    padding-left: .24rem;
}
.g-nav {
    position: fixed;
    right: -2.426667rem;
    top: 0;
    height: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s; /* Opera */
}
.m-navList {
    overflow: hidden;
    background: #1e2283;
    height: 80%;
    overflow-y: auto;
    float: left;
    width: 2.426667rem;
    border: .013333rem solid #213293;
}
.m-navList li {
    height: 1.333333rem;
    line-height: 1.3333rem;
    font-size: .346667rem;
    position: relative;
    display: block;
    color: #FFF;
    text-align: center;
}
.m-navList li.active {
    color: #4474ff;
}
.m-navList  i {
    width: .666667rem;
    height: 1px;
    background: #888abd;
    position: absolute;
    left: 50%;
    margin-left: -0.333333rem;
    bottom: 0;
}
.u-navIcon {
    float: left;
    width: 1.373333rem;
    height: 1.186667rem;
    margin-top: .2rem;
    margin-right: -1px;
    z-index: 999;
    position: relative;
}
.right {
    right: 0;
}
#g-return {
    width: 1.453333rem;
    height: 2.186667rem;
    position: fixed;
    right: .266667rem;
    bottom:.4rem;
}
.u-mapBox {
    width: 8.8rem;
    height: 8.8rem;
    margin: 0 auto;
    margin-top: .8rem;
    overflow: hidden;
}
.m-sign {
    width: 2.08rem;
    height: 2.08rem;
    position: absolute;
    right: .266667rem;
    bottom: 10px;
}
#g-music {
    width: .96rem;
    height: .96rem;
    position: fixed;
    top: 1.6rem;
    right: 10px;
    
}
.music-switch {
    -webkit-animation: around 5s infinite linear ;
}
@keyframes around {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes around {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  #showNews {
      display: block;
  }
  .blank {
      display: inline-block;
      width: 5px;
  }
  .m-agendaList {
      position: absolute;
      width: 100%;
      top: 1.6rem;
      left: 0;
      background: #FFF;
      display: none;
      z-index: 999;
  }
  .m-agendaList li {
      display: block;
      padding: .36rem .533333rem;
      font-size: .293333rem;
      color: #2837b1;
      line-height: 1.5;
      border-bottom: .013333rem solid #e4e4e4;
  }
  .m-agendaList li:last-child {
      border: none;
  }
  .m-agendaList li b {
      font-size: .373333rem;

  }
  #showGuest {
      display: block;
  }
  .m-guestBox {
      position: fixed;
      width: 100%;
      background: #011246d4;
      top: 0;
      left: 0;
      padding-top: 1.4rem;
      z-index: 999;
  }
  .u-close {
    width: .84rem;
    height: .826667rem;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
  }
  .m-guestBox .m-guestHead {
      float: left;
      margin-top: .4rem;
      margin-left: .533333rem;
  }
  .m-gusetText {
      padding-left: 4.2rem;
      padding-right: 0.8rem;
      padding-top: .4rem;
      color: #FFF;
      font-size: .373333rem;
  }
  .m-gusetText p {
      margin-bottom: .4rem;
      line-height: 1.5;
      text-align: justify;
  }
  .guestintr {
      display: none;
  }
  .m-row {
      overflow: hidden;
      margin-bottom: .333333rem;
      margin-top: .8rem;
  }
  .u-row1,.u-row2 {
      width: 4.213333rem;
      height: 2rem;
      float: left;
  }
  .u-row2 {
      float: right;
  }
  .m-row2 {
      overflow: hidden;
  }
  .m-row3 {
      float: right;
      overflow: hidden;
      height:4.333333rem;
      width: 6.453333rem;
  }
  .u-row3 {
      width: 1.866667rem;
      height: 4.333333rem;
      float: left;
  }
  .u-row4 {
    width: 6.453333rem;
    height:2rem;
   display: block;
   margin-bottom: .4rem;
}
.u-row5,.u-row6 {
    width: 3.226667rem;
    height: 2rem;
    float: left;
}
.u-row6 {
    width: 2.8rem;
    float: right;
}
.m-media {
   
    display: block;
    margin-top: 0.8rem;
    background: #FFF;
    padding: .3rem;
}
.m-media img {
    max-width: 100%;
}
#dongmiBox {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .533333rem;
}