.qhsc-sccs{
  font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
  color:#333;
  padding:0.9rem 0 0.95rem;           
  box-sizing:border-box;}
  
.qhsc-sccs *,
.qhsc-sccs *:before,
.qhsc-sccs *:after{ box-sizing:border-box; margin:0; padding:0;}
.qhsc-sccs ul{ list-style:none;}
.qhsc-sccs a{ color:inherit; text-decoration:none; outline:none;}
.qhsc-sccs img{ border:0; display:block;}
.qhsc-sccs .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.qhsc-sccs .qhsc-inner{max-width: 100%;margin:0 auto;}


.qhsc-sccs .qhsc-title{
  position:relative; z-index:1; text-align:center;
  height:141px; line-height:141px; margin-bottom:45px;}
.qhsc-sccs .qhsc-title h3{
  display:inline-block; font-size:48px; font-weight:normal; position:relative; z-index:1; color:#333;}
.qhsc-sccs .qhsc-title h3:before{
  content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:124px; height:141px;
  background:url(../images/tit-bg.png) no-repeat; background-size:100% 100%;
  z-index:-1;}

.qhsc-sccs .qhsc-more{ text-align:right; margin-top:40px;}
.qhsc-sccs .qhsc-more a{
  display:inline-block; font-size:16px; color:#666; line-height:40px;
  background:url(../images/more1.png) no-repeat right center; background-size:40px 40px;
  padding-right:56px; transition:all .3s;}
.qhsc-sccs .qhsc-more a:hover{ color:#b40202;}


.qhsc-sccs .qhsc-body{ display:flex; align-items:stretch;}

.qhsc-sccs .qhsc-left{width: 5.8rem;flex:none;max-height: 6.9rem;}
.qhsc-sccs .qhsc-left a{ display:block; height:100%;}
.qhsc-sccs .qhsc-left img{ width:100%; height:100%; object-fit:cover;}

.qhsc-sccs .qhsc-right{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(135deg,#f7f7f7 0%,#fff 60%,#faefef 100%);
  padding: 40px 130px 20px 70px;
  }
.qhsc-sccs .qhsc-right ul{ margin:0 -15px;}
.qhsc-sccs .qhsc-right .slick-list{ padding:10px 0;}
.qhsc-sccs .qhsc-right ul li{ float:left; width:33.333333%; padding:0 15px;}


.qhsc-sccs .qhsc-right ul li a{
  display:block; box-shadow:0 2px 10px rgba(0,0,0,0.12);
  padding:30px 14px 32px; background:#fff; transition:.6s;}

.qhsc-sccs .qhsc-card-top{ padding:0 16px; overflow:hidden;}
.qhsc-sccs .qhsc-card-top .qhsc-time{ float:left;}
.qhsc-sccs .qhsc-card-top .qhsc-time h3{ font-size:30px; color:#b40202; line-height:1.1;}
.qhsc-sccs .qhsc-card-top .qhsc-time h5{ font-size:16px; color:#d98a8a; margin-top:8px;}
.qhsc-sccs .qhsc-card-top .qhsc-span{
  float:right; width:72px; height:7px; margin-top:22px; position:relative; overflow:hidden;}
.qhsc-sccs .qhsc-card-top .qhsc-span:before,
.qhsc-sccs .qhsc-card-top .qhsc-span:after{
  content:""; position:absolute; width:100%; height:100%; top:0; left:0; transition:.6s;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='7'%3E%3Cpath d='M0 3.5h60M56 0l8 3.5-8 3.5' stroke='%23d8b9b9' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center no-repeat;
  background-size:100% 100%;}
.qhsc-sccs .qhsc-card-top .qhsc-span:after{
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='7'%3E%3Cpath d='M0 3.5h60M56 0l8 3.5-8 3.5' stroke='%23b40202' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center no-repeat;
  background-size:100% 100%;
  transform:translateX(-100%);}

.qhsc-sccs .qhsc-img{ margin:20px 0; width:100%; position:relative; padding-bottom:70.3125%; overflow:hidden;}
.qhsc-sccs .qhsc-img img{
  position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover;
  transition:all .2s ease-in-out;}
.qhsc-sccs .qhsc-right ul li a:hover .qhsc-img img{ transform:scale(1.05);}

.qhsc-sccs .qhsc-con h5{
  font-size:18px; color:#212121; line-height:28px; height:56px;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  transition:.6s; text-align:left; padding:0 16px;font-weight: normal;
}

@media(min-width:768px){
  .qhsc-sccs .qhsc-right ul li a:hover{ background:#b40202;}
  .qhsc-sccs .qhsc-right ul li a:hover .qhsc-time h3,
  .qhsc-sccs .qhsc-right ul li a:hover .qhsc-time h5,
  .qhsc-sccs .qhsc-right ul li a:hover .qhsc-con h5{ color:#fff;}
  .qhsc-sccs .qhsc-right ul li a:hover .qhsc-card-top .qhsc-span:before{ transform:translateX(100%);}
  .qhsc-sccs .qhsc-right ul li a:hover .qhsc-card-top .qhsc-span:after{ transform:translateX(0);}
}


.qhsc-sccs .qhsc-right .slick-prev,
.qhsc-sccs .qhsc-right .slick-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(180,2,2,.75);
  color:#fff;
  border:none;
  cursor:pointer;
  font-size:22px;
  line-height:1;
  transition:background .2s ease;
  opacity: 0;
  }
.qhsc-sccs .qhsc-right .slick-prev{ left:-10px;}
.qhsc-sccs .qhsc-right .slick-next{ right:-10px;}
.qhsc-sccs .qhsc-right .slick-prev:hover,
.qhsc-sccs .qhsc-right .slick-next:hover{ background:#990000;}
.qhsc-sccs .qhsc-right .slick-prev.slick-disabled,
.qhsc-sccs .qhsc-right .slick-next.slick-disabled{ opacity:.35; cursor:default;}


@media(max-width:1200px){
  .qhsc-sccs .qhsc-left{ width:360px;}
  .qhsc-sccs .qhsc-right{ padding:30px 24px 30px 40px;}
  .qhsc-sccs .qhsc-title{ height:110px; line-height:110px; margin-bottom:30px;}
  .qhsc-sccs .qhsc-title h3{ font-size:38px;}
}

@media(max-width:992px){
  .qhsc-sccs .qhsc-left{ display:none;}
  .qhsc-sccs .qhsc-right{ padding:30px 15px;}
  .qhsc-sccs .qhsc-more{ text-align:center;}
  .qhsc-sccs .qhsc-right .slick-prev, .qhsc-sccs .qhsc-right .slick-next{opacity:1}
}

@media(max-width:768px){
  .qhsc-sccs{ padding:50px 0 55px;}
  .qhsc-sccs .qhsc-title{ height:80px; line-height:80px; margin-bottom:24px;}
  .qhsc-sccs .qhsc-title h3{ font-size:26px;}
  .qhsc-sccs .qhsc-title h3:before{ width:84px; height:96px;}
  .qhsc-sccs .qhsc-right ul{ margin:0 -7px;}
  .qhsc-sccs .qhsc-right ul li{ padding:0 7px;}
  .qhsc-sccs .qhsc-right ul li a{ padding:20px 10px 22px;}
  .qhsc-sccs .qhsc-card-top{ padding:0;}
  .qhsc-sccs .qhsc-card-top .qhsc-time h3{ font-size:22px;}
  .qhsc-sccs .qhsc-card-top .qhsc-time h5{ font-size:12px; margin-top:4px;}
  .qhsc-sccs .qhsc-card-top .qhsc-span{ width:52px; margin-top:14px;}
  .qhsc-sccs .qhsc-con h5{ font-size:14px; line-height:22px; height:44px; padding:0;}
  .qhsc-sccs .qhsc-right .slick-prev{ left:-6px;}
  .qhsc-sccs .qhsc-right .slick-next{ right:-6px;}
  .qhsc-sccs .qhsc-right .slick-prev,
  .qhsc-sccs .qhsc-right .slick-next{ width:34px; height:34px; font-size:18px;}
}

@media(max-width:600px){
  .qhsc-sccs .qhsc-right ul li a{ padding:18px 12px 20px;}
  .qhsc-sccs .qhsc-img{ margin:14px 0;}
}