/* 党史学习教育首页 */
.top-banner{text-align: center;}

.dsxx-index .sylbt{overflow: hidden;position: relative;height: 450px;}
.dsxx-index .sylbt .swiper-slide{position: relative;}
.dsxx-index .sylbt .font{background:rgba(0,0,0,0.6);height: 65px;position: absolute;width: 100%;bottom: 0px;padding: 10px 20px;}
.dsxx-index .sylbt .font a{color: #fff;font-size:20px;line-height: 45px;display: block;width: calc(100% - 80px);}
.dsxx-index .sylbt-page{position: absolute;bottom: 3px !important;text-align: right;width: auto !important;z-index: 2;right: 10px;left: auto !important;}
.dsxx-index .sylbt-page .swiper-pagination-bullet{width: 10px;height: 10px;background:rgba(255,255,255);opacity: 0.6;}
.dsxx-index .sylbt-page .swiper-pagination-bullet-active{background: #C71F25;opacity: 1;}
.dsxx-index .sylbt .swiper-button-next,.dsxx-index .sylbt .swiper-button-prev{width: 50px;height: 50px;transition: all .36s ease;opacity: 0;
  -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.dsxx-index .sylbt:hover .swiper-button-next,.dsxx-index .sylbt:hover .swiper-button-prev{opacity: 1;}
.dsxx-index .sylbt .swiper-button-prev{background:rgba(0,0,0,0.6) url('../../images/dzgx/arrowL.png') left center no-repeat;background-size: contain;}
.dsxx-index .sylbt .swiper-button-next{background:rgba(0,0,0,0.6) url('../../images/dzgx/arrowR.png') left center no-repeat;background-size: contain;}
.dsxx-index .sylbt .swiper-button-prev:hover{background:rgba(0,0,0,0.6) url('../../images/dzgx/arrowL_hover.png') left center no-repeat;background-size: contain;}
.dsxx-index .sylbt .swiper-button-next:hover{background:rgba(0,0,0,0.6) url('../../images/dzgx/arrowR_hover.png') left center no-repeat;background-size: contain;}
.dsxx-index .left{padding: 0;}
.dsxx-index .right{padding-right: 0;}
.dsxx-index .sylbt .swiper-slide .img-block{width: 100%;height: 100%;}
.dsxx-index .sylbt .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}


.tzggbox .tzgg-tit{background: #F6F6F6;border-left: 2px solid #BB2525;padding: 23px 20px;}
.tzgg-tit span{color: #202020;font-size: 24px;line-height: 24px;}
.tzgg-tit a{color: #C6C6C6;font-size: 14px;line-height: 24px;}
.tzgg-tit a:hover{color: #BB2525;}

.tzggbox ul{border: 1px solid #EEEEEE;padding: 16px 10px 20px 15px;}
.tzggbox ul li{padding: 6px 0px;}
.tzggbox ul li a{color: #454444;font-size: 16px;line-height: 26px;}
.tzggbox ul li a:hover{color: #BB2525;}

.row{margin-left: -15px;margin-right: -15px;}

.gmjsbox {padding: 70px 0px 25px 0px;}
.gmjsbox .leftimg{width: 350px;}
.gmjsbox .rightcon{width: calc(100% - 350px);}
.gmjsbox .itembox .item{margin-bottom: 20px;}
.gmjsbox .itembox .item .imgbox{height: 215px;position: relative;}
.gmjsbox .itembox .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.gmjsbox .itembox .item .imgbox .catname{background:rgba(0,0,0,0.5);position: absolute;width: 100%;bottom: 0px;padding: 10px 20px;color: #FFFFFF;font-size: 16px; }
.gmjsbox .itembox .item .imgbox .catname a{color: #FFFFFF;}
.gmjsbox .itembox .item .conname{font-size: 18px;line-height: 30px;padding: 12px 0px;min-height: 85px;}
.gmjsbox .itembox .item .conname a{color:#242424 ;}
.gmjsbox .itembox .item .conname a:hover{color:#BB2525 ;}

.gmjsbox .tagbox::before{content: '';display: block;height: 220px;width: 2px;background: #BB2525;left: 30px;top: -72px;position: absolute;}
.gmjsbox .tagbox::after{content: '';display: block;height: 2px;width: 460px;background: #BB2525;left: 0px;top: 0px;position: absolute;}
.gmjsbox .tagbox .big{color: #202020;font-size: 34px;line-height: 36px;writing-mode: vertical-lr;writing-mode: tb-lr;}
.gmjsbox .tagbox .small{color: #8C8C8C;font-size: 16px;line-height: 16px;writing-mode: vertical-lr;writing-mode: tb-lr;position: absolute;left: 110px;top: 120px;height: 200px;}
.r-itembox .tagbox{width: 86px;padding: 0px;position: relative;padding-left: 50px;padding-top: 40px;}
.r-itembox .itembox{width: calc(100% - 86px);padding-right: 0;margin-right: -15px;}

.advbox1{margin-bottom: 60px;}

.cxxjbox{background: #F9F9F9;padding-bottom: 70px;}
.l-itembox .tagbox{width: 86px;padding: 0px;position: relative;padding-right: 50px;padding-top: 40px;}
.l-itembox .itembox{width: calc(100% - 86px);padding-left: 0;margin-left: -15px;}
.l-itembox .tagbox::before{left: auto;right: 30px;}
.l-itembox .tagbox::after{left: auto; right: 0px;}
.l-itembox .tagbox .small{left: auto;right: 110px;}

.advbox2{margin-top: -60px;}

.yjcsbox .itembox{background: #F9F9F9;padding: 10px 20px 10px 20px;margin-top: -70px;}
.yjcsbox .tzgg-tit{padding: 15px 0px 20px 0px;}
.yjcsbox .itembox .item{margin-bottom: 15px;}
.yjcsbox .item a{font-size: 18px;color: #242424;line-height: 30px;}
.yjcsbox .item a:hover{color: #BB2525;}
.yjcsbox .item .intro{margin-top: 3px;}
.yjcsbox .item .intro span{font-size: 16px;color: #858585;line-height: 20px;margin-right: 15px;display: inline-block;}

.yjcsbox .tit{color: #252525;font-size: 24px;line-height: 34px; padding-left: 110px;position: relative;margin-top: -15px;margin-bottom: 10px;}
.yjcsbox .tit::after{content: '';position: absolute;width: 100px;height: 2px;background: #BB2525;left: 0;top: 16px; }
.yjcsbox .tit span{color: #666;font-size: 18px;}

.ztpxbox {margin-top: 40px;}
.ztpxbox .rightcon{width: 100%;}
.ztpxbox .itembox{padding: 0;margin-top: -70px;}
.ztpxbox .subbox{background: #F9F9F9;padding: 25px 20px;}
.ztpxbox .subbox a{color: #242424;font-size: 18px;line-height: 30px;display: inline-block;margin-bottom: 15px;min-height: 60px;}
.ztpxbox .subbox a:hover{color: #BB2525;}
.ztpxbox .subbox .data{color: #858585;font-size: 16px;line-height: 24px;padding-left: 38px;background: url(../../images/dzgx/bg.png) no-repeat left center; }

.zyyxbox .zyyx-tit{margin-bottom: 30px;}
.zyyxbox .zyyx-tit .imgbox{text-align: center;position: relative;padding: 60px 0px 70px;}
.zyyxbox .zyyx-tit .imgbox img{max-width: 50%;}
.zyyxbox .zyyx-tit .imgbox .left{width: 100px;height: 2px;background: #BB2525;display: inline-block;position: absolute;top: 30px;left: 15%;}
.zyyxbox .zyyx-tit .imgbox .left::after{position: absolute;content: '';display: block;width: 2px;height: 100px;background: #BB2525;top: -30px;left: calc(20% + 10px);}
.zyyxbox .zyyx-tit .imgbox .right{width: 100px;height: 2px;background: #BB2525;display: inline-block;position: absolute;bottom: 30px;right: 15%;}
.zyyxbox .zyyx-tit .imgbox .right::after{position: absolute;content: '';display: block;width: 2px;height: 100px;background: #BB2525;bottom: -30px;right: calc(20% + 10px);}
.zyyxbox .zyyx-tit .more{float: right;color: #C6C6C6;}
.zyyxbox .zyyx-tit .more:hover{color:#BB2525 ;}

.zyyxbox .box{margin-bottom: 30px;}
.zyyxbox .listbox .item{margin-bottom: 20px;}
.zyyxbox .listbox .item .imgbox{height: 215px;position: relative;}
.zyyxbox .listbox .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.zyyxbox .listbox .item .conname{font-size: 18px;line-height: 30px;padding: 12px 0px;min-height: 54px;}
.zyyxbox .listbox .item .conname a{color:#242424 ;}
.zyyxbox .listbox .item .conname a:hover{color:#BB2525 ;}




/* 党史学习通用列表页 */
.headerwrap{padding-bottom: 0;}
.footer-top .social li a:hover{background-color: #BB2525;}
.footer-top .link .tit{color: #BB2525;}
.go_top{background: url(../../images/dyp/icon25.png) no-repeat center center;}
.go_top:hover{background: url(../../images/dyp/icon26.png) no-repeat center center;}

.border .title{border-left: 2px solid #BB2525;}

.campus-detail .detail .detail-h2{color: #BB2525;}
.campus-detail .detail .detail_t .set-size em.on{color: #BB2525;}
.campus-detail .content-info .pages .hoverbtn.on{background: #BB2525;}
.campus-detail .content-info .pages .hoverbtn{background: rgba(199,31,37,0.3);}
#divComment .comment-con .com-btn{background: #BB2525;}
.campus-detail .bshare-custom .bshare-sinaminiblog{background:url('../../images/dyp/weibo.png') no-repeat center center;}
.campus-detail .bshare-custom .bshare-qqim{background:url('../../images/dyp/QQ.png') no-repeat center center;}
.campus-detail .bshare-custom .weixin,.campus-detail .bshare-custom .bshare-weixin{background:url('../../images/dyp/wechat.png') no-repeat center center;}
.campus-detail .share-left .comment{background:url('../../images/dyp/comment.png') no-repeat center;}
.campus-detail .share-left .like{background:url('../../images/dyp/like.png') no-repeat center;}
.campus-detail .infoblock{border-color:#BB2525 ;padding-bottom: 30px;}


.position{background: url(../../images/dyp/pos.png) center left no-repeat;}

.notice .topic{border-left: 2px solid #BB2525;}
.notice .noticelist a:hover{border-color: #BB2525;background-image: url(../../images/dyp/arrow-h.png);}
.notice .noticelist a:hover .title{color: #BB2525;}
.notice ul li:hover{background: url(../../images/dyp/arrow-h.png) no-repeat 20px center;}

.campus-detail .video-summary span{color: #BB2525;}

.pageBar .cur, .pagebox .kkpager .pageBtnWrap .curr {background: #BB2525;}

.dzgx-shtml.museum .dsxx-menu{margin-bottom: 0;}
.dzgx-shtml.museum .position{background: url(../../images/dyp/pos.png) center left no-repeat;}
.dzgx-shtml.museum .yrhmenu li.active{border-top: 2px solid #CE1111 !important;}
.dzgx-shtml.museum .yrhmenu li.active a{color: #CE1111 !important;}
.dzgx-shtml.museum .infoblock{border-top: 4px solid #CE1111;}
.dzgx-shtml.museum .infoblock .qkjs a{color: #CE1111 !important;}
.dzgx-shtml.museum .leftlist .source {background: url(../../images/services/icon.png) left center no-repeat;}
.dzgx-shtml.museum .leftlist .source a {color: #CE1111;}
.dzgx-shtml.tpgj .leftlist .border{margin: 0;}
.dzgx-shtml.ssbspt.campus-detail .detail .detail-h2 {color: #CE1111 !important;}

.dsxx-school .schoollist .campus-box a .more{color: #CE1111;}
.dsxx-school .schoollist .campus-box a:hover {border: 1px solid #CE1111;border-top: 2px solid #CE1111;}
.dsxx-school .schoollist .campus-box a:hover .topborder{border-top: 2px solid #CE1111;}


@media (min-width:1200px) {
  .zyyxbox .box{width: 1100px;}
}

@media (max-width:1300px) {
  .gmjsbox .tagbox .small{left: 90px;}
  .l-itembox .tagbox .small{right: 90px;left: auto;}
}
@media (max-width:992px) {
  .dsxx-index .right{padding-left: 0;}

  .r-itembox .tagbox,.l-itembox .tagbox{display: none;}

  .gmjsbox{padding: 30px 0px 10px 0px;}
  .gmjsbox .leftimg{width: 250px;}
  .gmjsbox .rightcon{width: calc(100% - 220px);margin: 0px -15px;}
  .r-itembox .itembox,.l-itembox .itembox{width: 100%;padding: 0;}

  .advbox1{margin-bottom: 0px;}
  .advbox2{margin-top: -10px;}

  .yjcsbox .itembox{padding:5px 15px 15px;margin: 0;}
  .yjcsbox .tit{margin-top: 10px;font-size: 20px;line-height: 26px;padding-left: 50px;}
  .yjcsbox .tit::after{width: 40px;}

  .zyyxbox .listbox .item .imgbox{height: 180px;}
}

@media (max-width:768px) {
  .dsxx-index .sylbt{height: 400px;}

  .gmjsbox .leftimg{display: none;}
  .gmjsbox .rightcon{width:100%;margin: 0px;}
  .r-itembox .itembox, .l-itembox .itembox{margin: 0px -15px;width: calc(100% + 30px);}

  .ztpxbox .itembox{margin: 0px;width: 100%;}

  .zyyxbox .zyyx-tit{margin-top: 20px;}
  .zyyxbox .zyyx-tit .imgbox{padding: 20px 0px;}
  .zyyxbox .zyyx-tit .imgbox .left,.zyyxbox .zyyx-tit .imgbox .right{display: none;}
  .zyyxbox .zyyx-tit .imgbox img{max-width: 70%;}
  
}

@media (max-width:680px) {
  .dsxx-index .sylbt{height: 350px;}
}

@media (max-width:540px) {
  .dsxx-index .sylbt{height: 300px;}
}
@media (max-width:420px) {
  .dsxx-index .sylbt{height: 240px;}
  .gmjsbox .itembox .item .imgbox{height: 180px;}
  .zyyxbox .listbox .item .imgbox{height: 130px;}
}
@media (max-width:375px) {
  .dsxx-index .sylbt{height: 200px;}
}
@media (max-width:320px) {
  .dsxx-index .sylbt{height: 180px;}
}