.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
canvas {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(90deg) scale(2);
}
html,
body {
  position: relative;
  overflow: hidden;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
}
.left-menu {
  position: fixed;
  width: 2.6rem;
  height: 50rem;
  background: rgba(163,5,5,.8);
  background-size: 100% 100%;
  transition-duration: 0ms;
  transform: translate3d(0, 0, 0);
  z-index: 999;
  border-right: 1px solid #650d25;
}
.left-menu .menu-bar {
  width: 0.8rem;
  height: 1.1rem;
  background: #a30505;
  background-size: 100% 100%;
  position: absolute;
  right: -0.8rem;
  top: 0;
  border-right: 1px solid #650d25;
  line-height: 1rem;
  border-top-right-radius: 0.10667rem;
  border-bottom-right-radius: 0.10667rem;
  text-align: center;
}
.left-menu .menu-bar > img {
  vertical-align: middle;
  width: 0.56rem;
  height: 0.33333rem;
}
.line {
  width: 2rem;
  margin-left: 0.25rem;
  height: 1px;
  background: url("../img/iocn/220.png");
  background-size: 100% 100%;
  margin-top: 0.25rem;
  opacity: 0.5;
}
.left-menu .menu-item {
  margin: 0.33rem 0;
}
.left-menu .menu-item > a {
  display: block;
  width: 2.5rem;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
.left-menu .menu-item > a.active {
  /* background-color: #b0040c!important; */
}
.left-menu .menu-item > a.active .icon {
  background-image: url("../img/menu_index_a.png");
}
.left-menu .menu-item > a.active .bg-hongguan {
  background-image: url("../img/menu_hongguan_a.png");
}
.left-menu .menu-item > a.active .bg-jinrong {
  background-image: url("../img/menu_jinrong_a.png");
}
.left-menu .menu-item > a.active .bg-dichan {
  background-image: url("../img/menu_dichan_a.png");
}
.left-menu .menu-item > a.active .bg-guoji {
  background-image: url("../img/menu_guoji_a.png");
}
.left-menu .menu-item > a.active .bg-licai {
  background-image: url("../img/menu_licai_a.png");
}
.left-menu .menu-item > a.active > p {
  color: #fff;
}
.left-menu .menu-item > a .icon {
  margin: 0 auto;
  background-image: url("../img/menu_banjian.png");
  background-repeat: no-repeat;
  width: 0.55rem;
  height: 0.55rem;
  background-size: 100% 100%;
}
.left-menu .menu-item > a .bg-hongguan {
  background-image: url("../img/menu_banjian.png");
}
.left-menu .menu-item > a .bg-xianxiang {
  background-image: url("../img/iocn/200.png");
}
.left-menu .menu-item > a .bg-dianshang {
  background-image: url("../img/iocn/201.png");
}
.left-menu .menu-item > a .bg-dianzi {
  background-image: url("../img/iocn/203.png");
}
.left-menu .menu-item > a .bg-fangzi {
  background-image: url("../img/iocn/205.png");
}
.left-menu .menu-item > a .bg-xc {
  background-image: url("../img/iocn/xc.png");
  width: 0.85rem;
  height: 0.85rem;
}
.left-menu .menu-item > a .bg-bangdan {
  background-image: url("../img/iocn/207.png");
}
.left-menu .menu-item > a .bg-shu {
  background-image: url("../img/iocn/206.png");
}
.left-menu .menu-item > a .bg-shafa {
  background-image: url("../img/iocn/204.png");
}
.left-menu .menu-item > a .bg-qiche {
  background-image: url("../img/iocn/204.png");
}
.left-menu .menu-item > a .bg-jieshao {
  background-image: url("../img/iocn/218.png");
}
.left-menu .menu-item > a .bg-zhuzhang {
  background-image: url("../img/iocn/208.png");
}
.left-menu .menu-item > a > p {
  padding-top: 0.12rem;
  color: #fff;
  font-size: 0.32rem;
  text-shadow: 0 0 0;
}
.left-menu .menu-item > a > p > img {
  width: 2rem;
  height: 0.02667rem;
}
.menu-icon {
  height: 0.54667rem;
  width: 0.90667rem;
  position: absolute;
  top: 0.53333rem;
  left: 0.26667rem;
  z-index: 10;
}
.menu-icon > img {
  width: 100%;
}
.divImg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.divImg .img1 {
  position: absolute;
  width: 30%;
  right: 6%;
  top: 5%;
}
.divImg .img2 {
  width: 90%;
  position: absolute;
  top: 32%;
  left: 5%;
}
.divImg .img3 {
  position: absolute;
  width: 60%;
  top: 67%;
  left: 20%;
}
/* index */
/*# sourceMappingURL=index.css.map */
.centerBlock {
  display: block;
  margin: 0 auto;
  margin-bottom: 0.12rem;
}
.g-main {
  position: absolute;
  top: 12%;
  z-index: 100 ;
  height: 67%;
  width: 100%;
}
.g-main .g-content {
  background: url("../img/iocn/bg.png");
  background-size: 100% 100%;
  position: absolute;
  width: 84%;
  height: 100%;
  left: 8%;
}
.g-main .g-content .g-box {
  overflow-y: auto;
  position: absolute;
  height: 91%;
  top: 4%;
  width: 88%;
  left: 6%;
  /*.frameList li:nth-child(even) span {
      }*/
}
.g-main .g-content .g-box .frameList li {
  font-size: 0.32rem;
  text-align: center;
  margin-bottom: 0.4rem;
  color: #fff;
  text-shadow: 0 0 0;
}
.g-main .g-content .g-box .odd span {
  color: #0079ff;
  border-left: 2px solid #0079ff;
  border-right: 2px solid #0079ff;
  padding: 0 0.4rem;
  font-weight: bold;
  display: inline-block;
  text-shadow: 0 0 0;
}
.g-main .g-content .title {
  color: #0079ff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 0.4rem;
  margin-top: 0.4rem;
}
.g-main .g-content p {
  text-align: justify;
  text-indent: 0.8rem;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.8rem;
  margin-bottom: 0.2rem;
}
.g-main .g-content p.titleName {
  text-align: center;
  margin: 0.3rem 0 0.06rem;
  line-height: 0.46rem;
}
.meeting-page .meeting {
  font-weight: bold;
  font-size: 0.35rem;
  line-height: 0.6rem;
}
.meeting-page .meeting .time {
  color: #fff;
  vertical-align: top;
  float: left;
  margin-right: 0.4rem;
  width: 2.1rem;
}
.meeting-page .meeting li {
  margin-bottom: 0.4rem;
  font-size: 0.32rem;
}
.meeting-page .meeting .content-text {
  color: #fff;
  display: inline-block;
  line-height: 0.5rem;
  display: block;
}
.meeting-page .meeting .guest{
  display: block;
  color: #fff;
  text-indent: 0;
  width: 4rem;
  margin-left: 2.3rem;

}
.meeting-page .placeholder {
  visibility: hidden;
}
.meeting-page  .content {
  color: #0079ff;
  float: left;
  width: 4.7rem;
}
.news-page ul li {
  margin: 0.2rem 0 0.7rem;
}
.news-page ul li img {
  height: 1.8rem;
  float: left;
  margin-right: 0.4rem;
}
.news-page ul li div {
  color: #fff;
  font-size: 0.36rem;
  line-height: 0.6rem;
  height: 1.1rem;
  overflow: hidden;
  padding-top: 0.33rem;
}
#music {
  position: fixed;
  bottom: 10%;
  right: 4%;
  position: absolute;
  z-index: 888;
}
.guide {
  width: 6%;
  position: absolute;
  z-index: 900;
  bottom: 4%;
  left: 47%;
  animation:down 1s infinite ease-in-out;
  -webkit-animation:down 1s infinite ease-in-out;
}
@keyframes down
{
  0%   {opacity:1; bottom:  3%;}
  100% {opacity:0.1; bottom:  3%;;}
}
@-webkit-keyframes down
{
  0%   {opacity:1; bottom:  3%;}
  100% {opacity:0.1; bottom:  3%;}
}
.news-page a{
  text-decoration: none;
}
.hudong-page li img {
  width: 32%;
  height: 2.35rem! important;
}
.hudong-page ul li div {
  font-size: 0.34rem;
  height: auto;
  padding: 0;
}
.guest-head {
  width: 24%;
  float: left;
}
.guest div {
  width: 73%;
  float: right;
}
.guest li {
  margin-bottom: 0.6rem;
}
.guest div abbr {
  width: 84%;
  display: inline-block;
  color: #d5e1ea;
  height: 1.2rem;
  overflow: hidden;
}
.guest div h2 {
  color: #fff;
  font-size: 0.35rem;
  margin-bottom: 0.2rem;
  text-indent: 0.2rem;
}
.guest div p {
  background: url("../img/iocn/guest-bg.png");
  background-size: 100% 100%;
  text-indent: 0!important;
  position: relative;
  padding-left: 0.2rem;
  line-height: 0.6rem!important;
}
.showMore{
  position: absolute;
  top: 0;
  width: 0.6rem;
  right: 0
}