﻿.cd-main-content {min-height: 100%;position: relative;background-color: #f9f9f9;z-index: 222;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-4.86rem);-moz-transform: translateX(-4.86rem);-ms-transform: translateX(-4.86rem);-o-transform: translateX(-4.86rem);transform: translateX(-4.86rem);}
header.lateral-menu-is-open {-webkit-transform: translateX(-4.86rem);-moz-transform: translateX(-4.86rem);-ms-transform: translateX(-4.86rem);-o-transform: translateX(-4.86rem);transform: translateX(-4.86rem);}
header.is-fixed {position: fixed;}
.overflow-hidden {overflow: hidden;}
#cd-menu-trigger {position: absolute;right: 0rem;top:0rem;height:1.16rem;width:1.14rem; }

#cd-menu-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); width: 18px;height: 2px;background-color: #FFF;}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px;}
#cd-menu-trigger .cd-menu-icon::after {top: 5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}

#cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0; z-index: 1; width:4.25rem; box-sizing: content-box; padding:0rem 0.3rem; background-color: #009944; overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transform: translateX(0.8rem);-moz-transform: translateX(0.8rem); -ms-transform: translateX(0.8rem); -o-transform: translateX(0.8rem); transform: translateX(0.8rem);}
#cd-lateral-nav .cd-navigation {}
#cd-lateral-nav .sub-menu {display: none;}
#cd-lateral-nav a {display: block; text-align: center; font-size: 0.28rem; border-bottom: 1px solid #ffffff; box-sizing: border-box;
  line-height:0.9rem; height: 0.9rem;color: #ffffff;}
#cd-lateral-nav a.current {color: #ffffff;}
.no-touch #cd-lateral-nav a:hover {color: #ffffff;}

#cd-lateral-nav.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch;}
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;font-weight: 600;}
#cd-lateral-nav .item-has-children > a::after {content: ''; fill:#ffffff; display: block;height:0.32rem;width:0.26rem;position: absolute;top: 50%; bottom: auto; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);right:0.2rem; background: url("../fonts/cd-arrow.svg") no-repeat center center;background-size: 8px 11px;-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
#cd-lateral-nav .item-has-children > a.submenu-open::after {-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}


#news li{border-bottom:1px solid #EEE;}
#news li a{display:-webkit-box; -webkit-box-orient:horizontal; height:auto; padding:15px;}
#news li a p.time{width:50px; height:50px; border:1px solid #E6E6E6; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.08);}
#news li a p.time .day{display:block; text-align:center; font-size:16px; color:#333; padding-top:8px;}
#news li a p.time .date{font-size:10px; color:#999; display:block; text-align:center;}
#news li a p.con{-webkit-box-flex:1; padding-left:12px; padding-top:2px;}
#news li a p.con .tit{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#news li a p.con .cons{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:5px; color:#999; font-size:11px;}

.page2{
  text-align: center;
  margin: 0 auto;
}
.pagination>li {
  display: inline;
}
{ width: 100%; margin: 20px auto 0; border-radius: 3px 3px 3px 3px; text-align: center; }
.pagination li { display: inline-block; }
.pagination {
  padding-left: 0;
  margin: 20px auto;
  border-radius: 4px
}



.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px
}

.list-group-item > .badge, .pager .next > a, .pager .next > span {
  float: right
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed
}

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5
}
