/* wushi fix 2020-4-27 */
/* rest */

.imgTxt .pic img{-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
/*  */
.imgTxt .noImg .desc .ywlj{color: #0065cd; white-space: nowrap;}

/*移动端--left*/
@media screen and (max-width: 767px) {

  /* left */
  .imgTxtIndexPc, .imgTxt .mettingMod,.imgTxt .viewMod,.imgTxt .tool .channel, .imgTxt .info .author, .imgTxt .info .from, .imgTxt .desc, .w840 .listNav, .w840 .hotWord{ display: none;}
  /* .imgTxt .noImg .desc{ display: block;} */


  .w840{width: 96%; margin: 15px auto 0; float: none; display: block;}
  .imgTxt li{clear: both; overflow: hidden; margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #99bede;}
  .imgTxt .pic{float: left; width: 36%; border-radius: 5px; overflow: hidden;}
  .imgTxt .pic img{width: 100%; height: 21vw;}
  .imgTxt .h4{ padding: 0; margin: 0;; font-size: 16px;line-height: 18px; height: 54px; overflow: hidden; font-weight: normal; width: 61%; float: right;}
  .imgTxt .h4 a{ color: #333;}
  .imgTxt .info{ float: right; width: 20%;overflow: hidden;}
  .imgTxt .info .time{  white-space: nowrap; display: inline-block; color: #666; font-size: 13px; float: right; margin-top: 7px;}
  .imgTxt .tool{ float: left; width: 40%; margin-left: 2%;}
  .imgTxt .tool .keyword{  background:url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat -39px -241px; padding-left: 20px; float: left;}
  .imgTxt .tool .keyword a{float: left; margin-left: 2px;color: #0065cd;line-height: 30px; font-size: 12px;}
  
  .imgTxt .noImg .h4{ width: 100%; float: none; height: auto;}
  .imgTxt .noImg .desc{ color: #666; font-size: 12px; line-height: 16px; margin: 10px 0;}


}
/*ipad--left*/
@media screen and (min-width: 768px) {


  /* left */
  .imgTxtIndexPc, .imgTxt .mettingMod,.imgTxt .viewMod,.imgTxt .tool .channel, .imgTxt .info .author, .imgTxt .info .from, .imgTxt .desc, .w840 .listNav, .w840 .hotWord{ display: none;}
  /* .imgTxt .noImg .desc{ display: block;} */
  

  .w840{width: 80%; margin: 15px auto 0; float: none; display: block;}
  .imgTxt li{clear: both; overflow: hidden; margin-top: 35px; padding-bottom: 25px; border-bottom: 1px solid #99bede;}
  .imgTxt .pic{float: left; width: 36%; border-radius: 5px; overflow: hidden;}
  .imgTxt .pic img{width: 100%; height: 18vw;}
  .imgTxt .h4{ padding: 0; margin: 0 0 46px 0; font-size: 22px;line-height: 30px; font-weight: normal; width: 61%; float: right;}
  .imgTxt .h4 a{ color: #333;}
  .imgTxt .info{ float: right; width: 20%;overflow: hidden;}
  .imgTxt .info .time{  white-space: nowrap; display: inline-block; color: #666; font-size: 16px; float: right; margin-top: 7px;}
  .imgTxt .tool{ float: left; width: 40%; margin-left: 3%;}
  .imgTxt .tool .keyword{  background:url(../img/bg.png) no-repeat -39px -241px; padding-left: 20px; float: left;}
  .imgTxt .tool .keyword a{float: left; margin-left: 2px;color: #0065cd;line-height: 30px; font-size: 16px;}
  
  .imgTxt .noImg .h4{ width: 100%; float: none;margin: 0;}
  .imgTxt .noImg .desc{ color: #666; font-size: 12px; line-height: 16px; margin: 10px 0;}
  .imgTxt .noImg .tool{ margin-left: 0%;}

  
}
/*pc--left*/
@media screen and (min-width: 1200px) {

  .w840 { width: 840px; float: left; margin: 0; }
/* left */
.imgTxtIndexPc, .imgTxt .mettingMod,.imgTxt .viewMod,.imgTxt .tool .channel, .imgTxt .info .author, .imgTxt .info .from, .imgTxt .desc,.w840 .listNav, .w840 .hotWord{ display: block;}
  

/* 图文混排*/
.imgTxt{clear:both; overflow:hidden; *zoom:1;}
.imgTxt .pic{ float:left; display:inline; margin:0 10px 0 0; text-align:center; overflow:hidden;}
.imgTxt .pic img{ overflow:hidden; vertical-align:top; margin:0 auto;}
.imgTxt .h4,.imgTxt .desc{ overflow:hidden;}

/* imgTxtMod */
.imgTxt{ margin-top: 20px;}
.imgTxt li{ padding: 15px 0; border-top: solid 1px #bfbfbf; margin-top: -1px;}
.imgTxt .pic{ height:180px; width:300px; margin-right:30px; border-radius: 5px; overflow: hidden;}
.imgTxt .pic img{ transition: all 0.5s ease-in-out;}
.imgTxt .pic:hover img{
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);}
.imgTxt .h4{ font:22px/30px "Microsoft YaHei";}
.imgTxt .h4 a{color:#000;}
.imgTxt .h4 a:hover{ color:#0065cd;}
.imgTxt .desc{ color:#666; font:14px/22px "Microsoft YaHei"; text-indent:2em; margin-top:10px;}
.imgTxt .info{ color: #666; font:12px/20px "Microsoft YaHei"; height: 20px; margin: 20px 0 0 330px;}
.imgTxt .info .author{margin-right: 20px; background:url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat -28px -177px; padding-left: 30px; display: inline-block;}
.imgTxt .info .from,.imgTxt .info .time{ margin-right: 20px; display: inline-block;}
.imgTxt .tool{ font:14px/30px "Microsoft YaHei"; float: right; margin-top: 10px;}
.imgTxt .tool .keyword{  background:url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat -39px -241px; padding-left: 20px; float: right;}
.imgTxt .tool .keyword a{ margin-right: 15px; color: #0065cd;}
.imgTxt .tool .channel{ width: 90px; height: 30px; color: #fff; float: right; text-align: center;}
.imgTxt .tool .orange{ background:#e75700;}
.imgTxt .tool .blue{ background:#2985ed;}
.imgTxt .tool .green{ background: #62a24e;}
.imgTxt .noImg .h4{font-size: 24px; font-weight: bold;}
.imgTxt .noImg .icon{ width: 12px; height: 24px; background: #0171a6; border-radius: 3px; margin:4px 10px 0 0; float: left; position: absolute;}
.imgTxt .noImg .h4 a{margin-left:15px;}

.viewMod{padding: 10px 0 30px 0 !important;  border-top: none !important; background: #fff; border-bottom: none !important; position: relative;}
.viewMod .top{ height: 35px; background:url(https://www.czbjbc.net/index-new/img/view_top.jpg) no-repeat;}
.viewMod .bottom{ height: 10px; background:url(https://www.czbjbc.net/index-new/img/view_bottom.jpg) no-repeat;}
.viewMod .hd{ padding: 0 10px; display: inline-block;; height: 36px; background: #1397bd; color: #fff; font:22px/36px "Microsoft YaHei"; text-align: center; letter-spacing:5px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
.viewMod .hd a{ color: #fff;}
/*图片列表*/
.imgList{ text-align:center; overflow:hidden;}
.imgList li{}
.imgList .pic{ display:block;}
.imgList .pic img{ vertical-align:top; margin:0 auto;}
.imgList .txt{ overflow:hidden;}

/*imgList01*/
.imgList01{  padding: 10px 0 8px 0; margin-left: -15px;}
.imgList01 li { float:left; border: solid 1px #898989; width: 270px; height: 200px; padding: 0; margin-left: 15px; position: relative; overflow: hidden;}
.imgList01 li .pic{ width: 268px; height: 198px; transition: all 0.5s ease-in-out; border-radius: inherit;}
.imgList01 li .pic:hover{-webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);}
.imgList01 .txt{ position: absolute; left: 0; bottom: 0; width: 260px; padding: 0 10px; font:14px/23px "Microsoft YaHei"; color:#fff; z-index: 9; text-align: left;}
.imgList01 .mask{ position: absolute; left: 0; bottom: 0; width: 270px; height: 50px; background:url(https://www.czbjbc.net/index-new/img/mask_xbg.png) repeat-x;}

/*mettingMod*/
.mettingMod{padding: 0 !important;  border-top: none !important;}
.mettingMod .top{ height: 35px; background:url(https://www.czbjbc.net/index-new/img/metting_top.jpg) no-repeat;}
.mettingMod .bottom{ height: 10px; background:url(https://www.czbjbc.net/index-new/img/metting_bottom.jpg) no-repeat;}
.mettingMod .bd{ background: #ffebd2; padding: 8px;}
.mettingMod .intro{ float: left; background: #fff; font:12px/19px "Microsoft YaHei"; color: #333; width: 260px; height: 200px; padding: 20px 10px 20px 12px; border: solid 1px #898989;}
.mettingMod .intro .logo{ float: right; margin: 0 0 5px 10px; width: 58px; height: 58px;}

/*swiper 02*/
.swiper-container02{ width: 550px; height: 200px; float: right;}
.swiper-container02 .swiper-slide{ position: relative;}
.swiper-container02 .mask{ position: absolute; bottom: 0; left: 0; width: 550px; height: 30px; background: #000; opacity: 0.7;}
.swiper-container02 .desc{ font:bold 14px/30px "Microsoft YaHei"; color: #fff; width: 550px; height: 30px; position: absolute; left: 0; bottom: 0; z-index: 9; text-align: center;}
.swiper-container02 .swiper-pagination{ bottom: 35px;}
.swiper-container02 .swiper-pagination-bullet{ background: #fff; width: 6px; height: 6px; opacity: 1; margin: 0 5px; transition: all 0.1s ease-in-out;}
.swiper-container02 .swiper-pagination-bullet-active{ width: 24px; border-radius: 3px; background:#ffba00;}


/*list 2020-4-1 add  left！！！*/
.listNav{ border:solid 1px #d5dde1; border-radius:6px; background:#61a3c4; padding:4px 0 1px 0; margin-top:20px;}
.listNav .fix{ background:#f2f2f2; padding:15px 0 15px 50px;}
.listNav .fix a{ font: 14px/36px "Microsoft YaHei"; color:#333; padding:2px 5px; white-space: nowrap; margin-right:25px;}
.listNav .fix .keyword{ font:bold 16px/36px "Microsoft YaHei"; color:#006fa5;}
.listNav .fix a:hover{ background:#006fa5; color:#fff;}

.hotWord{ border-radius: 5px; margin: 30px 0 0 -1px;  overflow:hidden; position:relative; z-index:9; background:#fff;padding: 0 !important; border: none !important; }
.hotWord div{ margin:15px 0; border-radius:6px; overflow:hidden;}
.hotWord a,.hotWord span{ float:left; height:60px; width:83px; text-align:center; color:#333; font:14px/60px "Microsoft YaHei"; background:#f2f2f2; margin: 0 0 1px 1px;}
.hotWord span{ background:#006fa5; font:bold 18px/60px "Microsoft YaHei"; color:#fff;}
.hotWord a:hover{ color:#fff; background:#3ba1d2; font:16px/60px "Microsoft YaHei";}
.hotWord .line{ height:1px; width:840px; overflow:hidden; background:#fff; clear:both; position:absolute; left:0; bottom:0;}


/*more*/
.moreBtn{ background:#e5e5e5 url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat  323px -311px; margin-top: 10px; height: 50px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; cursor: pointer; text-align: center; font: 18px/50px "Microsoft YaHei"; color: #000;}
.moreActive{ background:#e5e5e5 url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat  323px -382px;}
/*more 补丁*/
.moreBtn{ background:#e5e5e5 url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat  323px -311px !important; margin-top: 10px !important; height: 50px !important; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; cursor: pointer; text-align: center; font: 18px/50px "Microsoft YaHei"; color: #000; border:none !important;}
.moreActive{ background:#e5e5e5 url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat  323px -382px !important;}
.moreBtn img{ display:none;}
.moreBtn .load_click{line-height:50px !important; }



/* 新页面，补丁  ？？？*/

.imgTxt .h4{ float: none; width: auto; margin: 0;}
.imgTxt .info, .imgTxt .info .time { float: none; width: auto; overflow: initial;overflow: visible;}
.imgTxt .info .time{ font-size: 12px;}
.imgTxt .noImg .desc{font: 14px/22px "Microsoft YaHei"; margin-top: 10px;}
.imgTxt .pic img{ height: auto;}
.imgTxt .tool .keyword a{font: 14px/30px "Microsoft YaHei";}
.imgList01 .mask,.swiper-container02 .mask{ display: block; top: inherit;}
.imgList01 li{ clear: inherit;}

/* swiper safari fix*/
  .swiper-container .swiper-wrapper{display: -webkit-box;
    -webkit-box-pack: start; /* justify-content */
    -webkit-box-align: start; /* align-items */}
  
  /* safari 圆角 fix */
  html body #mains-content #bank-index .carousel .first_switchover .slick div .baaner-a img, html body #mains-content #bank-index .carousel .first_switchover .slick div .baaner-a img:hover{border-top-right-radius: 50px; border-bottom-left-radius: 50px;}
  html body #mains-content #bank-index .carousel .first_switchover .slick div .bd_bj{ border-bottom-left-radius: 50px;}
  html body #mains-content #bank-index .carousel .first_switchover .slick div .bd_bj h1{ border-bottom-left-radius: 50px;}
  html body #mains-content #bank-index .carousel .first_switchover .slick div .bd_bj h2{ border-bottom-left-radius: 50px;}

  
}



  /* -----------首页 轮播------------- */
@media screen and (min-width: 1200px) {
    html body #mains-content #bank-index .carousel .first_switchover {
        width: 100%;
        height: 460px;
        border-top-right-radius: 50px; border-bottom-left-radius: 50px;
        overflow:hidden;
      margin-top:15px;
    }
    html body #mains-content #bank-index .carousel .first_switchover .slick{
        height: 460px;
    }
    html body #mains-content #bank-index .carousel .first_switchover .slick div{
        height: 460px;
    }
    html body #mains-content #bank-index .carousel .first_switchover .slick div .baaner-a{
        height: 460px;
    }
    html body #mains-content #bank-index .carousel .first_switchover .slick div .baaner-a img{
        height: 460px;
    }
    html body #mains-content #bank-index .carousel .first_switchover .slick div .bd_bj h1{ text-align:center; background-color: rgba(0,0,0,0.7);}
    html body #mains-content #bank-index .carousel .first_switchover .slick div .bd_bj h2{ text-align:center; background-color: rgba(0,0,0,0.7);}
}