body {
    background: #eceef5;
}

.container {
    width: 1280px;
    margin: 0px auto 25px auto;
    background: #FFFFFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
}

.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.junstfy-content-between {
    justify-content: space-between;
}

.junstfy-content-flex-start {
    justify-content: flex-start;
}

.junstfy-content-flex-end {
    justify-content: flex-end;
}

.align-items-center {
    align-items: center;
}

.align-items-flex-start {
    align-items: flex-start;
}

.align-items-flex-end {
    align-items: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1;
}

.box-sizing {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*文字超出省略号*/
.text-overflow {
    overflow: hidden;
    /* 文字用省略号代替超出的部分 */
    text-overflow: ellipsis;
    /* 匀速溢出内容，隐藏 */
    white-space: nowrap;
}

/*
<!-- 通用导航样式一 左边是小图标间距15是标题名称 最右边是更多>>-->

*/
.rcpj-nav-title {
    width: 100%;
    height: 50px;
    border-bottom: 2px solid var(--lyj-primary-color);

}

.rcpj-nav-title-name {
    width: 150px;
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    color: #0055C5;
    font-weight: 400;
}

.rcpj-nav-title-name img {
    width: 20px;
    height: auto;
    margin-right: 10px;
}

.rcpj-nav-title-more {
    font-size: 13px;
    font-weight: 400;
    color: var(--lyj-primary-color);
}

.rcpj-nav-title-more a {
    color: #1C4A90;
}

/* 以上是通用样式 */

.banner-box {
    width: 1208px;
    height: 360px;
    background-size: cover;
}
#rcpj-carousel-image img {
    width: 100%;
    height: 360px;
    border-radius: 14px;
}

/*
 <!-- 一行导航 均分 分别是 图片+证书查询 、图片+相关课程、图片+认定标准、图片+资料下载  -->
 **/
.rcpj-nav {
    flex: 1;
}

.rcpj-nav-item {
    width: 290px;
    height: 100px;
    border-right: 1px solid #ECEEF5;
}

.rcpj-nav-item:last-child {
    border-right: none;
}

/* 第一个导航颜色 背景颜色 #00A5FB、#FFB047、#32B79A、#F66161*/
.rcpj-nav-item:nth-child(1) {
    background: #00A5FB;
}

.rcpj-nav-item:nth-child(2) {
    background: #FFB047;
}

.rcpj-nav-item:nth-child(3) {
    background: #32B79A;
}

.rcpj-nav-item:nth-child(4) {
    background: #F66161;
}

.rcpj-nav-item a img {
    width: 50px;
    height: auto;
    margin-right: 15px;
}

.rcpj-nav-item p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

/*

<!-- 新闻公告 左边是图片 宽度500 右边剩下的是新闻公告列表 ul li 左边是标题 右边是日期 共四条即可 -->

 */

.rcpj-news {
    width: 100%;
    height: 300px;
    margin-top: 5px;
}

.rcpj-news-img {
    width: 500px;
    height: 300px;
}

.rcpj-news-img img {
    width: 100%;
    height: 100%;
}

.rcpj-news-list {
    flex: 1;
    height: 300px;
    padding-left: 25px;
}

.tabs {
    padding: 0px;
    margin-top: 20px;
    width: 100%;
    height: 230px;
}
.tabs .cus-tab {
    background: #F1F1F1;
    border-radius: 17px;
    border: 0px;
    color: #303030;
    margin-right: 25px;
}


.demo-tab-header .layui-btn.layui-this {
    background: #0055C5;;
    color: #FFFFFF;
}

.demo-tab-body > div {
    display: none;
}

.rcpj-news-list ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.rcpj-news-list ul li {
    height: 50px;
    border-bottom: 1px solid #ECEEF5;
    width: 100%;
}


.rcpj-news-list ul li:last-child {
    border-bottom: none;
}

.rcpj-news-list-title {
    width: 550px;
    height: 100%;
    /*文字 超过变成点*/
    text-overflow: ellipsis;
    /* 匀速溢出内容，隐藏 */
    overflow: hidden;
}

.rcpj-news-list-title span {
    width: 6px;
    height: 6px;
    background: #1C4A90;
    border-radius: 50%;
    margin-right: 10px;
}

.rcpj-news-list ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #303030;
    flex: 1;
    display: block;
    overflow: hidden;
    /* 文字用省略号代替超出的部分 */
    text-overflow: ellipsis;
    /* 匀速溢出内容，隐藏 */
    overflow: hidden;
    white-space: nowrap;
}

.rcpj-news-list ul li a:hover {
    color: var(--lyj-primary-color);
}

.rcpj-news-list ul li .rcpj-news-list-date {
    font-size: 16px;
    font-weight: 400;
    color: #606060;
}

.rcpj-news-list ul li .rcpj-news-list-date:hover {
    color: var(--lyj-primary-color);
}

/**
 服务指南
*/
.rcpj-function {
    flex: 1;
}

.rcpj-function-left {
    width: 680px;
    background: #fff;
    padding: 10px 25px 10px 25px;
}

ul.rcpj-article {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 285px;
}

ul.rcpj-article li {
    height: 55px;
    border-bottom: 1px dotted #ECEEF5;
    width: 100%;
}

ul.rcpj-article li:last-child {
    border-bottom: none;
}

ul.rcpj-article li a {
    font-size: 15px;
    font-weight: 400;
    color: #303030;
    width: 90%;
    display: block;
    overflow: hidden;
    /* 文字用省略号代替超出的部分 */
    text-overflow: ellipsis;
    /* 匀速溢出内容，隐藏 */
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}

ul.rcpj-article li span {
    width: 6px;
    height: 6px;
    background: #1C4A90;
    border-radius: 50%;
    margin-right: 10px;

}

/*右*/
.rcpj-function-right {
    width: 580px;
    padding: 10px 25px 25px 25px;
    background: #fff;
    height: 455px;
    overflow: hidden;
}

.rcpj-form {
    width: 100%;
}

.rcpj-form form {
    margin-top: 16px;
    width: 90%;
}

.rcpj-form form > div {
    padding-bottom: 0px;
    padding-top: 0px;
}

.rcpj-form .layui-form-label {
   padding-left: 0px;
    padding-right: 0px;
    width: 100px;
    overflow: hidden;
}
.layui-form-label span {
    color: red;
    margin-right: 5px;
}

.rcpj-form .layui-upload-drag {
    padding: 6px;
}

.tijiao {
    background: var(--lyj-primary-color);
}

/*授权机构申报导航条 底部一个图片 上面文字*/
.rcpj-nav-title-2 {
    width: 100%;
    height: 50px;
    background: url("../images/sqjqsb.png") no-repeat center;
    font-size: 16px;
    font-weight: 400;
    color: #FAFAFA;
}

.ID-upload-demo-preview {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.ID-upload-demo-preview img {
    width: 100%;
    height: 100%;
}

/*
政策法规、 项目证书 左右 均分
*/
.rcpj-zcfg {
    width: 100%;
}

.rcpj-zcfg-left {
    width: 630px;
    background: #fff;
    padding: 5px 25px 10px 25px;
}

.rcpj-zcfg-right {
    width: 630px;
    background: #fff;
    padding: 5px 25px 10px 25px;
}


/** 证书查询 **/
.rcpj-zscx {
    width: 100%;
    flex: 1;
    padding: 10px 25px 25px 25px;
}

#zscx-carousel-image {
    width: 100%;
    height: 300px;
    background-size: cover;
    margin-top: 20px;
}

#zscx-carousel-image img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    object-fit: cover;
}