@CHARSET "UTF-8";
html, body {
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5a5a5a;
  width: 100%;
  height: 100%;
  font-size: 14px;}

/*Wrap
------------------------*/
#wrap{
  min-height: 100%;
  height: auto;
  margin: 0 auto -124px;
  padding: 0 0 124px;
  background-color: #F3F3F3;}
#wrap.container{
  background:#fff;}
/*Footer
------------------------*/
#footer {
  min-height: 124px;
  padding-top: 20px;
  background-color: #0364a8;
  color: #fff;}

#footer address {
 line-height: 2.0;}


#footer address .glyphicon {
  margin-right:10px;}

.to-top{
  color: #eee;}

.to-top:hover{
  color: #fff;}

.slide-image{
  padding-bottom: 20px;}

.panel .more {
  position: absolute;
  right: 20px;
  top:15px;
  font-size: 0.8em;
  cursor: pointer;}

.nav-news {
    margin-left: 20px;}

.nav-news>li {
    display: list-item;
    text-indent: -15px;
    padding-right: 5px;
    line-height: 40px;}

.nav-news>li>a {
    padding: 5px 5px;
    display: inline;}

.list-item {
    border-bottom: 1px solid #f4f4f4;
    margin: 0px;}

.nav-title {
  padding: 15px;
  font-size: 1.2em;}

.nav-sidebar {
    padding-top: 15px;
    padding-bottom: 15px;}

.nav-sidebar>li>a {
    color: #fff;
    line-height: 35px;
    font-size: 1.0em;}
.column-name{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}

ul.nav-sidebar>li>a:hover, ul.nav-sidebar>.selected>a{
	/* background:#0073b7; */
	color:#0073b7;
	font-weight:bold;}

/***********************/
    #main {
      margin-top: 15px;
      margin-bottom: 15px;
      padding-top:20px;
      padding-bottom: 20px;
      background-color: #fff;}
    .slide {
      margin-bottom: 20px;}
    #navbar {
      background: url(../images/bg.jpg);}
    .navbar-transparent .navbar-brand {
       color: #fff;}

    .navbar-toggle {
      border: 1px solid #ccc;}
    .navbar-toggle .icon-bar {
      background-color: #ccc;}
    .navbar-transparent .nav-justified > li > a {
        color: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0;
        font-weight: bold;
        font-size: 1.2em;
        text-align: center;}

    .navbar-transparent .nav-justified > li > a:hover, .navbar-transparent .nav-justified > li > a:focus{
        color: #111;
        font-weight: 600;
        background-color: #fff;}

    .navbar-transparent .nav-justified .dropdown.open>a{
      background:#fff;
      color:#111
    ;}

    .navbar-transparent .nav-justified > .active > a, .navbar-transparent .nav-justified >.active > a:focus, .navbar-transparent .nav-justified > .active> a:hover {
      color: #111;
      background-color: #fff;}
    .dropdown-menu {
      background-color: #fff;}
    .dropdown-menu>li>a {
      font-size: 1.2em;}
    .nav-justified>.dropdown .dropdown-menu {
      top: 50px;
      left: auto;}

    .nav-justified>.dropdown>.dropdown-menu>li>a {
      color: #333;
      padding: 8px 20px;}

    @media (min-width: 768px) {
      .navbar-transparent .nav-justified {
        max-height: 52px;}
    }
/**********************************************/
    #carousel {
        width: auto;
        position:relative;}
      #carousel ul {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;}
      #carousel li {
        background: transparent url(../images/carousel_polaroid.jpg) no-repeat 0 0;
        font-size: 40px;
        color: #999;
        text-align: center;
        display: block;
        width: 232px;
        height: 178px;
        padding: 0;
        margin: 6px;
        float: left;
        position: relative;}

      #carousel li img {
        width: 201px;
        height: 127px;
        margin-top: 14px;}
      
      #carousel li span {
        background: transparent url(../images/carousel_shine.jpg) no-repeat 0 0;
        text-indent: -999px;
        display: block;
        overflow: hidden;
        width: 201px;
        height: 127px;
        position: absolute;
        z-index: 2;
        top: 14px;
        left: 16px;}     

      .clearfix {
        float: none;
        clear: both;}
      #carousel .prev, #carousel .next {
        background: transparent url(../images/carousel_control.jpg) no-repeat 0 0;
        text-indent: -999px;
        display: block;
        overflow: hidden;
        width: 15px;
        height: 21px;
        margin-left: 10px;
        position: absolute;
        top: 70px;}
      #carousel .prev {
        background-position: 0 0;
        left: -30px;}
      #carousel .prev:hover {
        left: -31px;}     
      #carousel .next {
        background-position: -18px 0;
        right: -20px;}
      #carousel .next:hover {
        right: -21px;}       
      #carousel .pager {
        text-align: center;
        margin: 0 auto;}
      #carousel .pager a {
        background: transparent url(../images/carousel_control.jpg) no-repeat -2px -32px;
        text-decoration: none;
        text-indent: -999px;
        display: inline-block;
        overflow: hidden;
        width: 8px;
        height: 8px;
        margin: 0 5px 0 0;}
      #carousel .pager a.selected {
        background: transparent url(../images/carousel_control.jpg) no-repeat -12px -32px;
        text-decoration: underline;}

      /*******新闻列表**************/
      .news-item {
        border-bottom: 1px solid #f4f4f4;
        line-height: 3.0;}
      .news-item > div > a{
        position: relative;
        padding: 10px 15px;
        color: #111;}
      .news-item  > div > a:hover{
        text-decoration: underline;}
      /**************************/

/*右侧悬浮菜单*/
.sidebar-message div, .sidebar-message ul, .sidebar-message li, .sidebar-message p, .sidebar-message a,.sidebar-message img{
    padding: 0;
    margin: 0;}
  .sidebar-message{
    width: 50px;
    position: fixed;
    top: 50%;
    margin-top: -50px;
    background: #0364a8;
    right: 0;
    border-radius: 5px 0 0 5px;
    z-index: 999;}
  .sidebar-message ul{
    list-style: none;}
  .sidebar-message .icon li{
    width: 49px;
    height: 50px;
    background: url(../images/icon.jpg) no-repeat;}
  .sidebar-message .icon .up{
    background-position:-330px -120px ;}
  .sidebar-message .icon li.qq{
    background-position:-385px -73px ;}
  .sidebar-message .icon li.tel{
    background-position:-385px -160px ;}
  .sidebar-message .icon .wx{
    background-position:-385px -120px ;}
  .sidebar-message .icon li.down{
    background-position:-330px -160px ;}
  .sidebar-message .info{
    top: 50%;
    height: 147px;
    position: absolute;
    right: 100%;
    background: #0364a8;
    width: 0px;
    overflow: hidden;
    margin-top: -73.5px;
    transition:0.5s;
    border-radius:4px 0 0 4px ;}
  .sidebar-message .info.hover{
    width: 145px;}
  .sidebar-message .info li{
    width: 145px;
    color: #CCCCCC;
    text-align: center;}
  .sidebar-message .info li p{
    font-size: 1.1em;
    line-height: 2em;
    padding: 15px;
    text-align: left;}
  .sidebar-message .info li.qq p a{
    display: block;
    margin-top: 12px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #00DFB9;
    font-size: 16px;   
    text-align: center;
    text-decoration: none;
    border: 1px solid #00DFB9;
    border-radius: 5px;}
  .sidebar-message .info li.qq p a:hover{
    color: #FFFFFF;
    border: none;
    background: #00E0DB;}
  .sidebar-message .info li div.img{
    height: 100%;
    background: #DEFFF9;
    margin: 15px;}
  .sidebar-message .info li div.img img{
    width: 100%;
    height: 100%;}
  /*控制菜单的按钮*/
  .index_cy{
    width: 30px;
    height: 30px;
    background: url(../images/index_cy.jpg);
    position: fixed;
    right: 0;
    top: 50%;
    background-position: 62px 0;
    cursor: pointer;}

  .index_cy2{
    width: 30px;
    height: 30px;
    background: url(../images/index_cy.jpg);
    position: fixed;
    right: 0;
    top: 50%;
    background-position: 30px 0;
    cursor: pointer;}

  .custom-item {
    text-align: center;
    margin-bottom: 20px;}

  .item-block {
    border: 1px solid #ededed; 
    padding: 10px;
    cursor: pointer;}

  .item-block:hover {
    border: 1px solid #0364a8;}

  .item-block .title {
    color: #111;
    font-size: 1.1em;
    padding-top:5px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.6;}

  /*********main**********/
  .box-border {
    border: 1px solid #337ab7;}

  .box-title {
    border-bottom: 2px solid #0073b7;
    padding-bottom: 10px;
    color: #0073b7;}

  .news-img, .news-tab {
    min-height: 416.25px;}

  .nav-tabs-custom > .nav-tabs{
    font-size: 1.2em;
    font-weight: 600;}


  .marquee {
    margin-bottom:20px;
    overflow: hidden;
    border-top: 1px solid #337ab7;
    max-height: 137px;}
  .marquee-custom-item {
    float:left;
    width:257px;
    height:117px;
    padding:5px 10px;}
  .marquee-custom-item a {
    width:237px;
    height:107px;}
  .marquee-custom-item a img {
    width:237px;
    height:107px;}

  .marquee-custom-item :hover {
    border: 1px solid #337ab7;}
  .mq-btn-left {
    position: absolute;
    left: 15px;
    top:-10px;
    cursor: pointer;
    font-size: 50px;
    z-index: 10;}
  .mq-btn-right {
    position: absolute;
    right: 15px;
    top:-10px;
    font-size: 50px;
    cursor: pointer;
    z-index: 10;}

  /* .owl-theme-custom {
    height:72px;
    display: block;
  }

  .owl-stage {
    transition-timing-function: linear!important;
  }

  .owl-stage-outer {
    height:70px;
  } */

  .search-form {
    padding: 20px;}

  .bg-brown-active {
    background-color: #996633 !important;
    color: #fff;}


  .border-top {
    border-top: 1px solid #ccc;}

  .border-primary {
    border-color: #337ab7;}

  .dtjt8_div_img {
    width: 555px;
    height: 416.25px;}

  .news-img, .news-tab {
    height: 416.25px;}

  .tab-content .news-item {
    border-bottom: 1px solid #f4f4f4;
    line-height: 43.65px;}

  @media (max-width: 1199px) {
    .dtjt8_div_img {
      width: 445px;
      height: 341.25px;}
  }

  @media (max-width: 991px) {
    .dtjt8_div_img {
      width: 100%;
      height: auto;}
    .news-img, .news-tab {
      height: auto;}
  }

  @media (max-width: 767px) {
    .dtjt8_div_img {
      width: 100%;
      height: auto;}
    .news-img, .news-tab {
      height: auto;
      min-height: 100px;}
  }


  /**********list*********/
  .bg-gray {
    color: #000;
    background-color: #eee !important;}

  .nav-title-frag{
    min-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}

  .nav-sidebar {
    padding: 0px;
    list-style: none;}

  ul.nav-sidebar>li a {
    line-height: 32px;
    width: 100%;
    display: block;
    padding: 0px 15px;
    font-size: 1.1em;
    color: #111;}
  .user-block {
    border: 1px solid #ccc;
    padding: 10px;
    cursor: pointer;}

  .user-block:hover {
    border: 1px solid #0364a8;}

  .user-block .username a{
    color: #000;}

  .user-block .description {
    bottom: 30px;}

  .user-block img {
    width: 140px;
    height: 140px;
    float: left;}

  .user-block span{
    line-height: 20px;
    padding: 10px;}
  .user-block .username, .user-block .description, .user-block .comment {
    display: block;
    margin-left: 150px;}

  .left-sidebar {
    width: 200px;
    float: left;
    padding: 0px 20px;}
  
  .right-con {
    float:left;
    width: 900px;
    padding: 0px 20px;}
  

  @media (max-width: 1199px) {
    .right-con {
      width: 770px;}
  }

  @media (max-width: 991px) {
    .right-con {
      width: 550px;}
  }

  @media (max-width: 767px) {
    .left-sidebar {
      width: 100%;}

    .right-con {
      width: 100%;}
  }

  /*******displayinfo**********/
  .news-attr{
    padding-left: 20px;
    padding-right: 20px;}

  .member-block {
    padding: 10px;}

  .member-block img {
    width: 140px;
    height: 140px;
    float: left;
    display: block;
    max-width: 100%;}

  .member-block .username {
    display: block;
    margin-left: 150px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px;}

  .member-item{
    min-height: 40px;
    padding-top: 20px;}

  .member-item-title{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    clear: both;
    line-height: 1.5em;
    border-bottom:2px dashed #0073b7 !important;}

  .member-item-title .glyphicon{
    margin-right: 10px;}

  /**********list*********/
    .bg-gray {
      color: #000;
      background-color: #eee !important;}
  

    .nav-sidebar {
      padding: 0px;
      list-style: none;}

    ul.nav-sidebar>li a {
      line-height: 32px;
      width: 100%;
      display: block;
      padding: 0px 15px;
      font-size: 1.1em;
      color: #111;}