.banner {
    width: 100%;
    height: 6.8rem;
    background-image: url(../img/banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.banner_title {
    padding: 1.7rem 3.3rem 0;
    font-size: .52rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #FFFFFF;
}

.banner_text {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #FFFFFF;
    width: 7.36rem;
    margin: .44rem 3.3rem 0;
    line-height: .34rem;
}

.zxbtn {
    display: block;
    width: 1.27rem;
    height: .36rem;
    background: #F7F7F7;
    border-radius: 1px;
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #122BC6;
    line-height: .36rem;
    margin: .6rem 3.3rem 0;
    text-align: center;
}

/* 技术优势 */
.jsys_bg {
    padding: .69rem 3.6rem;
}

.titlebox {
    position: relative;
}

.title_en {
    font-size: .42rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #E7F0FC;
    height: .31rem;
    line-height: .31rem;
    opacity: 0.8;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0;
}

.title_name {
    font-size: .32rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #000;
    height: .31rem;
    line-height: .31rem;
    text-align: center;
    top: .18rem;
    position: relative;
}

.title_brief {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #999999;
    margin-top: .45rem;
    text-align: center;
}

.jsys_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .68rem;
}

.jsys_type_box {
    width: 3.78rem;
    height: 4.56rem;
    background: #FFFFFF;
    box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.08);
    padding: .35rem .33rem 0;
    cursor: pointer;
    margin-bottom: .3rem;
}

.jsys_img {
    width: 1.02rem;
    height: .99rem;
    display: block;
    margin: 0 auto;
}

.jsys_type_name {
    font-size: .28rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin: .28rem 0;
}

.jsys_type1 {
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #666666;
    text-align: center;
    line-height: .32rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.jsys_line {
    width: 100%;
    height: 1px;
    background: #E8E8E8;
    margin: .20rem 0 .18rem;
}

.jsys_type_box:hover {
    background: #0C57DD;
}

.jsys_type_box:hover .jsys_type1 {
    color: #fff;
}

.jsys_type_box:hover .jsys_type_name {
    color: #fff;
}

/* 平台优势 */
.ptys_bg {
    width: 100%;
    height: 14.41rem;
    background-image: url(../img/a1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: .69rem 3.6rem;
}

.ptys_list1 {
    margin-top: .78rem;
    display: flex;
    align-items: center;
}

.ptys_list1 .ptys_text {
    flex: 1;
    margin-right: 1.63rem;
}

.ptys_text {
    color: #fff;
}

.ptys_text_name {
    font-size: .25rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.ptys_list1 img {
    width: 4.21rem;
    height: 2.9rem;
}

.ptys_text_brief {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: .32rem;
    margin-top: .3rem;
}

.ptys_list2 {
    margin-top: .69rem;
    display: flex;
    align-items: center;
}

.ptys_list2 img {
    width: 4.45rem;
    height: 3.48rem;
}

.ptys_list2 .ptys_text {
    margin-left: 1.4rem;
    flex: 1;
}

.ptys_list3 {
    display: flex;
    align-items: center;
}

.ptys_list3 img {
    width: 4.57rem;
    height: 3.77rem;
}

.ptys_list3 .ptys_text {
    margin-right: 1.32rem;
    flex: 1;
}

.ywjg_box {
    padding: .25rem .28rem .05rem;
    border: 1px solid #11284D;
    display: flex;
    margin-bottom: .23rem;
}

.ywjg_name {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #172E57;
    margin-top: .17rem;
    margin-right: .24rem;
}

.ywjg_type_list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.ywjg_type_list div {
    padding: .18rem .15rem;
    background: #0A57E0;
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #FFFFFF;
    margin-right: .2rem;
    margin-bottom: .2rem;
}

.ywjg_box_2 {
    display: flex;
    justify-content: space-between;
}

.ywjg_zj {
    border: 1px solid #11284D;
    width: 5.88rem;
    padding: .38rem 0 .23rem;
    border: 1px solid #11284D;
}

.ywjg_zj1 {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #172E57;
    text-align: center;
}

.ywjg_zj_list1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .28rem .35rem 0;
}

.ywjg_zj_list1 div {
    width: 1.56rem;
    height: .51rem;
    background: #EEEFEF;
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #0838DB;
    line-height: .51rem;
    text-align: center;
    margin-bottom: .2rem;
}

.ywjg_zj_list2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .28rem .22rem 0;
}

.ywjg_zj_list2 div {
    width: 1.27rem;
    height: .51rem;
    background: #0838DB;
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #fff;
    line-height: .51rem;
    text-align: center;
    margin-bottom: .2rem;
}

.yycj_bg {
    padding: .56rem 3.6rem .73rem;
    background: #F2F3F5;
}

.yycj_box {
    display: flex;
    justify-content: space-between;
    margin-top: .61rem;
}

.yycj_btn {
    cursor: pointer;
}

.yycj_btn .btn_all {
    display: none;
}

.yycj_btn .btn_off {
    display: block;
}

.yycj_btn.active .btn_all {
    display: block;
}

.yycj_btn.active .btn_off {
    display: none;
}

.btn_all {
    padding: .35rem .25rem;
    width: 6rem;
    min-height: 6.32rem;
    background: #FFFFFF;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

.btn_title {
    display: flex;
    align-items: center;
}


.btn_name1 {
    font-size: .25rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    margin-left: .21rem;
}

.btn_name2 {
    font-size: .22rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    margin-top: .41rem;
}

.btn_text1 {
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #7F8E9D;
    line-height: .3rem;
    margin-top: .15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.btn_text2 {
    font-size: .16rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #7F8E9D;
    line-height: .3rem;
    margin-top: .38rem;
}

.yycj_btn .btn_off {
    width: 1.83rem;
    min-height: 6.32rem;
    padding: .39rem .3rem;
}

.y_b1 {
    background-image: url(../img/bj1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.y_b2 {
    background-image: url(../img/bj2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.y_b3 {
    background-image: url(../img/bj3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.y_b4 {
    background-image: url(../img/bj4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.y_b2 img {
    width: .46rem;
    height: .43rem;
}

.y_b3 img {
    width: .39rem;
    height: .43rem;
}

.y_b4 img {
    width: .44rem;
    height: .43rem;
}

.btn_off div {
    font-size: .2rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #FFFFFF;
    margin-top: .3rem;
}

.y_b1 img {
    width: .51rem;
    height: .51rem;
}

.btn_logo1 {
    width: .51rem;
    height: .51rem;
}

.btn_logo2 {
    width: .46rem;
    height: .43rem;
}

.btn_logo3 {
    width: .39rem;
    height: .43rem;
}

.btn_logo4 {
    width: .44rem;
    height: .43rem;
}

/* 区块链 */
.qkl_bg_img {
    width: 100%;
    height: 3.6rem;
    background-image: url(../img/a15.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.qkl_title {
    font-size: .3rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #044DCF;
    text-align: center;
    padding-top: .63rem;
}

.qkl_text {
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #666666;
    text-align: center;
    margin-top: .24rem;
}

.qkl_sx {
    display: flex;
    justify-content: center;
    margin-top: .46rem;
}

.qkl_sx .selectbg {
    width: 1.6rem;
    height: .56rem;
    background: #FFFFFF;
    border-radius: .25rem;
    border: 5px solid #EFF6FF;
    padding: 0 .2rem;
}

.qkl_sx .selectbg select {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    font-size: .16rem;
}

.qkl_sx .search_bg {
    width: 5.9rem;
    height: .56rem;
    border: 5px solid #EFF6FF;
    border-radius: .5rem;
    margin-left: .06rem;
    display: flex;
    align-items: center;
    background: #fff;
    padding-left: .2rem;
}

.qkl_sx .search_bg img {
    width: .23rem;
    height: .23rem;
}

.search_bg input {
    flex: 1;
    margin-left: .11rem;
    font-size: .16rem;
}

.qkl_sx .search_bg .search_btn {
    width: 1rem;
    padding-right: .1rem;
    height: 100%;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    background: #2977F0;
    line-height: .42rem;
    border-radius: 0 .5rem .5rem 0;
}

.qkl_order {
    margin-top: .46rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qkl_order .qkl_order_box {
    width: 2.86rem;
    height: 1.29rem;
    border: 3px solid #FFFFFF;
    background: linear-gradient(0deg, #F6F9FB 0%, #FFFFFF 100%);
    box-shadow: 0px 2px 21px 0px rgba(85, 85, 85, 0.11);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 .1rem;
}

.qkl_order_number1 {
    font-size: .28rem;
    font-family: 'Arial';
    font-weight: bold;
    color: #2977F0;
}

.qkl_order_number2 {
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #333333;
    margin-top: .1rem;
}

.qkl_sj {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.18rem;
}

.qkl_sj1 {
    width: 33px;
    height: 4px;
    background: #044DCF;
}

.qkl_sj2 {
    font-size: .3rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #333333;
    margin: 0 .25rem;
}

.qkl_sj_list_from {
    width: 12rem;
    height: .69rem;
    background: #F4F4F4;
    border: 1px solid #DCDCDC;
    margin: .39rem auto 0;
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    display: flex;
}

.qkl_sj_list_tit1 {
    width: 1.52rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
}

.qkl_sj_list_tit2 {
    width: 2.8rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
}

.qkl_sj_list_tit3 {
    width: 2.08rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
}

.qkl_sj_list_tit4 {
    width: 2.11rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
}

.qkl_sj_list_tit5 {
    width: 1.71rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
}

.qkl_sj_list_tit6 {
    flex: 1;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
}

.qkl_sj_list_cont {
    width: 12rem;
    height: .69rem;
    background: #fff;
    border: 1px solid #DCDCDC;
    margin: 0 auto;
    font-size: .16rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #666666;
    display: flex;
}

.qkl_sj_list_cont1 {
    width: 1.52rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
    padding: 0 .1rem;
}

.qkl_sj_list_cont2 {
    width: 2.8rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
    padding: 0 .1rem;
}

.qkl_sj_list_cont3 {
    width: 2.08rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
    padding: 0 .1rem;
}

.qkl_sj_list_cont4 {
    width: 2.11rem;
    height: 100%;
    line-height: .69rem;
    text-align: center;
    border-right: 1px solid #DCDCDC;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .2rem;
    padding: 0 .1rem;
}

.qkl_sj_list_cont5 {
    width: 1.71rem;
    height: 100%;
    border-right: 1px solid #DCDCDC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qkl_sj_list_cont6 {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 .1rem;
}

.qkl_sj_list_cont5 .success {
    width: .91rem;
    height: .32rem;
    background: #E9FFE9;
    border: 1px solid #00BE00;
    font-size: .16rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #00BE00;
    line-height: .32rem;
    text-align: center;
}

.qkl_sj_list_img1 {
    width: .24rem;
    height: .27rem;
    cursor: pointer;
}

.qkl_sj_list_img2 {
    width: .27rem;
    height: .27rem;
    cursor: pointer;
}

.qkl_sj_list_btm {
    width: 12rem;
    height: .69rem;
    background: #fff;
    border: 1px solid #DCDCDC;
    margin: 0 auto;
    font-size: .16rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #666666;
    display: flex;
    align-items: center;
    padding: 0 .23rem;
    margin-bottom: .5rem;
}

.qkl_sj_list_btm_text {
    font-size: .16rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #666666;
    flex: 1;
}

.qkl_sj_list_btm_text span {
    padding: 0 .2rem;
}

.f_p_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.f_p_btn {
    /* width: .38rem; */
    height: .39rem;
    border-radius: 10px;
    border: 1px solid #dddddd;
    font-size: .19rem;
    font-weight: 400;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .03rem;
    cursor: pointer;
    padding: 0 .15rem;
}

.f_p_btn img {
    width: .2rem;
    height: .2rem;
}

.f_p_btn.active {
    background: #0A57E0;
    color: #fff;
}

/* 合作支持 */
.hzzc_banner {
    width: 100%;
    height: 4.34rem;
}

.zcfu_bg {
    padding: .72rem 3.6rem;
}

.zcfu_box {
    margin-top: .47rem;
    display: flex;
    align-items: center;
}

.zcfu_text1 {
    font-size: .24rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #333333;
}

.zcfu_text2 {
    font-size: .19rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    line-height: .32rem;
    margin-top: .3rem;
    margin-right: 1.2rem;
}

.hzzc_order_bg {
    width: 100%;
    height: 4.66rem;
    background-image: url(../img/a20.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0 3.6rem 0;
    display: flex;
    justify-content: space-around;
}

.hzzc_order {
    width: 3.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: .85rem;
}

.hzzc_order_img1 {
    width: .66rem;
    height: .66rem;
}

.hzzc_order_img2 {
    width: .75rem;
    height: .66rem;
}

.hzzc_order_img1 {
    width: .66rem;
    height: .66rem;
}


.hzzc_order_text1 {
    font-size: .22rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #FFFFFF;
    margin-top: .4rem;
}

.hzzc_order_line {
    width: .41rem;
    height: .04rem;
    background: #FFFFFF;
    margin-top: .52rem;
}

.hzzc_order_img3 {
    width: .66rem;
    height: .65rem;
}

.hzzc_order_text2 {
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin-top: .44rem;
    line-height: .32rem;
}

.dzh_bg {
    padding: .84rem 3.6rem .93rem;
}

.dzh_list {
    display: flex;
    margin-top: .63rem;
    justify-content: space-between;
}

.dzh_list_bg {
    width: 3.81rem;
    height: 4.48rem;
    border: 1px solid #E5E5E5;
    position: relative;
}

.dzh_list_bg a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.dazh_list_img {
    width: 100%;
    height: 2.22rem;
}

.dazh_list_text1 {
    font-size: .22rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #333333;
    padding: .42rem .28rem 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dazh_list_text2 {
    font-size: .19rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    line-height: .3rem;
    padding: .2rem .28rem 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 合作伙伴 */
.hzhb_bg {
    padding: .61rem 3.6rem .7rem;
}

.hzhb_list {
    display: flex;
    justify-content: space-between;
}

.hzhb_btn {
    cursor: pointer;
}

.hzhb_btn .hzhb_all {
    display: none;
}

.hzhb_btn .hzhb_off {
    display: block;
}

.hzhb_btn.active .hzhb_all {
    display: block;
}

.hzhb_btn.active .hzhb_off {
    display: none;
}

.hzhb_list .hzhb_off {
    width: 1.93rem;
    height: 4.66rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: .8rem;
}

.hzhb_off div {
    font-size: .24rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #FFFFFF;
    margin-top: .33rem;
}

.hzhb_btn .all_b1 {
    width: 7.8rem;
    height: 4.66rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0 .35rem;
}

.hzhb_btn .all_b2 {
    width: 7.8rem;
    height: 4.66rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0 .35rem;
}

.hzhb_btn .all_b3 {
    width: 7.8rem;
    height: 4.66rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0 .35rem;
}

.all_b1 img {
    width: .56rem;
    height: .63rem;
}

.all_b2 img {
    width: .59rem;
    height: .59rem;
}

.all_b3 img {
    width: .68rem;
    height: .58rem;
}

.hzhb_all .title {
    font-size: .24rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #FFFFFF;
    margin-top: .37rem;
}

.hzhb_all .wb {
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #FFFFFF;
    margin: .39rem 0 .65rem;
}

.all_b1 {
    background-image: url(../img/bj6.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.hzh_b1 {
    background-image: url(../img/bj5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.all_b2 {
    background-image: url(../img/bj8.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.hzh_b2 {
    background-image: url(../img/bj7.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.all_b3 {
    background-image: url(../img/bj10.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.hzh_b3 {
    background-image: url(../img/bj9.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.jrlc_bg {
    padding: 0 3.6rem .75rem;
}

.lc_list {
    display: flex;
    justify-content: space-between;
    margin-top: .56rem;
}

.lc_order {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.lc_order img {
    width: .94rem;
    height: .94rem;
}

.lc_order div {
    font-size: .24rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    margin-top: .21rem;
}

.rightimg {
    width: .18rem;
    height: .36rem;
    margin-top: .32rem;
}

.hzh_b1 img {
    width: .56rem;
    height: .63rem;
}

.hzh_b2 img {
    width: .59rem;
    height: .59rem;
}

.hzh_b3 img {
    width: .68rem;
    height: .58rem;
}

/* 应用场景 */

.scenebg {
    padding: .63rem 3.6rem;
}

.title_yycj {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    margin-top: .65rem;
    text-align: center;
    line-height: .34rem;
}

.scenetitle {
    margin-top: .59rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scene_line {
    width: 33px;
    height: 4px;
    background: #044DCF;
}

.scenetitle_text {
    font-size: .32rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #333333;
    margin: 0 .23rem;
}

.scene_new_list {
    margin-top: .54rem;
    display: flex;
    justify-content: space-between;
}

.scene_new_bg {
    width: 3.81rem;
    height: 5rem;
    border: 1px solid #E5E5E5;
}

.scene_new_bg img {
    width: 100%;
    height: 2.22rem;
}

.scene_new_bg div {
    padding: .3rem;
    font-size: .19rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    line-height: .34rem;
}

.scene_gn_list {
    margin-top: .38rem;
    display: flex;
}

.scene_gn_box {
    width: 4rem;
    height: 3.42rem;
    border: 1px solid #E5E5E5;
    padding: .33rem;
}

.gn_t1 {
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #333333;
    margin-top: .37rem;

}

.gn_t2 {
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    line-height: 34px;
    margin-top: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sceneinv {
    height: 391px;
    background: #F7F7F7;
    display: flex;
    margin-top: 47px;
}

.sceneinv img {
    width: 5.93rem;
    height: 100%;
}

.invcont {
    flex: 1;
    height: 100%;
    padding: .4rem;
}

.invcont_text1 {
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #333333;
}

.invcont_text2 {
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    line-height: 34px;
    margin-top: .3rem;
}

.invcont_text3 {
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    margin-top: 36px;
}

.invcont_text3 span {
    font-weight: bold;
}

.invcont_text4 {
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    margin-top: 12px;
}

.invcont_text4 span {
    font-weight: bold;
}

.ht_img {
    width: 13.13rem;
    display: block;
    margin: 0 auto 63px;
}

/* 支持服务 */
.service {
    padding: .6rem 3.6rem .4rem;
}

.service_bg {
    margin-top: .45rem;
    display: flex;
    align-items: center;
    margin-bottom: .94rem;
}

.service_bg img {
    width: 3.44rem;
    height: 3.33rem;
}

.service_text2 {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #666666;
    margin-top: 40px;
    margin-right: 1.31rem;
    line-height: .32rem;
}

.supportlist {
    display: flex;
    justify-content: space-between;
    margin-top: .76rem;
    margin-bottom: .6rem;
}

.supportbox {
    width: 2.86rem;
    height: 3.51rem;
    box-shadow: 0px 3px 13px 0px rgba(85, 85, 85, 0.14);
    position: relative;
}

.supportbox a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.supportbox img {
    width: 100%;
    height: 1.83rem;
}

.supporttext {
    margin: .33rem .25rem;
}

.sup_t1 {
    font-size: .24rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #313131;
}

.sup_t2 {
    font-size: .20rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #666666;
    line-height: .28rem;
    margin-top: .3rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 三角圆 */
.exclusive {
    width: 3rem;
    height: 3rem;
    background: #2E3761;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.excl1 {
    width: 150px;
    height: 150px;
    background-color: #2E3761;
    border-radius: 150px 0 0;
    position: absolute;
    top: 17px;
    left: -14px;
    transform: rotate(-12deg);
}

.excl2 {
    width: 150px;
    height: 150px;
    background-color: #2E3761;
    border-radius: 150px 0 0;
    position: absolute;
    top: 17px;
    right: -14px;
    transform: rotate(102deg);
}

.excl3 {
    width: 150px;
    height: 150px;
    background-color: #2E3761;
    border-radius: 0 0 150px;
    position: absolute;
    bottom: -30px;
    right: 80px;
    transform: rotate(48deg)
}

.excly {
    width: 1.3rem;
    height: 1.3rem;
    background: #FFFFFF;
    border-radius: 50%;
    margin: .85rem;
    position: absolute;
}

.excl1:hover {
    background-color: #3869E2;
}

.excl2:hover {
    background-color: #3869E2;
}

.excl3:hover {
    background-color: #3869E2;
}

.excl1 img {
    position: absolute;
    top: .5rem;
    left: .4rem;
    transform: rotate(12deg)
}

.excl2 img {
    position: absolute;
    top: 45px;
    right: 50px;
    transform: rotate(-104deg)
}

.excl3 img {
    position: absolute;
    bottom: 45px;
    right: 50px;
    transform: rotate(-50deg)
}

.exclusivebg {
    margin-top: 98px;
    display: flex;
    justify-content: space-between;
}

.excline1 {
    height: 1.5rem;
    width: 4px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 1.48rem;
}

.excline2 {
    height: 1.5rem;
    width: 4px;
    background: #fff;
    position: absolute;
    transform: rotate(57deg);
    bottom: .35rem;
    left: .85rem;
}

.excline3 {
    height: 1.5rem;
    width: 4px;
    background: #fff;
    position: absolute;
    transform: rotate(-57deg);
    bottom: .35rem;
    right: .85rem;
}

.exc_img1 {
    width: .47rem;
    height: .49rem;
    position: absolute;
    top: .68rem;
    left: .38rem;
}

.exc_img2 {
    width: .41rem;
    height: .52rem;
    position: absolute;
    top: .68rem;
    right: .38rem;
}

.exc_img3 {
    width: .45rem;
    height: .48rem;
    position: absolute;
    bottom: .2rem;
    right: 1.28rem;
}

.exclusive_left {
    width: 3.45rem;
    height: 1.9rem;
    background: #fff;
    border: 1px solid #F2F2F2;
    padding: .3rem .23rem;
    cursor: pointer;
    position: relative;
}

.exclusive_left:hover {
    background: #3869E2;
}

.exclusive_left:hover .xz1_active {
    display: block;
}

.exclusive_left:hover .exc_t1 {
    color: #fff;
}

.exclusive_left:hover .exc_t2 {
    color: #fff;
}

.exc_t1 {
    font-size: .22rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.exc_t2 {
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: .3rem;
    margin-top: .25rem;
}

.exclusive_left img {
    position: absolute;
    right: -105px;
    top: 79px;
}

.xz1_active {
    display: none;
}

.exclusive_right {
    width: 3.45rem;
    height: 1.9rem;
    background: #fff;
    border: 1px solid #F2F2F2;
    padding: .3rem .23rem;
    cursor: pointer;
    position: relative;
}


.exclusive_right img {
    position: absolute;
    left: -90px;
    top: 79px;
}

.exclusive_right:hover {
    background: #3869E2;
}

.exclusive_right:hover .xz1_active {
    display: block;
}

.exclusive_right:hover .exc_t1 {
    color: #fff;
}

.exclusive_right:hover .exc_t2 {
    color: #fff;
}

.exclusive_bottom {
    width: 345px;
    height: 112px;
    border: 1px solid #F2F2F2;
    padding: 23px;
    cursor: pointer;
    position: relative;
    margin: 65px auto 0;
}

.exclusive_bottom img {
    position: absolute;
    left: 161px;
    top: -60px;
}

.exclusive_bottom:hover {
    background: #3869E2;
}

.exclusive_bottom:hover .xz1_active {
    display: block;
}

.exclusive_bottom:hover .exc_t1 {
    color: #fff;
}

.exclusive_bottom:hover .exc_t2 {
    color: #fff;
}


/* 二维码浮层 */
.layer{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none;
}
.layer.active{
    display: block;
}
.layerbg{
    width: 550px;
    /* height: 400px; */
    background: #fff;
    margin: 100px auto;
    position: relative;
}
.close{
    width: .25rem;
    height: .25rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
    cursor: pointer;
}
.layer_t1{
    font-size: .22rem;
    text-align: center;
    padding-top: .3rem;
}
.layer_t2{
    font-size: .18rem;
    text-align: center;
    padding-top: .1rem;
}
.layercode{
    width: 150px;
    height: 150px;
    display: block;
    margin: .4rem auto 0;
}
.layer_t3{
    padding: .3rem 0;
    margin: .3rem;
    border-top: 1px solid #F2F2F2;
    font-size: .18rem;
    text-align: center;
}