
@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url("../../fonts/YouSheBiaoTiHei.TTF");
}
@font-face {
  font-family: 'SourceHanSerifCN-Bold';
  src: url("https://sizhengwang.cn/fonts/SourceHanSerifCN-Bold.otf");
}
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url("../../fonts/SourceHanSansCN-Bold.otf");
}
@font-face {
  font-family: 'SourceHanSansCN-Medium';
  src: url("../../fonts/SourceHanSansCN-Medium.otf");
}
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url("../../fonts/SourceHanSansCN-Regular.otf");
}
@font-face {
  font-family: 'YouSheBiaoTiYuan';
  src: url("../../fonts/YouSheBiaoTiYuan-2.otf");
}

.left-menu ul .all{background:#2651c1;border-color: #2651c1;}
.left-menu ul .active .font, .left-menu ul .childli:hover .font,.xgyd .title,.commentbox .title,.rmtj .title{border-left-color: #406fe9;}
.commentbox .com-btn{background-color:#406fe9;}
.newslist{padding: 0 !important;}
.rmtj ul li a:hover{color: #406fe9;background-image: url(../../images/index/icon22.png);}

body{font-family: SourceHanSansCN-Regular;max-width: 1920px;margin: 0 auto;}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
[class^="col-"]{padding: 0px 10px;}
.row{margin: 0px -10px;}
.col-md-33{width: 31%;float: left;}
.col-md-34{width: 38%;float: left;}



.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font36{font-size: 36px;}

.zjheader .topBanner img{min-height: 250px;object-fit: cover;}
.zjszHeader{position: relative;background: #406fe9;}
.zjszHeader .menu{width: 100%;}
.zjszHeader .menu .nav-item{width: auto;flex: 1;}
.zjszHeader .menu ul li a{color: #fff;font-size: 18px;line-height: 70px;text-align: center;display: block;}
.zjszHeader .menu ul li.active,.zjszHeader .menu ul li:hover{background: #2651c1;font-family: SourceHanSansCN-Bold;}
.zjszHeader.topnav{position: fixed;top: 0;width: 100%;z-index: 999;}

/* 底部 */
.zjFooter{padding:0;margin-top: 50px;}
.zjFooter, .zjFooter a{color:#fff}
.zjFooter .topLinks{background:#406FE9;padding:70px 0 55px;}
.zjFooter .topLinks .title{font-size: 20px;}
.zjFooter .topLinks .title span{margin:0 8px}
.zjFooter .topLinks a{display:inline-block;margin-top:22px;max-width: 100%;}
.zjFooter .bottom{background: #406FE9;line-height: 22px;padding: 20px 0px;}
.zjFooter .bottom a{display: inline-block;}

.zxTit{display: flex;justify-content: space-between;border-bottom: 1px dashed #1a4bb2;align-items: center;}
.zxTit .name{font-family: YouSheBiaoTiHei;color: #343434;line-height: 50px; border-bottom: 4px solid #2651c1;margin-bottom: -2px;}
.zxTit .name span{color: #1a4bb2;}
.zxTit .morebtn{color: #999999;}
.zxTit .morebtn:hover{color: #1a4bb2;}

.ztTitle{text-align: center;background: url(../../images/zjsz/icon5.png) no-repeat center;margin: 20px 0px 50px;position: relative;}
.ztTitle .font{display: inline-block;font-family: YouSheBiaoTiHei;color: #343434;}
.ztTitle .font span{color: #1a4bb2;}
.ztTitle .morebtn{color: #999999;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: 20px;line-height: 20px;}
.ztTitle .morebtn:hover{color: #1a4bb2;}

.gxTit{padding: 25px 0px 23px;margin-bottom: 15px; display: flex;align-items: center;justify-content: space-between;}
.gxTit .title{font-family: YouSheBiaoTiYuan;position: relative;color: #333;padding-left:15px;line-height: 40px;}
.gxTit .title::after{position: absolute;left: 0;top: 0;bottom: 0;margin: auto; display: block;content: '';width: 4px;height: 26px;background: #2651c1;}
.gxTit .morebtn{color: #999999;}
.gxTit .morebtn:hover{color: #1a4bb2;}

/* 首页轮播图 */
.xwzxWrap{background: url(../../images/zjsz/icon1.png) no-repeat center right;margin-top: 50px;padding-top: 50px;}
.xwzxWrap .leftbox{position: relative;}
.xwzxWrap .linWrap{display: flex;align-items: center;margin: 15px 0px;}
.xwzxWrap .leftbox .topbtn{width:38px;height:38px;margin-right: 15px;cursor: pointer;}
.xwzxWrap .leftbox .swiper-button-prev1{background: url(../../images/zjsz/icon2.png) no-repeat center;}
.xwzxWrap .leftbox .swiper-button-next1{background: url(../../images/zjsz/icon3.png) no-repeat center;}
.xwzxWrap .leftbox .swiper-button-prev1:hover{background: url(../../images/zjsz/icon2_on.png) no-repeat center;}
.xwzxWrap .leftbox .swiper-button-next1:hover{background: url(../../images/zjsz/icon3_on.png) no-repeat center;}
.xwzxWrap .leftbox .sLine{height: 1px;margin-left: 20px; width: 335px;border-bottom: 1px dashed #1a4bb2;position: relative;}
.xwzxWrap .leftbox .sLine::after{position: absolute;left: 0;top: -2px; display: block;content: '';width: 55px;height: 4px;background-color: #2651c1;}
.xwzxWrap .topSwiper{height: 420px;position: relative;overflow: hidden;}
.xwzxWrap .imgbox{position: relative;width: 100%;height: 100%;}
.xwzxWrap .font{color: #ffffff;position: absolute;bottom: 0; line-height: 28px;padding: 20px 25px 13px;width: 100%;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100%);}

/* 首页通知公告 */
.xwzxBox{margin-top: -5px;padding-right: 20px;}
.xwzxBox .xwzxList{font-family: SourceHanSansCN-Regular;}
.xwzxBox .xwzxList .item{padding: 15px 0px 10px;}
.xwzxBox .xwzxList .item:last-child{border: none;}
.xwzxBox .xwzxList .title a{color: #343434;line-height: 24px;max-width: 100%;font-family: SourceHanSansCN-Medium;min-height: 48px;}
.xwzxBox .xwzxList .title a:hover{color: #1a4bb2;}
.xwzxBox .xwzxList .info{color: #999999;line-height: 22px;}
.xwzxBox .xwzxList .time{color: #999999;line-height: 22px;}
.xwzxBox .xwzxList .date{position: relative;width: 56px;height: 50px;color: #ffffff;}
.xwzxBox .xwzxList .date .con{background-color: #406fe9;width: 100%;height: 100%; border-radius: 4px;position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.xwzxBox .xwzxList .date::after{position: absolute;display: block;content: '';width: 100%;height: 100%;border-radius: 4px;background: #1a4bb2;left: 0;bottom: -2px; }
.xwzxBox .xwzxList .day{font-family: SourceHanSansCN-Bold;line-height: 24px;}
.xwzxBox .xwzxList .years{line-height: 14px;}
.xwzxBox .xwzxList .item-cover{display: flex;}
.xwzxBox .xwzxList .item-cover .infomation{margin-left: 18px;width: calc(100% - 75px);}
.xwzxBox .xwzxList .first .info{min-height: 44px;margin: 5px 0px;}

/* 首页菜单广告位 */
.pxWrap {padding: 50px 0px 30px ;}
.pxWrap .box{margin-bottom: 20px; border-radius: 6px;height: 100px;font-family: SourceHanSansCN-Medium;display: flex;align-items: center;justify-content: center;}
.pxWrap .box span{display: inline-block;padding-left: 80px;color: #323232;line-height: 60px;}
.pxWrap .box1{background:#e7f7ec url(../../images/zjsz/bj1.png) no-repeat bottom right;}
.pxWrap .box2{background:#e7f1ff url(../../images/zjsz/bj2.png) no-repeat bottom right;}
.pxWrap .box3{background:#fff8ee url(../../images/zjsz/bj3.png) no-repeat bottom right;}
.pxWrap .box1 span{background: url(../../images/zjsz/px1.png) no-repeat center left;}
.pxWrap .box2 span{background: url(../../images/zjsz/px2.png) no-repeat center left;}
.pxWrap .box3 span{background: url(../../images/zjsz/px3.png) no-repeat center left;}

/* 首页专题培训 */
.bg1{background: url(../../images/zjsz/icon9.png) no-repeat left 80px;margin-bottom: 60px;}
.bg2{background: url(../../images/zjsz/icon10.png) no-repeat right center;padding-bottom: 45px;}
.bg3{background: url(../../images/zjsz/icon12.png) no-repeat right 80px;margin-bottom: 60px;}
.bg4{background: url(../../images/zjsz/icon11.png) no-repeat left center;padding-bottom: 45px;}

.ztpxbox .box{background: #ffffff;border-radius: 6px;height: 430px;margin-bottom: 20px;}
.ztpxbox .box1{box-shadow: 0px 5px 30px 2px rgba(40, 78, 164, 0.11);}
.ztpxbox .box2{padding: 5px 25px;}
.ztpxbox .box1 .imgbox{height: 270px;position: relative;}
.ztpxbox .box1 .imgbox .tipbox{position: absolute;z-index: 1; top: 0;left: 0; display: inline-block;background-color: #f54747;border-radius: 6px 0px 6px 0px;padding: 5px 10px;}
.ztpxbox .box1 .imgbox .tipbox .tip{line-height: 24px;font-family: SourceHanSansCN-Medium;color: #fff;padding-left: 18px;background: url(../../images/zjsz/icon8.png) no-repeat left center;}
.ztpxbox .box1 .btm{padding: 10px 25px 0px;}
.ztpxbox .box1 .btm .title{color: #343434;line-height: 24px;min-height: 48px;}
.ztpxbox .box1 .btm .info{color: #989898;line-height: 26px;min-height: 52px;margin-top: 6px;}
.ztpxbox .box1 .btm .time{color: #989898;line-height:26px;margin-top: 5px;}
.ztpxbox .box1 .btm .title:hover{color: #1a4bb2;}
.ztpxbox .box2 .item{border-bottom: 1px dashed #1a4bb2;position: relative;}
.ztpxbox .box2 .item .cLine{position: absolute;left: 0;bottom: -2px; display: block;width: 51px;height: 4px;background-color: #2651c1;}
.ztpxbox .box2 .item:last-child{border: none;}
.ztpxbox .box2 .item:last-child .cLine{display:none;}
.ztpxbox .box2 .item a{color: #333;line-height: 65px;max-width: 100%;display: inline-block;}
.ztpxbox .box2 .item a:hover{color: #1a4bb2;}

/* 授课专家 */
.skzjWrap{margin-bottom: 30px;}
.skzjWrap .box{position: relative;padding-top: 180%;background-color: #e7f1ff;border-radius: 6px;padding-top: 180%;margin-bottom: 20px;}
.skzjWrap .box .imgbox{position: absolute;top: 0;width: 100%;padding-top: 177%;}
.skzjWrap .box .imgbox img{position: absolute;top: 0;}
.skzjWrap .box .fontWrap{display: flex;flex-direction: column;justify-content: flex-end;position: absolute;color: #ffffff;padding: 40px 30px 25px; bottom: 0;width: 100%;height: 36%; background: url(../../images/zjsz/icon13.png) no-repeat center bottom;}
.skzjWrap .box .fontWrap .name{font-family: SourceHanSansCN-Bold;position: relative;line-height: 32px;padding: 10px 0px;margin-bottom: 13px;}
.skzjWrap .box .fontWrap .name::after{position: absolute;display: block;content: '';width: 30px;height: 3px;background: #fff;bottom: -3px;}
.skzjWrap .box .fontWrap .school{line-height: 26px;}

/* 学员风采 */
.xyfcWrap{position: relative;margin-bottom: 30px;}
.xyfcWrap .xyfcSwiper{overflow: hidden;position: relative;}
.xyfcWrap .topbtn{width:38px;height:38px;cursor: pointer;position: absolute;top: 0;bottom: 0;margin: auto;}
.xyfcWrap .swiper-button-prev2{background: url(../../images/zjsz/icon2.png) no-repeat center;left: -65px;}
.xyfcWrap .swiper-button-next2{background: url(../../images/zjsz/icon3.png) no-repeat center;right: -65px;}
.xyfcWrap .swiper-button-prev2:hover{background: url(../../images/zjsz/icon2_on.png) no-repeat center;}
.xyfcWrap .swiper-button-next2:hover{background: url(../../images/zjsz/icon3_on.png) no-repeat center;}
.xyfcWrap .swiper-slide a{display: block;margin-bottom: 20px;}
.xyfcWrap .box{background-color: #ffffff;box-shadow: 0px 8px 19px 2px rgba(51, 102, 158, 0.1);border-radius: 4px;height: 300px;position: relative;}
.xyfcWrap .box::after{position: absolute;display: block;content: '';width: 70px;height: 3px;background-color: #2651c1;bottom: 0;left: 15px; }
.xyfcWrap .box .imgbox{height: 170px;}
.xyfcWrap .box .fontWrap{padding: 15px 15px 0px;}
.xyfcWrap .box .fontWrap .name{color: #333333;font-family: SourceHanSansCN-Medium;min-height: 52px;line-height: 26px;}
.xyfcWrap .box .fontWrap .name:hover{color: #1a4bb2;}
.xyfcWrap .box .fontWrap .school{color: #999999;line-height: 24px;margin-top: 5px;}
.xyfcWrap .box .fontWrap .time{color: #999999;line-height: 24px;}
.xyfcWrap .box .fontWrap .icon{display: inline-block;width: 20px;height: 10px;background: url(../../images/zjsz/icon14.png) no-repeat center;}

/* 应用案例 */
.yxalWrap .item{padding:30px 25px 35px;background-image: linear-gradient(0deg,#ffffff 0%,#edf5ff 100%);margin-bottom:20px}
.yxalWrap .item .img{margin:0 auto}
.yxalWrap .item .name{margin:20px 0;font-family: SourceHanSansCN-Bold;color: #333;}
.yxalWrap .item .summary{line-height: 26px;color:#333333;min-height:210px;text-align: justify;font-family: SourceHanSansCN-Regular;}
.yxalWrap .row>div:nth-child(2) .item{margin-top:44px}
.yxalWrap .row>div:nth-child(3) .item{margin-top:88px}


@media ( max-width : 1200px) {
  .skzjWrap .box .fontWrap{padding: 10px 20px;background-size: contain;}
  .skzjWrap .box .fontWrap .name{padding: 5px 0px;margin-bottom: 8px;}
  .skzjWrap .box .fontWrap .school{font-size: 14px;line-height: 22px;}

  .bg1,.bg3{margin-bottom: 30px;}
}
@media ( max-width : 992px) {
  .col-md-34,.col-md-33{width: 100%;}

  .xwzxWrap{background: none;margin-top: 30px;padding: 0;}
  .xwzxBox{padding-right: 0;}

  .bg1{background: #edf5ff;}
  .bg2,.bg3,.bg4{background: none;}

  .yxalWrap .item .summary{min-height: auto;}
  .yxalWrap .row>div:nth-child(2) .item,.yxalWrap .row>div:nth-child(3) .item{margin-top: 0;}

}
@media ( max-width : 768px) {
  .font36{font-size: 32px;}
  .font30{font-size: 26px;}
  .font24{font-size: 20px;}
  .font16{font-size: 14px;}

  .zjszHeader .menu .nav-item{flex: none;}
  .zjszHeader .menu ul li a{padding: 0px 20px;}

  .pxWrap{padding: 20px 0px 10px;}
  .xwzxWrap .topSwiper{height: 300px;}
  .xwzxWrap .linWrap{justify-content: space-between;}
  
  .ztTitle {background: none;margin: 0px 0px 20px;}
  .bg4,.bg2{padding-bottom: 0;}

  .ztpxbox .box{height: auto;}
  .ztpxbox .box1 .btm .info,.ztpxbox .box1 .btm .title{min-height: auto;}
  .ztpxbox .box1 .btm{padding: 10px 25px 15px;}
}
@media ( max-width : 540px) {
  .zjszHeader .menu ul li a{line-height: 50px;font-size: 16px;}
  .zjheader .topBanner img{min-height: 150px;}

  .skzjWrap .box .fontWrap{background:#3F6DE7;}
  .xwzxWrap .topSwiper{height: 250px;}
  .xwzxWrap .leftbox .topbtn,.xyfcWrap .topbtn{background-size: contain !important;width: 30px;height: 30px;}
  .xwzxWrap .leftbox .sLine{width: calc(100% - 100px);margin-left: 0;}

  .pxWrap .box{height: 80px;}
  .pxWrap .box span{padding-left: 60px;line-height: 45px;background-size: contain;}

  .bg1, .bg3{margin-bottom: 0;}

  .gxTit{padding: 10px 0px;margin-bottom: 0;}
  .gxTit .title{font-size: 20px;padding-left: 10px;}

  .xyfcWrap .box{width: 285px;margin: 0 auto;}
  .xyfcWrap .swiper-button-next2{right: 0px;z-index: 99;}
  .xyfcWrap .swiper-button-prev2{left: 0px;z-index: 99;}
  


	.zjFooter .topLinks a{margin-top:10px}
	.zjFooter .bottom{line-height: 24px;padding:15px 0}

}

@media screen and (max-width: 420px) {
  .zjFooter .topLinks{padding: 20px 0px 30px;}
  .zjFooter .topLinks .title{font-size: 18px;}
  .zjFooter .topLinks .title span{margin: 0;}
  .zjFooter .bottom{padding: 10px 0px;}
}


