.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear:both;
}
/*兼容ie浏览器*/
.clearfix{
    zoom:1;
}

.bj-pub-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 60px auto;
    text-align: center;
}
.bj-pub-title h2{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 38px;
    font-weight: bold;
    color: #333E4B;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 10px;
    padding-bottom: 25px;
    background: url("../image/pub-title1.png") no-repeat center bottom;
}
.bj-pub-title p{
    width: 1100px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    color: #5B6877;
    line-height: 36px;
    text-align: center;
}
.bj-pub-btn{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
.bj-pub-btn a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*min-width: 220px;*/
    height: 52px;
    background: linear-gradient(124deg, #F94F27, #FB8E23);
    border-radius: 26px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 1px 1px #A6290B;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 52px;
    text-shadow: 0px 2px 4px #A6290B;
    padding: 0 25px;
    display: inline-block;
}
.bj-pub-btn a img{
    display: inline-block;
    margin-right: 5px;
}
.bj-pub-btn a:hover{
    transform: translateY(-5px);
    transition: 0.3s;
}
/*banner*/
.bj-banner{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: url("../image/banner-bg.jpg") no-repeat center;
    height: 539px;
    overflow: hidden;
}
.bj-banner .bj-banner-img{
    width: 1200px;
    height: 530px;
    background: url("../image/banner-font.png") no-repeat center left;
    margin: 0 auto;
}
/*1企业*/
.bj-qiye{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: url("../image/1-bg.jpg") no-repeat center;
    height: 712px;
    overflow: hidden;
}
.bj-qiye .bj-qiye-center{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 990px;
    height: 370px;
    border-radius: 10px;
    background: #242B69;
    margin: 70px auto;
    position: relative;
}
.bj-qiye .bj-qiye-center .bj-qiye-point{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 273px;
    height: 315px;
    background: #353C81;
    position: absolute;
    left: 20px;
    top: 30px;
    padding: 0 15px;
}
.bj-qiye .bj-qiye-center .bj-qiye-point li{
    width: 242px;
    height: 60px;
    border-bottom: 1px solid #555B95;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 36px;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bj-qiye .bj-qiye-center .bj-qiye-point li:last-child{border: none;}
.bj-qiye .bj-qiye-center .bj-qiye-point .bj-qiye-point-on{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/1-list-on.png") no-repeat center;
    width: 294px;
    height: 77px;
    padding-right: 15px;
    margin-left: -15px;
    border-bottom: none;
    margin-top: -8px;
}
.bj-qiye .bj-qiye-center .bj-qiye-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 621px;
    height: 344px;
    position: absolute;
    left: 340px;
    top: -30px;
    overflow: hidden;
}
.bj-qiye .bj-qiye-center .bj-qiye-list li{
    display: none;
}
.bj-qiye .bj-qiye-center .bj-qiye-list .bj-qiye-list-on{display: block;}
.bj-qiye .bj-qiye-center .bj-qiye-btn{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    height: 52px;
    background: linear-gradient(124deg, #F94F27, #FB8E23);
    border-radius: 26px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 1px 1px #A6290B;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    bottom: -25px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 52px;
    text-shadow: 0px 2px 4px #A6290B;
}
.bj-qiye .bj-qiye-center .bj-qiye-btn img{
    display: inline-block;
    margin-right: 8px;
}
.bj-qiye .bj-qiye-center .bj-qiye-btn:hover{
    transform: translateY(-5px);
    transition: 0.3s;
}
/*2流程*/
.bj-liucheng{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: #D2DEF3 url("../image/2-bg.jpg") no-repeat center bottom;
    overflow: hidden;
    padding-bottom: 10px;
}
.bj-liucheng .bj-liucheng-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
.bj-liucheng .bj-liucheng-title div{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bj-liucheng .bj-liucheng-title div span{
    display: inline-block;
    width: 372px;
    height: 47px;
    line-height: 47px;
    background: #202974;
    border-radius: 10px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    box-shadow: 5px 5px 1px 1px #A7B3D5;
    margin: 0 10px;
}
.bj-liucheng .bj-liucheng-title p{
    font-size: 18px;
    font-weight: 400;
    color: #545F6B;
    line-height: 24px;
    text-align: center;
    margin: 35px auto;
}
.bj-liucheng .bj-liucheng-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto 65px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bj-liucheng .bj-liucheng-list li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 218px;
    height: 210px;
    background: #FBEBD8;
    box-shadow: 0px 6px 16px 0px rgba(174, 194, 215, 0.39);
    border-radius: 10px;
    position: relative;
}
.bj-liucheng .bj-liucheng-list li b{
    font-size: 50px;
    font-weight: 600;
    color: #884A01;
    line-height: 50px;
    opacity: 0.18;
    position: absolute;
    left: 10px;
    top: 8px;
    z-index: 1;
}
.bj-liucheng .bj-liucheng-list li h3{
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: linear-gradient(-59deg, #242B68, #0B0D28);
    font-size: 18px;
    font-weight: bold;
    color: #FEFEFE;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}
.bj-liucheng .bj-liucheng-list li p{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #5B6877;
    line-height: 24px;
}
.bj-liucheng .bj-liucheng-list li:hover{
    background: #232A66;
    box-shadow: 0px 6px 16px 0px rgba(174, 194, 215, 0.39);
}
.bj-liucheng .bj-liucheng-list li:hover b{
    color: #A0A9FD;
    opacity: 0.16;
}
.bj-liucheng .bj-liucheng-list li:hover h3{
    background: #FBEBD8;
    color: #0C0F2D;
}
.bj-liucheng .bj-liucheng-list li:hover p{
    color: #D8EBFD;
}
/*3设计模式*/
.bj-mode{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: #E9F1FE url("../image/3-bg.jpg") no-repeat center bottom;
    height: 1050px;
    overflow: hidden;
}
.bj-mode .bj-mode-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin-top: 140px;
}
.bj-mode .bj-mode-title h3{
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 36px;
    text-align: center;
}
.bj-mode .bj-mode-title p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin-top: 10px;
}
.bj-mode .bj-mode-center{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/3-bg1.png") no-repeat left center;
    width: 1200px;
    height: 478px;
    margin: 70px auto 0;
    position: relative;
}
.bj-mode .bj-mode-center .bj-mode-left{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 265px;
    height: 360px;
    position: absolute;
    top: 95px;
    text-align: center;
    padding-top: 15px;
}
.bj-mode .bj-mode-center .bj-mode-left p{
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 60px;
    text-align: center;
}
.bj-mode .bj-mode-center .bj-mode-left ul{
    padding-top: 20px;
}
.bj-mode .bj-mode-center .bj-mode-left ul li{
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 33px;
}
.bj-mode .bj-mode-center .bj-mode-left ul li:nth-child(2n){
    margin-bottom: 20px;
    font-size: 17px;
    color: #D0DFF9;
}
.bj-mode .bj-mode-center .bj-mode-right{
    position: absolute;
    right: 0;
    top: 0;
    width: 610px;
    height: 540px;
}
.bj-mode .bj-mode-center .bj-mode-right li{
    width: 266px;
    text-align: center;
    line-height: 26px;
    position: absolute;
}
.bj-mode .bj-mode-center .bj-mode-right li span{
    font-size: 18px;
    color: #F95327;
}
.bj-mode .bj-mode-center .bj-mode-right li p{
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
.bj-mode .bj-mode-center .bj-mode-right li p span{
    font-size: 16px;
    color: #EBFB3A;
}
.bj-mode .bj-mode-center .bj-mode-right li:nth-child(1){
    left: 185px;
    top: 77px;
}
.bj-mode .bj-mode-center .bj-mode-right li:nth-child(2){
    left: -25px;
    top: 240px;
}
.bj-mode .bj-mode-center .bj-mode-right li:nth-child(3){
    left: 30px;
    top: 450px;
}
.bj-mode .bj-mode-center .bj-mode-right li:nth-child(4){
    left: 345px;
    top: 450px;
}
.bj-mode .bj-mode-center .bj-mode-right li:nth-child(5){
    left: 385px;
    top: 240px;
}
/*4项目实战*/
.bj-item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: #E9F1FE;
    height: 1040px;
    overflow: hidden;
}
.bj-item .bj-item-title{
    text-align: center;
    margin: 60px auto;
}
.bj-item .bj-item-title h3{
    font-size: 30px;
    font-weight: bold;
    color: #333E4B;
    line-height: 36px;
    text-align: center;
}
.bj-item .bj-item-title p{
    font-size: 18px;
    font-weight: 400;
    color: #5B6877;
    line-height: 24px;
    text-align: center;
    margin-top: 15px;
}
.bj-item .bj-item-center{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/4-bg1.png") no-repeat center bottom;
    width: 1200px;
    height: 450px;
    margin: 0 auto 100px;
    position: relative;
}
.bj-item .bj-item-center .bj-item-lb{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 855px;
    margin: 0 auto;
    padding-left: 5px;
    position: relative;
}
.bj-item .bj-item-center .bj-item-lb .bj-item-list{
    width: 728px;
    margin: 0 auto;
}
.bj-item .bj-item-center .bj-item-lb .bj-item-list p{
    width: 728px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    text-align: left;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.bj-item .bj-item-center .bj-item-lb .bj-item-list .bj-item-list-img{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 728px;
    height: 348px;
    border-radius: 10px;
    border: 2px solid #1F7DFF;
    position: relative;
    text-align: center;
}
.bj-item .bj-item-center .bj-item-lb .bj-item-list .bj-item-list-img span{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background: #0F55EA;
    font-size: 20px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}
.bj-item .bj-item-center .bj-item-lb .bj-item-list .bj-item-list-img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 728px;
    height: 348px;
    z-index: 1;
}

/*左右箭头*/
.bj-item .bj-item-center .bj-item-lb .swiper-button-prev, .swiper-button-next{
    width: 41px;
    height: 41px;
}
.bj-item .bj-item-center .bj-item-lb .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url("../image/4-jt2.png") no-repeat center;
    background-size: 100%;
    right: 0%;
    top: 60%;
}
.bj-item .bj-item-center .bj-item-lb .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url("../image/4-jt1.png") no-repeat center;
    background-size: 100%;
    left: 0%;
    top: 60%;
}

.bj-item .bj-item-center .bj-item-btn{
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    text-align: center;
}
.bj-item .bj-item-center .bj-item-btn a{
    display: inline-block;
    width: 116px;
    height: 39px;
    line-height: 39px;
    background: linear-gradient(124deg, #F95427, #FB8524);
    border-radius: 20px;
    box-shadow: 0 3px 1px 1px #A82807;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}
.bj-item .bj-item-center .bj-item-btn a:hover{
    transition: 0.3s;
    transform: translateY(-5px);
}
.bj-item .bj-item-ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1150px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bj-item .bj-item-ul li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 353px;
    height: 92px;
    background: #1E276E;
    font-size: 20px;
    box-shadow: 0px 6px 16px 0px rgba(177, 191, 205, 0.63);
    border-radius: 10px;
    position: relative;
}
.bj-item .bj-item-ul li img{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
}
.bj-item .bj-item-ul li span{
    display: inline-block;
    width: 353px;
    height: 92px;
    line-height: 92px;
    text-align: center;
    color: #ffffff;
}
.bj-item .bj-item-ul li:hover{
    background: #FBEBD8;
}
.bj-item .bj-item-ul li:hover span{
    color: #986E46;
}
/*5薪资柱状图*/
.bj-chart{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    min-height: 650px;
    background:url("../image/2-bg.jpg") no-repeat center bottom,
    linear-gradient(270deg, #1E276E, #0D0F2E);
    overflow: hidden;
    padding-bottom: 10px;
}
.bj-chart .bj-chart-center{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/5-bg1.png") no-repeat center;
    width: 998px;
    height: 488px;
    position: relative;
    margin: 0 auto 103px;
}
.bj-chart .bj-chart-center .bj-chart-jb{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -60px;
    overflow: hidden;
    padding-left: 211px;
}
.bj-chart .bj-chart-center .bj-chart-jb li{
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    margin-right: 30px;
}
.bj-chart .bj-chart-center .bj-chart-jb li:nth-child(2){
    margin-right: 48px;
    margin-left: 33px;
}
.bj-chart .bj-chart-center .bj-chart-jb li b{
    font-size: 20px;
    font-weight: bold;
    color: #FAEF3F;
}
.bj-chart .bj-chart-center .bj-chart-pay{
    width: 100%;
    position: relative;

}
.bj-chart .bj-chart-center .bj-chart-pay p{
    background: url("../image/5-jt1.png") no-repeat center;
    width: 86px;
    height: 35px;
    line-height: 30px;
    font-size: 15px;
    color: #FAEF3F;
    text-align: center;
    position: absolute;
}
.bj-chart .bj-chart-center .bj-chart-pay .bj-chart-p1{
    left: 212px;
    top: 340px;
}
.bj-chart .bj-chart-center .bj-chart-pay .bj-chart-p2{
    left: 367px;
    top: 276px;
}
.bj-chart .bj-chart-center .bj-chart-pay .bj-chart-p3{
    left: 526px;
    top: 194px;
}
.bj-chart .bj-chart-center .bj-chart-pay .bj-chart-span{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    position: absolute;
    font-size: 20px;
    color: #FAEF3F;
    left: 510px;
    top: 135px;
    background: url("../image/5-jt2.png") no-repeat center bottom;
    padding-bottom: 28px;
}
.bj-chart .bj-chart-center .bj-chart-pay .bj-chart-p4{
    left: 676px;
    top: 86px;
    line-height: 19px;
}
/*6教管系统*/
.bj-system{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    height: 760px;
    background:#E9F1FE url("../image/6-bg.jpg") no-repeat center bottom;
    overflow: hidden;
}
.bj-system .service-project{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 1200px;
    height: 440px;
    margin: 70px auto;
}
.bj-system .service-project .service-project-left{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 726px;
    height: 440px;
    float: left;
}
.bj-system .service-project .service-project-left li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 726px;
    height: 440px;
    position: relative;
    border-radius: 10px;
    display: none;
}
.bj-system .service-project .service-project-left .service-project-left-on{display: block;}
.bj-system .service-project .service-project-left .service-project-abs{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    padding: 8px 50px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    text-align: left;
}

.bj-system .service-project .service-project-right{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 440px;
    height: 440px;
    float: right;
}

[class^='cxxyx-'],
[class*=' cxxyx-']{
    background: url("../image/yx-jlt.png") no-repeat;
    -webkit-background-size: 468px 104px;
    background-size: 468px 104px;
}
.bj-system .service-project .service-project-right li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width: 140px;
    height: 140px;
    background: #ffffff;
    border: 1px solid #E7EDF6;
    border-radius: 10px;
    color: #575D6C;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding-top: 25px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.bj-system .service-project .service-project-right li:nth-child(3n){margin-right: 0;}
.bj-system .service-project .service-project-right .project-right-on{
    background: #1F69FF;
    color: #ffffff;
}
.bj-system .service-project .service-project-right li i{
    display: block;
    width: 52px;
    height: 52px;
    margin: 2px auto 6px;
}
.bj-system .service-project .service-project-right li .cxxyx-1{
    background-position: -0px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-2{
    background-position: -52px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-3{
    background-position: -104px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-4{
    background-position: -156px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-5{
    background-position: -208px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-6{
    background-position: -260px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-7{
    background-position: -312px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-8{
    background-position: -364px 0px;
}
.bj-system .service-project .service-project-right li .cxxyx-9{
    background-position: -416px 0px;
}
.bj-system .service-project .service-project-right li.project-right-on i{
    background-position-y: -52px;
    transition: 0.5s;
}
/*7文章板块*/
.nj-article{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: url("../image/nj-wz-bg.jpg") no-repeat top center;
    height: 757px;
    overflow: hidden;
}
.nj-article .nj-article-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    width: 1200px;
    margin: 40px auto 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}
.nj-article .nj-article-title h2{
    font-size: 30px;
    font-weight: bold;
}
.nj-article .nj-article-title a{
    display: inline-block;
    width: 105px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background: rgba(88,94,112,0.5);
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
}
.nj-article .nj-article-title a span{color: #FA6233;}
.nj-article .nj-article-box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.nj-article .nj-article-left{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 870px;
    height: 555px;
    background: #252A3C;
    padding:30px 25px;
    border-radius: 10px;
    float: left;
}
.nj-article .nj-article-left .nj-article-left-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 145px;
    overflow: hidden;
    margin-bottom: 30px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-img{
    width: 218px;
    height: 145px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-img img{
    width: 218px;
    height: 145px;
    border-radius: 10px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 580px;
    height: 145px;
    float: left;
    text-align: left;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-title{
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-title:hover{color: #FA6233;}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-p{
    font-size: 16px;
    line-height: 30px;
    color: #B8BABC;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 15px;
    margin-bottom: 20px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-time{
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    color: #B8BABC;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-time a{
    display: inline-block;
    float: right;
    color: #FA6233;
}
.nj-article .nj-article-right{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    height: 555px;
    border-radius: 10px;
    background: #252A3C;
    padding:0 16px;
    overflow: hidden;
    float: right;
}
.nj-article .nj-article-right .nj-article-right-a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: #ffffff;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nj-article .nj-article-right .nj-article-right-a:before{
    content: "";
    font-weight: bold;
    background: #FA6233;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.nj-article .nj-article-right .nj-article-right-a:hover{color: #FA6233;}











































