@charset "utf-8";
/* CSS Document */
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
  /* [disabled]margin:0;
*/
  padding: 0;
  font-family: "microsoft yahei", "simhei", "simsun";
  color: #333;
  margin: 0;
  font-size: 16px
}
p {
  padding: 0;
  font-family: "microsoft yahei", "simhei", "simsun";
  color: #333;
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html, body, fieldset, img, iframe, abbr {
  border: 0;
}
i, cite, em, var, address, dfn {
  font-style: normal;
}
[hidefocus], summary {
  outline: 0;
}
li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6, small {
  font-size: 100%;
  font-weight: normal
}
sup, sub {
  font-size: 83%;
}
pre, code, kbd, samp {
  font-family: inherit;
}
q:before, q:after {
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
label, summary {
  cursor: default;
}
a, button {
  cursor: pointer;
}
del, ins, u, s, a, a:hover {
  text-decoration: none;
}
a {
  color: #333;
  font-family: "microsoft yahei";
}
a:hover {
  color: #1a78c5
}

.fr {
  float: right !important
}
.fl {
  float: left !important
}

  .clearfix:before{
            content:"";
            display:table;
        }

body {
    margin: 0px;
    padding: 0px;
    /* background-color: #2A2A2A */
}
img {
 
  border: 0;
  display: block
}

/*轮播样式ʽ*/
.poster_box {
  overflow: hidden;
  margin: 0.84rem 0 1.03rem 0;
}
.poster_box h2 {
  font-size: 30px;
  color: #015293;
  font-weight: bold;
  text-align: center;
}
.poster_box h3 {
  font-size: 16px;
  color: #015293;
  margin: 10px 0 35px;
  text-align: center;
}
.poster-main {
    position: relative;
    width: 100%;
/*    height: 340px!important;*/
    margin-left: auto;
    margin-right: auto;
}
.poster-main img {
    display: block;
    box-shadow: 0px 0px 10px #222222;
    -webkit-box-shadow: 0px 0px 10px #222222;
    border-radius: 0.14rem 0.14rem 0.14rem 0.14rem;
}

.poster-main a, .poster-main img {
  display: block;
  width: 100%;
  height: 100%;
}
.poster-main img {}
.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}
.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}
.poster-main .poster-list .poster-item .item {
  position: relative;
  width: 100%;
  height: 100%
}
.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.5) brightness(1);
}
.poster-main .poster-btn:hover {
  filter: opacity(1) brightness(2);
}
.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
  width: 100px !important;
}
.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
  width: 100px !important;
}
.poster-item-title {
  /* background:rgba(42, 42, 42, 0.8) none repeat scroll 0 0 !important;
  filter:Alpha(opacity=80); background:#2a2a2a;
  color: #FFF;
  width: 100%;
  height: 52px;
  line-height: 52px;
  position: absolute;
  bottom: 0;
  text-indent: 29px */

  width: 100%;
  height: 1rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0rem 0rem 0.14rem 0.14rem;
  position: absolute;
  bottom: 0;
  padding: 0.17rem 0.35rem;
}
.poster-item-title p{
  color: #FFF;
  margin: 0;
  /* text-align: right; */
  font-size: 14px;
}
.poster-item-title .title{
  font-size: 15px;
  font-family: PingFang SC, PingFang SC-Medium;
  /* font-weight: 500; */
  text-align: left;
  color: #ffffff;
  letter-spacing: 1.1px;
  width: 60%;
  white-space: nowrap;
   /* 2.溢出部分隐藏 */
   overflow: hidden;
   /* 3.溢出部分用省略号代替 */
   text-overflow: ellipsis;
}
.poster-item-title .txt{
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  /* font-weight: 400; */
  text-align: left;
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 0.7px;
  width: 100%;
  /* 溢出部分隐藏 */
 overflow: hidden;
 /* 溢出部分用省略号代替 */
 text-overflow: ellipsis;
 /* 弹性伸缩盒子模型显示 */
 display: -webkit-box;
 /* 限制一个块元素显示的文本行数 */
 -webkit-line-clamp: 2;
 /* 设置伸缩盒对象子元素的排列方式 */
 -webkit-box-orient: vertical;
}
.lunbo_btn {
  height: 15px;
  width: 100%;
  margin: 0px auto;

  position: absolute;
  z-index: 3;
  text-align: center; bottom: 2px
}
.lunbo_btn li {
  width: 80px;
  height: 10px;
  display: inline-block;
  border: 1px solid #999999;
  background-color: #FFFFFF;
  /* border-radius: 50%; */
  margin: 0px 2px;
  cursor: pointer;
}
.lunbo_btn li.poster-btn-active {
  background-color: #0D9CDE;
  border: 1px solid #0D9CDE;
}


@media (max-width:768px) {
  .poster-main{
    width: 100% !important;
  }
  .poster-main .poster-list{
    width: 100% !important;
  }
  .poster-main .poster-list .poster-item{
    width: 100% !important;
  }
  .poster-main .poster-prev-btn{
    z-index: 9;
  }
}