@charset "utf-8";
.xwfbh-list .swiper-slide{float: left; width: 33.33333%;}
.xwfbh-list .swiper-slide .box{margin: 0 20px 40px; background-color: #fff; border: none; overflow: hidden;}
.xwfbh-list .swiper-slide .box .pic{display: block; height: 260px; overflow: hidden;}
.xwfbh-list .swiper-slide .box .pic img{display: block; width: 100%; height: auto; min-height: 100%;}
.xwfbh-list .swiper-slide .box dl{padding: 20px; background: #fff;}
.xwfbh-list .swiper-slide .box dl dt{font-size: 1.25em; margin-bottom: 10px; overflow: hidden;}
.xwfbh-list .swiper-slide .box dl dd{color: #999; padding-top: 5px;}
.xwfbh-list .swiper-slide .box dl dd b{font-weight: normal;}

.xwfbh-swiper{margin-bottom: 50px;}
.xwfbh-swiper .swiper-slide{width: 25%;}
.xwfbh-swiper .swiper-scrollbar{background: #efefef; max-width: 1440px; margin: 0 auto; right: 1%;}
.xwfbh-swiper .swiper-scrollbar-drag{background: #b7ccea;}
.xwfbh-swiper .swiper-button-next, 
.xwfbh-swiper .swiper-button-prev{margin-top: -96px;}

.xwfbh-common .xwfbh-list{margin-right: -20px; margin-left: -20px;}

.pagediv{text-align:center;}
.pagediv .layui-laypage a, .pagediv .layui-laypage span{width:35px; height:35px; padding:0; line-height:35px; margin:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#91abda; border:none; border-radius:50%; background-color:#e9eef6; overflow:hidden;}
.pagediv .layui-laypage .layui-laypage-curr .layui-laypage-em{color:#fff; background-color:#2e6ddd;}

.xwfbh-detail{padding:30px; background-color:#fff;}
.xwfbh-detail .head{font-size:1.5em; font-weight:bold; color:#2e6ddd; border-bottom:1px solid #adbddd;}
.xwfbh-detail .head h3{font-size:1em; padding-bottom:15px;}

.xwfbh-detail .format dt{float:left; width:50%; overflow:hidden;}
.xwfbh-detail .format dt img{width:100%; height:auto;}
.xwfbh-detail .format dd{float:left; width:50%;}
.xwfbh-detail .format dd>div{padding-left:40px;}
.xwfbh-detail .format dd .title{font-weight:bold; font-size:1.5em; color:#236ddd;}
.xwfbh-detail .format dd .cont .item{position:relative; padding-left:4em; line-height:1.8em; margin-bottom:15px;}
.xwfbh-detail .format dd .cont .item b{position:absolute; top:0; left:0; font-weight:normal; color:#236ddd;}

.article-content{clear:both; padding:15px 0; font-size:1.125em; line-height:2.4; overflow:hidden;}
.article-content p{margin:25px 0;}
.article-content table,
.article-content video,
.article-content img{max-width:100%;}

/**** responsive ****/
@media (max-width: 1440px){
  .xwfbh-list .swiper-slide .box .pic{height: 226px;}

}

@media (max-width: 1280px) {
  .xwfbh-list .swiper-container{padding-bottom: 20px;}
  .xwfbh-list .swiper-slide .box{margin: 0 10px 20px;}
  .xwfbh-swiper{margin-bottom: 30px;}
  .xwfbh-common .xwfbh-list{margin-right: -10px; margin-left: -10px;}
  
  .xwfbh-detail{padding:20px;}
}


@media (max-width: 1023px){
  .xwfbh-list .swiper-slide .box .pic{height: 180px;}
  .xwfbh-swiper .swiper-slide{width: 33.33333%;}
}



@media (max-width: 992px){
}

@media (max-width: 991px){
  .xwfbh-list .swiper-slide .box{margin: 0 7px 15px 8px;}
  .xwfbh-common .xwfbh-list{margin-right: -7px; margin-left: -8px;}
  .xwfbh-common .xwfbh-list .swiper-slide .box dl{padding: 15px;}
  .xwfbh-common .xwfbh-list .swiper-slide .box dl dt{margin-bottom: 0;}
  
  .xwfbh-detail{padding:15px;}
  .xwfbh-detail .format{margin-bottom:15px;}
  .xwfbh-detail .format dt{float:none; width:auto; padding-top:10px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #e5e5e5; text-align:center;}
  .xwfbh-detail .format dt img{max-height:none; width:50%; min-width:252px;}
  .xwfbh-detail .format dd{float:none; width:auto; }
  .xwfbh-detail .format dd>div{padding-left:0;}
  .xwfbh-detail .format dd .title{margin-top:20px; margin-bottom:20px;}
  .xwfbh-detail .format dd .cont .item b{font-weight:bold;}
}

@media (max-width:768px) {
  .xwfbh-swiper .swiper-slide{width: 56%;}
  .xwfbh-list .swiper-slide .box .pic{height: 240px;}
  
  .xwfbh-common .swiper-slide{width: 50%;}

}

@media (max-width: 640px){
  .xwfbh-swiper .swiper-slide{width: 70%;}
  .xwfbh-list .swiper-slide .box .pic{height: 206px;}
}

@media (max-width: 480px){
 

}
@media (max-width: 450px){
  
  .xwfbh-common .swiper-slide{width: 100%;}
  
  .xwfbh-detail .format dd .cont .item{padding-left:0;}
  .xwfbh-detail .format dd .cont .item b{position:static;}
}