@charset "utf-8";
*{
    padding:0;
    margin:0;
}
html ,body{
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
padding:0px;
margin: 0;
font-family:"微软雅黑","黑体","宋体",Arial,sans-serif!important;
}
.bg{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    z-index: 1;
}
.main,.footer{
    position:relative;
    z-index: 2;
}
.bg img{
    width:100%;
    height:100%;
    min-height:697px;
    max-height:697px;
}
.header{
    margin-top:35px;
    position:relative;
}
.logo1{
    display:inline-block;
}
.logo1 img{
    width:100%;
    max-width:915px;
}
.logo_home a{
    color:#b10a0a;
    font-size:16px;
    text-align:right;
    display:block;
}
.logo2{
    display:inline-block;
    position:absolute;
    right:15%;
}
.logo2 img{
    width:100%;
    max-width:905px;
}

.conter{
    padding-bottom:30px!important;
    margin-top: 550px;
}
.conter2{
    padding-top:20px!important;
    padding-bottom:30px!important;
}

/* header end */
.mod1,.mod2,.mod3,.mod4,.mod5,.mod6{
    display:inline-block;
    width: 100%;
}
.conter_h1{
    display:block;
    width:100%;
    text-align:center;
    margin-bottom:20px;
}
.conter_h1::after{
    content: '';
    display: inline-block;
    background:#bf100d;
    height:3px;
    width:calc(50% - 140px);
    position: relative;
}
.conter_h1::before{
    content: '';
    display: inline-block;
    background:#bf100d;
    height:3px;
    width:calc(50% - 140px);
    position: relative;
    top:-10px;
}
.conter2{
    background:#fdf6e3;
}
.title{
    border-bottom:3px solid #bf100d;
    font-size:26px;
    color:#bf100d;
    padding-bottom:10px;
}
.title a{
	color:#bf100d;
}
.carousel-control{
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
}
.carousel-caption{
    /* background:#e5870d; */
    background:rgba(180, 12, 17, 0.73)
}
.carousel-indicators .active {
  width: 25px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel {
	background:#fff;
	text-align:center;
	
}
.carousel-inner .item img{
	display:italic;
}

.mod1_list .list-group{
    padding:0px;
    margin-bottom:0px;
}
.mod1_list .list-group a{
    border:none;
    padding-right:0px;
    padding-left:0px;
}
.mod1_list .list-group a h4, .media-heading a{
    font-size:18px;
    font-weight:bold;
    line-height:30px;
    color:#000000;
}
.mod1_list .list-group a p ,.media-body .media-body-p{
    font-size:14px;
    line-height:24px;
    color:#444444;  
    text-indent: 2em;
}
.mod1_list .list-group a h4{
    background:url(dsxxjyzt_list2.png) left top no-repeat;
    padding-left:40px;
}
.mod1_list .list-group a p{
    padding-left:40px;
}
.mod1_list .list-group a:hover{
    background:transparent;
}
.mod1_list .list-group a h4:hover,
 .mod2  .list li a:hover,
 .mod6 .link a:hover{
    text-decoration: underline;
    color:#bf100d;
}

.mod1_list .list-group .act h4{
    background:url(dsxxjyzt_list1.png) left top no-repeat;
}
.mod2 .media-body em{
    color:#666666;
    font-size:14px;
    display:block;
    text-align:right;
    padding-right:5px;
    margin-bottom:20px;
}
.mod2 .media-left{
    padding-left:0px;
}
.mod2 .media-left a img{
    width:100%;
    max-width:395px;
}
.mod2 .media-body{
    padding-left:15px;
}
.mod2 .list, .mod2  .list li{
    padding:0px;
    margin:0px;
    /* dsxxjyzt_list3.png */
}
 .mod2  .list li{
     
     position:relative;
 }
 .mod2  .list li a{
    background: url(dsxxjyzt_list3.png) left 3px no-repeat;
    font-size:16px;
    color:#010101;
    padding-left:30px;
    display:block;
}
.mod2  .list li span{
    font-size:16px;
    color:#666666;
}
.mod3 .img_list > div{
    display: flex;
    display: -webkit-flex;
    align-items:center;
    text-align:center;
    justify-content:center;
}
.mod3 .img_list img{
    width:100%;
    max-width:395px;
    cursor: pointer;
    transition: all 0.6s;
}
.mod3 .img_list >div a{
  display: block;
  width:100%;
  overflow: hidden;
}
.mod3 .img_list img:hover{
    transform: scale(1.2);
}
.mod4 .mod3{
    display:block;
    width:auto;
}

.mod5{margin-bottom:10px;}
.mod5 .thumbnail{
    margin-top:20px;
    background:none;
    border:none;
    position:relative;
}
/*.mod5 .caption{
    background:rgba(180, 12, 17, 0.73);
    text-align:center;
    padding:5px;
    position:absolute;
    bottom:0px;

}*/

.mod5 .thumbnail img{
    width:100%;
    max-width:190px;
    height:264px;
    cursor: pointer;
    transition: all 0.6s;
}
.mod5 .thumbnail{
  display: block;
  width:100%;
  padding:0px;
  text-align:center;
  overflow: hidden;
}
.mod5 .thumbnail img:hover{
    transform: scale(1.2);
}
/*.slide{display:none;}*/
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0,0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
/* 图片滚动样式 */
/* scrollpic */
/*.scrollpic{display:none;}*/
.mr_frbox {position: relative;z-index:0;height:100%;}
.mr_frBtnL { 
    cursor: pointer; display: inline; position:absolute; z-index:999;left:25px;
    top:50%;
    margin-top:-20px;
}
.mr_frUl {width:100%; padding:0px;}
.mr_frBtnR { 
    cursor: pointer; position:absolute; z-index:999;right:25px;
    top:50%;
    margin-top:-20px;
}
.mr_frUl ul li { 
    display: inline-block; float: left;overflow: hidden; zoom:1; vertical-align:middle;padding:0; margin:0;
}
.mr_frUl ul li img { display: block; }

.scrollpic{
  max-width:100%; 
  width:100%;
  position:relative;
  margin-top:0px;
}
.mr_frbox{
  display:block; 
  width:100%;
   position:relative;
   height:93px; overflow:hidden;
   position: relative;z-index:0;
}

.mr_frbox{
    padding-top:5px;
    height:auto;
    margin-top:15px;
}
.mr_frbox3{
    margin-top:0px;
    padding-top:0px;
}
.mr_frUl{
    overflow:hidden;
    display:flex;
    Justify-content:center;
}

.mr_frUl li {
	display:flex;
	Flex-direction:column;
    Justify-content:space-around;
    margin:0px 10px!important;
    position:relative;
}
.mr_frUl li a{
	margin-bottom:15px;
    display:flex;
    justify-content: center;
}
.duidangshuo .mr_frUl ul li a{
margin-bottom:28px;
}
.mr_frUl > div{
    width:100%!important;
}
.mr_frbox .caption{
    display:inline-block;
    width:100%;
    position:absolute;
    z-index:9999;
    bottom:10px;
}
.mr_frbox .caption h3{
    display:inline-block;
    width:100%;
    height:40px;
    background:rgba(180, 12, 17, 0.73);
    line-height:40px;
    padding:0px 10px;
}
.mod5 .caption h3{
    color:#fff;
    font-size:14px;
    margin:0px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
@media screen and (min-width:768px) {
    

}
/* ----------- */
.mod6 .link a{
    padding:15px;
    color:#000;
    font-size:16px;
    display:inline-block;
    font-weight:bold;
}
/* footer  */
.footer{
    background:#b40c11;
    padding:20px 0;
}
.footer_logo,.footer p,.footer .footer_logo2{
    display:inline-block;
    font-size:14px;
    color:#fff;
}
.footer_logo{
    text-align:right;
}
.footer p{
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:left;
    height:80px;
    line-height:24px;
}
.footer_logo2,
.footer_logo3{
    text-align:center;
}
.footer_logo,
.footer_logo2{
        display: flex!important;
        display: -webkit-flex!important;
        align-items:center;
        justify-content:center;
        height:86px;
    }

@media screen and (min-width: 768px){
    .carousel-caption {
        right: 20%;
        left: 0px;
        padding-bottom: 10px;
        padding-top:0px;
    }
    .carousel-caption h3{
        text-align:left;
        padding-left:20px;
        font-size:20px;
        font-weight:bold;
    }
    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: inherit;
        right:20px;
        z-index: 15;
        width: auto;
        padding-left: 0;
        margin-left: 0;
        text-align: center;
        list-style: none;
    }
    .mod2 .media-heading a{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 2; /** 显示的行数 **/
        overflow: hidden;  /** 隐藏超出的内容 **/
    }
    .mod2 .media-body .media-body-p{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 5; /** 显示的行数 **/
        overflow: hidden;  /** 隐藏超出的内容 **/
    }
     .mod2  .list li a{
        padding-right:100px;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 1; /** 显示的行数 **/
        overflow: hidden;  /** 隐藏超出的内容 **/
    }
    .mod2  .list li span{
        position:absolute;
        right:0px;
        top:0px;
    }
    .mod2  .list li{
         padding-bottom:14px;
     }

     .mod4 .list li a{
        padding-right:0px;
    }

}

@media (max-width:1590px) and (min-width:1380px){
    .mod2 .media-body .media-body-p{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 4; /** 显示的行数 **/
        overflow: hidden;  /** 隐藏超出的内容 **/
    }
    .mod2  .list li{
         padding-bottom:8px;
     }
}
@media (max-width:1380px) and (min-width:1200px){
    .mod2 .media-body .media-body-p{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 3; /** 显示的行数 **/
        overflow: hidden;  /** 隐藏超出的内容 **/
    }
     .mod2  .list li{
         padding-bottom:5px;
     }
}
@media (max-width:1200px) and (min-width:768px) {
    .mod2 .media-body .media-body-p{
        display:none;
    }
    .mod2 .media-heading a{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 3; /** 显示的行数 **/
        overflow: hidden;  /** 隐藏超出的内容 **/
        padding-right: 0px;
    }
    
}
@media (max-width:1024px)  {
    .mod2 .media-body-p{
        display:none;
    }
}

@media (min-width:1024px) {
    .container-fluid{
        padding:0px 5%;
    }
    body,html{
        min-width:1400px;
    }
}
@media (min-width:1920px) {
    .container-fluid{
        padding:0px 5%;
		max-width:2080px;
    }
}
@media (max-width:1700px) {
    .bg img{
        width:100%;
        height:100%;
        min-height:597px;
        max-height:597px;
    }
    .conter{
        margin-top: 430px;
    }
    .mod1_list .list-group a{
        padding:4px 0px;
    }
}
@media (max-width:1590px) and (min-width:767px){
    .mod1_list {overflow-y:auto ;}
    .mod1_list .list-group a{
        padding:2px 0px;
    }
}
@media (max-width:1440px) {
    .bg img{
        width:100%;
        height:100%;
        min-height:497px;
        max-height:497px;
    }
    .conter{
        margin-top: 370px;
    }
}
@media (max-width:1200px) {
    .bg img{
        width:100%;
        height:100%;
        min-height:397px;
        max-height:397px;
    }
    .conter{
        margin-top: 285px;
    }
}
@media (max-width:992px) {
    .bg img{
        width:100%;
        height:100%;
        min-height:357px;
        max-height:357px;
    }
    .conter{
        margin-top: 265px;
    }
    .logo1 img{
        width:100%;
        max-width: 490px;
    }
    .logo2 img{
        width:100%;
        max-width: 470px;
    }
    .logo2{
        display:inline-block;
        position:absolute;
        right:15%;
    }
    .mod3 .img_list img{
        width:380px;
        height:220px;
        margin-bottom:20px;
    }
    .mod4 .mod3 .img_list img{
        width:100%!important;
        height:100%;
        max-width:244px!important;
        max-height:300px!important;
        margin-bottom:20px;
    }
   /* .mod5 .caption{
        left:50%;
        margin-left:-95px;
        max-width:190px;
    }*/
    .footer p{
        display: flex;
        display: -webkit-flex;
        align-items:center;
        justify-content:center;
        height:auto;
        line-height:24px;
        text-align:center;
    }
    .footer_logo2,
    .footer_logo3{
        display: flex!important;
        display: -webkit-flex!important;
        align-items:center;
        justify-content:center;
        height:86px;
    }
}
@media (max-width:810px) {
    .logo1 img{
        width:100%;
        max-width: 506px;
    }
    .logo2 img{
        width:100%;
        max-width:439px;
    }
}
@media (max-width:767px) {
    .bg img{
        width:100%;
        height:100%;
        min-height:297px;
        max-height:297px;
    }
    .conter{
        margin-top: 78px;
    }
    .logo1 img{
        width:100%;
        margin-top: -50px;
        max-width: 70%;
    }
    .logo2 img{
        width:100%;
        max-width:50%;
    }
    .logo2{
        display:inline-block;
        position:relative;
        right:0;
        left:0;
        text-align:center;
        top:0px;
    }
     .logo2{
         text-align:center;
     }
     .carousel-caption{
         padding:0px;
     }
     .carousel-caption h3{
         font-size:18px;
         font-weight:bold;
         line-height:30px;
         padding:0px;
     }
     .carousel-indicators{
         bottom: -10px;
     }
     .mod1_list{
         margin-top:20px;
     }
     .mod2  .list{
         margin-top:10px;
         padding-top:30px;
         border-top:1px solid #eeeeee;
     }
     .mod2  .list li{
         line-height:30px;
     }
     .mod2  .list li span{
         padding-left:30px;
     }
     .mod3 .img_list img{
        width: 100%;
        height: 177px;
        margin-bottom:20px;
    }
     .mod4 .list li{
         padding-bottom:14px;
     }
     .footer_logo{
         display:none;
         height:0px;
     }
     .footer_logo a{
         display:none;
     }
}
@media (max-width:585px) {
    .logo2 img{
        width:100%;
        max-width:60%;
    }
    .mod3 .img_list img{
        width: 100%;
        height: 160px;
        margin-bottom:20px;
    }
}
@media (max-width:480px) {
    .bg img{
        width:100%;
        height:100%;
        min-height:280px;
        max-height:280px;
    }
    .logo1 img{
        width:100%;
        margin-top: 0px;
        max-width: 100%;
    }
    .logo_home,.logo1,.logo2{
        padding: 0px !important;
    }
    .logo2 img{
        width:100%;
        max-width: 75%;
    }
    .logo_home{margin-top:-20px;}

    .conter_h1::after{
        content: '';
        display: inline-block;
        background:transparent;
        height:3px;
        /* width:calc(50% - 140px); */
        position: relative;
    }
    .conter_h1::before{
        content: '';
        display: inline-block;
        background:transparent;
        height:3px;
        /* width:calc(50% - 140px); */
        position: relative;
        top:-10px;
    }
    .mod3 .img_list img{
        width: 100%;
        height: 120px;
        margin-bottom:20px;
    }
}
@media (max-width:400px) {
    .logo2 img{
        width:100%;
        max-width: 80%;
    }
    .mod3 .img_list img{
        width: 100%;
        height: auto;
        margin-bottom:20px;
    }
    .mod5 .thumbnail img{
        width:100%;
        max-width:190px;
        height: 200px;
        cursor: pointer;
        transition: all 0.6s;
    }
}
@media (max-width:375px) {
   .mod5 .thumbnail img{
        width:100%;
        max-width:190px;
        height: 180px;
        cursor: pointer;
        transition: all 0.6s;
    } 
}

/* 概览 */
.conter .breadcrumb{
    font-size:16px;
}
.conter .breadcrumb a{
    color:#666;
}
.conter .breadcrumb a:hover{
    color:#c52527;
}

/* 详情 */
.xq_main h1{
    font-size:30px;
    color:#000;
    text-align:center;
    font-weight:bold;
    line-height: 40px;
    padding:20px 0;
}
.xq_main h2{
    width:100%;
    display:inline-block;
    font-size:16px;
}
.xq_main h2 span{
    text-align:center;
    color:#666;
    line-height:40px;
}
.xq_main p{
    font-size:16px;
    color:#000;
    line-height:30px;
}
.xq_main .xq_img{
    display:block;
    width:100%;
    padding:15px;
}
.xq_main .xq_img img{
    display:inline-block;
    width:100%;
    max-width:992px;
}
.xq_main .xq_img b{
    display:block;
    width:100%;
    font-size:16px;
    line-height:30px;
}

/* 文字列表 */
.wz_list .list, .wz_list  .list li{
    padding:0px;
    margin:0px;
    /* dsxxjyzt_list3.png */
}
 .wz_list  .list li{
     position:relative;
     padding-bottom: 20px;
 }
 .wz_list  .list li a{
    background: url(dsxxjyzt_list3.png) left 3px no-repeat;
    font-size:16px;
    color:#010101;
    padding-left:30px;
    display:block;
}
.wz_list  .list li span{
    font-size:16px;
    color:#666666;
}
@media (min-width:768px) {
    .wz_list  .list li a{
        padding-right:100px;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 1; /** 显示的行数 **/
        overflow: hidden;  /** 隐藏超出的内容 **/
    }
    .wz_list  .list li span{
        position:absolute;
        right:0px;
        top:0px;
    }
}
@media (max-width:767px) {
    .wz_list  .list li span{
         padding-left:30px;
     }
}
.wz_list  .list li a:hover{
    color:#c52527;
    text-decoration: underline;
}

/* 图文列表 */
.textimg_list {}
.gl_imglist_dl{
  position: relative;
  margin: 0px;
  padding: 0px 15px;
  padding-top:15px;
  padding-bottom:15px;
}
.gl_imglist_dl:nth-child(odd){background:rgba(253, 246, 227, 0.5);}
.gl_imglist_dl:nth-child(even){background:#fff;}
.gl_imglist_dt{float:left;width:187px;overflow:hidden;}
.gl_imglist_dt a img{width:187px;}
.gl_imglist_dd{display: table-cell;padding-left:15px;}
.gl_imglist_dd h5{padding:0px;margin:0px;color:#999;font-size:14px;font-weight:400;}
.gl_imglist_dd h5 a{color:#333;line-height:26px;font-size:18px;font-weight:bold;}
.gl_imglist_dd  p{float:left;width:100%;margin-top:5px;line-height:28px;font-size:16px;}
.gl_imglist_dd h5 a:hover{color:#c52527;text-decoration: underline;}
@media (max-width: 480px) {
    .gl_imglist_dt{float:left;width:100%;text-align:center;}
    .gl_imglist_dt a img{width:100%;}
    .gl_imglist_dd{padding:0px;padding-top:15px;}
}

.gl_imglist_dt a img{ 

  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
  -o-transition: all 0.5s;
}
.gl_imglist_dt a img:hover {
  -webkit-transform: scale(1.1); 
  -moz-transform: scale(1.1); 
  -o-transform: scale(1.1); 
  -ms-transform: scale(1.1); 
}


/*page*/
#page{text-align:center;margin-top:20px;}
#page a,#page span.page_act{font-size:16px;border:1px solid #eee;height:20px;line-height:20px;padding:10px 10px;}
#page .page_con{margin-right:15px;color:#c52527;}
#page .page_act{padding:0px 10px;color:#555;}
#page .page_nolink{color:#c52527;border:1px solid #ebebeb;}
#page .page_nolink:hover{background:#c52527;color:#fff;}
#page .page_t{margin-left:15px;}
#page input{height:22px;border:1px solid #eee;}
#page .page_btn{background:#c52527;color:#fff;}
@media (max-width:992px) {
  #page a,#page span.page_act{
    font-size:16px;border:1px solid #eee;
    height:40px;line-height:40px;padding:8px;
  }
}

/* 图片列表 */
.gl_images_list{overflow: hidden;}
.gl_images_list .image-box .img-hover img{width:394px;height: 223px;max-width:100%;}
.gl_images_list .gl_mar{margin:0px -15px;}
.gl_images_list .gl_padd{padding:0px 15px;}
.gl_images_list .image-box span a{
    height:52px;padding:5px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space:inherit;
    font-size:16px;
    color:#333;
}
@media (min-width:1800px) {
  .gl_images_list .image-box .img-hover img{width:394px;height:255px;max-width:100%;}
}
@media (max-width:1440px) {
  .gl_images_list .image-box .img-hover img{width: 295px;height: 175px;max-width:100%;}
}
@media (max-width:1199px) { 
  .gl_images_list .image-box .img-hover img{width:280px;height: 140px;max-width:100%;}
}
@media (max-width: 992px) {
  .l_images_list .image-box span a{height:auto!important;font-size:14px;padding:5px 0px;color:#444444;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
  }
  .gl_images_list .image-box .img-hover img{width:100%;max-width:100%;height:155px;}
}
@media (max-width: 768px) {
  .gl_images_list .gl_mar{margin:0px 0px;}
  .gl_images_list .gl_padd{padding:0px 50px;}
  .gl_images_list .image-box span a{
    font-size:14px;color:#444444;
    display: block;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    height: auto;
    overflow: hidden;
    white-space:inherit;
  }
}
@media (max-width: 680px) {
  .gl_images_list .image-box .img-hover img{width:100%;max-width:100%;height:auto;}
}
@media (max-width: 550px) {
  .gl_images_list .gl_mar{margin:0px -15px;}
  .gl_images_list .gl_padd{padding:0px 15px;}
}
@media (min-width: 400px) and (max-width:768px) {
  .gl_images_list .image-box .img-hover{padding-top:15px;}
  .gl_images_list .image-box .img-hover img{width:100%;max-width:300px;height:auto;}
  .gl_images_list .image-box span a{text-align:center;}
}
@media (max-width: 400px) {
  .gl_images_list .image-box .img-hover img{width:100%;max-width:auto;height:auto;}
}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbImage img{width:100%;}
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
#mbNumber { background:url(mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 5px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{
    float:left;
    margin:5px;
    width:100%;
    -webkit-box-shadow: 0px 0px 3px #bbb;
    -moz-box-shadow: 0px 0px 3px #bbb;
    box-shadow: 0px 0px 3px #bbb;
    padding-bottom:15px;
    margin-bottom:30px;
}
@media (max-width: 768px) {
  #mbBottom #mbTitle{visibility: hidden}
  #mbBottom #mbNumber{visibility: hidden}
  .layout_default{
    float:left; margin:0px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 0px #bbb;
    -moz-box-shadow: 0px 0px 0px #bbb;
    box-shadow: 0px 0px 0px #bbb;
    padding-bottom:15px;
    margin-bottom:15px;
  }
}

.gl_images_list .image-box .img-hover img {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.gl_images_list .image-box .img-hover {
  display: block;
  overflow: hidden;
}
.gl_images_list .image-box .img-hover {
    position: relative;
}
.gl_images_list .image-box .img-hover::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.gl_images_list .image-box .img-hover:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/* 通用概览左侧栏目 */
.comment_left_menu .block{background: #b7220e;padding-bottom:15px;}
.comment_left_menu h2{background:#b7220e;padding:20px 15px;color:#fff;font-size:30px;}
.contentLeft {
   float:left;
  width: 100%;
  top: 0;
  left: 0;
}
.leftNavigation {
  margin: 0rem 0;
}
.leftNavigation, .leftNavigation li ul {
  list-style: none;
  padding: 0;
}
.leftNavigation  li a.leftnav_a {
  display: block;
  padding: 12px 12px 12px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-weight:400;
  background:#fdf1f1;
  border-top:2px solid #b7220e;
}
.leftNavigation > li > a.leftnav_a {
  font-size: 16px;
  color: #b7220e; 
  line-height:30px;
}
.leftNavigation > li > a.leftnav_a .leftnav_icon{float:left;margin-right:15px;height:30px;width:8px;border-left:2px solid #b33c3b;}
.leftNavigation > li > a .titNavIcon{padding-right:10px;font-size:14px;}
.leftNavigation > li > a, .leftNavigation > li > a .leftNavIcon {
  line-height: 160%;
}
.leftNavigation > li > a .leftNavIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  padding: 10px 0;
  text-align: center;
}
.leftNavigation > li > a .leftNavIcon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  padding: 0.8rem 0;
  text-align: center;
}

.leftNavigation li ul {
  display: none;
  margin: 0;
  background-color: #f4f9ff;
}
.leftNavigation li ul li a {
  float:left;width:100%;
  font-size:14px;
  color:#444444; 
  background:url(gtgh_icon_list4.png)  no-repeat left 3px; 
  margin-left:25px; 
  padding-left:12px;
}
.leftNavigation li ul li{padding-top:10px;padding-bottom:10px;float:left;width:100%;}
.leftNavigation li ul li a:hover {
  color: #f09236; 
  text-decoration:none; 
}
.leftNavigation >li > a:hover,.leftNavigation li.active > a{
  color: #444444; 
  text-decoration:none;
  background:#ffffff url(gtgh_icon_list1.png) right center no-repeat;
}

.leftNavigation li.active ul {
  display: block;
}
 .leftNavigation > li.active > a i.fa-angle-right:before{
  content:"\f107";
 }
/*概览页面左侧栏目 end */