@charset "utf-8";
/* Index Page CSS Document */
.content {
   width:1000px;
   text-align:center;
   margin:0 auto;
   font-size:16px;
}
.content .col_lg_2 {
   float:left;
   width:200px;
   text-align:left;
   margin:0;
}
.content .col_lg_25 {
   float:left;
   width:250px;
   text-align:left;
   margin:0;
}
.content .col_lg_3{
   float:left;
   width:300px;
   text-align:left;
   margin:0px;
}
.content .col_lg_35{
   float:left;
   width:350px;
   text-align:left;
   margin:0px;
}
.content .col_lg_4{
   float:left;
   width:400px;
   text-align:left;
   margin:0px;
}
.content .col_lg_65{
   float:left;
   width:650px;
   text-align:left;
   margin:0px;
}
.content .col_lg_7{
   float:left;
   width:700px;
   text-align:left;
   margin:0px;
}

.content .col_lg_75{
   float:left;
   width:750px;
   text-align:left;
   margin:0px;
}

.content .col_lg_8{
   float:left;
   width:800px;
   text-align:left;
   margin:0px;
}
.content .col_lg_10{
   width:1000px;
   text-align:left;
   margin:0px;
}
.content .col_lg_5{
   width:500px;
   float:left;
   text-align:left;
   margin:0px;
}
.content .top{
   height:30px;
}

.content .info{
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   /*border:solid 1px #DFDFDF; 
   border-top: 2px solid #8F000B;*/
   width:100%;
   padding:15px;
   float:left;
}

.content .info .title{
   font-size:18px;
   color:#000;
   width:100%;
   height:30px;
   border-bottom: 2px solid #8C0000;
   margin-bottom:10px;
}
.content .info .title a{
   display:inline-block;
   width:100%;
}
.content .info .title .right_more{
   font-size:12px;
   color:#A6A6A6;
   float:right;
}

.content .info .title a:hover .right_more {
   font-size:12px;
   color:#8C0000;
}
.content .info li{
   height:30px;
   line-height:30px;
}
.content .info li a{
   width:100%;
   display:inline-block;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.content .info-dt li span.s-dt{
   width:90px;
   display:inline-block;
   float:left;
   text-align:right;
}
.content .info-dt li a{
   width:calc(100% - 90px);
   display:inline-block;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.content .info-cap{
   width:100%;
   padding:15px 0px 15px 40px;
}
.content .info-cap .cap-img {
   width:260px;
   height:146px;
}
.content .info-cap .title{
   width:100%;
   height:30px;
   line-height:30px;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.content .info-cap .detail{
   width:100%;
   height:60px;
   line-height:20px;
   font-size:12px;
   overflow:hidden;
   text-overflow:ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}
.content .info-cap .cap-more{
   width:100%;
   margin-top:13px;
   color: #a6a6a6;
   text-align: left;
   font-size: 12px;
}
.content .info-cap .cap-more a{
  color: #565656;
}
.content .info-cap .cap-more a:hover{
  color: #8c0000;
}
.content .info-link{
   height:190px;
   overflow-y:scroll;
}
.content .info-slide{
  width:calc(100% - 40px);
  padding:15px 0px 15px 0px;
  margin-left:40px;
  overflow:hidden;
  position:relative;
}
.content .info-slide .slide{
  width:3380px;
  height:86px;
  position:relative;
}
.content .info-slide .slide li{
  float:left;
  width:260px;
  height:86px;
}
.content .info-slide .slide li img{
  width:260px;
  height:86px;
}
.content .info-slide .slide-dir{
  width:20px;
  height:30px;
  line-height:30px;
  background-color:#FAF6F5;
  color:#000000;
  opacity:0.2;
  color:#fff;
  text-align:center;
  margin-top:28px;
  margin-bottom:28px;
  cursor:pointer;
  z-index:2;
}
.content .info-slide .slide-dir:hover{
  opacity:1.0;
  color:#8c0000;
}
.content .info-slide #qr_prev{
  position:absolute;
  top:15px;
}
.content .info-slide #qr_next{
  position:absolute;
  top:15px;
  right:0px; 
}
.content .col_lg_10 .info-tile{
   width:136px;
   height:77px;
   margin-top:20px;
   padding:15px;
   float:left;
}

.content .col_lg_10 .info-tile a{
   display:block;
   width:136px;
   height:77px;
}

.content .col_lg_10 .info-tile a img{
   width:136px;
   height:77px;
}
.content .col_lg_10 .info-tile a span.bbar{
   display:inline-block;
   width:116px;
   height:36px;
   line-height:36px;
   position:relative;
   top:-36px;
   z-index:2;
   background-color:#96757A;
   color:#FFF;
   text-align:center;
   padding:0 10px;
   opacity:0.8;
   font-size:14px;
}
.content .col_lg_10 .info-tile a span.bbar-c2{
   background-color:#404762;
   color:#FFF;
}
.content .col_lg_10 .info-tile a span.bbar-c3{
   background-color:#245031;
   color:#FFF;
}
.content .col_lg_10 .info-tile a span.bbar-c4{
   background-color:#726045;
   color:#FFF;
}
.content .col_lg_10 .info-tile a span.bbar i{
   height:36px;
   line-height:36px;
   float:left;
}
.content .bot{
   margin-top:30px;
}


.lightbox_back {
  z-index: 9998;

  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;

  background: black;
  opacity: 0.4;
  filter: alpha(opacity=40);

  display: none;
}
.lightbox_fore {
  z-index: 9999;

  left: 25%;
  top: 10%;
  width: 50%;
  height: 80%;
  min-height: 0px;
  position: fixed;

  background: white;

  border: none;

  display: none;
}
.lightbox_fore img {
  width: 93px;
  height: 107px;
  float: left;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.lightbox_fore p {
  text-indent: 2em;
  font-size: 1.30em;
  line-height: 2.00em;
}
/*默认样式，主要是position:fixed实现屏幕绝对定位*/
#gotoTop{display:none;position:fixed;top:75%;right:10px;cursor:pointer;margin-top:-50px;margin-left:520px;padding:2px 5px 3px 5px;width:20px;text-align:center;border:1px solid #e0e0e0;background:#fff;z-index:99;}
/*用CSS表达式(expression)来实现ie6下position:fixed效果*/
#gotoTop{_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}
/*鼠标进入的反馈效果*/
#gotoTop.hover{background:#8C0000;color:#fff;text-decoration:none;}

@media screen and (max-width:1000px) {
   .content {
      width:800px;
      text-align:center;
      margin:0 auto;
      font-size:16px;
   }

   .content .col_lg_10{
      width:800px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:400px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_65{
      width:520px;
   }
   .content .col_lg_7{
      width:560px;
   }
   .content .col_lg_75{
      width:600px;
   }
   .content .col_lg_25{
      width:200px;
   }
   .content .col_lg_3{
      width:240px;
   }
   .content .col_lg_35{
      width:280px;
   }
   .content .clear-left{
      margin-left:0px;
      margin-right:15px;
   }
   .content .clear-right{
      margin-left:15px;
      margin-right:0px;
   }
   
   .content .info-cap{
      padding-left:30px;
   }
   .content .info-cap .cap-img{
      width:210px;
      height:118px;
   }
   .content .info-cap .title{
      width:100%;
      height:40px;
      line-height:40px;
   }
   .content .info-cap .detail{
      width:100%;
      height:60px;
      line-height:20px;
   }
   .content .info-cap .cap-more{
      margin-top:33px;
   }
   .content .info-link{
      height:220px;
   }
   .content .info-slide{
      width:calc(100% - 30px);
      padding:15px 0px 15px 0px;
      margin-left:30px;
    }
    .content .col_lg_10 .info-tile{
      width:236px;
      height:132px;
      margin-top:20px;
      padding:15px;
      float:left;
   }

   .content .col_lg_10 .info-tile a{
      display:block;
      width:236px;
      height:132px;
   }

   .content .col_lg_10 .info-tile a img{
      width:236px;
      height:132px;
   }
   .content .col_lg_10 .info-tile a span.bbar{
      width:216px;
      font-size:16px;
   }
}

@media screen and (max-width:800px) {
   .content {
      width:640px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:640px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:640px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_7{
      width:640px;
   }
   .content .col_lg_75{
      width:640px;
   }
   .content .col_lg_3{
      width:640px;
   }
   .content .col_md_7{
      width:448px;
   }
   .content .col_md_3{
      width:192px;
   }
  
   .content .info-cap{
      width:610px;
      padding-left:15px;
      padding-right:15px;
   }
   .content .info-cap .cap-img{
      width:308px;
      height:173px;
   }
   .content .info-cap .detail{
      height:40px;
      -webkit-line-clamp: 2;
   }
   .content .info-cap .cap-more{
      margin-top:10px;
   }
   .content .info-slide{
      width:calc(100% - 30px);
      padding:15px 0px 15px 0px;
      margin-left:15px;
      margin-right:15px;
    }
    .content .info-link{
      margin-bottom:15px;
   }
    .content .col_lg_10 .info-tile{
      width:183px;
      height:103px;
      margin-top:20px;
      padding:15px;
      float:left;
   }

   .content .col_lg_10 .info-tile a{
      display:block;
      width:183px;
      height:103px;
   }

   .content .col_lg_10 .info-tile a img{
      width:183px;
      height:103px;
   }
   .content .col_lg_10 .info-tile a span.bbar{
      width:163px;
      font-size:14px;
   }
  
}
@media screen and (max-width:640px) {
   .content {
      width:480px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:480px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:480px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_75{
      width:480px;
   }
   .content .col_lg_7{
      width:480px;
   }
   .content .col_lg_25{
      width:480px;
   }
   .content .col_lg_3{
      width:480px;
   }
   .content .info-cap{
      width:450px;
   }
   .content .info-cap .detail{
      height:60px;
      -webkit-line-clamp: 3;
   }
   
   .content .col_lg_10 .info-tile{
      width:210px;
      height:118px;
      margin-top:20px;
      padding:15px;
      float:left;
   }

   .content .col_lg_10 .info-tile a{
      display:block;
      width:210px;
      height:118px;
   }

   .content .col_lg_10 .info-tile a img{
      width:210px;
      height:118px;
   }
   .content .col_lg_10 .info-tile a span.bbar{
      width:190px;
      font-size:16px;
   }
   
}
@media screen and (max-width:480px) {
   .content {
      width:360px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:360px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:360px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_7{
      width:360px;
   }
   .content .col_lg_75{
      width:360px;
   }
   .content .col_lg_25{
      width:360px;
   }
   .content .col_lg_3{
      width:360px;
   }
   .content .info-cap{
      width:330px;
   }
   .content .info-cap .detail{
      height:60px;
      -webkit-line-clamp: 3;
   }
   .content .col_lg_10 .info-tile{
      width:330px;
      height:185px;
      margin-top:20px;
      padding:15px;
      float:left;
   }

   .content .col_lg_10 .info-tile a{
      display:block;
      width:330px;
      height:185px;
   }

   .content .col_lg_10 .info-tile a img{
      width:330px;
      height:185px;
   }
   .content .col_lg_10 .info-tile a span.bbar{
      width:310px;
      font-size:16px;
   }
}

@media screen and (max-width:360px) {
   .content {
      width:320px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:320px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:320px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_7{
      width:320px;
   }
   .content .col_lg_75{
      width:320px;
   }
   .content .col_lg_3{
      width:320px;
   }
   .content .col_lg_25{
      width:320px;
   }
    .content .info-cap{
      width:290px;
   }
   .content .info-cap .cap-img{
      width:260px;
      height:146px;
   }
   .content .info-cap .detail{
      height:60px;
      -webkit-line-clamp: 3;
   }
   .content .col_lg_10 .info-tile{
      width:290px;
      height:163px;
      margin-top:20px;
      padding:15px;
      float:left;
   }

   .content .col_lg_10 .info-tile a{
      display:block;
      width:290px;
      height:163px;
   }

   .content .col_lg_10 .info-tile a img{
      width:290px;
      height:163px;
   }
   .content .col_lg_10 .info-tile a span.bbar{
      width:270px;
      font-size:16px;
   }
}