﻿/*@font-face {*/
/*    font-family: 'AlibabaM';*/
/*    src: url("../font/ALIBABA-PUHUITI-MEDIUM.OTF");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'AlibabaB';*/
/*    src: url("../font/ALIBABA-PUHUITI-BOLD.OTF");*/
/*}*/

/*@font-face {*/
/*    font-family: 'AlibabaL';*/
/*    src: url("../font/ALIBABA-PUHUITI-LIGHT.OTF");*/
/*}*/

/*
@font-face {
    font-family: "AlibabaR";
    src: url('../font/ALIBABA-PUHUITI-REGULAR.OTF');
}
*/

/*@font-face {*/
/*    font-family: 'AlibabaH';*/
/*    src: url("../font/ALIBABA-PUHUITI-HEAVY.OTF");*/
/*}*/

/*@font-face {*/
/*    font-family: 'DOUYU';*/
/*    src: url("../font/douyuFont-2.otf");*/
/*}*/

body {
    min-width: 776px;
    overflow: auto;
}

.menu {
    height: 140px;
    line-height: 140px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(129, 129, 129, 0.1);
}

.menu-active::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: #215FFF;
    transition: all .3s;
}


.menu-active-hover {
    color: #0A0B0C;
    text-decoration: none;
}

.menu-active:hover::after {
    left: 0;
    text-decoration: none;
}

.menu-navbar {
    height: 140px;
    line-height: 140px;
    text-align: center;
    font-size: 20px;
    overflow: hidden;
}

.menu-navbar li {
    cursor: pointer;
    text-align: center;
    height: 80px;
    line-height: 80px;
    margin: 20px 80px 20px 0;
    overflow: hidden;
}

.menu-navbar li a {
    height: 80px;
    font-size: 32px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: normal;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    color: #0A0B0C;
    line-height: 80px;
    padding: 0 !important;
}

.menu-navbar li a:hover {
    color: #215FFF;
    background: white;

}

/*.menu-navbar li:hover::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0%;
    height: 5px;
    width: 100%;
    background-color: #215FFF;
    transition: all .3s;
}*/

.rmfw {
    height: 220px;
    background: #F3F3F3;
    margin: 60px auto 60px;
}

.rmfw-row {
    padding: 0;
}

.rmfu-li-right {
    margin-right: 0 !important;
}

.rmfw-title {
    width: 100px;
    height: 160px;
    background: #1766E8;
    display: inline-block;
    margin: 30px;
    padding: 33px 15px;
    text-align: center;
    float: left;
}

.rmfw-icon-left {
    background: url("../image/left.png") no-repeat center;
    width: 100%;
}

.rmfw-icon-right {
    background: url("../image/right.png") no-repeat center;
    width: 100%;
}

.carousel-control {
    opacity: 1;
}

.rmfw-title span {
    width: 63px;
    height: 92px;
    font-size: 32px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: normal;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    color: #FFFFFF;
    line-height: 46px;
}

.title-span {
    width: 158px;
    height: 44px;
    font-size: 40px;
    letter-spacing: 0;
    text-align: left;
    line-height: 44px;
    font-family: DOUYU-Font, DOUYU;
    font-weight: normal;
    color: #0A0B0C;
}

.rmfw-contain {
    height: 160px;
    margin: 30px 20px;
    width: calc(100% - 200px);
    display: inline-block;
    float: left;
}

@media screen and (max-width: 768px) {
    body {
        overflow: scroll;
    }
}

@media (max-width: 992px) {
    .rmfw-contain {
        height: 160px;
        margin: 20px auto;
        display: inline-block;
        float: left;
        width: 100%;
    }

    .rmfw-row {
        width: 100%;
        margin: auto;
    }

    .rmfw {
        margin: 0;
        width: 100%;
        height: 260px;
    }

    .rmfw-ul li {
        width: calc(50% - 30px) !important;
        margin-right: 30px !important;
    }

    .rmfw-icon {
        height: 240px;
    }

    .menu-navbar li a {
        height: 80px;
        font-size: 26px;
        /*font-family: 'AlibabaM';*/
        /*font-weight: normal;*/
        font-family: "微软雅黑","宋体";
        font-weight: 600;
        color: #0A0B0C;
        line-height: 80px;
        padding: 0 !important;
    }

    .menu-navbar li {
        margin: 20px 30px 20px 0;
        float: left;
    }

    .jzImgDiv {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background: #e4f2fe;
        text-align: center;
        line-height: 100px;
        margin: auto;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

    .navbar-nav > li {
        float: left;
    }
}

@media screen and (min-width: 996px) and (max-width: 1200px) {
    .menu-navbar li {
        margin: 20px 42px 20px 0;
    }
}

.rmfw-icon {
    height: 160px;
}


.rmfw-ul {
    height: 100px;
    margin: 10px 10px 30px 10px;
}

.rmfw-inner {
    width: 92%;
    padding: 0;
    float: left;
}

.rmfw-ul li {
    height: 48px;
    line-height: 48px;
    float: left;
    width: 30%;
    text-align: center;
    margin-right: 30px;
    background: linear-gradient(180deg, #d9e6f6 0%, #e7eef9 100%);
/*    background: -moz-linear-gradient(180deg, #D4E3F6 0%, #E6EEF9 100%);
!*    background: -webkit-linear-gradient(180deg, #d9e6f6 0%, #e7eef9 100%);*!
    background: -o-linear-gradient(180deg, #D4E3F6 0%, #E6EEF9 100%);
    background:-ms-linear-gradient(180deg,#D4E3F6 0%,#E6EEF9 100%);*/
    /*兼容ie9*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0 ,startColorstr=#D4E3F6, endColorstr=#E6EEF9);
    box-shadow: 0px 2px 8px 0px rgba(107, 165, 230, 0.2);
    /*border: 1px solid;*/
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(254, 255, 255, 0.4)) 1 1;
    cursor: pointer;
    color: #215FFF;
    margin-bottom: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rmfw-ul li:hover {
    /*background: #1766E8;*/
    color: #215fff;
    border: 1px solid #215fff;
    box-sizing: border-box;
}

.rmfw-ul li span {
    height: 25px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: 500;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 0 10px;
}

.rmfw-icon {
    width: 4%;
    float: left;
    position: relative;
    left: -15px;
}

.more {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border: 1px solid #0A0A0A;
    float: right;
    font-size: 16px;
    cursor: pointer;
}

.more:hover {
    border-color: #215fff;
    color: #215fff;
}

.more img {
    width: 20px;
    vertical-align: middle;
    margin-left: 10px;
}

.more:hover span {
    color: #215fff;
}

.bmcx-container {
    background: url(../image/bmfw.png);
}

.bmcxList {
    overflow: visible !important;
    display: inline-block;
}

.bmcx-div {
    width: 90%;
    margin: auto;
}

.bmcx-li {
    float: left;
    height: 120px;
    line-height: 120px;
    cursor: pointer;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.bmcx-li a {
    display: block;
    height: 120px;
    padding: 0 15px;
    transition: all .3s;
    font-size: 0;
    color: #000;
    box-shadow: 0px 2px 24px 6px rgba(129, 129, 129, 0.1);;

}

.bmcx-li span {
    font-size: 18px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: normal;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    color: #0A0B0C;
    display: -webkit-inline-box;
    vertical-align: middle;
    line-height: 1.2;
    transition: all .3s;
    width: calc(100% - 92px );
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.bmcx-li:hover {

}

.bmcx-li:hover a {
    color: #215FFF;
    transition: all .3s linear;
    /*transform: translateY(-3px);*/
    margin-top: -6px;
    box-shadow: 0px 2px 24px 0px rgba(33, 95, 255, 0.2);
    border: 1px solid #215fff;
    box-sizing: border-box;
}

.bmcx-li:hover a span {
    color: #215FFF;
}

@media screen and (max-width: 680px) {
    .bmcx-li {
        width: 48%;
    }
}

.jz-action {
    width: 40px;
    height: 40px;
    border: 1px solid #0A0B0C;
    float: right;
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}

.jz-action:hover {
    color: #215fff;
    border: 1px solid #215fff;
}

.sjtj {
    width: 100%;
    height: 282px;
    background: url(../image/slices.png) #FAFBFE no-repeat 8% center;
}

.sjtj-title {
    padding-top: 20px;
    width: 100%;
    height: 110px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: 500;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    font-size: 32px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
}

.sjtj-time {
    height: 20px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.sjtj-container {
    width: 1136px;
    background: #FFFFFF;
    box-shadow: 0px 2px 24px 0px rgba(129, 129, 129, 0.1);
    border-radius: 4px;
}

.xglj {
    background: #2b669a;
    height: 50px;
    line-height: 50px;
    width: 100%;
    /*position: fixed;*/
    /*bottom: 0;*/
    color: white;
}
.xglj-container{
    width: 75%;margin: 0 auto;
}
/*.xglj-title{*/
/*    font-family: 'AlibabaM';*/
/*    font-size: 21px;*/
/*    font-weight: 500;*/
/*}*/
.xglj-text{
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 20px;
    margin-left: 40px;
    text-decoration:none;
    color: white;
}
.xglj-text:visited{
    color: white;
}
.footer-number {
    width: 94px;
    height: 30px;
    font-size: 30px;
    font-family: Oswald-Medium, Oswald, sans-serif;
    font-weight: 500;
    color: #215FFF;
    line-height: 30px;
}

.footer-zwfwtj {
    height: 70px;
    margin: 25px 30px;
    border-right: 1px solid #dfe1e2;
}


.grfr {
    width: 100%;
    height: 600px;
    background: linear-gradient(#FAFBFE, #FFFFFF);
}

@media (max-width: 992px) {
    .grfr {
        width: 100%;
        height: 800px;
        background: #FAFBFE;
    }
}

.grfr-ul {
    overflow: visible !important;
    display: inline-block;
    width: 100%;
}

.grfr-content {
    width: 100%;
    height: 190px;
    margin-bottom: 30px;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 2px 24px 0px rgba(129, 129, 129, 0.1);
    transform: translateY(0px);
    border: 1px solid transparent;
}

.grfr-ul ul .grfw-li:nth-child(1) .grfr-content {
    background: url("../image/edge1.png") no-repeat;
    background-position: right top;
}

.grfr-ul ul .grfw-li:nth-child(2) .grfr-content {
    background: url("../image/edge2.png") no-repeat;
    background-position: left top;
}

.grfr-ul ul .grfw-li:nth-child(3) .grfr-content {
    background: url("../image/edge3.png") no-repeat;
    background-position: right bottom;
}

.grfr-ul ul .grfw-li:nth-child(4) .grfr-content {
    background: url("../image/edge4.png") no-repeat;
    background-position: right bottom;
}

.grfr-ul ul .grfw-li:nth-child(5) .grfr-content {
    background: url("../image/edge5.png") no-repeat;
    background-position: left bottom;
}

.grfr-ul ul .grfw-li:nth-child(6) .grfr-content {
    background: url("../image/edge6.png") no-repeat;
    background-position: right top;
}

.grfr-content:hover {
    border: 1px solid #215FFF;
    transition: all 0.3s;
    transform: translateY(-6px);
    /*margin-top: -6px;*/
    box-shadow: 0px 2px 24px 0px rgba(33, 95, 255, 0.2);
}

.fwImg {
    width: 70px;
    height: 48px;
    line-height: 48px;
    float: left;
    margin: 24px auto;
    text-align: center;
}

.fwImg img {
    width: 44px;
    height: 44px;
}

.fwRight {
    width: calc(100% - 75px);
    padding-top: 24px;
    float: left;
}

.fw-title {
    height: 48px;
    font-size: 20px;
  /*  font-family: 'AlibabaR';*/
    font-weight: normal;
    color: #0A0B0C;
    line-height: 48px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grfwTile span {
    width: 158px;
    height: 40px;
    line-height: 40px;
    font-family: DOUYU-Font, DOUYU;
    font-size: 40px;
    font-weight: normal;
    color: #0A0B0C;
    letter-spacing: 0;
    text-align: left;
}

.title-active {
    color: #215FFF !important;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.mlmc {
    height: 28px;
    font-size: 16px;
    display: block;
    /*font-family: Alibaba-PuHuiTi, sans-serif;*/
    font-family: "微软雅黑","宋体";
    font-weight: normal;
    color: #0A0B0C;
    line-height: 24px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mlmc:hover {
    color: #215FFF;
}

.grfwTile span:hover {
    color: #215FFF;
}

.divide {
    width: 1px;
    height: 40px;
    color: #C5C8CA !important;
    margin: 0 10px;
}

.fwggDiv {
    margin: 20px 0;
    display: block;
    height: 200px;
}

.ztzlImg {
    width: 100%;
    height: 240px !important;
}

.ztzl-item {
    margin-top: 10px;
    cursor: pointer;
}

.ztzl-div {
    width: 100%;
    height: 180px;
    line-height: 160px;
    background: linear-gradient(299deg, #EFF3FB 0%, #FAFBFE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1 ,startColorstr=#FAFBFE, endColorstr=#EFF3FB);
}

.ztzl-div span {
    font-size: 20px;
    /*font-family: 'ALIBABAM';*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    margin-left: 40px;
    display: -webkit-inline-box;
    vertical-align: middle;
    line-height: 1.2;
    width: calc(100% - 280px );
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.ztzl-div img {
    float: right;
    margin: 20px;
}

.fwgg-li {
    height: 180px;
    background: #FFFFFF;
    box-shadow: 0px 2px 24px 0px rgba(129, 129, 129, 0.1);
    padding: 30px;
    margin-bottom: 30px;
}

.fwgg-content {
    width: calc(60% - 10px);
    float: left;
    height: 100%;
    box-shadow: 0px 2px 24px 0px rgba(129, 129, 129, 0.1);
}

@media (max-width: 992px) {
    .fwgg-content {
        width: 100%;
        float: left;
        height: 100%;
        box-shadow: 0px 2px 24px 0px rgba(129, 129, 129, 0.1);
    }
}

.fwgg-content ul {
    height: 100%;
}

.fwgg-content li {
    height: 104px;
    width: 90%;
    font-size: 18px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: normal;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    color: #0A0B0C;
    display: block;
}

.fwgg-content li div {
    background: #F7F7F7;
    margin: 15px 20px;
    width: 100%;
    height: 60px;
    display: inline-block
}

.fwgg-content a {
    width: 548px;
    height: 60px;
    padding: 0 20px;
    display: block;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    font-size: 18px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: normal;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    text-align: left;
}

.fwgg-content a:hover {
    color: #333333 !important;
}

.fwgg-active a {
    font-size: 24px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: normal;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    color: #0A0B0C;
    padding: 0;
    white-space: normal;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
}

.fwgg-active div {
    background: white !important;
    margin-top: -15px !important;
    display: table;
}

.statusA {
    display: -webkit-box;
    width: 300px;
    height: 80px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: 500;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    cursor: pointer;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}

.fwgg-right {
    float: left;
    display: block;
    width: 200px;
    height: 16px;
   /* font-family: 'AlibabaR';*/
    font-weight: normal;
    color: #343536;
    line-height: 16px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
}

.triangle {
    height: 0;
    width: 0;
    overflow: hidden; /* 这里设置overflow, font-size, line-height */
    font-size: 0; /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0; /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-color: transparent transparent transparent #215FFF;
    border-style: solid;
    border-width: 10px;
    display: none;
    position: relative;
    top: 45%;
}

.action-left {
    position: fixed;
    bottom: 50%;
    right: 0;
    left: auto;
    text-align: center;
    box-shadow: 0px 0px 14px 0px rgba(9, 41, 77, 0.1);
    z-index: 1000;
    /*transform: translateY(50%);*/
    margin-bottom: -180px;
}

.no-login {
    bottom: 60% !important;
}

.action-left ul li {
    height: 70px;
    width: 80px;
    cursor: pointer;
    background-color: white;
    box-shadow: 0px 0px 3px 0px #ddd;
}
.action-left ul li:not(:first-child) {
    margin-top: 3px;
}
.action-left ul li:hover {
    color: #215FFF;
}

.action-img {
    display: inline-block;
    width: 80px;
    height: 40px;

}
.action-img .iconfont{
    position: relative;
    top: 4px;
}

.action-span {
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
}

.action-span:hover {
    color: #215FFF;
}

.action-navbar li a:hover {
    color: #215FFF;
}
.action-navbar li:hover span{
    color: #215FFF;
}
.navbar-nav>li:hover a{
    color: #215FFF;
}
.more-icon {
    font-size: 20px !important;
}

.nav-title {
    font-size: 20px;
    /*font-family: 'AlibabaM';*/
    /*font-weight: normal;*/
    font-family: "微软雅黑","宋体";
    font-weight: 600;
    color: #0A0B0C;
}

.grTile:hover {
    content: url('../image/个人服务-蓝.png');
}

.frTile:hover {
    content: url('../image/法人服务-蓝.png');
}