/* 皮肤 */
/* nav导航部分透明度 */
/* nav导航部分下标颜色 */
/*nav下拉背景色*/
/* footer */
/* search */
/* function*/
/*see more按钮颜色*/
/*左侧标题颜色*/
/*左侧标题小超链字体颜色hover后的颜色*/
/*左侧标题小超链字体颜色*/
/*列表单元格下边框*/
/*列表大标题字体颜色*/
/*内容文字颜色*/
/*上下页切换区域背景色*/
/*上下页切换区域文字颜色*/
/*news文字默认颜色*/
/**/
.g-second {
  margin-top: 40px;
}
.g-main {
  *zoom: 1;
  max-width: 1200px;
  margin: 0 auto;
}
.g-main:before,
.g-main:after {
  content: "";
  display: table;
}
.g-main:after {
  clear: both;
}
.g-sidebar {
  width: 22%;
  float: left;
  *display: inline;
}
.g-sidebar h3 {
  width: 98%;
  margin-left: 2%;
  font-size: 23px;
  font-weight: normal;
  line-height: 23px;
  color: #494444;
}
.g-sidebar .line {
  width: 98%;
  margin-left: 2%;
  border-top: 2px solid #01c5fd;
  margin-top: 20px;
}
.g-sidebar .g-nav .list {
  width: 98%;
  margin-left: 2%;
}
.g-sidebar .g-nav .list .title {
  font-size: 20px;
  line-height: 20px;
  color: #000;
  padding: 17px 0 17px 26px;
  background: url(../images/about-arrow.png) no-repeat left center;
  cursor: pointer;
  border-bottom: 1px solid #e3e3e3;
  display: block;
}
.g-sidebar .g-nav .list .titletwo {
  line-height: 20px;
  background-position: left 17px;
}
.g-sidebar .g-nav .list .active {
  background: url(../images/about-arrow2.png) no-repeat left 20px;
}
.g-sidebar .g-nav .list ul li {
  padding-left: 26px;
  margin-top: 13px;
  display: none;
}
.g-sidebar .g-nav .list ul li a {
  background: url(../images/about-arrow.png) no-repeat left center;
  padding-left: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #999999;
}
.g-sidebar .g-nav .list ul li a:hover {
  color: #000;
}
.g-sidebar .g-nav .list ul .sub-list .active {
  background: url(../images/about-arrow2.png) no-repeat left center;
}
.g-sidebar .hot {
  width: 100%;
  padding-top: 80px;
}
.g-sidebar .hot .hot-list li {
  font-size: 20px;
  line-height: 20px;
  color: #000;
  padding: 17px 0 17px 26px;
  background: url(../images/fire.png) no-repeat left center;
  cursor: pointer;
  border-bottom: 1px solid #e3e3e3;
  margin-left: 2%;
}
/*主要区域*/
.g-container {
  margin-left: 2%;
  width: 76%;
  float: left;
  *display: inline;
}
.g-container h3,.g-container h1 {
  font-size: 22px;
  color: #032b36;
}
.g-container .time {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #01c5fd;
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}
.g-container p {
  color: #1a1f20;
  font-size: 16px;
  line-height: 25px;
}
/*上下页切换区域*/
.content-change {
    width: 90%;
    padding: 15px 5%;
    height: auto;
    line-height: 30px;
    background-color: #ebf0f2;
    color: #9fa2a3;
    font-size: 18px;
    margin: 20px auto 40px;
}
.content-change a {
  color: #9fa2a3;
  text-decoration: underline;
}
.content-change .pre {
}
.content-change .next {
  color: #9fa2a3;
}
/*news*/
.news {
  width: 100%;
  *zoom: 1;
  margin-bottom: 2%;
}
.news:before,
.news:after {
  content: "";
  display: table;
}
.news:after {
  clear: both;
}
.news .news-list {
  margin-top: 2%;
}
.news li {
  width: 45%;
  float: left;
  height: 34px;
  line-height: 34px;
  border-bottom: 1px dashed #e7e7e7;
}
.news li:nth-of-type(even) {
  float: right;
}
.news a {
  font-size: 14px;
  color: #9fa2a3;
}
.news a:hover {
  color: #01c5fd;
  font-weight: bold;
}
.news .news-time {
  float: right;
  *display: inline;
}
@media screen and (max-width: 1300px) {
  .news a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1100px) {
  .news a {
    font-size: 12px;
  }
}
@media screen and (max-width: 750px) {
  .content-change {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .news li {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .content-change {
    font-size: 12px;
  }
}
@media screen and (max-width: 510px) {
  .content-change {
    margin-bottom: 20px;
    height: auto;
    *zoom: 1;
  }
  .content-change:before,
  .content-change:after {
    content: "";
    display: table;
  }
  .content-change:after {
    clear: both;
  }
  .change-item {
    width: 100%;
  }
}
/*分页*/
.g-page {
  width: 100%;
  margin: 30px 0;
}
.g-page .pagelist {
  width: 43.23%;
  margin: 0 auto;
  *zoom: 1;
}
.g-page .pagelist:before,
.g-page .pagelist:after {
  content: "";
  display: table;
}
.g-page .pagelist:after {
  clear: both;
}
.g-page .pagelist li {
  width: 10.25%;
  float: left;
  *display: inline;
  margin-left: 3.9%;
}
.g-page .pagelist li a {
  color: #ababab;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  display: block;
}
.g-page .pagelist li .a-color {
  color: #000;
}
.g-page .pagelist .page-li:hover {
  background: #01c5fd;
  color: #ffffff;
}
.g-page .pagelist .pageactive {
  background: #01c5fd;
  color: #ffffff;
}
@media screen and (max-width: 960px) {
  .g-second .g-main .g-sidebar {
    float: none;
    width: 95%;
  }
  .g-second .g-main .g-sidebar .hot {
    padding-top: 30px;
  }
  .g-second .g-main .g-container {
    float: none;
    width: 85%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .g-second .g-main .g-container h3,.g-second .g-main .g-container h1 {
    text-align: center;
  }
  .g-second .g-main .g-container .g-page .pagelist {
    width: 62.23%;
  }
}
@media screen and (max-width: 900px) {
  .g-container {
    width: 66%;
  }
  .g-container p {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .g-container {
    width: 66%;
  }
  .g-container p {
    font-size: 12px;
  }
}
@media screen and (max-width: 500px) {
  .g-container h3,.g-container h1 {
    font-size: 20px;
  }
  .item-title,
  .item-time {
    font-size: 14px;
  }
  .item-title {
    max-width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .item-time {
    max-width: 35%;
  }
}
/*slider*/
.btn {
  display: block;
  width: 18px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  z-index: 3;
}
.left_btn {
  left: 0px;
  background: url('../images/arrow-left.png') #dae0e2 no-repeat center center;
}
.right_btn {
  right: 0px;
  background: url('../images/arrow.png') #dae0e2 no-repeat center center;
}
.slider {
  width: 100%;
  margin: 0 auto;
  *zoom: 1;
  padding-bottom: 10%;
  margin-top: 3%;
}
.slider:before,
.slider:after {
  content: "";
  display: table;
}
.slider:after {
  clear: both;
}
.slider .small_box {
  width: 100%;
  *zoom: 1;
  position: relative;
}
.slider .small_box:before,
.slider .small_box:after {
  content: "";
  display: table;
}
.slider .small_box:after {
  clear: both;
}
.small_list {
  width: 93%;
  *zoom: 1;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1300px;
}
.small_list:before,
.small_list:after {
  content: "";
  display: table;
}
.small_list:after {
  clear: both;
}
.small_list li {
  position: relative;
  margin-right: 10px;
  float: left;
  *display: inline;
  /*width:160px;
    height:130px;*/
  box-sizing: border-box;
  border: 1px solid #dae0e2;
}
.small_list li img {
  margin: 2%;
  width: 96%;
  height: 96%;
}
.bun-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.on .bun-bg {
  display: block;
}