/* wushi fix 2020-4-27 */
/* rest */
span,p{ font-size:inherit; color: inherit;}
.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;}
/*swiper 01*/
.swiper-container01{border-top-right-radius: 50px; border-bottom-left-radius: 50px; margin-top: 15px;}
.swiper-container01 .swiper-slide{ position: relative;}
.swiper-container01 .mask{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: #000; opacity: 0.7;}
.swiper-container01 .desc{ font:24px/50px "Microsoft YaHei"; color: #fff; width:100%; height: 50px; position: absolute; left: 0; bottom: 0; z-index: 9; text-align: center;}
.swiper-container01 .swiper-pagination{ position: absolute; bottom: 60px; left: inherit; right: 15px; z-index: 10; text-align: right;}
.swiper-container01 .swiper-pagination-bullet{ background: #fff; width: 9px; height: 9px; opacity: 1; margin: 0 5px;}
.swiper-container01 .swiper-pagination-bullet-active{ background:#ffba00;}
.swiper-container01 .mask{ display: block; top: inherit;}

.swiper-container01 .swiper-slide a{ display: block;}
.swiper-container01 img{width: 100%; }

.swiper-container01 .swiper-button-next,.swiper-container01 .swiper-button-prev{ color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 30px;}


/*移动端--首页*/
@media screen and (max-width: 767px) {
  .wrap1200{ width: 100%; margin: 0 auto;}
  html { width: 100%;}
  html body { width: 100%; height: 100%; background: #FFF; } 

  .swiper-container01 .swiper-pagination, .imgTxt .mettingMod,.imgTxt .viewMod,.imgTxt .tool .channel, .imgTxt .info .author, .imgTxt .info .from, .imgTxt .desc, .w840 .listNav, .w840 .hotWord, .w320{ display: none;}
  .swiper-container01 .swiper-button-next,.swiper-container01 .swiper-button-prev,.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.cebnet.com.cn/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;}

  .swiper-container01{ border-radius: 5px; margin-top: 15px;}
  .swiper-container01 .mask,.swiper-container01 .desc{ height: 40px; line-height: 40px; font-size:14px;}

  


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

  .wrap1200{ width: 100%; margin: 0 auto;}
  html { width: 100%;}
  html body { width: 100%; height: 100%; background: #FFF; } 

  .imgTxt .mettingMod,.imgTxt .viewMod,.imgTxt .tool .channel, .imgTxt .info .author, .imgTxt .info .from, .imgTxt .desc, .w840 .listNav, .w840 .hotWord, .w320{ display: none;}
  .swiper-container01 .swiper-pagination,.swiper-container01 .swiper-button-next,.swiper-container01 .swiper-button-prev, .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--首页*/
@media screen and (min-width: 1200px) {


  .swiper-container01 .swiper-pagination,.imgTxt .mettingMod,.imgTxt .viewMod,.imgTxt .tool .channel, .imgTxt .info .author, .imgTxt .info .from, .imgTxt .desc,.w840 .listNav, .w840 .hotWord, .w320{ display: block;}
  .swiper-container01 .swiper-button-next,.swiper-container01 .swiper-button-prev{ display: none;}

/*swiper 01*/
/* .swiper-container01{border-top-right-radius: 50px; border-bottom-left-radius: 50px; margin-top: 15px;}
.swiper-container01 .swiper-slide{ position: relative;}
.swiper-container01 .mask{ position: absolute; bottom: 0; left: 0; width: 840px; height: 50px; background: #000; opacity: 0.7;}
.swiper-container01 .desc{ font:24px/50px "Microsoft YaHei"; color: #fff; width: 840px; height: 50px; position: absolute; left: 0; bottom: 0; z-index: 9; text-align: center;}
.swiper-container01 .swiper-pagination{ position: absolute; bottom: 60px; left: inherit; right: 15px; z-index: 10; text-align: right;}
.swiper-container01 .swiper-pagination-bullet{ background: #fff; width: 9px; height: 9px; opacity: 1; margin: 0 5px;}
.swiper-container01 .swiper-pagination-bullet-active{ background:#ffba00;} */

/* 图文混排*/
.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{ background:url(https://www.cebnet.com.cn/index-new/img/bg.png) no-repeat -28px -177px; padding-left: 30px; display: inline-block;}
.imgTxt .info .from,.imgTxt .info .time{ margin-left: 20px; display: inline-block;}
.imgTxt .tool{ font:14px/30px "Microsoft YaHei"; float: right; margin-top: 10px;}
.imgTxt .tool .keyword{  background:url(https://www.cebnet.com.cn/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;}

.viewMod{padding: 0 !important;  border-top: none !important;}
.viewMod .top{ height: 35px; background:url(https://www.cebnet.com.cn/index-new/img/view_top.jpg) no-repeat;}
.viewMod .bottom{ height: 10px; background:url(https://www.cebnet.com.cn/index-new/img/view_bottom.jpg) no-repeat;}

/*图片列表*/
.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{ background: #ecfbff; padding: 8px 0 8px 3px;}
.imgList01 li { float:left; border: solid 1px #898989; width: 270px; height: 200px; padding: 0; margin-left: 5px; position: relative; overflow: hidden;}
.imgList01 li .pic{ width: 268px; height: 198px; transition: all 0.5s ease-in-out;}
.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.cebnet.com.cn/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.cebnet.com.cn/index-new/img/metting_top.jpg) no-repeat;}
.mettingMod .bottom{ height: 10px; background:url(https://www.cebnet.com.cn/index-new/img/metting_bottom.jpg) no-repeat;}
.mettingMod .bd{ background: #ffebd2; padding: 8px;}
.mettingMod .intro{ float: left; background: #fff; font:12px/20px "Microsoft YaHei"; color: #333; width: 260px; height: 200px; padding: 20px 10px 20px 20px; border: solid 1px #898989;}
.mettingMod .intro .logo{ float: right; margin: 0 0 5px 20px; width: 73px; height: 73px;}

/*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;}



/*hd01*/
.hd01{ height: 50px; background: #e5e5e5; border-top-left-radius: 38px; overflow: hidden; margin-top: 15px;}
.hd01 .tit{ color:#666; font:bold 24px/60px "Microsoft YaHei"; margin-left: 32px; float: left;}
.hd01 .line{ width: 5px; height: 22px; background: #006fa5; float: left; border-radius: 3px; margin: 20px 5px 0 5px;}
.hd01 .english{ color: #ccc;font:bold 20px/68px "arial"; float: left;} 
.hd01 .more{ color:#666; font:14px/68px "Microsoft YaHei"; float: right; margin-right: 20px;}

.bor{ border: solid 1px #dcdcdc; margin-top: 2px;}
/* background: url(https://www.cebnet.com.cn/index-new/img/line_ybg.jpg) repeat-y 7px 2px; */
.list01{  }
.list01 li{ position: relative;  border-left: solid 1px #99c5db; padding-bottom: 20px;}
.list01 .tit{ margin-left: -8px; color:#000; display: block; font:bold 16px/18px "Microsoft YaHei"; background: url(https://www.cebnet.com.cn/index-new/img/bg.png) no-repeat -36px -461px; padding-left: 20px;}
.list01 .tit:hover{ color:#0065cd;}
.list01 .info{ color:#999; font:12px/16px "Microsoft YaHei"; padding-left: 12px;}
.list01 .info .time{ margin-left: 25px;}
.list01 li.last{ border-left: solid 1px transparent;}

.list01 .alterDiv{ display: none; width: 164px; padding:10px 8px 20px 8px; border: solid 1px #a2e1ff; background:#fff url(https://www.cebnet.com.cn/index-new/img/arrow.jpg) no-repeat 1px 1px; position: absolute; left: 180px; top: 22px; z-index: 9; box-shadow: #f4f4f4 4px 6px 1px;}
.list01 .alterDiv .alterTit{ color: #006fa5; font:bold 16px/22px "Microsoft YaHei";}
.list01 .alterDiv .info{ padding:3px 0;}
.list01 .alterDiv .desc{ color:#333; font:14px/22px "Microsoft YaHei";}
.list01 li:hover .alterDiv{ display: block;}
/* background: url(https://www.cebnet.com.cn/index-new/img/line_ybg.jpg) repeat-y 7px 2px; */
.list02 { font:14px/18px "Microsoft YaHei"; color: #333;}
.list02 li{ border-left: solid 1px #99c5db; padding-bottom: 20px;}
.list02 .tit{ margin-right: 10px; line-height: 18px; padding-left: 20px; background: url(https://www.cebnet.com.cn/index-new/img/bg.png) no-repeat -39px -571px; margin-left: -8px;}
.list02 .tit a:hover{ color:#0065cd;}
.list02 .where{ color: #666; font-size: 12px; white-space:nowrap; position: relative; top: -3px;}
.list02 .default{ width: 0px; height: 15px; background: #fff; margin-top: -39px; position: relative;}
.list02 li a{ top: -3px; position: relative;}
.list02 li.last{ border-left: solid 1px transparent;}
.newMod .bd{ padding:20px 10px 0 15px;}

/*hd02*/
.hd02{ height: 40px; background: #e5e5e5; margin-top: 30px; overflow: hidden;}
.hd02 .tit{ color:#666; font:bold 20px/46px "Microsoft YaHei"; margin-left: 10px; float: left;}
.hd02 .line{ width: 5px; height: 22px; background: #006fa5; float: left; border-radius: 3px; margin: 13px 5px 0 5px;}
.hd02 .english{ color: #ccc; font:bold 16px/58px "arial"; float: left;}

.rankMod .bd{ padding: 20px 20px 0 20px;}

.list03 li{ border-left: solid 1px #99c5db; position: relative; padding:0 0 20px 18px;}
.list03 li .num{ width: 15px; height: 15px; color: #fff; background: #338cb7; border-radius: 50%; text-align: center; font:bold 14px/15px "Microsoft YaHei"; position: absolute; left: -8px; top: 0;}
.list03 li .tit{ font:bold 14px/18px "Microsoft YaHei"; position: relative; top: -2px;}
.list03 .tit:hover{ color:#0065cd;}
.list03 .last{  border-left: solid 1px transparent;}

.list04 li{ border-left: solid 1px #99c5db; position: relative; padding:0 0 20px 18px;}
.list04 li .icon{ width: 9px; height: 9px; background: #99c5db; border-radius: 50%; position: absolute; left: -5px; top: 0;}
.list04 li .tit{ font:14px/18px "Microsoft YaHei"; color: #333; position: relative; top: -4px;}
.list04 .tit:hover{ color:#0065cd;}
.list04 .last{  border-left: solid 1px transparent;}

/*hd03*/
.hd03{ height: 40px; margin-top: 30px; overflow: hidden;}
.hd03 .tit{ color:#666; font:bold 20px/46px "Microsoft YaHei"; margin-left: 10px; float: left;}
.hd03 .line{ width: 5px; height: 22px; background: #006fa5; float: left; border-radius: 3px; margin: 13px 5px 0 5px;}
.hd03 .english{ color: #ccc; font:bold 16px/58px "arial"; float: left;}

.researchMod{ color: #333; font:16px/22px "Microsoft YaHei";}
.researchMod .pic{ margin: 10px 0 20px 0; }
.researchMod .tit{ font-weight: 900;}
.researchMod .desc{ font-size: 14px; text-indent: 2em; margin-top: 5px;}
.researchMod .more{ color: #333;}

.recruitMod .bd{ padding: 20px 20px 0 20px;}
.list05 li{ margin-bottom: 20px;}
.list05 li .tit{ color:#000; font:bold 16px/20px "Microsoft YaHei"; padding-left: 20px; background: url(https://www.cebnet.com.cn/index-new/img/bg.png) no-repeat -36px -461px; }
.list05 li .where{ color: #006fa5; font: 12px/20px "Microsoft YaHei"; margin-left: 5px;}
.list05 li .desc{ color: #000; font: 14px/22px "Microsoft YaHei"; padding-left: 20px;}
.list05 .tit a:hover{ color:#0065cd;}

.hd04{ height: 50px; background: #e5e5e5; border-bottom-right-radius: 38px; overflow: hidden; margin-top: 2px;}

.MettingMod .bd{ padding: 2px; position: relative; height: 317px; transform: translateZ(0); height:324px;}
.MettingMod .zAccountPlanL{ margin-bottom: -3px; position: absolute; left: 0; top: 0; width: 600px;overflow: hidden;}

.MettingMod .bd{ position: relative; z-index: 1;}
.recruitMod{ position: relative; z-index: 2;}

.MettingMod:hover .bd{ z-index: 2;}
.recruitMod:hover{ z-index: 1;}


/*list 2020-4-1 add*/
.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{ 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; border-top:solid 1px #fff; border-right:solid 1px #fff;}
.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.cebnet.com.cn/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.cebnet.com.cn/index-new/img/bg.png) no-repeat  323px -382px;}
/*more 补丁*/
.moreBtn{ background:#e5e5e5 url(https://www.cebnet.com.cn/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.cebnet.com.cn/index-new/img/bg.png) no-repeat  323px -382px !important;}
.moreBtn img{ display:none;}
.moreBtn .load_click{line-height:50px !important; }



/* 新页面，补丁 */
.wrap1200{ width: 1200px; margin: 0 auto;}
.w840{ width: 840px; float: left; margin: 0;}
.w320{ width: 320px;}
.imgTxt .h4{ float: none; width: auto; margin: 0;}
.imgTxt .info, .imgTxt .info .time { float: none; width: auto; overflow: initial;}
.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;}



}