@charset "utf-8";
.flex {width: 100%;float:left; }
.slides,.slides--titles {margin:0;padding:0}
.slides li,.slides--titles li {overflow:hidden; position:relative;float:left}
.jFlex,.slides,.slides li,.slides--titles li {position:relative}
.jFlex {overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;
  -moz-user-select:none;  -ms-user-select:none;user-select:none}
.slides {list-style:none}
.slides--anim {-moz-transition:transform ease-out .3s;-ms-transition:transform ease-out .3s;  -o-transition:transform ease-out .3s;
  -webkit-transition:transform ease-out .3s;transition:transform ease-out .3s}
.slides--titles:after,.slides--titles:before,.slides:after,.slides:before {content:' ';display:table}
.slides--titles:after,.slides:after {clear:both}

.slides li {display:block; } 
.flex .slides li > a{display: block;width: 100%;overflow:hidden;height: 0;padding-bottom: 56.394%;background-color: #fff;}
.slides img {display:block; width: 100%;}
.slides--titles li {background:#fff;cursor:pointer; border-right: #e6e6e6 1px solid;text-align:center;-moz-transition:background linear .3s;-ms-transition:background 

linear .3s;-o-transition:background linear .3s;
  -webkit-transition:background linear .3s; transition:background linear .3s;width:16.5%;}
.jflex--2 li {width:50%}
.jflex--3 li {width:33.3333333%}
.jflex--4 li {width:25%}
.jflex--5 li {width:20%}
.jflex--6 li {width:16.6666667%}
.slides--titles {margin:0 0 0 99px;}
.slides--titles li .title--l {background:#8c0000;display:block;height:6px;left:-100%;position:relative;margin-left:2px;}
.slides--titles li .title--t {color:#333;display:block;height:45px; line-height:45px;overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap}
.slides--titles li.title--auto .title--l,.slides--titles li.title--manual .title--l {-moz-transition:all linear .3s;
  -ms-transition:all linear .3s;  -o-transition:all linear .3s; -webkit-transition:all linear .3s;  transition:all linear .3s}
.slides--titles li.title--auto.title--active .title--l {-moz-transition:all linear 5s;  -ms-transition:all linear 5s;
  -o-transition:all linear 5s;-webkit-transition:all linear 5s;transition:all linear 5s}
.slides--titles li.title--active .title--l {left:0}
.slides--titles li.title--right .title--l {left:100%}
.slides--titles li.title--active .title--t {display:block; }
/*.slides--titles li .title--t strong{font-family: 'Arial';font-size:16px;color:#666666;display: inline-block;height: 50px;line-height: 50px;*line-height: 50px;*font-

size:16px;}

.slides--titles li.title--active .title--t strong {color: #8c0000;}*/

.slides--titles li .title--t strong{font-family: 'Georgia';font-size:41px;color:#73746f;display: inline-block;height: 28px;border-right:1px solid #fff;padding-

right:5px;margin-right: 3px;margin-top: 9px;line-height: 17px;*line-height: 30px;*font-size:30px;}
.slides--titles li .title--t i{font-family: 'Arial';font-style: normal;color:#73746f; font-size: 12px; display: inline-block;*line-height: 25px;}
.slides--titles li.title--active {}
.slides--titles li.title--active strong,.slides--titles li.title--active i{ color: #8c0000; }




.slideTitle{width: 100%; background:url(/news/images/gb20190726/textbg.png) repeat; position: absolute; left: 0; bottom: 0; height: 50px; line-height: 50px; overflow: 

hidden;}
.b-dates{margin:19px 0 20px;overflow:hidden;}
.slideTitle h3{font-size:20px; font-weight: normal; padding: 0 20px; overflow:hidden;}
.slideTitle  h3 a{color:#fff;}
.b-con{line-height: 24px;height: 96px;overflow:hidden;}

@media only screen and (max-width:1386px) {
  .slides--titles li{width: 16.4%;}
  .flex .slides li > a{ padding-bottom: 63.394%; }
  .slides--titles li .title--t strong{ font-size: 28px; } 

}
@media only screen and (max-width:1024px) {


}
@media screen  and (max-width:992px) {
   .flex .slides li > a{ padding-bottom:56.394%; }
  
}
@media screen  and (max-width:767px) {
     .jFlex{ margin: 40px 0 0 0; }
     .Banner .flexbg{ top: 35px; }
     .slides--titles{ margin: 0; }
     .slides--titles li .title--t strong{ font-size: 22px; margin-right: 0;}
     .slideTitle h3{ font-size: 16px; }


  
}
  
@media screen  and (max-width:640px) {

  
  }


@media screen and (max-width:526px) {
     .slides--titles li:last-child{ border-right: none; }
     .slides--titles li .title--t i{ font-size: 11px; }

}

@media screen and (max-width:480px) {
     .slides--titles li{width: 33%; border-bottom: #ccc 1px solid;}

}

@media screen and (max-width:320px) {
     .slides--titles li{width: 32.5%; }

}