/* 公共部分 */
div[class^='col-']{padding: 0px 10px;}
._row{margin: 0px -10px;}
img{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}

.bannerbox{text-align: center;}

/* ----------------工作案例专题---------------- */
.gzal-page{background: #f7f8fb;height: auto;}
.gzal-page .headtop{background: #fff;}

/* 头部 */
.headerbox{width:100%;}
.headerbox .container{padding: 0px;position: relative;}
.headerbox.topnav{position: fixed;top:0;z-index: 999;}
.headerbox .menu ul li{width:auto}
.headerbox .menu ul li a{color: #ffffff;font-size: 22px;line-height: 80px;padding: 0px 35px;display: block;}
.headerbox .menu ul li.active,.headerbox .menu ul li:hover{background: #2d50ea;}
.headerbox .cjhd{position: absolute;right: 0;top: -10px;z-index: 1;}

.headerbox1{background: #486aff;}
.headerbox1 .menu ul li.active,.headerbox1 .menu ul li:hover{background: #2d50ea;}

.headerbox2{background: #337bee;}
.headerbox2 .menu ul li.active,.headerbox2 .menu ul li:hover{background: #5593f6;}

.headerbox3{background: #cc3613;}
.headerbox3 .menu ul li.active,.headerbox3 .menu ul li:hover{background: #ac2707;}

.headerbox4{background: #1856c7;}
.headerbox4 .menu ul li.active,.headerbox4 .menu ul li:hover{background: #3f78eb;}


/* 工作案例-首页 */
.gzal-page .gzal-tit {margin: 20px 0px;position: relative;background: url(../../images/yzszt/icon2.png) no-repeat right center;}
.gzal-page .gzal-tit .left{color: #3d3d40;font-size: 30px;line-height: 30px;font-weight: bold;display: inline-block;}
.gzal-page .gzal-tit .left .font{color: #2d50ea;}
.gzal-page .gzal-tit .morebtn{position: absolute;right: 0;top:0;bottom: 0;margin: auto; z-index: 1; color: #999999;font-size: 12px;line-height: 20px;height: 20px;padding: 0px 6px;display: inline-block;background: #eaeaea;}
.gzal-page .gzal-tit1 {background: url(../../images/yzszt/icon5.png) no-repeat right center;}

.gzal-page .pub-tit{margin: 20px 0px;position: relative;background: url(../../images/yzszt/icon3.png) no-repeat right center;}
.gzal-page .pub-tit .left{color: #3d3d40;font-size: 24px;line-height: 30px;font-weight: bold;}
.gzal-page .pub-tit .left .font{color: #e92d2d;}
.gzal-page .pub-tit .morebtn{position: absolute;right: 0;top:0;bottom: 0;margin: auto; z-index: 1; color: #999999;font-size: 12px;line-height: 20px;height: 20px;padding: 0px 6px;display: inline-block;background: #eaeaea;}
.gzal-page .pub-tit1{background: url(../../images/yzszt/icon4.png) no-repeat right center;}

.gzal-page .portrait {margin-bottom: 20px;}
.gzal-page .portrait .wrap{margin-bottom: 14px;padding: 1px 0px;}
.gzal-page .portrait .img-block{width: 100%;height: 160px;position: relative;max-width: 290px;margin: 0 auto 9px;}
.gzal-page .portrait .img-block .video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3) url(../../images/sqfc/icon9.png) no-repeat center center;}
.gzal-page .portrait .img-block .time{position: absolute;z-index: 1;color: #ffffff;font-size: 16px;right: 10px;bottom: 10px;}
.gzal-page .portrait .titlelink{color: #242424;font-size: 18px;line-height: 28px;min-height: 56px;}
.gzal-page .portrait .titlelink:hover{color:#2d50ea}
.gzal-page .portrait .cat{margin-top: 4px;margin-bottom: 10px;}
.gzal-page .portrait .cat .yrhlogo{width: 30px;height: 30px;display: inline-block;border-radius: 50%;overflow: hidden;}
.gzal-page .portrait .cat .yrhname{line-height: 30px;color: #666666;font-size: 16px;margin-left: 10px;}

.gzal-page .fourbox{margin: 0px -7px;}
.gzal-page .fourbox .item{width: 50%;padding: 0px 7px;}

.gzal-page .notice-content{}
.gzal-page .notice-content .item{margin-bottom: 2px;background: #ffffff;border-left: 2px solid #e6e6e6;padding: 18px 15px 18px 20px;}
.gzal-page .notice-content .titlelink{font-size: 18px;line-height: 28px;color: #242424;min-height: 56px;}
.gzal-page .notice-content .titlelink:hover{color:#2d50ea;}

.gzal-page .rdb-content{}
.gzal-page .rdb-content .item{margin-bottom: 2px;border-left: 2px solid #e6e6e6;padding: 18px 15px 18px 20px;}
.gzal-page .rdb-content .titlelink{font-size: 18px;line-height: 28px;color: #242424;min-height: 56px;}
.gzal-page .rdb-content .titlelink:hover{color:#2d50ea}
.gzal-page .rdb-content .item1{background:#ffffff url(../../images/yzszt/1.png) no-repeat calc(100% - 20px) calc(100% + 2px);}
.gzal-page .rdb-content .item2{background:#ffffff url(../../images/yzszt/2.png) no-repeat calc(100% - 20px) calc(100% + 2px);}
.gzal-page .rdb-content .item3{background:#ffffff url(../../images/yzszt/3.png) no-repeat calc(100% - 20px) calc(100% + 2px);}
.gzal-page .rdb-content .item4{background:#ffffff url(../../images/yzszt/4.png) no-repeat calc(100% - 20px) calc(100% + 2px);}
.gzal-page .rdb-content .item5{background:#ffffff url(../../images/yzszt/5.png) no-repeat calc(100% - 20px) calc(100% + 2px);}

.gzal-page .rdb-content .video-top{margin-bottom: 12px;}
.gzal-page .rdb-content .video-top .img-block{width: 60px;height: 42px;margin-right: 15px;}
.gzal-page .rdb-content .video-top .titlelink{margin-bottom: 0;margin-top: -4px;}

.gzal-page .tagcloudbox{width: 100%;height: 288px;background-color: #ffffff;border: solid 1px #e5e5e5;padding: 30px 15px;overflow: hidden;}
.gzal-page .tagcloud{position: relative;width: 100%;height: 100%;}
.gzal-page .tagcloud a {position: absolute; display: flex;border-radius: 50%;overflow: hidden;color: #fff;font-size: 16px;text-decoration: none;text-align: center;justify-content:center;padding: 0px;align-items: center;}
.gzal-page .b01{width: 36px;height: 36px;line-height: 20px;font-size: 12px;padding:8px 0px;}
.gzal-page .b02{width: 48px;height: 48px;line-height: 24px;font-size: 12px;padding:12px 0px;}
.gzal-page .b03{width: 52px;height: 52px;line-height: 20px;font-size: 14px;padding:16px 0px;}
.gzal-page .b04{width: 51px;height: 51px;line-height: 19px;font-size: 12px;padding:16px 0px;}
.gzal-page .b05{width: 56px;height: 56px;line-height: 20px;font-size: 12px;padding:16px 0px;}
.gzal-page .b06{width: 70px;height: 70px;line-height: 22px;font-size: 14px;padding:24px 0px;}
.gzal-page .b07{width: 84px;height: 84px;line-height: 84px;font-size: 16px;}
.gzal-page .co01{background: rgba(69,95,161,0.6);}
.gzal-page .co02{background: rgba(69,95,161,0.2);}
.gzal-page .co03{background: rgba(69,95,161,0.5);}
.gzal-page .co04{background: rgba(69,95,161,0.6);}
.gzal-page .co05{background: rgba(69,95,161,0.7);}
.gzal-page .co06{background: rgba(69,95,161,1);}
.gzal-page .co07{background: rgba(69,95,161,0.9);}

.gzal-page .newlistbox{background-color: #ffffff;border: solid 1px #ededed;padding: 24px 15px 10px 20px;height: 360px;margin-bottom: 20px;}
.gzal-page .newlistbox .item-first{border-bottom: 1px solid #f4f4f4;padding-bottom: 18px;margin-bottom: 10px;}
.gzal-page .newlistbox .item-first .img-block{width: 144px;height: 100px;margin-right: 20px;}
.gzal-page .newlistbox .item-first .info{overflow: hidden;}
.gzal-page .newlistbox .titlelink{font-size: 16px;color: #333333;line-height: 24px;display: inline-block;max-width: 100%;}
.gzal-page .newlistbox .titlelink:hover{color:#2d50ea}
.gzal-page .newlistbox .summary{color: #999999;line-height: 16px;font-size: 14px;min-height: 32px;margin: 3px 0px 13px;}
.gzal-page .newlistbox .yrhlogo{width: 25px;height: 25px;border-radius: 50%;overflow: hidden;}
.gzal-page .newlistbox .yrhname{color: #666666;font-size: 14px;line-height: 25px;margin-left: 10px;}
.gzal-page .newlistbox .item-first .yrhname{max-width: calc(100% - 38px);}

.gzal-page .newlistbox .item {padding: 7px 0px 7px 15px;background: url(../../images/sqfc/icon13.png) no-repeat left center;}
.gzal-page .newlistbox .item .titlelink{max-width: calc(100% - 150px);}
.gzal-page .newlistbox .item .yrhname{display: inline-block;max-width: 100px;}
.gzal-page .newlistbox .item .cat{width: 135px;}

/* 工作案例-首页 - end */
.zxlist .leftmenu{padding: 0;}


@media (max-width: 991px) {
  .headerbox .menu ul li a{font-size: 18px;line-height: 60px;padding:0px 20px;}
  .headerbox .yptsy img{max-height: 60px;}

  .gzal-page .col-md-4 .portrait .wrap{float: left;width: calc(50% - 10px);}
  .gzal-page .col-md-4 .portrait .wrap:nth-child(2){float: right;}
}
@media (max-width: 767px){  
  .gzal-page .gzal-tit .left{font-size: 26px;}
  .gzal-page .gzal-tit{background-size: 80%;}
}
@media (max-width: 540px){
  .m-t-md{margin-top: 0;}

  .bannerbox img{height: 120px;width: 100%;object-fit: cover;}
  .headerbox .menu ul li a{font-size: 16px;line-height: 45px;}
  .headerbox .yptsy img{max-height: 45px;}
  
  .gzal-page .gzal-tit .left,.gzal-page .pub-tit .left{font-size: 22px;}
  .gzal-page .gzal-tit,.gzal-page .pub-tit,.gzal-tit1{background: none;}
 
  .gzal-page .fourbox .item{width: 100%;}
  .gzal-page .col-md-4 .portrait .wrap{width: 100%;}
  .gzal-page .portrait .titlelink{font-size: 16px;line-height: 24px;}
  .gzal-page .newlistbox .titlelink{font-size: 14px;}
  
  .zxlist .leftmenu{overflow-x: auto;margin-top: 15px;}
  .zxlist .leftmenu .yrhmenu{width: 690px;}
  .zxlist .leftmenu li{width: 14.2%;}
}



/* ============== 社区团队 ================= */
 
/* 轮播图 */
#certify{position: relative;margin: 0 auto 40px;}
#certify .swiper-container{width: calc(100% - 100px);margin: 0 auto;}
#certify .swiper-slide{width: 740px;height: 420px;}
#certify .swiper-slide img{display: block;width: 100%;height: 100%;}
#certify .swiper-slide .name{opacity: 0; width: 100%;line-height: 30px;padding: 12px 15px;text-align: center;color: #ffffff;font-size: 18px;position: absolute;bottom: 0;background: rgba(0,0,0,0.7); }
#certify .swiper-slide-active .name{opacity: 1;}
#certify .swiper-pagination{left: 0;right: 0;bottom: -30px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;background-color: #494949;width: 10px;height: 10px;opacity: 0.2;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #337bee;opacity: 1;}

#certify .swiper-button-prev{left: 0px;background:#3b82f5 url(../../images/yzszt/icon12.png) center center no-repeat;}
#certify .swiper-button-next{right: 0px;background:#3b82f5 url(../../images/yzszt/icon11.png) center center no-repeat;}
#certify .swiper-button-prev,#certify .swiper-button-next{width: 40px;height: 262px;opacity: 0.2;top: 0;bottom: 0;margin: auto; }
#certify .swiper-button-prev:hover,#certify .swiper-button-next:hover{opacity: 1;}

.sqtd-page .public-tit{padding: 50px 0px;text-align: center;}
.sqtd-page .public-tit .left{}
.sqtd-page .public-tit .morebtn{font-size: 12px;color: #999;line-height: 100px;}

.sqtd-page .gzjybox .item{width: 25%;padding: 0px 10px;}
.sqtd-page .gzjybox .wrap{margin-bottom: 14px;padding: 1px 0px;border: solid 2px #e9e9e9;}
.sqtd-page .gzjybox .img-block{width: 100%;height: 165px;position: relative;max-width: 290px;margin: 0 auto 5px;}
.sqtd-page .gzjybox .info{padding: 6px 20px 0px;}
.sqtd-page .gzjybox .titlelink{color: #333333;font-size: 18px;line-height: 26px;min-height: 52px;}
.sqtd-page .gzjybox .titlelink:hover{color:#337bee}
.sqtd-page .gzjybox .summary{color: #666666;font-size: 14px;line-height: 22px;min-height: 44px;margin: 10px 0px;}
.sqtd-page .gzjybox .cat{padding: 12px 0px 10px;border-top: 2px solid rgba(222, 222, 222, 0.5);}
.sqtd-page .gzjybox .cat .yrhlogo{width: 24px;height: 24px;display: inline-block;border-radius: 50%;overflow: hidden;}
.sqtd-page .gzjybox .cat .yrhname{line-height: 24px;color: #666666;font-size: 14px;margin-left: 10px;max-width: calc(100% - 35px);}

.sqtd-page .portrait .item{width: 25%;padding: 0px 10px;}
.sqtd-page .portrait .wrap{margin-bottom: 14px;padding: 1px 0px;}
.sqtd-page .portrait .img-block{width: 100%;height: 165px;position: relative;max-width: 290px;margin: 0 auto 9px;}
.sqtd-page .portrait .titlelink{color: #333333;font-size: 18px;line-height: 26px;min-height: 52px;}
.sqtd-page .portrait .titlelink:hover{color:#337bee}
.sqtd-page .portrait .cat{margin-top: 14px;margin-bottom: 10px;}
.sqtd-page .portrait .cat .yrhlogo{width: 24px;height: 24px;display: inline-block;border-radius: 50%;overflow: hidden;}
.sqtd-page .portrait .cat .yrhname{line-height: 24px;color: #666666;font-size: 14px;margin-left: 10px;}

.sqtd-page .newlistbox{}
.sqtd-page .newlistbox .item-first{border-bottom: 1px solid rgba(222, 222, 222, 0.5);padding-bottom: 20px;margin-bottom: 10px;}
.sqtd-page .newlistbox .item-first .img-block{width: 300px;height: 180px;margin-right: 20px;}
.sqtd-page .newlistbox .item-first .info{overflow: hidden;}
.sqtd-page .newlistbox .titlelink{font-size: 18px;color: #333333;line-height: 26px;max-width: 100%;}
.sqtd-page .newlistbox .titlelink:hover{color:#337bee}
.sqtd-page .newlistbox .summary{color: #666666;line-height: 22px;font-size: 14px;min-height: 44px;margin: 3px 0px 13px;}
.sqtd-page .newlistbox .yrhlogo{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;}
.sqtd-page .newlistbox .yrhname{color: #999999;font-size: 14px;line-height: 24px;margin-left: 10px;}
.sqtd-page .newlistbox .item-first .yrhname{max-width: calc(100% - 38px);}
.sqtd-page .newlistbox .item-first .titlelink{font-weight: bold;min-height: 52px;margin: 13px 0px;}

.sqtd-page .newlistbox .item {padding: 7px 0px 7px 15px;position: relative;}
.sqtd-page .newlistbox .item::before{position: absolute;top: 0;bottom: 0;left: 0;margin: auto; content: '';display: block;width: 4px;height: 4px;background: #dddddd;border-radius: 50%;}
.sqtd-page .newlistbox .item .titlelink{max-width: calc(100% - 150px);font-size: 16px;}
.sqtd-page .newlistbox .item .yrhname{display: inline-block;max-width: 100px;}
.sqtd-page .newlistbox .item .cat{width: 135px;}


@media (max-width: 991px) {
  .sqtd-page .gzjybox .item,.sqtd-page .portrait .item{width: 50%;}
}
@media (max-width: 768px) {
  #certify .swiper-slide{width: 540px;height: 310px;}
}
@media (max-width: 540px) {
  #certify .swiper-button-prev, #certify .swiper-button-next{display: none;}
  #certify .swiper-slide{width: 340px;height: 200px;}

  .sqtd-page .public-tit{padding: 20px 0px;}
  .sqtd-page .public-tit img{max-height: 70px;}
  .sqtd-page .public-tit .morebtn{line-height: 70px;}
  .sqtd-page .newlistbox .item-first .img-block{width: 160px;height: 90px;}
  .sqtd-page .newlistbox .item-first .titlelink{margin-top: 0;font-size: 16px;}
  .sqtd-page .newlistbox .summary{display: none;}
  .sqtd-page .gzjybox .item,.sqtd-page .portrait .item{width: 100%;}  
  .sqtd-page .gzjybox .titlelink,.sqtd-page .portrait .titlelink{font-size: 16px;}

  #certify .swiper-container{width: 100%;}
  #certify .swiper-slide .name{font-size: 14px;padding: 5px 15px;}
}



/* ============== 书香社区 ================= */
.sxsq-page{background: url(../../images/yzszt/icon17.png) no-repeat center center;background-size: cover;height: auto;}

.sxsq-page .public-tit{padding: 40px 0px;text-align: center;}
.sxsq-page .public-tit .left{}
.sxsq-page .public-tit .morebtn{font-size: 12px;color: #999;line-height: 80px;}

.sxsq-page .tszfbox{position: relative;margin: 50px -10px 20px;}
.sxsq-page .tszfbox .box{position: relative; background-color: #ffffff;border-radius: 8px;border: solid 2px #cc3613;padding: 30px 10px 10px 10px;}
.sxsq-page .tszfbox .bg{position: absolute;left: 0;right: 0;margin: auto; height: calc(100% + 50px);top: -30px;width: calc(100% - 125px); background-color: #ee4b25;border-radius: 8px;}
.sxsq-page .tszfbox .bg .icon{position: absolute; }
.sxsq-page .tszfbox .bg .icon1{left: 144px;top: -15px;}
.sxsq-page .tszfbox .bg .icon2{right: 144px;top: -15px;}

.sxsq-page .tszfbox .right {border-left: 2px solid #ee4b25;position: relative;padding-left: 20px;}
.sxsq-page .tszfbox .right::after{position: absolute;top: 0;bottom: 0;margin: auto;left: -5px;display: block;content: '';height: 100%;width: 7px; background: url(../../images/yzszt/icon19.png) no-repeat center;}

.sxsq-page .tszfbox .left .item{width: 50%;padding: 0px 10px;}
.sxsq-page .tszfbox .left .wrap{background: #fff;height: 280px;}
.sxsq-page .tszfbox .left .img-block{width: 100%;height: 165px;position: relative;max-width: 280px;margin: 0 auto 9px;}
.sxsq-page .tszfbox .left .info{padding: 0px 15px;}

.sxsq-page .tszfbox .haslogo{margin-bottom: 25px;}
.sxsq-page .tszfbox .haslogo .img-block{width: 180px;height: 105px;position: relative;}
.sxsq-page .tszfbox .haslogo .info{margin-left: 200px;}
.sxsq-page .tszfbox .nologo{padding: 5px 20px 0px;}
.sxsq-page .tszfbox .nologo:hover{background-color: #feebe1;}
.sxsq-page .tszfbox .nologo .titlelink{max-width: 100%;display: inline-block;min-height: 26px;}
.sxsq-page .tszfbox .nologo .cat{height: 24px;}

.sxsq-page .tszfbox .titlelink{color: #333333;font-size: 18px;line-height: 26px;min-height: 52px;}
.sxsq-page .tszfbox .cat{margin-top: 14px;margin-bottom: 10px;}
.sxsq-page .tszfbox .cat .yrhlogo{width: 24px;height: 24px;display: inline-block;border-radius: 50%;overflow: hidden;}
.sxsq-page .tszfbox .cat .yrhname{line-height: 24px;color: #666666;font-size: 14px;margin-left: 10px;}


.sxsq-page .sxltbox .item{width: 25%;padding: 0px 10px;}
.sxsq-page .sxltbox .wrap{margin-bottom: 14px;background: #fff;height: 285px;}
.sxsq-page .sxltbox .wrap:hover{background: #cc3613;}
.sxsq-page .sxltbox .img-block{width: 100%;height: 165px;position: relative;max-width: 290px;margin: 0 auto 9px;}
.sxsq-page .sxltbox .info{padding: 0px 15px;}
.sxsq-page .sxltbox .titlelink{color: #333333;font-size: 18px;line-height: 26px;min-height: 52px;}
.sxsq-page .sxltbox .cat{margin-top: 14px;margin-bottom: 10px;}
.sxsq-page .sxltbox .cat .yrhlogo{width: 24px;height: 24px;display: inline-block;border-radius: 50%;overflow: hidden;}
.sxsq-page .sxltbox .cat .yrhname{line-height: 24px;color: #666666;font-size: 14px;margin-left: 10px;}
.sxsq-page .sxltbox .wrap:hover .titlelink,.sxsq-page .sxltbox .wrap:hover .yrhname{color: #fff;}

.sxsq-page .portrait{position: relative;padding: 20px 0px;}
.sxsq-page .portrait .top,.sxsq-page .portrait .btm{position: absolute;border-radius: 8px;background-image: linear-gradient(234deg,#ffe2bc 0%,#ee4b25 100%),linear-gradient( #ee4b25, #ee4b25);}
.sxsq-page .portrait .top{width: 320px;height: 235px;top: 0;right: -20px; }
.sxsq-page .portrait .btm{width: 100%;height: 426px;bottom: 0;left: -20px;}
.sxsq-page .portrait .box{background-color: #ffffff;border-radius: 8px;border: solid 2px #cc3613;padding: 40px 15px 10px;position: relative;z-index: 1;}
.sxsq-page .portrait .item{width: 33.33%;padding: 0px 15px;}
.sxsq-page .portrait .wrap{margin-bottom: 30px;padding: 1px 0px;height: 380px; background-color: #ffffff;box-shadow: 0px 7px 10px 0px rgba(83, 83, 83, 0.2);}
.sxsq-page .portrait .img-block{width: 100%;height: 210px;position: relative;max-width: 360px;margin: 0 auto 9px;}
.sxsq-page .portrait .img-block .video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3) url(../../images/sqfc/icon9.png) no-repeat center center;}
.sxsq-page .portrait .info{padding: 0px 20px;}
.sxsq-page .portrait .titlelink{color: #333333;font-size: 20px;line-height: 26px;max-width: 100%;display: inline-block;}
.sxsq-page .portrait .summary{color: #666666;font-size: 16px;line-height: 20px;}
.sxsq-page .portrait .cat{margin-top: 14px;margin-bottom: 10px;}
.sxsq-page .portrait .cat .yrhlogo{width: 24px;height: 24px;display: inline-block;border-radius: 50%;overflow: hidden;}
.sxsq-page .portrait .cat .yrhname{line-height: 24px;color: #666666;font-size: 14px;margin-left: 10px;}



@media (max-width:992px) {
  .sxsq-page .tszfbox .right{border: none;}
  .sxsq-page .tszfbox .right::after{display: none;}
  .sxsq-page .sxltbox .item,.sxsq-page .portrait .item{width: 50%;}
}
@media (max-width:540px) {
  .sxsq-page .public-tit{padding: 20px 0px;}
  .sxsq-page .public-tit .left img{height: 60px;}
  .sxsq-page .public-tit .morebtn{line-height: 65px;}

  .sxsq-page .tszfbox .box{padding: 10px 5px 5px 5px;}
  .sxsq-page .tszfbox .left .item,.sxsq-page .tszfbox .left{padding: 0px;}
  .sxsq-page .tszfbox .titlelink,.sxsq-page .sxltbox .titlelink,.sxsq-page .portrait .titlelink{font-size: 16px;line-height: 24px;}
  .sxsq-page .tszfbox .nologo{padding: 5px 0px 0px;}

  .sxsq-page .tszfbox .left .item,.sxsq-page .sxltbox .item,.sxsq-page .portrait .item{width: 100%;}
  .sxsq-page .portrait .top,.sxsq-page .portrait .btm{display: none;}
  .sxsq-page .portrait .box{padding: 0;border: none;}
}


/* 书香社区-列表颜色修改 */
.sxsq-page .leftmenu li.first a{background: #cc3613;}
.sxsq-page .leftmenu li.active a,.sxsq-page .leftmenu li a:hover{color: #cc3613;}
.sxsq-page .per{color: #cc3613;}
.sxsq-page .position{background: url('../../images/yzszt/icon23.png') center left no-repeat;}

/* 公共列表页 */
.yzszt-listpage .leftlist .border{background: #fff;}



/* 详情页调整 */
.yzszt-detail .share-box .share-con{background: none;}
.yzszt-detail .campus-detail .mainbox{background: #fff;overflow: hidden;}
.yzszt-detail .campus-detail .detail-content.txt{margin-top: 0;}
.yzszt-detail #divComment .userinfo .nameinput{background: #fff;}
.yzszt-detail #divComment .comment-con{background: #fff;}



/* 一站式专题汇总页 */
.ellipsis7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.catalogimg{overflow: hidden;}
.catalogimg img{-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;}
.catalogimg:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.yzshz-page{}
.yzshz-page .slick-wra{height:410px;position:relative;}
.yzshz-page .gallery-top{height:410px;}
.yzshz-page .gallery-top img{object-fit: cover;width: 100%;height: 100%;}
.yzshz-page .gallery-thumbs{position: absolute;right: 0;top: 0;background: rgba(0,0,0,0.5);width:190px;height:100%;}
.yzshz-page .gallery-thumbs .swiper-wrapper{display:block}
.yzshz-page .gallery-thumbs .swiper-wrapper .swiper-slide{height:25%;color:#fff;width: 100% !important;padding: 30px 16px;line-height:26px;font-size:18px;cursor:pointer;}
.yzshz-page .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{background: #1856c7;}

.yzshz-page .noticebox{}
.yzshz-page .noticebox .icontitle{}
.yzshz-page .noticebox .more{font-size: 14px;color: #bbbbbb;line-height: 46px;}
.yzshz-page .noticebox ul{margin-top: 25px;}
.yzshz-page .noticebox li{margin-bottom: 10px; background-color: #f0e9e3;line-height: 58px;border-left: 7px solid #f0e9e3;padding: 0px 35px 0px 30px; }
.yzshz-page .noticebox li a{color: #666666;font-size: 18px;display: block;max-width: 100%;}
.yzshz-page .noticebox li:hover{border-left: 7px solid #1856c7;}
.yzshz-page .noticebox li:hover a{color: #333333;}

.yzshz-page .jtbox{height: 524px;background-color: #fafafa;border: solid 2px #e9e9e9;position: relative;padding-top: 60px;}
.yzshz-page .jtbox .img-block{width: 576px;height: 328px;margin-top: 40px;margin-right: 20px;}
.yzshz-page .jtbox .fontbox{padding: 35px 610px 30px 25px;}
.yzshz-page .jtbox .fontbox .titlelink{font-size: 20px;color: #333333;line-height: 30px;}
.yzshz-page .jtbox .fontbox .yrhname{font-size: 16px;color: #999999;line-height: 30px;margin: 7px 0px 10px;}
.yzshz-page .jtbox .fontbox .summary{font-size: 18px;color: #666666;line-height: 29px;}
.yzshz-page .jtbox .fontbox .morebtn{margin-top: 25px;padding: 0px 14px;font-size: 16px;color: #ffffff;line-height: 40px;display: inline-block;border-radius: 3px;background-color: #1856c7;}


.yzshz-page .portrait .item{width: 33.33%;padding: 0px 10px;}
.yzshz-page .portrait .wrap{margin-bottom: 10px;padding: 1px 0px;}
.yzshz-page .portrait .img-block{width: 100%;height: 165px;position: relative;max-width: 290px;margin: 0 auto 6px;}
.yzshz-page .portrait .titlelink{color: #333333;font-size: 18px;line-height: 26px;display: inline-block;max-width: 100%;}
.yzshz-page .portrait .titlelink:hover{color:#337bee}
.yzshz-page .portrait .cat{margin-top: 5px;margin-bottom: 10px;}
.yzshz-page .portrait .cat .yrhlogo{width: 20px;height: 20px;display: inline-block;border-radius: 50%;overflow: hidden;}
.yzshz-page .portrait .cat .yrhname{line-height: 20px;color: #666666;font-size: 14px;margin-left: 10px;}

.catalog-logo{text-align: right;}
.catalogbox{font-weight: bold; background-image: linear-gradient(90deg, #3f8cff 0%, #5cd3ff 100%);margin-bottom: 15px; }
.catalogbox a{display: block;color: #fff;font-size: 20px;line-height: 50px;padding: 0px 20px;}

.yzshz-page .new-swiper{height: 536px;}
.yzshz-page .new-swiper .name{font-size: 20px;position: absolute;left:0;bottom:0;width:100%;line-height: 70px;padding:0 200px 0px 20px;color:#fff;background: rgba(0,0,0,.38);}
.yzshz-page .new-swiper .swiper-page{left: auto;right: 20px;width: auto;bottom: 24px; }
.yzshz-page .new-swiper .swiper-pagination-bullet{width: 14px;height: 14px;}
.yzshz-page .new-swiper .swiper-pagination-bullet-active{width: 27px;background-color: #1856c7;border-radius: 6px;}


@media (min-width:992px) {
  .yzshz-page .portrait .col-md-9{width: 79%;}
  .yzshz-page .portrait .col-md-3{width: 21%;}
}
@media (max-width:1200px) {
  .yzshz-page .jtbox{padding-top: 0;height: 456px;}
  .yzshz-page .jtbox .img-block{width: 480px;height: 270px;top: 0;}
  .yzshz-page .jtbox .fontbox{padding-right: 500px;}
  .yzshz-page .jtbox .fontbox .summary{font-size: 16px;line-height: 26px;}
  .yzshz-page .new-swiper{height: 460px;}
}
@media (max-width:992px) {
  .yzshz-page .noticebox{margin-top: 20px;}
  .yzshz-page .col-md-3.fr{float: none;}
  .yzshz-page .jtbox{height: auto;}
  .yzshz-page .jtbox .img-block{width: 400px;height: 225px;}
  .yzshz-page .jtbox .fontbox{padding-right: 420px;}
}
@media (max-width:640px) {
  .yzshz-page .gallery-top,.yzshz-page .slick-wra{height: 350px;}
  .yzshz-page .gallery-thumbs{display: none;}
  .yzshz-page .jtbox{height: auto;}
  .yzshz-page .jtbox .img-block{position: relative;margin: 15px auto 0px;float: none;}
  .yzshz-page .jtbox .fontbox{padding: 20px;}
  .yzshz-page .jtbox .fontbox .summary{-webkit-line-clamp: 3;}
  .yzshz-page .jtbox .fontbox .morebtn{float: none;}
  .yzshz-page .portrait .item{width: 50%;}
  .yzshz-page .new-swiper{height: 350px;}
  .yzshz-page .new-swiper .name{line-height: 50px;font-size: 18px;padding: 0px 15px;}
  .yzshz-page .new-swiper .swiper-page{display: none;}
}
@media (max-width:540px) {
  .yzshz-page .gallery-top,.yzshz-page .slick-wra{height: 200px;}
  .yzshz-page .noticebox li{padding: 0px 20px;line-height: 45px;}
  .yzshz-page .noticebox li a{font-size: 16px;}
  .yzshz-page .jtbox .img-block{max-width: 100%;height: 180px;}
  .yzshz-page .jtbox .fontbox .titlelink{font-size: 18px;}
  .yzshz-page .jtbox .fontbox .yrhname{font-size: 14px;}
  .yzshz-page .jtbox .fontbox .morebtn{font-size: 14px;line-height: 35px;}
  .yzshz-page .portrait .item{width: 100%;}
  .yzshz-page .new-swiper{height: 200px;}
  .yzshz-page .new-swiper .name{line-height: 40px;font-size: 14px;}
}