* {
    margin: 0px;
    padding: 0px;
    font-family: 'SourceHanSansCN-Normal';
    list-style: none;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img,
iframe {
    _display: block;
    display: block;
    border: 0;
    outline: 0;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

/* a:hover {
    color: #1265e7;
}  */

/* i,
em {
    font-style: normal;
    font-weight: normal;
} */

input,
textarea,
button,
select {
    border: 0;
    outline: none;
    resize: none;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
}

ol,
ul {
    list-style: none;
}

body {
    background: #fff;
    width: 100%;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.maina-color {
    color: #ffa800 !important;
}

.text_one {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.text_two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.text_three {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.w-1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

body {
    background: #f7f7f7;
}

.bg-fff {
    background-color: #fff;
}

option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

/* 头部 */
.bs {
    background: #fff;
}
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.header .logo {
    width: 90px;
    /* height: 52px; */
    cursor: pointer;
}
.header .dlzc {
    /* padding: 10px 25px; */
    border-radius: 30px;
    border: 1px solid #999;
    color: #666;
    display: flex;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
}
.dlzc .dltext {
    display: flex;
    align-items: center;
    background-color: #00478b;
    border-radius: 4px;
    border-radius: 20px 0px 0px 20px;
    color: #fff;
}

.dlzc .dltext img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}
.dlzc .dltext:hover {
    color: #fff;
    /* font-weight: bold; */
}

.dlzc .dl {
    padding: 10px 20px;
}

.po-box,
.dl-cont {
    position: relative;
}

.po-box .tuic,
.dl-cont .tuic {
    display: none;
    position: absolute;
    top: 42px;
    width: 130px;
    /* left: 0px; */
    background: #fff;
    box-shadow: 0px 0px 17.85px 3.15px rgb(188 199 225 / 40%);
    z-index: 10;
    border-radius: 4px;
    color: #666;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.po-box .tuic p,
.dl-cont .tuic p {
    /* padding-left: 20px; */
    line-height: 45px;
}

.po-box .tuic p:hover,
.dl-cont .tuic p:hover {
    color: #4162af;
    background: #e1eaff;
}

.po-box:hover .tuic,
.dl-cont:hover .tuic {
    display: block;
}
/* .dlzc .dltext:hover .tuic {
    display: block;
}

.dlzc .tuic {
    display: none;
    position: absolute;
    top: 45px;
    width: 130px;
    right: 0;
    background: #fff;
    box-shadow: 0px 0px 17.85px 3.15px rgb(188 199 225 / 40%);
    z-index: 10;
    border-radius: 4px;
    text-align: left;
    color: #666;
    font-size: 14px;
} */
/* .header .dlzc span {
    margin: 0 15px;
} */
.header .ydl {
    position: relative;
    /* padding: 15px 0; */
}

.ydl .dhua {
    position: relative;
    font-size: 16px;
    color: #4162af;
    padding: 15px 20px;
    cursor: pointer;
}
.ydl .dhua::after {
    content: ' ';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 0 2px 2px 0;
    border-color: #999;
    border-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 2px;
    transform: rotate(45deg);
}
/* .header .dltext .tuic {
    display: none;
    cursor: pointer;
} */
/* .header .dltext:hover .tuic {
    display: block;
    position: absolute;
    top: 45px;
    width: 130px;
    right: 0;
    background: #fff;
    box-shadow: 0px 0px 17.85px 3.15px rgb(188 199 225 / 40%);
    z-index: 10;
    border-radius: 4px;
    text-align: left;
    color: #666;
    font-size: 14px;
} */
/* .header .ydl .dltext:hover .tuic p {
    padding-left: 20px;
    line-height: 40px;
}
.header .ydl :hover .tuic p:hover {
    color: #4162af;
    background: #e1eaff;
} */
/* 底部 */
.footer {
    background: #fff;
    color: #5f6060;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 0;
}
.footer .footer-left {
    display: flex;
    align-items: flex-start;
    flex: 1;
}
.footer .fwdh {
    line-height: 30px;
    color: #5f6060;
    cursor: pointer;
}
.footer .b-logo {
    width: 180px;
    margin-right: 40px;
}
.footer .b-logo img {
    width: 100%;
    height: 100%;
}
.fwdh-li {
    display: flex;
    align-items: center;
}
.fwdh-li img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.yihang {
    display: flex;
    align-items: flex-start;
}
.footer .gfewm img {
    width: 360px;
    margin-top: 5px;
}
.footer .gfewm p {
    margin-top: 15px;
}
.footer-bottom {
    background: #0f1a32;
    font-size: 12px;
    color: #e3e9f8;
    padding: 10px 0;
    text-align: center;
    line-height: 24px;
}
.cstgxz a {
    margin-right: 25px;
    font-size: 18px;
    color: #f19c00;
    font-weight: bold;
}
@keyframes mymove {
    from {
        right: 0px;
    }

    to {
        right: 10%;
    }
}

@-webkit-keyframes mymove {
    from {
        right: 0px;
    }

    to {
        right: 10%;
    }
}

/* 注册 */
.reg-top {
    background-color: #eef4ff;
    padding: 40px 0px;
    text-align: center;
    font-size: 25px;
    color: #0d2c72;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
    /* margin-top: 92px; */
}

.zc-info {
    padding: 50px 20%;
}

.zc-info h4 {
    font-size: 18px;
    color: #333333;
    padding-bottom: 30px;
}

.zc-info .form-box {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.zc-info .form-box p {
    font-size: 16px;
    color: #333333;
    width: 210px;
    font-weight: bold;
}

.fle-all {
    flex: 1;
}
.zc-info .form-box .fle-all {
    border: 5px #fff solid;
}
.zc-info .form-box .fle-all input {
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: 15px;
    border-radius: 4px;
    font-size: 16px;
}
.fle-all:hover {
    border: 5px #c6d8ff solid !important;
    border-radius: 8px;
}
.hover-none:hover {
    border: 5px solid transparent !important;
}
.fle-all:hover input {
    border: 1px solid #5f90ea !important;
}

.zc-info .form-box .fle-all select {
    width: 100%;
    border: 1px solid #f1f1f1;
    padding: 12px 15px;
    border-radius: 6px;
    font-size: 16px;
}

.zc-info .form-box input::-webkit-input-placeholder {
    color: #999;
}

.zc-info a {
    font-size: 20px;
    color: #fb942b;
    display: inline-block;
    padding-left: 30px;
    font-weight: bold;
    width: 100%;
}

.fot-btn {
    padding-bottom: 50px;
    text-align: center;
}

.fot-btn a {
    display: inline-block;
    width: 240px;
    padding: 15px 0px;
    text-align: center;
    background-color: #e2eafa;
    color: #0d2c72;
    font-size: 20px;
    border-radius: 6px;
    transition: all 0.25s;
}
.fot-btn a:hover {
    background-color: #0d2c72;
    color: #fff;
    box-shadow: 0 10px 35px rgb(193 209 247);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
/* 信息提交页 */

.down-box {
    display: flex;
    align-items: center;
    background-color: #e2eafa;
    padding: 10px 0px;
    border-radius: 20px;
    width: 140px;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 30px;
    transition: all 0.25s;
}
.down-box:hover {
    background-color: #0d2c72;
    box-shadow: 0 10px 35px rgb(193 209 247);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.down-box img {
    width: 16px;
    height: 16px;
}
.down-box p {
    font-size: 16px;
    color: #0d2c72;
    padding-left: 6px;
}
.down-box:hover p {
    color: #fff;
}

.bg-xzlist-sczp-img {
    width: 110px;
    position: relative;
}

.bg-xzlist-sczp-img img {
    width: 110px;
    height: 110px;
    overflow: hidden;
    object-fit: cover;
}

.bg-xzlist-sczp-inpt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 110px;
}

.up-pic {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.up-pic .choose-img {
    width: 95px;
    height: 95px;
    margin-right: 17px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 6px;
}
/* .up-pic .choose-img:nth-child(5n+0){
    margin-right: 0;
} */
.up-pic .choose-img .big-img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 6px;
}
.scsp .choose-img {
    width: 100%;
    height: 400px;
}
.scsp .choose-img:nth-child(2n + 0) {
    margin-right: 0;
}
.up-pic .choose-img .del {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
}

.up-pic .choose-img .bf-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
}
.up-pic .choose-img .el-image {
    width: 95px;
    height: 95px;
}
.padr10 {
    padding-right: 10% !important;
}

.dis-cont {
    display: flex;
    width: 100%;
}

.dis-cont p {
    padding-top: 40px;
}

.pad0 {
    padding-bottom: 0px !important;
}

.wid70 {
    width: 60% !important;
    flex: initial;
}

.bz-text {
    font-size: 12px;
    color: #f53d3d;
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 25%;
}

.fle-none {
    flex-direction: column;
    align-items: initial !important;
}

.state-box {
    display: flex;
    align-items: center;
    background-color: #fff5ea;
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.state-box span {
    font-size: 16px;
    color: #333333;
}

.state-box .rg-tj {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
}

.state-box .rg-tj .tj-text {
    font-size: 24px;
    color: #fb942b;
}

.state-box .rg-tj .bj-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fb942b;
    width: 120px;
    padding: 6px;
    border-radius: 4px;
    margin-left: 20px;
    cursor: pointer;
}

.state-box .rg-tj .bj-box img {
    width: 14px;
    height: 14px;
    margin: initial !important;
}

.state-box .rg-tj .bj-box p {
    font-size: 14px;
    color: #fff;
    padding-left: 8px;
}

.state-box .rg-tj span {
    font-size: 14px;
    color: #666;
}

/* 评分详情 */
.form-box span {
    font-size: 14px;
    color: #0d2c72;
}
.red {
    color: #f53d3d !important;
}
.mbot60 {
    margin-bottom: 60px;
}
.bl-part {
    padding-bottom: 20px;
}
.bl-part h4 {
    font-size: 20px;
    color: #0d2c72;
    font-weight: bold;
    padding-bottom: 20px;
}

/* .bl-box {
    background-color: #f6faff;
} */

.bl-box .top-part {
    display: flex;
    border-bottom: 1px solid #fff;
}

.bl-box .top-part p {
    padding: 20px 0px 20px 10%;
    font-size: 18px;
    color: #0d2c72;
    font-weight: bold;
}

.bl-box .fot-part {
    display: flex;
    align-items: center;
}

.bl-box .fot-part .lf-text {
    font-size: 15px;
    color: #333333;
    width: 20%;
    text-align: center;
}

.bl-box .fot-part .pf-cont {
    /* display: flex;
    align-items: center; */
    flex: 1;
}

.bl-box .fot-part .pf-cont .rg-box {
    border-bottom: 20px solid #fff;
    /* display: flex;
    align-items: center; */
    background-color: #f1f7ff;
}

.bl-box .fot-part .pf-cont .rg-box:last-child {
    border-bottom: 0px;
}

.bl-box .fot-part .pf-cont .rg-box p {
    font-size: 15px;
    color: #333333;
    line-height: 28px;
}

.bl-box .fot-part .pf-cont .rg-box .ckbt {
    background: #2850a9;
    color: #fff;
    width: 200px;
    text-align: center;
    margin-right: 30px;
    height: 130px;
    line-height: 130px;
    float: left;
    font-size: 17px;
}
.bl-box .fot-part .pf-cont .rg-box .fon14 p:first-child {
    width: 100%;
}
.fon14 {
    font-size: 14px !important;
    line-height: 22px;
}
.fens {
    color: #f83d3d;
    margin-top: 40px;
}
.ylmc {
    color: #333 !important;
}
.gxpf {
    color: #0d2c72;
}
.tgtd-box .fens h2 {
    font-size: 80px !important;
    color: #f83d3d !important;
    line-height: 70px !important;
}
.tgtd-box .fens p {
    margin-left: 10px !important;
}
.zjfs {
    padding-bottom: 10px;
    margin-top: 20px;
}
.df-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    background-color: #fff9f0;
    border-radius: 4px;
    margin: 0px 0 40px;
}

.df-box p {
    font-size: 20px;
    color: #e39b30;
}

.df-box input {
    font-size: 24px;
    background-color: transparent;
    text-align: right;
    color: #e39b30;
    font-family: 'din';
}
.df-box input.red {
    color: #f53f3f;
}
.df-box input::-webkit-input-placeholder {
    color: #b3a38c;
    font-weight: normal;
    font-size: 20px;
}
.bltp .up-pic {
    background: #f7f7f7;
    padding: 30px 0 40px 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    height: 380px;
}

.update .up-pic {
    background: #f7f7f7;
    padding: 30px 0 40px 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.padrl10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.wid40 {
    width: 40%;
}

.wid60 {
    width: 60%;
}

.pab20 {
    padding-top: 0px !important;
}

/* 首页切换 专家评审 */
.pf-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0px;
}

.pf-list li {
    width: 48%;
    background-color: #f1f7ff;
    padding: 20px 30px;
    border-radius: 10px;
    margin-bottom: 2%;
    cursor: pointer;
    transition: all 0.25s;
}
.pf-list li:hover {
    background-color: #0d2c72;
    box-shadow: 0 0 5px #e5e5e5;
    color: #fff;
    -webkit-box-shadow: 0 10px 35px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 35px rgb(0 0 0 / 40%);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.pf-list li .top-xh {
    display: flex;
    align-items: center;
}

.pf-list li .top-xh p:first-child {
    flex: 1;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.pf-list li .top-xh p:first-child span {
    font-size: 16px;
    color: #999999;
    display: inline-block;
    padding-left: 15px;
    font-weight: normal;
}

.pf-list li .top-xh .num {
    font-size: 24px;
    color: #fb942b;
}

.pf-list li .cen-text {
    padding: 15px 0px;
    font-size: 15px;
    color: #666;
}

.pf-list li .db-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pf-list li .db-text p:first-child {
    font-size: 14px;
    color: #999;
}

.pf-list li .db-text .pf-btn {
    background-color: #0d2c72;
    font-size: 14px;
    color: #fff;
    padding: 8px 12px;
    border-radius: 20px;
    min-width: 100px;
    text-align: center;
    cursor: pointer;
}
.pf-list li:hover .db-text .pf-btn {
    background-color: #fff;
    color: #0d2c72;
}
.pf-list li:hover .db-text p:first-child,
.pf-list li:hover .cen-text,
.pf-list li:hover .top-xh p:first-child {
    color: #fff;
}
.fot-page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px;
}

.fot-page span {
    font-size: 16px;
    color: #333;
    display: inline-block;
    padding: 0px 10px;
    cursor: pointer;
}

.fot-page a {
    display: inline-block;
    background-color: #f1f1f1;
    padding: 8px 10px;
    min-width: 50px;
    color: #333;
    font-size: 16px;
    border-radius: 4px;
    text-align: center;
    margin: 0px 10px;
}

.fot-page a.active {
    background-color: #0d2c72;
    color: #fff;
}

.fot-page a:hover {
    background-color: #0d2c72;
    color: #fff;
}

/* 首页 */
.banner {
    width: 100%;
    height: 500px;
    /* margin-top: 92px; */
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yjbg {
    background: #f6f8fc;
    padding-top: 15px;
}
.yjbg .csrk-qh {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s;
}
.yjbg .csrk-qh .csrk-li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #333;
    padding: 20px 0;
    width: 50%;
}
.yjbg .csrk-qh .csrk-li p {
    font-family: 'din';
}
.yjbg .csrk-qh .csrk-li img {
    width: 34px;
    height: 34px;
    margin-right: 10px;
}
.yjbg .csrk-qh .csrk-li:first-child {
    margin-right: 20px;
}
.yjbg .csrk-qh .active {
    color: #0d2c72;
    background: #e2eafa;
    border-radius: 50px;
    transform: translateY(-5px);
    box-shadow: 0 4px 2px rgb(193 209 247);
}
.yjbg .csrk-qh .csrk-li:hover {
    color: #0d2c72;
    background: #e2eafa;
    border-radius: 50px;
    transform: translateY(-5px);
    box-shadow: 0 4px 2px rgb(193 209 247);
}
.white {
    background: #fff;
}
.hdjc {
    font-size: 30px;
    text-align: center;
    position: relative;
    color: #333333;
    z-index: 2;
}
.hdjc::after {
    position: absolute;
    content: '';
    background: #c9d8fb;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 130px;
    height: 15px;
    border-radius: 50%;
    z-index: -1;
}
.hgd::after {
    background: #ffd5a7;
}
.mt60 {
    margin-top: 60px;
}
.hdjc-ul {
    display: flex;
    align-items: center;
    margin-top: 40px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding: 0 60px;
}
.hdjc-ul li {
    background: rgba(53, 94, 186, 0.8);
    border-radius: 80px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 12%;
    position: relative;
}
.hdjc-ul li.active::after {
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-color: transparent;
    border-style: solid;
    bottom: -40px;
    left: 44%;
    border-bottom-width: 10px;
    border-bottom-color: #dfe6f6;
    border-width: 10px;
    -webkit-filter: drop-shadow(0 2px 12px #dfe6f6);
    filter: drop-shadow(0 2px 12px #dfe6f6);
}
.hdjc-xz {
    display: none;
}
.hdjc-ul li.active .hdjc-wxz {
    display: none;
}
.hdjc-ul li.active .hdjc-xz {
    display: block;
}
.hdjc-ul li.active {
    background: rgba(229, 236, 250, 0.8);
    color: #0d2c72;
}

.hdjc-ul li img {
    margin: 28px auto 18px;
}
.hdjc-ul li p {
    padding-bottom: 30px;
}
.zsbg {
    background: #0d2c72;
    margin-top: -60px;
    border-radius: 10px;
    height: 160px;
    position: relative;
    z-index: 0;
}
.jcsm {
    background: #dfe6f6;
    border-radius: 20px;
    margin: -60px 50px 0;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    z-index: 2;
    padding: 20px 30px;
    color: #333;
}
.liuc {
    padding: 0 3%;
}
.pt50 {
    padding-top: 50px;
}
.csbz-ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    background: #fff5ea;
    border-radius: 20px;
    padding: 40px 0;
    margin-top: 50px;
}
.csbz-ul li {
    width: 25%;
    text-align: center;
}
.csbz-ul li h2 {
    font-size: 20px;
    color: #fff;
    width: 42px;
    height: 42px;
    line-height: 38px;
    text-align: center;
    border: 3px solid #ffe0bd;
    background: #fb942b;
    border-radius: 50%;
    margin: 10px auto;
}
.csbz-ul li h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333;
}
.csbz-ul li .csmx {
    font-size: 14px;
    text-align: left;
    color: #666;
    line-height: 25px;
    min-height: 75px;
}
.bgys {
    background-repeat: no-repeat;
}
.csan {
    background: #0d2c72;
    padding: 12px 30px;
    border-radius: 30px;
    margin: 20px auto 0;
    display: table;
    color: #fff;
    cursor: pointer;
    transition: all 0.25s;
}
.csan:hover {
    background: #fdab57;
    box-shadow: 0 10px 35px rgb(237 197 153);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.psjs-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.psjs-box .txmy li {
    margin-bottom: 10px;
}
.psjs-box .txmy li .myzx-mc {
    font-size: 20px;
    color: #0d2c72;
    font-weight: bold;
    margin-bottom: 20px;
}
.psjs-box .txmy li .myzx-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    color: #333;
    text-align: center;
    /* margin-left: -8%; */
}

.psjs-box .txmy li .myzx-box .myzx-tx {
    width: 25%;
    margin-bottom: 20px;
}
.myzx-box img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 15px;
}
.psjs-box .psjs-left {
    width: 64%;
    border-right: 1px solid #d9e0ee;
    padding-right: 6%;
}
.psjs-box .psjs-right {
    width: 37%;
}
.psjs-box .psjs-right li .myzx-box .myzx-tx {
    width: 50%;
}
.psjs-box .psjs-right {
    padding-left: 10%;
}
.psjs-box .psjs-right .myzx-box {
    justify-content: space-between;
}

.zxzx-box {
    background: #3d66c4;
    color: #fff;
    border-radius: 10px;
    margin-top: 40px;
}
.zxzx-box .zxbt {
    font-size: 20px;
    padding: 20px 30px;
}
.zxzx-box .zxzx-qh {
    display: flex;
    align-items: center;
    font-size: 18px;
    border-bottom: 1px solid #fff;
    padding: 0 30px 0;
    cursor: pointer;
}
.zxzx-box .zxzx-qh li {
    position: relative;
    padding-bottom: 20px;
    margin-right: 12%;
}
.zxzx-box .zxzx-qh li.active::after {
    content: '';
    position: absolute;
    background: #fff;
    height: 3px;
    width: 40px;
    border-radius: 10px;
    left: 15px;
    bottom: 0;
    border-radius: 10px;
}
.sqfb-box {
    display: flex;
    align-items: flex-start;
    padding: 30px;
    font-size: 16px;
    line-height: 30px;
}
.sqfb-box .myzx-box {
    display: flex;
    align-items: center;
}
.sqfb-box .myzx-box img {
    width: 80px;
    height: 80px;
}
.sqfb-box .myzx-box .myzx-tx {
    margin-right: 60px;
    text-align: center;
}
.sqfb {
    margin-left: 30px;
}
.tgyq {
    display: flex;
    align-items: flex-start;
}
.tgyq li {
    width: 50%;
}
.tgyq li .jianju {
    background: #f6f8fc;
    margin-right: 15px;
    padding: 30px;
    color: #333;
    font-size: 14px;
    line-height: 35px;
    border-radius: 10px;
    min-height: 555px;
    box-shadow: 0px 0px 17.85px 3.15px rgba(188, 199, 225, 0.4);
}
.tgyq li:last-child .jianju {
    margin-left: 15px;
    margin-right: 0;
}
.tgyq li h2 {
    font-size: 20px;
    color: #0d2c72;
    margin-bottom: 5px;
}
.lsbg {
    background: #f6f8fc;
}
.csxz {
    border: 1px dashed #0d2c72;
    color: #0d2c72;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    padding: 20px;
    margin-top: 50px;
    border-radius: 10px;
}
.pb50 {
    padding-bottom: 50px;
}
.dbdl {
    margin: 40px auto 0;
    display: table;
    padding-bottom: 60px;
}
.dbdl .dlzc {
    padding: 15px 40px;
    border-radius: 30px;
    background: #0d2c72;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
}
.dbdl .dlzc span {
    margin: 0 20px;
}

.tgsm {
    font-size: 14px;
    color: #f53d3d;
    margin-top: -10px;
    margin-bottom: 30px;
}

.weui-mask {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.tgtd-box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: #fff;
    border-radius: 20px;
    padding: 30px 60px;
    width: 500px;
}
.tgtd-box .close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.tgtd-box .close img {
    width: 20px;
    height: 20px;
}
.tgtd-box .biaoti {
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 20px;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
}
.tgtd-box .kqsj {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: center;
    padding: 20px 0;
}
.tgtd-box .tianshu {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.tgtd-box .tianshu h2 {
    font-size: 126px;
    color: #3d66c4;
    line-height: 110px;
}
.tgtd-box .tianshu p {
    margin-top: -10px;
    margin-left: 20px;
}
.tgtd-box .jqgz {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-top: 20px;
}
.ljdl {
    background-color: #0d2c72;
    color: #fff;
    display: table;
    margin: 60px auto 20px;
    padding: 15px 50px;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
}
.dlqh {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.dlqh li {
    position: relative;
    padding-bottom: 20px;
    margin-right: 12%;
    cursor: pointer;
}
.dlqh li.active {
    color: #0d2c72;
}
.dlqh li.active::after {
    content: '';
    position: absolute;
    background: #0d2c72;
    height: 3px;
    width: 40px;
    border-radius: 10px;
    left: 15px;
    bottom: 0;
    border-radius: 10px;
}
.dlqh li:hover {
    color: #0d2c72;
}
.dlqh li:hover::after {
    content: '';
    position: absolute;
    background: #0d2c72;
    height: 3px;
    width: 40px;
    border-radius: 10px;
    left: 15px;
    bottom: 0;
    border-radius: 10px;
}
.tkdl {
    padding: 30px 0 20px;
}
.tkdl .form-box p {
    width: 80px;
}
.tkdl .el-form-item__label {
    text-align: left;
}
.hqyz {
    cursor: pointer;
    padding-left: 9px;
    color: #f54343;
    font-size: 16px;
}
.pt0 {
    padding-bottom: 0 !important;
}
.wjmm {
    text-align: right;
    font-size: 16px;
    color: #999;
    margin-bottom: 30px;
    text-decoration: underline;
    cursor: pointer;
}
.wjmm:hover {
    color: #0d2c72;
}
.dlan {
    background-color: #e2eafa;
    color: #0d2c72;
    display: table;
    margin: 0 auto;
    padding: 15px 40%;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.25s;
}
.dlan:hover {
    background-color: #0d2c72;
    color: #fff;
    box-shadow: 0 10px 35px rgb(193 209 247);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.myzh {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-top: 30px;
}
.myzh span {
    color: #fb942b;
    cursor: pointer;
}
.bortp {
    border-top: 1px solid #f1f1f1;
}
.app-dl {
    width: 100%;
    background-size: 100%;
    padding: 100px 30px 140px;
    background-repeat: no-repeat;
}
.app-dl h2 {
    font-size: 20px;
    color: #fff;
}
.app-dengl {
    background: #fff;
    border-radius: 20px;
    margin: -70px 15px 0;
    padding-bottom: 60px;
}
.app-dengl h2 {
    font-size: 20px;
    text-align: center;
    padding: 30px;
}
.app-dengl ul {
    padding: 0 30px;
}
.app-dengl ul li {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
}
.app-dengl ul li label {
    margin-right: 15px;
}
.app-dengl ul li label img {
    width: 24px;
    height: 24px;
}
.app-dlan {
    box-shadow: 0px 10px 24px 0px rgba(2, 85, 196, 0.3);
    background-image: linear-gradient(180deg, rgb(35, 88, 205) 0%, rgb(69, 128, 219) 100%);
    margin: 50px 30px 0;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    text-align: center;
    color: #fff;
}

.header-top {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
    top: 0;
    background: #fff;
}
.header-top .fhjt {
    margin-left: 15px;
}
.header-top .fhjt img {
    width: 20px;
    height: 20px;
}
.app-banner {
    margin: 44px 15px 0;
    border-radius: 10px;
}
.app-banner img {
    width: 100%;
    height: 150px;
}
.sh-box {
    margin: 80px auto 0;
    display: table;
    text-align: center;
    font-size: 14px;
    color: #999;
    line-height: 25px;
}
.sh-box .shtb img {
    width: 121px;
    height: 105px;
    margin: 0 auto 10px;
    display: table;
}
.sh-box h2 {
    font-size: 18px;
    color: #666;
    margin-top: 30px;
}
.sh-box .fenshu span {
    font-size: 16px;
}
.sh-box .fenshu {
    color: #f1031b;
    font-size: 25px;
}

.h100 {
    height: calc(100vh - 44px);
}
.bmzbj {
    display: flex;
    align-items: center;
}
.zc-info .form-box .ppt p {
    width: 100%;
    margin-top: 10px;
}
.zjjs {
    width: 100%;
    transition: all 0.25s;
}
.zjjs:hover {
    transform: translateY(-5px);
    transform: scale(1.05);
}
.biaozhun {
    padding-left: 100px;
    padding-bottom: 20px;
}
.fhan-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
}
.fhan {
    border: 1px solid #00478b;
    border-radius: 4px;
    color: #00478b;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: normal;
    display: table;
    cursor: pointer;
    transition: all 0.25s;
}
.fhan:hover {
    background: #00478b;
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 10px 35px rgb(193 209 247);
}
@media (max-width: 1600px) {
    .fhan-box,
    .w-1200 {
        width: 84% !important;
    }
}
@media (max-width: 1280px) {
    /* .el-carousel__container{
        height: 340px !important;
    }
    .banner {
        width: 100%;
        height: 340px;
    } */
    .hdjc-ul li {
        width: 13%;
        font-size: 15px;
    }
    .liuc {
        padding: 0 2%;
    }
    .hdjc-ul li img {
        margin: 20px auto 15px;
    }
    .hdjc-ul li p {
        padding-bottom: 20px;
    }
    .zsbg {
        margin-top: -45px;
    }
    .jcsm {
        margin: -77px 50px 0;
    }
}
/* @media (max-width: 640px) {
    .app-dl {
        width: 100%;
        background-size: 100%;
        padding: 100px 30px 140px;
        background-repeat: no-repeat;
    }
    .app-dl h2 {
        font-size: 20px;
        color: #fff;
    }
    .app-dengl {
        background: #fff;
        border-radius: 20px;
        margin: -70px 15px 0;
        padding-bottom: 60px;
    }
    .app-dengl h2 {
        font-size: 20px;
        text-align: center;
        padding: 30px;
    }
    .app-dengl ul {
        padding: 0 30px;
    }
    .app-dengl ul li {
        display: flex;
        align-items: center;
        padding: 20px 0;
        border-bottom: 1px solid #f1f1f1;
        font-size: 14px;
    }
    .app-dengl ul li label {
        margin-right: 15px;
    }
    .app-dengl ul li label img {
        width: 24px;
        height: 24px;
    }
    .app-dlan {
        box-shadow: 0px 10px 24px 0px rgba(2, 85, 196, 0.3);
        background-image: linear-gradient(180deg, rgb(35, 88, 205) 0%, rgb(69, 128, 219) 100%);
        margin: 50px 30px 0;
        padding: 15px;
        font-size: 16px;
        font-weight: bold;
        border-radius: 30px;
        text-align: center;
        color: #fff;
    }

    .header-top {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9;
        top: 0;
    }
    .header-top .fhjt {
        margin-left: 15px;
    }
    .header-top .fhjt img {
        width: 20px;
        height: 20px;
    }
    .app-banner {
        margin: 44px 15px 0;
        border-radius: 10px;
    }
    .app-banner img {
        width: 100%;
        height: 150px;
    }
    .sh-box {
        margin: 80px auto 0;
        display: table;
        text-align: center;
        font-size: 14px;
        color: #999;
        line-height: 25px;
    }
    .sh-box .shtb img {
        width: 121px;
        height: 105px;
        margin: 0 auto 10px;
        display: table;
    }
    .sh-box h2 {
        font-size: 18px;
        color: #666;
        margin-top: 30px;
    }
    .sh-box .fenshu {
        color: #f1031b;
        font-size: 25px;
    }
    .h100 {
        height: calc(100vh - 44px);
    }
} */
/* .el-input__inner{
    border: 1px solid #999!important;
} */
.bmcy {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(-50%, 0);
    background: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 10px #e1e1e1;
    z-index: 99;
    cursor: pointer;
    color: #666;
    font-size: 14px;
}
.bmcy .zfbm {
    width: 120px;
    padding: 15px;
}
.bmcy .zfbm:first-child {
    border-bottom: 1px solid #f1f1f1;
}
.bmcy .zfbm img {
    margin: 0 auto 5px;
}
.bmcy .zfbm:first-child:hover {
    background: #00478b;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.bmcy .zfbm:last-child:hover {
    background: #00478b;
    color: #fff;
    border-radius: 0 0 10px 10px;
}
.jg {
    display: none;
}
.bmcy .zfbm:hover .jg {
    display: block;
}
.bmcy .zfbm:hover .mjg {
    display: none;
}
.down-box:hover .jg {
    display: block;
}
.down-box:hover .mjg {
    display: none;
}
.tjyzm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yzmdl {
    text-align: right;
    font-size: 16px;
    color: #999;
    margin-bottom: 30px;
    text-decoration: underline;
    cursor: pointer;
}
.yzmdl:hover {
    color: #0d2c72;
}
.zpyl {
    background: #e7efff !important;
    border: 0 !important;
    transition: all 0.25s;
}
.zpyl:hover {
    background: #0d2c72 !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 35px rgb(193 209 247);
}
.zpyl:hover span {
    color: #fff !important;
}
.el-image {
    transition: all 0.25s;
}
.el-image:hover {
    transform: scale(1.1);
}
.el-image img {
    border-radius: 10px;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
    box-shadow: 0px 0px 2px 3px #b8dbff;
}
.xing {
    font-size: 14px;
    color: #ff2828 !important;
    margin-right: 5px;
}
.tgao {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-right: -20px;
}
.tgao li {
    width: 33.3%;
}
.tgao li a {
    margin-right: 20px;
}
.tgao li:hover a {
    background: #fff;
    box-shadow: 0px 0px 24px 2px #efefef;
    margin-right: 20px;
}

.tgao li.active a {
    background: #fff;
    box-shadow: 0px 0px 24px 2px #efefef;
    margin-right: 20px;
}
.tgao li a {
    padding: 20px;
    border-radius: 10px;
    display: block;
    background: #f7f7f7;
    margin-bottom: 20px;
    object-fit: cover !important;
}
.tgao li a img {
    width: 100%;
    height: 214px;
    border-radius: 10px;
    object-fit: cover;
}
.tgao li a .tgbt {
    font-size: 18px;
    color: #333;
    margin-top: 20px;
}
.tgao li a:hover .tgbt {
    color: #0d2c72;
}
.tgao li.active a .tgbt {
    color: #0d2c72;
}
.tgao li a .shij {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999;
    margin-top: 10px;
    font-size: 14px;
}
.ytj {
    color: #fb942b;
}
.fenshu {
    color: #ff2323;
    font-family: 'din';
}
.tgao li a .shij .fize16 {
    font-size: 16px;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #0d2c72 !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #0d2c72 !important;
    color: #fff !important;
}

.tgxq {
    display: flex;
    align-items: center;
    padding: 40px 10%;
}
.tgxq-left {
    width: 300px;
    height: 200px;
    margin-right: 30px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
}
.tgxq-left img {
    margin: auto;
    display: table;
    width: 300px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.25s;
}
.tgxq-left img:hover {
    transform: scale(1.1);
}
.tgxq-right {
    margin: 10px 0;
    flex: 1;
}
.tgxq-right .tgbt {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}
.tgxq-right .shij {
    color: #999;
    font-size: 14px;
}
.tgxq-right .csmb {
    background: #e2eafa;
    color: #0d2c72;
    border-radius: 30px;
    margin-top: 60px;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.25s;
}
.tgxq-right .csmb:hover {
    background: #0d2c72;
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 10px 35px rgb(193 209 247);
}
.sctj {
    background: #0d2c72;
    margin: 30px 10% 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    color: #fff;
}
.sctj .fshu {
    color: #fff;
}
.sctj .fshu span {
    font-size: 28px;
    font-family: 'din';
}
.ckbz-box.bl-box .fot-part {
    margin-bottom: 20px;
}
.zppf {
    padding: 40px 0 30px;
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.zppf p {
    font-size: 14px;
    margin-left: 20px;
    color: #0d2c72;
}
.ckbz-box {
    display: flex;
    align-items: flex-start;
}
.ckbz-box {
    margin-right: -20px;
}
.ckbz-box li {
    width: 50%;
    padding-right: 20px;
}
.ckbz-box .rg-box .ckbt {
    background: #2850a9;
    color: #fff;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
    border-radius: 10px 10px 0 0;
}
.ckbz-box .rg-box .ckbznr {
    font-size: 15px;
    color: #333333;
    line-height: 28px;
    padding: 15px 20px;
    height: 390px;
    border-radius: 0 0 10px 10px;
    background-color: #f1f7ff;
}
.ckbznr-li {
    padding-bottom: 10px;
}
.ckbznr-li h2 {
    color: #00478b;
    font-size: 18px;
    margin-bottom: 5px;
}
.ckbznr-li p {
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}
.ckbznr-li p::before {
    position: absolute;
    content: '';
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    background: #00478b;
    border-radius: 10px;
}
.zppfbz .ckbznr-li h2 {
    width: 80px;
}
.flem {
    flex: 1;
    margin-left: 10px;
}
.zppfbz {
    position: fixed;
    right: 2%;
    bottom: 10%;
}
.zppfbz .zppfbz-bt {
    padding: 10px 20px;
    color: #0d2c72;
    border: 1px solid #0d2c72;
    background-color: #fff;
    border-radius: 30px;
    transition: all 0.25s;
    cursor: pointer;
    font-size: 18px;
}
.zppfbz:hover .zppfbz-bt {
    transform: translateY(-5px);
    background-color: #0d2c72;
    color: #fff;
    box-shadow: 0 10px 35px rgb(193 209 247);
}
.bl-box {
    display: none;
    position: fixed;
    bottom: 18%;
    right: 2%;
    background: #fff;
    padding: 20px 20px 10px;
    box-shadow: 0 0 10px 4px #eceef3;
    border-radius: 10px;
}
.zppfbz:hover .bl-box {
    display: block;
    width: 705px;
}
.zppfbz .ckbznr {
    padding-top: 15px;
}
.zppfbz .rg-box p {
    font-size: 15px !important;
    line-height: 24px !important;
}
.zppfbz .rg-box p.fon14 {
    font-size: 13px !important;
    flex: 1;
}
.zppfbz .rg-box .ckbt {
    margin-right: 20px !important;
    background: #2850a9;
    width: 130px !important;
    margin-right: 15px !important;
    height: 100px !important;
    line-height: 100px !important;
    border-radius: 10px 0 0 10px;
}
.zppfbz .rg-box:first-child .ckbt {
    height: 253px !important;
    line-height: 253px !important;
}
.zppfbz .rg-box {
    overflow: hidden;
}
.zppfbz .rg-box:last-child .ckbt {
    height: 153px !important;
    line-height: 153px !important;
}
.zppfbz .rg-box:first-child p.fon14 {
    flex: 1;
}
.zppfbz .rg-box {
    border-bottom: 10px solid #fff !important;
    border-radius: 0 10px 10px 0;
    padding-right: 15px;
}
.ruw-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ruw {
    font-size: 18px;
    color: #d93c3c;
    font-weight: bold;
    border-radius: 50%;
    background: #fbe6e6;
    padding: 4px 15px;
}
.zczh {
    background: #192643;
    color: #fff;
}
.zczh .fhan {
    border: 1px solid #fff;
    color: #fff;
}
.zczh .fhan-box {
    top: 50%;
}
.zczh .fhan:hover {
    background: #fff;
    transform: translateY(-5px);
    box-shadow: 0 5px 20px #6d727c;
    color: #192643;
}
.zcbj {
    background: url(http://com18.cn/hexiebei-img/sybg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -4px;
}
.pt60 {
    padding: 60px 0;
}
.scsp .up-pic {
    background: #0f1a32;
    margin: auto;
    display: table;
    padding: 20px 0 0 0;
}
.scsp .up-pic .choose-img img {
    margin: auto;
}
.zb-text {
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.daoh {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-left: 40px;
    /* font-size: 15px; */
    cursor: pointer;
}
.logo-daoh {
    display: flex;
    align-items: center;
    flex: 1;
}
.daoh a {
    padding-right: 15px;
}
.daoh a:hover {
    color: #00478b;
}
.top-fiexd {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 99;
}
.tuplist1,
.tuplist2,
.tuplist3,
.tuplist4 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 17px;
    margin-bottom: 20px;
}

.tuplist4 .el-image img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}
.tuplist3 .el-image img {
    width: 130px;
    height: 90px;
    object-fit: cover;
}
.tuplist2 .el-image img {
    width: 130px;
    height: 130px;
    object-fit: cover;
}
.tuplist1 .el-image img {
    width: 240px;
    height: 150px;
    object-fit: cover;
}
.scsp .up-pic {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.scsp .choose-img {
    width: 30%;
    height: 150px;
    margin-right: 0;
}

.sj-box {
    position: relative;
    overflow: hidden;
}

.sj-box .rw {
    position: absolute;
    top: 0px;
    right: -25px;
    height: 0;
    border-right: 26px solid transparent;
    border-left: 26px solid transparent;
    border-bottom: 26px solid #e39b30;
    z-index: 9;
    transform: rotate(45deg);
    font-size: 12px;
    color: #ffffff;
    line-height: 26px;
}
.sybg-box {
    position: relative;
}
.sybg-box .sybg {
    /* padding-top: 92px; */
    width: 100%;
}
.top-hesdbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.top-hesdbox img {
    width: 100%;
    display: block;
}
.sybg-tup {
    position: absolute;
    width: 68%;
    top: 22%;
    left: 50%;
    transform: translate(-50%, 0);
}
.sybg-tup img {
    width: 100%;
    margin-bottom: 1.5%;
}

.sybg-tup img.btn-img {
    width: 570px !important;
    margin: auto;
    cursor: pointer;
}
.sybg-tup .mt40 {
    margin-top: 40px;
}

.shouqi,
.zhank {
    position: relative;
}
.zhank::before {
    content: ' ';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -10px;
    transform: rotate(45deg);
}
.shouqi::before {
    content: ' ';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-color: #c8c8cd;
    border-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -15px;
    transform: rotate(45deg);
    border-width: 2px 0 0 2px;
}
.pc-none {
    display: none;
}
.ljhg-box {
    /* background: url(../../src/assets/imgs/ljhg-bg.png) no-repeat;
    background-size: 100% 100%; */
    margin-top: 20px;
    position: relative;
}

.ljhg-box .dw-box {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px 30px;
}

.ljhg-box .hg-top {
    padding: 60px 0px 0px;
    border-bottom: 1px dashed #1b53ff;
}
.ljhg-box .tit img {
    width: 460px;
    margin: auto;
}
.ljhg-box .tit h4 {
    font-size: 25px;
    color: #474747;
    text-align: center;
    padding-top: 10px;
}
.si-box {
    display: flex;
    padding: 20px 0px 20px 0px;
    justify-content: space-between;
}
.si-box .lf-box {
    width: 49%;
    height: 300px;
}

.si-box .lf-box video {
    width: 100%;
    height: 100%;
}

.si-box .you-pic {
    width: 49%;
    /* display: flex;
    flex-wrap: wrap; */
}

.si-box .you-pic .li-box {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
}
/* .si-box .you-pic .li-box:last-child,
.si-box .you-pic .li-box:nth-last-child(2) {
    margin-bottom: 0px;
} */
.si-box .you-pic .li-box .img-ul {
    width: 50%;
}
.si-box .you-pic .li-box .img-ul .imgbox {
    margin: 0px 5px 10px;
}

.si-box .you-pic .li-box .img-ul .imgbox img {
    width: 100% !important;
    height: 145px;
    cursor: pointer;
    /* object-fit: cover; */
}

.dsj-box {
    padding: 30px 0px;
    border-bottom: 1px dashed #1b53ff;
    display: flex;
    align-items: center;
}
.dsj-box:last-child {
    border-bottom: 0px;
}

.dsj-box .dsj-lft {
    width: 42%;
    margin-right: 20px;
}

.dsj-box .dsj-lft img {
    width: 100%;
}

.dsj-box .dsj-lft h4 {
    font-size: 25px;
    color: #474747;
    /* text-align: center; */
}
.mar-you {
    text-align: right;
    margin-right: 0px;
    margin-left: 20px;
}

.tit-img {
    display: flex;
    justify-content: flex-end;
}

/* 图片滚动 */
.bigbox {
    overflow: hidden;
    /* width: 1032px; */
    height: 140px;
    /* margin: auto 70px auto; */
    flex: 1;
}
#switcher {
    height: 140px;
    left: 0px;
}
.content_1.content_2 {
    width: 100%;
    float: left;
}
.box {
    /* animation: scroll 10s infinite; */
    width: 33.33%;
    height: 140px;
    float: left;
    /* border-left: 3px white solid; */
}
/* @keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
} */
.box:hover {
    opacity: 0.5;
}
.shadow {
    width: 100%;
    color: white;
    font-size: 14px;
    display: block;
    margin: auto;
    /* margin-bottom: 20px; */
}
.shadow-cont {
    margin: 0 5px;
    /* border-bottom: 2px solid #e5e5e5; */
    display: block;
    text-align: center;
}
.shadow-cont img {
    /*width: 100%;*/
    height: 140px;
    margin-bottom: 0px;
    /* object-fit: cover; */
}
@media (max-width: 1520px) {
    .si-box .you-pic .li-box .img-ul .imgbox img {
        height: 120px;
    }
    .si-box .lf-box {
        height: 250px;
    }
    .shadow-cont img,
    .box,
    #switcher,
    .bigbox {
        height: 110px;
    }
    .dsj-box .dsj-lft img {
        width: 93%;
    }
    .dsj-box .dsj-lft h4 {
        font-size: 18px;
    }
    .dsj-box {
        padding: 20px 0px;
    }
    .sybg-tup img.btn-img {
        width: 450px !important;
    }
}
@media (max-width: 1430px) {
    .si-box .you-pic .li-box .img-ul .imgbox img {
        height: 110px;
    }
    .si-box .lf-box {
        height: 232px;
    }
    .shadow-cont img,
    .box,
    #switcher,
    .bigbox {
        height: 100px;
    }
    .dsj-box .dsj-lft img {
        width: 90%;
    }
    .dsj-box .dsj-lft h4 {
        font-size: 18px;
    }
    .dsj-box {
        padding: 20px 0px;
    }
    .sybg-tup img.btn-img {
        width: 450px !important;
    }
}
@media (max-width: 1480px) {
    .daoh a {
        padding-right: 4px;
        font-size: 13px;
    }
    .ckbz-box .rg-box .ckbznr {
        height: 480px;
    }
}
@media (max-width: 1350px) {
    .si-box .you-pic .li-box .img-ul .imgbox img {
        height: 100px;
    }
    .si-box .lf-box {
        height: 212px;
    }
    .shadow-cont img,
    .box,
    #switcher,
    .bigbox {
        height: 90px;
    }
    .dsj-box .dsj-lft img {
        width: 90%;
    }
    .dsj-box .dsj-lft h4 {
        font-size: 18px;
    }
    .dsj-box {
        padding: 20px 0px;
    }
    .sybg-tup img.btn-img {
        width: 450px !important;
    }
}

@media (max-width: 1320px) {
    .daoh {
        margin-left: 25px;
    }
    .header .logo {
        /* width: 150px; */
        height: 42px;
    }
}

@media (max-width: 1350px) {
    .si-box .you-pic .li-box .img-ul .imgbox img {
        height: 90px;
    }
    .si-box .lf-box {
        height: 188px;
    }
    .shadow-cont img,
    .box,
    #switcher,
    .bigbox {
        height: 90px;
    }
    .dsj-box .dsj-lft img {
        width: 90%;
    }
    .dsj-box .dsj-lft h4 {
        font-size: 18px;
    }
    .dsj-box {
        padding: 20px 0px;
    }
    .sybg-tup img.btn-img {
        width: 450px !important;
    }
}

@media (max-width: 1240px) {
    /* .daoh a {
        font-size: 13px;
    } */
    .header .dlzc {
        font-size: 12px;
    }
}

@media (max-width: 1350px) {
    .si-box .you-pic .li-box .img-ul .imgbox img {
        height: 85px;
    }
    .si-box .lf-box {
        height: 180px;
    }
    .shadow-cont img,
    .box,
    #switcher,
    .bigbox {
        height: 80px;
    }
    .dsj-box .dsj-lft img {
        width: 90%;
    }
    .dsj-box .dsj-lft h4 {
        font-size: 18px;
    }
    .dsj-box {
        padding: 20px 0px;
    }
    .sybg-tup img.btn-img {
        width: 450px !important;
    }
}

@media (max-width: 1198px) {
    .daoh a {
        padding-right: 2px;
        font-size: 12px;
    }
    .cstgxz a {
        font-size: 14px;
        margin-right: 10px;
    }
    .ckbz-box .rg-box .ckbznr {
        height: 490px;
    }
}
@media (max-width: 1185px) {
    .si-box .you-pic .li-box .img-ul .imgbox img {
        height: 70px;
    }
    .si-box .lf-box {
        height: 152px;
    }
    .shadow-cont img,
    .box,
    #switcher,
    .bigbox {
        height: 70px;
    }
    .dsj-box .dsj-lft img {
        width: 82%;
    }
    .dsj-box .dsj-lft h4 {
        font-size: 18px;
    }
    .dsj-box {
        padding: 20px 0px;
    }
    .sybg-tup img.btn-img {
        width: 450px !important;
    }
}
@media screen and (max-width: 480px) {
    .sj-none {
        display: none;
    }
    .zc-info .el-input--suffix .el-input__inner {
        width: 100% !important;
    }
    .el-upload-dragger {
        width: 100% !important;
    }
    .sjtb {
        display: block;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 15px;
        position: fixed;
        background: #fff;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9;
    }

    .sjtb .logo img {
        /* width: 77px; */
        height: 30px;
    }
    .zhuc {
        background: #00478b;
        background-image: linear-gradient(to right, #042680, #081668);
        color: #fff;
        font-size: 14px;
        border-radius: 4px;
        padding: 5px 20px;
        margin-left: 10px;
    }
    .shouy {
        padding-top: 47px;
        display: block !important;
    }
    .shouy .sybg {
        width: 100%;
    }
    .sybg-tup {
        width: 88%;
        top: 33%;
    }
    .sybg-tup .top-img img {
        margin-bottom: 12px;
    }
    .sybg-tup .top-img img:last-child {
        margin-bottom: 0px;
    }
    .btn-img {
        padding: 10px 0px;
    }
    .btn-img img {
        width: 67%;
        margin: auto;
    }
    .btn-img .reg-top {
        margin-top: 47px;
        padding: 10px;
        font-size: 18px;
    }
    .zczh .fhan {
        font-size: 12px;
        padding: 4px 10px;
    }
    .pt20 {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .w-1200 {
        width: 94% !important;
    }
    .zc-info {
        padding: 20px 4%;
    }
    .zc-info h4 {
        padding-bottom: 15px;
    }
    .el-form-item__label {
        width: 95px !important;
    }
    .el-form-item__content {
        margin-left: 100px !important;
    }
    .el-select,
    .el-input {
        width: 80% !important;
    }
    .yzms {
        width: 60% !important;
    }
    .hqyz {
        font-size: 13px;
    }
    .el-form-item {
        margin-bottom: 10px !important;
    }
    .el-button {
        margin-left: 0 !important;
    }
    .dialog-footer {
        display: flex;
        justify-content: center;
        margin: 20px 0 0;
    }
    .el-message-box {
        width: 80%;
    }

    .el-message-box {
        width: 90% !important;
    }
    .el-message-box__btns button:nth-child(2) {
        margin-left: 10px !important;
    }
    .el-input__inner {
        height: 32px !important;
        line-height: 32px !important;
    }
    .el-form-item__error {
        padding-top: 0 !important;
    }
    .sj-ljhg {
        background: url(http://com18.cn/hexiebei-img/sj-ljhg.png) no-repeat;
        background-size: 100% 100%;
        padding: 20px;
    }
    .ljhg-box .tit img {
        width: 84%;
    }
    .ljhg-box .tit h4 {
        font-size: 13px;
        padding-top: 6px;
    }
    .ljhg-box .hg-top {
        padding-top: 0px;
    }
    .si-box {
        flex-direction: column;
    }
    .si-box .lf-box,
    .si-box .you-pic {
        width: 100%;
    }
    .si-box .you-pic {
        padding-top: 12px;
    }
    .si-box .you-pic .li-box .img-ul .imgbox img {
        height: 80px;
    }
    .si-box {
        padding-bottom: 10px;
    }
    .sj-ljhg {
        padding: 40px 15px 0px;
    }
    .dsj-box {
        flex-direction: column;
        padding: 10px 0px;
    }
    .dsj-box .dsj-lft {
        width: 100%;
    }
    .dsj-box .dsj-lft img {
        width: 60%;
        margin: auto;
    }
    .dsj-box .dsj-lft h4 {
        font-size: 13px;
        text-align: center;
        /* padding-top: 5px; */
    }
    .pic-san {
        padding-top: 10px;
    }
    .pic-san .san-li {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
    }
    .pic-san .san-li .li-img {
        width: 32% !important;
    }
    /* .pic-san .san-li .li-img .img-box{
        margin: 0px 3px;
    } */
    .pic-san .san-li .li-img img {
        width: 100%;
        height: 64px;
    }
    .ljhg-box {
        margin-top: 0px;
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .si-box {
        padding: 10px 0px 0px;
    }
    .si-box .lf-box {
        height: 130px;
    }
    .dsj-box .dsj-lft {
        margin-right: 0px;
    }
    .dsj-box,
    .ljhg-box .hg-top {
        border-bottom: 1px dashed #474747;
    }
    .sctp .el-form-item__label {
        width: 100% !important;
        text-align: left !important;
    }
    .sctp .el-form-item__content {
        margin-left: 0px !important;
    }
    .sctp .el-upload {
        width: 100% !important;
    }
}
.dlcg {
    padding-bottom: 0px;
    text-align: center;
}
.dlcg h2 {
    font-size: 22px;
    padding-bottom: 10px;
    color: #333;
}
.ksrk .ewm {
    margin: 0 auto 10px;
    display: table;
}
.ksrk .ewm img {
    width: 200px;
    height: 200px;
}
.zc-info .el-input--suffix .el-input__inner {
    width: 400px;
}
.zc-info .lable .el-form-item__label {
    line-height: 21px;
}
.zc-info .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.zc-info .sctp {
    background: #f2f9ff;
    padding: 30px 20px;
    border-radius: 10px;
    margin-top: 40px;
}