@charset "utf-8";

.news .first{position: relative; padding: 30px 3% 25px 8%; background: #f7f8fc;}
.news .first .thead{position: absolute; top: 0; left: 0; z-index: 2; width: 6%; min-width: 100px;}
.news .first .thead img{display: block; width: 100%; height: auto;}
.news .first .swiper-container{height: 100%;}
.news .first .swiper-slide{height: auto !important;}
.news .first .swiper-slide .caption{padding: 0 5%; text-align: center;}
.news .first .swiper-slide .caption a{font-size: 1.875em; font-weight: bold; line-height: 1.5em; color: #395eaf;}
.news .first .swiper-slide .desc{padding-top: .75em; min-height: 3.6em; line-height: 1.8em; color: #666; text-indent: 2em;}
.news .first .swiper-slide .desc a{display: inline-block; color: #d43030; text-indent: 0;}
@media (max-width:1480px){
  .news .first .swiper-slide .caption a{font-size: 1.75em;}	
}
@media (max-width:1200px){
  .news .first .swiper-slide .caption a{font-size: 1.5em;}	
}
@media (max-width:992px){		
  .news .first{padding-top: 20px; padding-bottom: 15px;}
  .news .first .thead{min-width: 80px;}
  .news .first .swiper-slide .caption a{font-size: 1.25em; white-space: normal;}
  .news .first .swiper-slide .desc{display: none;}
}

.news .tpslide{background: #fff; box-shadow: 0 0 12px rgba(0 0 0 / 15%);}
.news .tpslide .swiper-slide{background: #fff;}
.news .tpslide .swiper-slide dl dt{float: left; width: 65%;}
.news .tpslide .swiper-slide dl dd{float: left; width: 35%;}
.news .tpslide .swiper-slide dl dd .message{padding: 30px;}
.news .tpslide .swiper-slide dl dd .message .caption{font-weight: bold; font-size: 1.5em; line-height: 1.5em;}
.news .tpslide .swiper-slide dl dd .message .desc{margin-top: 30px; color: #999; line-height: 1.875em;}
.news .tpslide .swiper-slide dl dd .message .desc a{color: #999;}
.news .tpslide .swiper-slide dl dd .message .desc a:hover{color: #666;}
.news .tpslide .swiper-pagination{left: auto !important; width: 35% !important;}
.news .tpslide .swiper-ctrl-button.swiper-ctrl-next{right: 35%;}
@media (max-width:1480px){
  .news .tpslide .swiper-slide dl dd .message .caption{font-size: 1.375em;}	
}
@media (max-width:1200px){
  .news .tpslide .swiper-slide dl dd .message .caption{font-size: 1.25em;}	
}
@media (max-width:992px){	
  .news .tpslide .swiper-slide dl dd .message{padding: 15px 20px;}
  .news .tpslide .swiper-slide dl dd .message .caption{font-size: 1.125em;}	
  .news .tpslide .swiper-slide dl dd .message .desc{display: none;}
}
@media (max-width:640px){	
  .news .tpslide .swiper-slide dl{position: relative;}
  .news .tpslide .swiper-slide dl dt{float: none; width: auto;}
  .news .tpslide .swiper-slide dl dd{float: none; width: auto; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0,0,0,.5);}
  .news .tpslide .swiper-slide dl dd .message{padding: 10px;}
  .news .tpslide .swiper-slide dl dd .message .caption{font-size: 1em; font-weight: normal; line-height: 30px;}
  .news .tpslide .swiper-slide dl dd .message .caption a{color: #fff; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
  .news .tpslide .swiper-slide dl dd .message .caption a:hover{color: #fff;}
  .news .tpslide .swiper-pagination{left: 0 !important; bottom: 60px !important; width: auto !important; opacity: .85;}
  .news .tpslide .swiper-ctrl-button.swiper-ctrl-next{right: 0;}
}