.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dynamic {
    background: #fff;
    position: relative;
    padding: 0 0 260px;
    overflow: hidden;
    background-color: #fff;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*标题*/
.z-total-title{ margin-bottom: 80px; text-align: center; position: relative; }
.z-total-title .top{ margin-bottom: 10px; }
.z-total-title .top span{ color: #94070a; font-size: 34px; vertical-align: middle; }
.z-total-title .top .circle{ display: inline-block; width: 6px; height: 6px; background: #94070a; border-radius: 50%; margin: 0 5px; }
.z-total-title .bottom{ margin-bottom: 0; }
.z-total-title .bottom span{ display: inline-block; background-color: #186cdd; width: 14px; height: 14px; border-radius: 50%; }
.z-total-title .bottom .long{ width: 43px; border-radius: 10px; margin-right: 5px; }
.z-total-title .en-introduce{ font-size: 22px; }

/*学院动态*/
.dynamic{ background: #fff; position: relative; padding: 0 0 260px; overflow: hidden; background-color: #fff; }
.dynamic .z-total-title{ padding-top: 50px; }
.dynamic .z-total-title .en-introduce{ color: #989898 }
.dynamic .bg{ position: absolute; }
.dynamic .bg3{ bottom: 0; left: 0; width: 100%; z-index: 2; }
.dynamic .bg2{ top: -166px; left: -70px; }
.dynamic .container{ position: relative; z-index: 5; }
.dynamic .introduce{ color: #4c4b4b; font-size: 14px; text-align: center; margin-bottom: 70px; position: relative; z-index: 10; padding: 0 15px; }
/*table导航栏*/
.dynamic .nav-top{ background: #f0f0f0; font-size: 0; padding: 0; position: relative; margin-bottom: 30px}
.dynamic .nav-top .top-left{ margin-bottom: 0; display: inline-block; }
.dynamic .nav-top .top-left span{font-size: 20px; padding: 10px 30px; display: inline-block; color: #666; letter-spacing: 1px; cursor: pointer; }
.dynamic .nav-top .top-left span:hover{ color: #fff; background: #94070a; }
.dynamic .nav-top .top-left span.active{ color: #fff; background: #94070a; }
.dynamic .nav-top .more{ font-size: 12px; color: #6c6c6c; position: absolute; top: 50%; transform: translateY(-50%); right: 14px; }
/*学院通知*/
.dynamic .xytz-wrap { display: block; }

/*新闻列表*/
/*.dynamic-wraper>div{ display: none; }*/
.dynamic .left{ height: 325px; padding: 0 50px 0 0; box-sizing: border-box; display: inline-block; overflow: hidden; }
.dynamic .left .carousel-wrap{ width: 100%; height: 100%; }
.dynamic .left .left-item{ display: none; height: 100%; width: 100%; }
.dynamic .left .left-item.active{ display: block; }
.dynamic .left .left-item img{ width: 100%; height: 100%; object-fit: cover; }
.dynamic .right{ padding: 0; display: block; }
.dynamic .right li, .dynamic .xytz-wrap li>div{ border-bottom: 1px dotted #ccc;  list-style: none; padding: 10px 26px; cursor: pointer; position: relative; box-sizing: border-box;}
.dynamic .right li:before,.dynamic .xytz-wrap li>div:before{ position: absolute; top: 15px; left: 0; content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #94070a; }
.dynamic .right li p, .dynamic .xytz-wrap li p{ display: inline-block; margin-bottom: 0; }
.dynamic .right li .details-box, .dynamic .xytz-wrap li .details-box{/* flex: 1; */ width: 80%; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dynamic .right li .details-box .title, .dynamic .xytz-wrap li .details-box .title{ display: block; font-size: 16px; color: #333333; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }
.dynamic .right li .details-box .details, .dynamic .xytz-wrap li .details-box .details{ display: block; font-size: 14px; color: #999; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dynamic .right li .time , .dynamic .xytz-wrap li .time { color: #94070a; font-style: italic; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.dynamic .right li .time b, .dynamic .xytz-wrap li .time b{ display: block; font-size: 24px; margin-bottom: 10px; }
.dynamic .right li .time span, .dynamic .xytz-wrap li .time span{ display: block; font-size: 12px; }

/*网络教育*/
.baoming{ padding: 45px 0 80px; background: rgba(148, 7, 10, 0.8); position: relative; overflow: hidden; }
.baoming-1{
    background: rgb(191 89 91 / 92%);
}
.baoming .container{ text-align: center; }
.baoming .bg{ position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: -1; top: 0; left: 0 }
.baoming .z-total-title .top span{ color: #fff }
.baoming .z-total-title .top .circle{ background: #fff; }
.baoming .z-total-title .en-introduce{ color: #fff; }
.baoming .wljy-top{ font-size: 0; margin-bottom: -15px; position: relative; z-index: 2; }
.baoming .wljy-bottom{ font-size: 0; margin-top: -15px; position: relative; z-index: 2; }
.baoming .wljy-bottom .wljy-list{ vertical-align: top; }
.baoming .wljy-top .wljy-list{ vertical-align: bottom; }
.baoming .wljy-bottom .wljy-list .wljy-list-content{ padding-top: 30px; padding-bottom: 10px; }

.baoming .wljy-list{ font-size: 0; display: inline-block; text-align: left; width: 25%; }
.baoming .wljy-list>div{ float: right; }
.baoming .wljy-list .img{ width: 90px; height: 90px; border-radius: 50%; text-align: center; background: transparent; border: 2px solid #fff; line-height: 90px; margin-left: -45px; margin-bottom: 0; display: inline-block; }
/*.baoming .wljy-list .img img{ width: 49px; }*/
.baoming .wljy-list .wljy-list-content{ border-left: 1px solid #bfbfbf; font-size: 0; padding: 6px 0 30px 25px; text-align: left; }
.baoming .wljy-list .wljy-list-content h4{ font-size: 22px; color: #fff; margin: 0 0 15px; }
.baoming .wljy-list .wljy-list-content ul{ margin-bottom: 0; padding-left: 20px; }
.baoming .wljy-list .wljy-list-content ul li{ font-size: 16px; color: #fff; }
.baoming .wljy-list .wljy-list-content ul li+li{ margin-top: 8px; }
.baoming .wljy-list .wljy-list-content ul li a{ font-size: 16px; color: #fff; }
.baoming .wljy-list .wljy-list-content ul li a:hover{ color: #52a4f3; }
.baoming .wljy-list .number{ font-size: 18px; color: #003282; border-radius: 50%; background: #fff; width: 30px; line-height: 30px; text-align: center; margin-left: -15px; margin-bottom: 0; display: inline-block; }

.baoming .wljy-line{ border: 1px solid #fff; widows: 100%; position: relative; }
.baoming .wljy-line:before, .baoming .wljy-line:after{ position: absolute; content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff; top: 50%; margin-top: -4px; }
.baoming .wljy-line:after{ right: -4px; }
.baoming .wljy-line:before{ left: -4px; }

.wraper-3{ overflow: hidden; }
/*培训业务*/
.train{ padding: 220px 0 120px; position: relative; }
.train .container{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; }
.train .bg{ position: absolute; top: 200px; left: 0; }
.train .z-total-title{ display: -ms-flexbox; display: flex; flex-direction: column; flex-shrink: 0; text-align: left; max-width: 40px; margin-bottom: 0; }
.train .z-total-title .en-introduce{ writing-mode: vertical-lr; padding-bottom: 0; color: #b5b5b5; line-height: 30px; }
.train .train-list{ display: inline-block; flex: 1; margin-left: 100px; margin-right: -120px; }
.train .train-list .item{ 
    height: 644px;
    position: relative;
    padding: 0 10px; 
    transition: all 1s; 
    opacity: 0; 
    /*width: 16%; */
    width: 33%; 
    float:left;
}
.train .train-list .item:nth-child(1){ transform: translateY(-100px); }
.train .train-list .item:nth-child(2){ transform: translateY(100px); }
.train .train-list .item:nth-child(3){ transform: translateY(-100px); }
.train .train-list .item:nth-child(4){ transform: translateY(100px); }
.train .train-list.showdiv .item { transform: none; opacity: 1; }
.train .train-list .item img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.train .train-list .item .item-content{ height: 100%; width: 100%; display: block; overflow: hidden; }
.train .train-list .item .item-title{ position: absolute; left: 50px; top: 40px; writing-mode: tb-lr; writing-mode: vertical-lr; max-height: 70%; color: #fff; font-size: 22px; letter-spacing: 2px; }
.train .train-list .item .more1{ position: absolute; right: 30px; bottom: 0px; writing-mode: tb-lr; writing-mode: vertical-lr; text-align: center; color: #fff; }
.train .train-list .item .more1:after{ content: ""; border-left: 1px solid #fff; display: inline-block; height: 40px; margin-top: 8px; }
.train .train-list .item .item-content:hover img{ transform: scale(1.1); }


/*尾部*/
.footer{ position: relative; width: 100%; background: #758bb2;font-size: 0; }
.footer .footer-box{ position: relative; width: 100%;}
.footer .bg{ width: 100%; position: absolute; top: -1px; }
.footer .footer-top{ padding-top: 157px; padding-bottom: 50px; }
.footer .footer-top .left, .footer .footer-top .right{ vertical-align: top; }
.footer .footer-top .left ul{ font-size: 0; padding: 30px; margin-bottom: 0; 
    /*border-right: 1px solid #fff; */
}
.footer .footer-top .left ul li{ text-align: center; font-size: 0; display: inline-block; width: 33.333%; }
.footer .footer-top .left ul li a{ display: block; }
.footer .footer-top .left ul li img{ height: 79px; }
.footer .footer-top .left ul li p{ color: #fff; font-size: 24px; margin-top: 26px; margin-bottom: 0; }

.footer .footer-top .right .right-list{ display: inline-block; vertical-align: top; }
.footer .footer-top .right .right-left-list ul{ margin-bottom: 0; }
.footer .footer-top .right .right-left-list ul.mb-60{ margin-bottom: 60px; }
.footer .footer-top .right ul li{ color: #fff; font-size: 14px; }
.footer .footer-top .right ul li+li{ margin-top: 4px; }
.footer .footer-top .right ul li a{ color: #fff; display: inline-block; }
.footer .footer-top .right ul li a:hover{ color: #52a4f3; }
.footer .footer-top .right .right-right-list{float: right; }
.footer .footer-top .right .right-right-list h2{ font-size: 24px; color: #fff; margin: 0 0 10px; }
/*下半部分*/

.footer .footer-bottom{ background: rgba(148, 7, 10, 0.3);padding-bottom: 80px;  }
.footer .footer-bottom .infor{ padding: 40px 0 0; color: #fff; }
.footer .footer-bottom .infor .left .f-logo {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    margin-right: 90px;
    margin-bottom: 30px;
}
.footer .footer-bottom .ba{ color: #fff; font-size: 14px; vertical-align: middle; padding-top: 25px; border-top: 1px solid #fff; text-align: center; }
.footer .footer-bottom .ba p{ margin-bottom: 0; }
.footer .footer-bottom .ba img{ width: 18px; vertical-align: middle; margin-right: 5px }
.footer .footer-bottom .ba a{color:#fff;}
.footer .footer-bottom .right-content img {
    max-width: 100%;
    height: 100px;
}
.footer .footer-bottom .right-content {
    padding: 0 !important;
}
.footer .footer-bottom .infor .right {
    text-align: right;
}
/*信息*/
/*.footer .footer-bottom .infor .left,.footer .footer-bottom .infor .right{ padding: 0; }*/
.footer .footer-bottom .infor .right .right-content{ margin-bottom: 30px; }
.footer .footer-bottom .infor .left ul{ display: inline-block; vertical-align: middle; margin-bottom: 30px; margin-top:0; }
.footer .footer-bottom .infor .left ul li{ font-size: 14px; color: #fff; }
.footer .footer-bottom .infor .left ul li+li{ margin-top: 4px;}
.footer .footer-bottom .infor .left .f-logo{ display: inline-block; vertical-align: middle; height: 60px; margin-right: 30px; margin-bottom: 30px; }

#footer-service{ display: inline-block; vertical-align: middle; }
#footer-service+p{ display: inline-block; vertical-align: middle; margin-bottom: 0; }
#footer-service>.left{ height: auto; padding-right: 0; vertical-align: middle;; display: inline-block; text-align: right; }
#footer-service>.right{ height: auto; margin-top: 0; margin-left: 5px; display: inline-block; vertical-align: middle; }
#footer-service>.left .online{ font-size: 12px; padding: 2px; background: transparent; outline: none; border: none; }
#footer-service > .left > .btn-group{ width: 110px; margin: 8px auto; }
#footer-service > .right > img{ height: 100px; }
#footer-service > .left > .btn-group span.icon{ height: 17px; width: 17px; }
#footer-service > .left > .btn-group button.btn.online>span.icon{ background-image: url(../images/online.png); background-size: cover; background-repeat: no-repeat; display: block; float: left; border: none; }
#footer-service>.left .btn-group-justified>.btn-group .btn{ width: auto; }


@media screen and (max-width: 1350px){
	.banner .btns-nav .btns-nav-container .banner-btn-list ul li{ width: 100px; }
}

@media screen and (max-width: 1200px){
	.baoming .bm-item .bm-item-content .bm-item-content-left .icon-bg{ height: 120px; width: 120px; }
	.baoming .bm-item .bm-item-content .bm-item-content-left .icon-bg img{ height: 40px; margin-bottom: 10px; }

	.banner .btns-nav .btns-nav-container .banner-btn-list ul li{ width: 90px; }

	.banner-img{ height: 480px; }
	.banner .btns-nav{ position: static; }
	.banner .cj-btns{ bottom: 100px; left: 85px; }
	.carousel .carousel-inner .item .cj-btns img{ height: 60px!important; }
	.carousel .carousel-indicators{ bottom: 20px }
}

@media screen and (max-width: 1024px){
	.dynamic{ padding-bottom: 80px; }
	.dynamic .left{ padding: 0 30px 0 0; margin-bottom: 20px; }

	/*培训业务*/
	.train{ padding-top: 100px; }
	.train .train-list{ margin-left: 100px; }
	
	/*自考慕课*/
	.examination .bg-3{ width: 200px; right: -20px; }
	.examination .list .z-list-content{ width: 90%; }
	.examination .list .z-list-content .reduce{ padding: 30px 40px; }
	.examination .list .z-list-content .reduce p{ margin-bottom: 30px; }

	.banner-img{ height: 320px; }
	.banner .btns-nav{ position: static; }
	.banner .cj-btns{ bottom: 40px; left: 85px; }
	.carousel .carousel-inner .item .cj-btns img{ height: 40px!important; }
	.carousel .carousel-indicators{ bottom: 20px }
}

@media screen and (max-width: 991px){
	.dynamic .left{ padding: 0; }
	.hidden-992{ display: none; }
	/*.banner .btns-nav .btns-nav-container .banner-btn-list ul li{ width: 80px; }*/
	.banner .btns-nav .btns-nav-container .banner-btn-list ul li img{ height: 30px; }

	/*培训业务*/
	.train .train-list .item{ height: 474px }
	/*自考慕课*/
	.examination .list .z-list-content{ width: 100%; }
	.examination .content .content-box{ display: block; }
	.examination .list{ display: block; width: 100%; margin-bottom: 30px }
	.banner .cj-btns{ bottom: 40px; left: 85px; }
	.carousel .carousel-inner .item .cj-btns img{ height: 24px!important; }

	.banner-img{ height: 320px; }
	.banner .btns-nav{ position: static; }
	.banner .cj-btns{ bottom: 40px; left: 85px; }
	.carousel .carousel-inner .item .cj-btns img{ height: 40px!important; }
}

@media screen and (max-width: 768px){
	.z-total-title{ margin-bottom: 30px; }
	.z-total-title .top .color{ font-size: 36px; }
	.z-total-title .top span{ font-size: 28px; }
	.baoming .wljy-list .wljy-list-content{ padding: 6px 0 30px 15px; }

	.train .train-list{ margin-left: 0; }

	.examination .list-center .sp2{ width: 26px; }
	.examination .list .z-list-content img{ height: 220px; }
	.examination .list .z-list-content .z-list-content-top h4,.examination .list.right .z-list-content .z-list-content-top h4{ top: 60px; }
	.examination .list .z-list-content .reduce{ padding: 20px 30px; }
	.hidden-xs {
        display: none !important;
    }
    .footer .footer-top {
        padding-top: 143px;
        padding-bottom: 0; 
    }
    .footer .footer-top .left ul {
        border-right: none;
    }
}

@media screen and (max-width: 1199px){ 
	.banner .container{ width: 90%; }
}

@media screen and (max-width: 767px){
	.banner-box .swiper-pagination-bullets{ bottom: 10px!important; }
	.carousel .carousel-indicators{ bottom: 0px }
	.banner .btns-nav{ position: static; background: rgb(62, 92, 147); }
	.banner .btns-nav .btns-nav-container .banner-btn-list{ display: block; padding: 15px 20px 0; }
	.banner .btns-nav .btns-nav-container .banner-btn-list h3{ font-size: 18px; margin-bottom: 20px; }
	.banner .btns-nav .btns-nav-container .banner-btn-list ul{ margin-bottom: 0; }
	.banner .btns-nav .btns-nav-container .banner-btn-list ul li img{ height: 30px; }
	.banner .btns-nav .btns-nav-container .banner-btn-list ul li{ margin-bottom: 20px; }
	.banner .btns-nav .btns-nav-container,.banner .btns-nav .btns-nav-container .banner-btn-list{ text-align: left; }
	.banner .btns-nav .btns-nav-container .banner-btn-list:first-child,.banner .btns-nav .btns-nav-container .banner-btn-list+.banner-btn-list{ border: none; }

	.baoming{ padding-bottom: 60px; }
	.baoming .container{ text-align: left; }
	.baoming .wljy-list{ width: 50%; padding-left: 30px; margin-bottom: 30px; }
	.baoming .wljy-top,.baoming .wljy-bottom{ margin: 0; }
	.baoming .wljy-list .img{ width: 60px; height: 60px; line-height: 60px; margin-left: -30px; }
	.baoming .wljy-list .img img{ width: 30px; }
	.baoming .wljy-list .wljy-list-content{ padding: 6px 0 10px 15px; }
	.baoming .wljy-list .wljy-list-content h4{ font-size: 18px; }
	.baoming .wljy-list>div{ float: none; }

	.dynamic .introduce{ margin-bottom: 30px; }
	.banner-img{ height: 170px; }
	.header-top .z-logo-top{ padding-bottom: 15px; }

	.train{ padding-top: 40px }
	.train .container{ display: block; }
	.train .z-total-title{ display: block; max-width: 100%; text-align: center; }
	.z-total-title .top{ margin-bottom: 0; }
	.train .z-total-title .en-introduce{ writing-mode: horizontal-tb; }
	.train .train-list{ width: 100%; box-sizing: border-box; }
	.train .train-list .item{ height: 300px; padding: 0; box-sizing: border-box; }
	.train .train-list .item .item-title{ left: 10px; top: 5px; font-size: 18px; }
	.train .train-list .item .more1{ right: 10px }

	.examination .bg-3{ width: 120px; top: -60px; right: 0; }

	.examination .content .content-box{ display: block; }
	.examination .list{ display: block; width: 100%; margin-bottom: 30px }

	.banner .cj-btns{ bottom: 40px; left: 85px; }
	.carousel .carousel-inner .item .cj-btns img{ height: 24px!important; }
}