@charset "utf-8";
.hidden{display: none;}
.qualification{height:527px;background:url(../img/qualificationBg.png) no-repeat left top ;padding-top: 42px;margin-top: 41px;}
.poster-main{ position:relative;margin:0 auto;}
.poster-main a,.poster-main img{display:block;}
.poster-main a{width: 100%;height:100%;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;opacity: 1!important;width:320px;height:426px;background:#fff;border:1px solid #ccc;box-shadow:3px 3px 8px #ccc;text-align: center;}
.poster-main .poster-list .current{border:1px solid #4f9de4;}
.poster-main .poster-btn{ position:absolute;top:0;width:18px!important; z-index:10; cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-appearance:none;outline: none;}
.poster-main .poster-prev-btn{ background: url(../img/btn-l.png) no-repeat center center;left:-72px;}
.poster-main .poster-next-btn{ background: url(../img/btn-r.png) no-repeat center center;right:-72px;}
.poster-main .poster-list .poster-item a p{text-align: center;margin-top: 24px;font-size: 16px;color:#333;font-family: \5FAE\8F6F\96C5\9ED1;display: none;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.poster-main .poster-list .current a p{display: block;}
.foot{margin-top: 100px;}
.caseBannerM{ display:none;}
@media screen and (max-width: 1240px){
    .container{width:95%;}
    .poster-main .poster-prev-btn{left:-40px;}
    .poster-main .poster-next-btn{right:-40px;}
}
@media screen and (max-width: 850px){
    .poster-main .poster-prev-btn{left:-25px;}
    .poster-main .poster-next-btn{right:-25px;}
}
@media screen and (max-width: 768px){
    .qualification{height:460px;}
}
@media screen and (max-width:600px){
  .caseList ul li { width: 100%; margin-right:0%;}
  .caseList ul li .NewPadding .NewText { -webkit-line-clamp: 3;}
  .caseBannerM{ display:block;}
  .caseBanner{ display:none;}
  }
@media screen and (max-width: 480px){
    .qualification{width:100%;height:340px;padding-top: 26px;margin-top: 26px;}
    .poster-main .poster-list .poster-item a p{font-size: 14px;margin-top: 24px;}
    .poster-main .poster-prev-btn{left:-40px;}
    .poster-main .poster-next-btn{right:-40px;}
    .foot{margin-top: 30px;}
}
@media screen and (max-width: 350px){
    .poster-main .poster-prev-btn{left:-25px;}
    .poster-main .poster-next-btn{right:-25px;}
}