body{}

#navbar{padding:20px;top:0;right:0;left:0;z-index:10;background:#010171;padding-top:30px;padding-bottom:30px;}
.navbar-head{padding:0 1rem;}
.navbar-head>.navbar-body>.nav>li>a{padding:1.25rem 2rem;}
.bg-menu{background: #023c8c}
.bg-menu1{background: #010171}
.text-menu li a{color:#fff;}
.text-color{color:#023c8c;}




.isplit{padding-top:2rem;padding-bottom:2rem;}
.isplit-content{padding-top:2rem;padding-bottom:2rem;}
.isplit-full{padding:2rem 1rem;}
.bgmain,.discovers-main{background:linear-gradient(165deg,#57c7f6,#00aa88);}
@media(min-width:1280px){
.isplit{padding-top:3rem;padding-bottom:3rem;}
.isplit-full{padding:3rem 1rem;}
.isplit-content{padding-top:3rem;padding-bottom:3rem;}
}
@media(min-width:1600px){
.isplit{padding-top:8rem;padding-bottom:8rem;}
.isplit-full{padding:8rem 2rem 5rem 2rem;}
.isplit-content{padding-top:5rem;padding-bottom:5rem;}
}

@media(max-width:1024px){
  #navbody1{display:none;}
  #logo{height:30px;}
  #search{display:none;}
}
@media(min-width:1024px){
  #navbody{display:none;}

}
.more{font-weight:200;padding:.5rem 5rem;border:solid 1px rgba(0,0,0,.075);border-radius:2em;transition:all 0.5s ease;}
.more:hover{background:#00aa88;border-color:transparent;color:#fff;}

.discovers-main>div{margin-top:-2.5rem;}
.discovers>a>p{border-bottom:solid 1px #ddd;position:relative;margin-bottom:1rem;padding-bottom:1rem;}
.discovers>a>p::after{position:absolute;content:"";bottom:0;left:0;width:0;height:1px;background:#999;transition:all 0.3s ease;}
.discovers>a:hover>p::after{width:100%;}
@media(min-width:1280px){
  .discovers>a>p{margin-bottom:0;padding-bottom:0;}
}
@media(min-width:1600px){
  .discovers-main{padding:2rem!important;}
  .discovers-main>div{margin-top:-5rem;}
}

.effect-hover>.effect-content>i.icon-add,.effect-hover>.effect-content>p{display:none;}
.effect-hover>.effect-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.effect-hover>.effect-content>strong{color:#00aa88;font-weight:normal;font-size:.75rem;}
@media(min-width:1024px){
  .effect-hover>div>.open-width{position:absolute;top:0;left:0;width:0;background:rgba(0,0,0,.5);}
  .effect-hover>div>.open-height{position:absolute;top:0;left:0;right:0;height:0;background:rgba(0,0,0,.5);}
  .effect-hover>.effect-content{opacity:0;transition:all 0.3s ease;}
  .effect-hover>.effect-content>i.icon-add{display:inline-block;font-size:2rem;margin-bottom:1.5rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>em{background:rgba(255,255,255,.25);margin-bottom:.5rem;width:1px;height:1rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>strong{font-size:1.25rem;margin-top:10%;transition:all 0.3s ease;}
  .effect-hover>.effect-content>p{display:block;font-size:.875rem;color:#fff;margin-top:-1.75rem;transition:all 0.3s ease;}
  .effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover:hover>.effect-content>i.icon-add{margin-bottom:0;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateY(-.875rem);}
  .effect-hover:hover>.effect-content>p{transform:translateY(.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
}
@media(min-width:1600px){
  .effect-hover>.effect-content>i.icon-add{font-size:3rem;}
}

.documents>a{margin-bottom:2rem;}
.documents>a>strong{position:relative;display:block;font-weight:normal;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:solid 1px #eee;}
.documents>a>strong::after{position:absolute;content:"";height:1px;bottom:-1px;left:0;width:0rem;background:#666;transition:all 0.5s ease;}
.documents>a:hover{background:#fff;box-shadow:0 15px 30px rgba(0, 0, 0, .1);}
.documents>a:hover>strong::after{width:100%;}
.documents>a>time{display:inline-block;transition:all 0.3s ease;}
.documents>a:hover>time{transform:translateY(0.25rem);opacity:.75;}
.documents>a>p{transition:all 0.3s ease;}
.documents>a:hover>p{transform:translateY(-0.25rem);}
@media(min-width:1280px){
  .documents>a{margin-bottom:0;}
  .documents>a>strong{margin:.5rem 0 1rem 0;}
}

.forum>.size-small>a{display:block;line-height:1;padding:.5rem;transition:all 0.3s ease;}
.forum>.size-small>a:not(:last-child){border-bottom:solid 1px #eee;}
@media(min-width:1280px){
  .forum{padding:2rem 2rem 0 2rem!important;}
  .forum>.size-small>a:hover{padding-left:1rem;}
}
@media(min-width:1600px){
  .forum{padding:3rem 3rem 0 3rem!important;}
  .forum>.size-small>a{padding:.75rem;}
}
@media(min-width:1920px){
  .forum{padding:3rem 3rem 0 3rem!important;}
  .forum>.size-small>a{padding:1rem .75rem;}
}


.note-date{width:90px;height:120px;float:left;border-left:1px solid #ddd;padding-left:20px;}
.note-dd{font-size:40px;color:#01a9c7;margin-top:-10px;}
.note-yymm{font-size:14px;margin-top:-10px;}

.leftnav{
  background: #01449e;
  color:#fff;
  width:100%;
  height:80px;
  line-height: 80px;
  font-size: 32px;
  text-align: center;
}

#location{
width:100%;
height:60px;
border-bottom:1px solid #dddddd;
}

#art_content{

width:100%;
margin-top:20px;
min-height:560px;height:auto !important;height:560px;

}

.submenu{
  clear:both;width:100%;border-bottom:1px solid #ddd;height:80px;line-height:80px;font-size:18px;
}