聚诚在线（jc128.net）安全--简单--易用
@font-face {
  font-family: 'montserrat';
  font-style: normal;
  src: url(../fonts/montserrat-regular.ttf);
}
body{
    font-family: "Arial","Microsoft YaHei","微软雅黑",Helvetica,'montserrat',"Hiragino Sans GB",sans-serif;
    background-repeat: repeat;
    color: #000;
}

::-webkit-scrollbar {
    滚动条整体样式
    width: 8px;
    z-index: 10000;
    高宽分别对应横竖滚动条的尺寸
    height: 5px;
}
::-webkit-scrollbar-thumb {
    滚动条里面小方块
    background-color: #ccc;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    滚动条里面轨道
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #fff;
}

.section::-webkit-scrollbar{
    display: none;
}

h5.text-center.mt-2 strong {
    font-weight: 700;
    font-size: 18px !important;
    
}

 ----------------------------------------------------------------
    通用
-----------------------------------------------------------------
button:focus,div:focus,span:focus,input:focus{outline:0;}

a{
    color: #333;
}

a, a:hover, a:focus{
    text-decoration: none;
    outline: none;
}

a:hover, a:focus{
    color: #E45E2E;
}
h5{
    line-height: 32px;
}

ul,p{
    margin-bottom: 0px;
}

/* ----------------------------------------------------------------
    CSS
-----------------------------------------------------------------*/
.wrap9,.nav_min .container{
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 88%;
    max-width: 1640px;
    position: relative;
}

.pem{
    text-indent: 2em;
}
.p_13 p,.p_13{
    font-size: 16px;
    line-height: 30px;
}
.p_14 p,.p_14{
    font-size: 16px;
    line-height: 30px;
}
.p_15 p,.p_15{
    font-size: 16px;
    line-height: 30px;
}
.p_16 p,.p_16{
    font-size: 16px;
    line-height: 30px;
}
.p_17 p,.p_17{
    font-size: 17px;
    line-height: 30px;
}
.p_18 p,.p_18{
    font-size: 18px;
    line-height: 38px;
}
.p_20 p,.p_20{
    font-size: 20px;
    line-height: 38px;
}
.p_em p{
    text-indent: 2em;
}
.p_mb14 p{
    margin-bottom: 10px;
}

.wrap9_30{
    margin-left: -30px;
    margin-right: -30px;
}
.col_30{
    padding-left: 30px;
    padding-right: 30px;
}
.wrap9_24{
    margin-left: -24px;
    margin-right: -24px;
}
.col_24{
    padding-left: 24px;
    padding-right: 24px;
}
.wrap9_20{
    margin-left: -20px;
    margin-right: -20px;
}
.col_20{
    padding-left: 20px;
    padding-right: 20px;
}
.wrap9_10{
    margin-left: -10px;
    margin-right: -10px;
}
.col_10{
    padding-left: 10px;
    padding-right: 10px;
}
.wrap9_7{
    margin-left: -7px;
    margin-right: -7px;
}
.col_7{
    padding-left: 7px;
    padding-right: 7px;
}
.wrap9_5{
    margin-left: -5px;
    margin-right: -5px;
}
.col_5{
    padding-left: 5px;
    padding-right: 5px;
}

.ups_ul_dian li{
    padding-left: 18px;
    position: relative;
    margin-bottom: 8px;
}
.ups_ul_dian li:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #000;
}

.us_zzhwc_bt{
    position: relative;
}
.us_zzhwc_bt:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 11px;
    margin-left: -6px;
    height: 11px;
    border-radius: 11px;
    background: #000;
}

.us_zzhwc_zzzc{
    display: block;
    background: #0170c1;
    color: #fff;
    text-align: center;
    padding: 14px;
    font-size: 18px;
    border-radius: 50px;
}
.us_zzhwc_text{
    font-size: 16px;
    line-height: 48px;
}

.us_zyfwlc{
    background: #c6c7c9;
    padding-right: 8px;
}
.us_zyfwlc_left {
  background: #2144ba;
  color: #fff;
  font-size: 30px;
  padding: 18px 24px;
  font-weight: 700;
  /* 可选：让符号和文字垂直居中对齐（避免基线错位） */
  display: flex;
  align-items: center;
  gap: 12px; /* 符号和文字之间的间距（推荐，比margin更灵活） */
}

/* 符号的专属样式 */
.icon-symbol {
  /* 可单独修改符号颜色、大小、字体等，不影响文字 */
  color: #ffd700; /* 符号设为金色，和文字白色区分 */
  font-size: 36px; /* 符号比文字稍大，更醒目 */
  /* 可选：禁止符号被选中 */
  user-select: none;
}

.jnd_bt_bottom{
    padding-bottom: 24px;
    position: relative;
}
.jnd_bt_bottom:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 24px;
    height: 2px;
    background: #f18e43;
}
.jnd_bt_bottom:after{
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0px;
    width: 24px;
    height: 2px;
    background: #1c2952;
}
.jnd_ul .list-inline-item:not(:last-child){
    margin-right: 70px;
}
.jnd_ul li{
    position: relative;
}
.jnd_ul li i{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: -58px;
    font-size: 18px;
    color: #999;
}
@media (max-width: 1600px){
    .jnd_ul .list-inline-item:not(:last-child){
        margin-right: 48px;
    }
    .jnd_ul li i{
        right: -36px;
    }
}
@media (max-width: 768px){
    .wrap9,.wrap9_lg,.wrap9_md{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .p_16 p, .p_16{
        font-size: 14px;
        line-height: 24px;
    }

    .jnd_ul .list-inline-item:not(:last-child){
        margin-right: 24px;
    }
    .jnd_ul li i{
        right: -24px;
    }
}