/* 顶部导航 */
.header-area {
    background-color: rgb(2,39,180);
}
.header_li_border {
    border-bottom:3px solid rgb(128,195,255);
}


.banner-box, .banner {
    width: 100%;
}
.banner img {
    width: 100%;
}

/* 功能介绍 */

.fun_bg_title {
    position: relative;
    font-size: 18px;
    color: #e9eff4;
}
.fun_title {
    display: flex;
    position: absolute;
    left: 46%;
    top: 50%;
    color: #333;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fun_title p {
    width: 20px;
    height: 3px;
    margin-top: 5px;
    background-color: rgb(2,39,180);
}


.fun_introduce {
    display: flex;
    width: 100%;
    height: 500px;
}
.fun_introduce .fun_bg_left {
    width: 100%;
    height: 100%;
    flex: 2;
    background: url('../img/首页/bg/bg_left@2x.png') no-repeat;
    background-size: 100%;
    background-position: -23px 155px;
}
.fun_introduce .fun_bg_right {
    width: 100%;
    height: 100%;
    flex: 2;
    background: url('../img/首页/bg/bg_right@2x.png') no-repeat;
    background-size: 100%;
    background-position: 74px -79px;
}
.fun_content .fun_item {
    border: 1px solid #ddd;
}
.fun_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    min-height: 300px;
    justify-content: center;
}
.fun_inner_box {display: flex;flex-direction: column;align-items: center;padding-top: 23px;}
.fun_inner_box .img_box {width: 60px;margin-bottom: 20px;}
.fun_inner_box img {width: 100%;}
.fun_item .bg_bottom {
    color: #fff;
    width: 100%;
    background: url(../img/首页/bg/bg_gongnengjieshao.png) no-repeat;
    background-size: cover;
    box-sizing: border-box;
}
.fun_item .bg_bottom .fun_bg_txt {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 19px;
    padding: 73px 10px 0px 11px;
}


/* 特点优势 */
.te_bg_title {
    position: relative;
    font-size: 18px;
    color: #1f41bd;
    padding-top: 60px;
}
.te_title {
    display: flex;
    position: absolute;
    left: 47%;
    top: 83%;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.te_title span {
    /* display: block; */
    width: 20px;
    height: 3px;
    margin-top: 5px;
    background-color:#fff;
}
.te_bg_img {
    width: 100%;
    height: 470px;
   background: url('../img/首页/bg/bg_tedian@2x.png') no-repeat;
   background-size: 100% 100%;
}
.te_bg_img p {
    font-size: 18px;
    color: #fff;
    padding: 30px;
}
.details_box {
    width: 82%;
    box-shadow: 0 10px 15px rgb(0 9 94 / 6%);
    background-color: #fff;
}
.te_icon_img {
    width: 100px;
    height: 100px;
}
.d_flex {
    padding: 50px 33px 20px 29px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.te_icon_img img {
    width: 100%;
}
.details_box p {
    font-size: 16px;
    font-weight: 700;
    margin-top: 35px;
    color: rgb(21,38,90);
    padding: 0; 
}
.details_box .te_txt {
    font-size: 13px;
    color: #999999;
}

/* 应用范围 */
.range_bg_title {
    position: relative;
    font-size: 18px;
    color: #e9eff4;
    padding-top: 60px;
}
.range_title {
    display: flex;
    position: absolute;
    left: 47%;
    top: 83%;
    color: #333;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.range_title span {
    /* display: block; */
    width: 20px;
    height: 3px;
    margin-top: 5px;
    background-color:rgb(2,39,180);
}
.range-content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
}
.range-item {
    width: 100px;
    height: 100px;
}
.range-item img {
    width: 100%;
}
.range-content p {
    font-size: 15px;
    color: #333;
}


/* 提现价值 */
.tx_bg_title {
    position: relative;
    font-size: 18px;
    color: #e9eff4;
}
.tx_title {
    display: flex;
    position: absolute;
    left: 46%;
    top: 50%;
    color: #333;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tx_title p {
    width: 20px;
    height: 3px;
    margin-top: 5px;
    background-color: rgb(2,39,180);
}
.wan_bg {
    width: 100%;
}
.wan_bg img {
    width: 100%;
}
.reflect {
    background-color: rgb(240,247,255);
    padding: 50px;
}
.section-tittle p {
    font-size: 18px;
    color: #333;
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: space-between;
    cursor: pointer;
}
.sideBar {
    margin-bottom: 30px;
}

.active {
    color: rgb(17,39,155);
    border-bottom: 3px solid rgb(17,39,155);
}
.content_item {
    margin-bottom: 50px;
}
.content_item .jz_title {
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
    font-family: monospace;
}
.content_item p {
    font-size: 14px;
    color: #999999;
    line-height: 25px;
}
    /* 应用场景 */
.scene_bg_title {
    position: relative;
    font-size: 18px;
    color: #e9eff4;
    padding-top: 60px;
}
.scene_title {
    display: flex;
    position: absolute;
    left: 47%;
    top: 83%;
    color: #333;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.scene_title p {
    /* display: block; */
    width: 20px;
    height: 3px;
    margin-top: 5px;
    background-color:rgb(2,39,180);
}
/* 底部样式 */
.footer1-wrapper {
    padding-top: 300px;
    width: 100%;
    background: url('../img/通用/bg_bot@2x.png') no-repeat;
    background-size: cover;
}
.about_we_project .about_we p{
    color: #fff;
    font-size: 14px;
}
.about_we_project .about_we ul{
    display: flex;
}
.about_we_project .about_we ul li{
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}
.about_we_project .we_project p{
    color: #fff;
    font-size: 14px;
}
.about_we_project .we_project ul{
    display: flex;
}
.about_we_project .we_project ul li{
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}
.contact {
    height: 100%;
}
.contact ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.contact ul li {
    display: flex;
    color: #fff;
    font-size: 13px;
}
.contact ul li p {
    color: #fff;
    font-size: 13px;
}
.footer-copy-right p {
    color: #fff;
    font-size: 13px;
}