body {
    min-width: 1170px;
    background: #f1f1f1;
}

.tac {
    text-align: center;
}

.header {
    width: 100%;
    height: 64px;
    position: fixed;
    z-index: 999;
    background: #fff;
}

.container {
    position: relative;
    width: 1170px;
    margin: 0 auto;
}

.blank-top {
    padding-top: 25px;
}

.blank-bottom {
    padding-bottom: 60px;
}

.header .logo {
    float: left;
    margin-top: 10px;
}

.header .user {
    float: right;
    width: 200px;
    height: 100%;
    background: #0c419a;
}

.header .user a {
    display: block;
    float: right;
    position: relative;
    width: 100px;
    height: 64px;
    text-align: center;
    font-size: 14px;
}

.header .user a:first-child:after {
    content: "";
    top: 22px;
    left: 0;
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #fff;
}

.header .user a img {
    display: block;
    width: 26px;
    margin: 8px auto 2px;
}

.header .user a span {
    color: #fff;
}

.header .user .log-in {
    display: none;
}

.header .user.logged .not-logged {
    display: none;
}

.header .user.logged .log-in {
    display: block;
}

.header .nav {
    float: right;
    padding-top: 20px;
    margin-right: 50px;
    list-style: none;
}

.header .nav li {
    float: left;
    /* padding-left: 20px;
    padding-right: 18px; */
    border-right: 1px solid #cfcfcf;
}

.header .nav li a {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 20px;
}

.header .nav li:last-child {
    border-right: 0;
}

.header .nav li a.active {
    color: #0c419a;
}

.main-body {
    padding-top: 64px;
}

.footer {
    width: 100%;
    height: 280px;
    background: #0c419a;
    color: #fff;
    overflow: hidden;
}

.footer a {
    color: #fff;
}

.footer .list {
    display: inline-block;
    padding-top: 40px;
    padding-right: 300px;
}

.footer .list dl {
    display: inline-block;
    position: relative;
    width: 240px;
    vertical-align: top;
}

.footer .list dl dt {
    padding-bottom: 16px;
    font-size: 20px;
}

.footer .list dl dt:after {
    content: "";
    top: 40px;
    left: 0;
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #3863ac;
}

.footer .list dl dd {
    font-size: 14px;
    line-height: 28px;
}

.footer .list dl dd a {
    color: #fff;
}

.footer .message {
    display: inline-block;
    position: relative;
    padding-top: 45px;
    vertical-align: top;
    font-size: 14px;
}

.footer .message>p {
    position: relative;
    top: -10px;
    left: 54px;
    font-size: 20px;
    line-height: 30px;
}

.footer .message .tel p {
    font-size: 32px;
    line-height: 40px;
}

.footer .message .tel p,
.footer .message .time p {
    display: inline-block;
}

.footer .message img {
    display: inline-block;
    width: 26px;
    margin-right: 30px;
}

.footer .message .tel img {
    margin-top: -15px;
}

.footer .message .time {
    line-height: 64px;
}

.footer .bottom {
    padding: 20px 0px 10px;
    margin-top: 16px;
    font-size: 14px;
    /*line-height: 30px;*/
    text-align: center;
    border-top: 1px solid #3863ac;
}

.footer .bottom span,
.footer .bottom a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.footer .bottom .arr span:not(:last-child),
.footer .bottom .txt span:not(:last-child),
.footer .bottom a {
    margin-right: 20px;
}


/*******安全保障**********/

.safety {
    border-radius: 8px;
    background-color: #fff;
}

.safety .top img {
    width: 1170px;
    border-radius: 8px;
}

.safety .list {
    padding: 60px 0 0;
    text-align: center;
}

.safety .list li {
    display: inline-block;
    width: 340px;
    height: 270px;
    margin: 0 35px 45px 0;
    text-align: center;
    vertical-align: top;
    border-radius: 8px;
    background-color: #f1f1f1;
}

.safety .list .pic {
    margin: 40px 0 8px;
    height: 80px;
}

.safety .list li:nth-child(3n) {
    margin-right: 0;
}

.safety .list span {
    display: block;
    margin: 8px 0;
    color: #5a5a5a;
    font-size: 14px;
}

.safety .list span.title {
    color: #1a1a1a;
    font-size: 24px;
}


/*************侧边栏******************/

.sidebar {
    position: fixed;
    right: 0;
    top: 160px;
    z-index: 99;
    box-shadow: -2px 2px 2px #ccc;
}

.sidebar ul li {
    position: relative;
    height: 50px;
    width: 50px;
    margin-top: 1px;
}

.sidebar ul li:hover .menu,
.sidebar ul .active .menu {
    display: block;
}

.sidebar ul li .dot {
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -999px;
    overflow: hidden;
    background: url(../images/icon/right-menu.png) 16px -25px no-repeat #fff;
}

.sidebar ul li .t1 {
    background-position: 14px -64px;
}

.sidebar ul li .t2 {
    background-position: 14px -25px;
    cursor: pointer;
}

.sidebar ul li .t3 {
    background-position: 12px 16px;
}

.sidebar ul li .t5 {
    background-position: 15px -108px;
}

.sidebar ul li .t4 {
    /* background: url("../images/icon/arrow-up.png") no-repeat #fff; */
    cursor: pointer;
}

.sidebar ul li .dot:hover {
    background-color: #0c419a;
}

.sidebar ul li .t1:hover {
    background-position: -31px -64px;
}

.sidebar ul li .t2:hover {
    background-position: -31px -25px;
}

.sidebar ul li .t3:hover {
    background-position: -31px 16px;
}

.sidebar ul li .t4:hover {
    background-position: -50px 0;
}

.sidebar ul li .t5:hover {
    background-position: -32px -107px;
}

.sidebar ul li .tel {
    display: none;
    position: absolute;
    top: 0;
    left: -204px;
    width: 203px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background: #fff;
}

.sidebar ul li .tel b {
    position: absolute;
    right: -8px;
    top: 20px;
    width: 8px;
    height: 9px;
    background: url("../images/triangle.png") no-repeat;
}

.sidebar ul li .tel p {
    padding-left: 15px;
}

.sidebar ul li .tel p span {
    color: #0c419a;
    font-weight: bold;
}

.sidebar ul li .wx,
.sidebar ul li .app {
    display: none;
    position: absolute;
    top: -54px;
    left: -162px;
    width: 160px;
}

.sidebar ul li .wx b,
.sidebar ul li .app b {
    position: absolute;
    right: -8px;
    top: 75px;
    width: 8px;
    height: 9px;
    background: url("../images/triangle.png") no-repeat;
}

.sidebar ul li .wx img {
    display: block;
}

.sidebar ul li .kefu {
    left: -100px;
    width: 100px;
}

.siderbar-title {
    position: absolute;
    top: -40px;
    left: 0;
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #000;
    background: #fff;
}


/***********关于我们***************/

.section-wrap {
    width: 100%;
    overflow: hidden;
}

.section-wrap .section {
    overflow: hidden;
}

.section-animate {
    position: relative;
    top: 1000px;
}

.flag-about {
    position: relative;
    overflow: hidden;
}

.flag-about .jianjie {
    height: 100%;
    background: url("../images/aboutUs.png") no-repeat;
    background-size: cover;
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

.flag-about .jianjie.change {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transition: transform 2s;
    -moz-transition: transform 2s;
    -webkit-transition: transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
}

.flag-about .jianjie .pic {
    position: relative;
    z-index: 1;
}

.flag-about .jianjie .pic img {
    vertical-align: top;
}

.flag-about .jianjie .cell {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 780px;
    height: 360px;
    margin-top: -180px;
    margin-left: -425px;
    color: #fff;
}

.flag-about .jianjie .cell h2 {
    font-size: 50px;
    text-align: center;
    line-height: 150px;
}

.flag-about .jianjie .cell p {
    font-size: 21px;
    line-height: 42px;
    text-align: left;
}

.flag-about .gudong {
    height: 100%;
    overflow: hidden;
}

.flag-about .gudong .container {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 540px;
    margin-top: -270px;
    margin-left: -585px;
}

.flag-about .gudong .state {
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
}

.flag-about .gudong .state .tag {
    overflow: hidden;
}

.flag-about .gudong .state .tag h2 {
    line-height: 94px;
    color: #0c419a;
    text-align: center;
    font-size: 32px;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
}

.flag-about .gudong .state .tag .icon {
    padding: 30px 0;
    overflow: hidden;
}

.flag-about .gudong .state .tag .icon ul {
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
}

.flag-about .gudong .state .tag .icon ul li {
    float: left;
    width: 350px;
    padding-top: 10px;
    padding-bottom: 80px;
    margin-right: 30px;
    overflow: hidden;
}

.flag-about .gudong .state .tag .icon ul li:nth-child(3n) {
    margin-right: 0;
}

.flag-about .gudong .state .tag .icon ul li img {
    display: block;
}

.flag-about .gudong .state .tag .list {
    padding: 50px 0 10px;
    overflow: hidden;
}

.flag-about .gudong .state .tag .list ul {
    padding-left: 120px;
    margin-right: -135px;
    overflow: hidden;
}

.flag-about .gudong .state .tag .list ul li {
    float: left;
    width: 218px;
    margin-right: 135px;
}

.flag-about .gudong .state .tag .list ul li .pic {
    overflow: hidden;
}

.flag-about .gudong .state .tag .list ul li .pic img {
    display: block;
}

.flag-about .gudong .state .tag .list ul li .title {
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}

.flag-about .hezuo {
    overflow: hidden;
}

.flag-about .hezuo .container {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 560px;
    margin-top: -280px;
    margin-left: -585px;
}

.flag-about .hezuo .state {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 4px #e5e5e5;
}

.flag-about .hezuo .state .tag {
    overflow: hidden;
}

.flag-about .hezuo .state .tag h2 {
    line-height: 80px;
    color: #0c419a;
    text-align: center;
    font-size: 32px;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
}

.flag-about .hezuo .state .tag .icon {
    padding: 20px 0;
    overflow: hidden;
}

.flag-about .hezuo .state .tag .icon ul {
    overflow: hidden;
    padding-left: 70px;
}

.flag-about .hezuo .state .tag .icon ul li {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.flag-about .hezuo .state .tag .icon ul li img {
    display: block;
}

.flag-about .hezuo .contact h2 {
    line-height: 80px;
    color: #0c419a;
    text-align: center;
    font-size: 32px;
    overflow: hidden;
    padding: 0 0 20px;
}

.flag-about .hezuo .contact .paper {
    overflow: hidden;
}

.flag-about .hezuo .contact .paper .list {
    float: left;
    width: 260px;
    padding-left: 76px;
}

.flag-about .hezuo .contact .paper .list dl {
    padding-bottom: 20px;
}

.flag-about .hezuo .contact .paper .list dl dt {
    width: 210px;
    padding-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

.flag-about .hezuo .contact .paper .list dl dt img {
    vertical-align: top;
}

.flag-about .hezuo .contact .paper .list dl dd {
    font-size: 14px;
    line-height: 22px;
    color: #5b5b5b;
}

.flag-about .hezuo .contact .paper .list dl dd a:hover {
    color: #0c419a;
    text-decoration: underline;
}

.flag-about .hezuo .contact .paper .tu {
    float: right;
    width: 760px;
    height: 400px;
}

.flag-about .hezuo .contact .paper .tu img {
    display: block;
}

.flag-about .dongtai {
    overflow: hidden;
}

@media (max-width: 1560px) {
    .flag-about .gudong .container {
        height: 444px;
        margin-top: -222px;
    }
    .flag-about .gudong .state .tag h2 {
        line-height: 70px;
        font-size: 30px;
    }
    .flag-about .gudong .state .tag .icon {
        padding: 10px 0;
    }
    .flag-about .gudong .state .tag .icon ul {
        margin: 0 auto;
        width: 980px;
    }
    .flag-about .gudong .state .tag .icon ul li {
        width: 300px;
        margin-right: 40px;
    }
    .flag-about .gudong .state .tag .icon ul li img {
        width: 300px;
    }
    .flag-about .gudong .state .tag .list {
        padding-top: 30px;
    }
    .flag-about .gudong .state .tag .list ul {
        padding-left: 230px;
    }
    .flag-about .gudong .state .tag .list ul li {
        margin-right: 80px;
        width: 180px;
    }
    .flag-about .gudong .state .tag .list ul li .pic img {
        width: 180px;
    }
    .flag-about .hezuo .container {
        height: 510px;
        margin-top: -255px;
    }
    .flag-about .hezuo .state .tag h2 {
        line-height: 80px;
        font-size: 30px;
    }
    .flag-about .hezuo .state .tag .icon {
        padding: 10px 0;
    }
    .flag-about .hezuo .state .tag .icon ul {
        padding-left: 110px;
    }
    .flag-about .hezuo .state .tag .icon ul li img {
        height: 45px;
    }
    .flag-about .hezuo .contact h2 {
        line-height: 60px;
        font-size: 30px;
    }
    .flag-about .hezuo .contact .paper .list {
        width: 280px;
        padding-left: 100px;
    }
    .flag-about .hezuo .contact .paper .list dl {
        float: left;
        width: 240px;
        padding-right: 20px;
    }
    .flag-about .hezuo .contact .paper .list dl dt {
        text-align: center;
    }
    .flag-about .hezuo .contact .paper .list dl dd {
        font-size: 12px;
    }
    .flag-about .hezuo .contact .paper .tu {
        float: right;
        width: 540px;
        height: 394px;
        padding-right: 100px;
    }
    .flag-about .hezuo .contact .paper .tu img {
        width: 380px;
    }
    .flag-about .jianjie .cell h2 {
        font-size: 50px;
    }
}

#fp-nav {
    position: fixed;
    right: 10px;
    top: 470px;
    z-index: 13;
    margin-top: 30px;
    opacity: 1;
    -ms-trasform: translateZ(0px);
    -moz-trasform: translateZ(0px);
    -webkit-trasform: translateZ(0px);
    -o-trasform: translateZ(0px);
    transform: translateZ(0px);
}

#fp-nav ul {
    height: 265px;
    width: 40px;
    background-position: 50% center;
    background-repeat: no-repeat;
}

#fp-nav ul li {
    width: 20px;
    height: 20px;
    margin-bottom: 40px;
    margin-left: 5px;
}

#fp-nav ul li,
#fp-nav ul li a {
    display: block;
    position: relative;
}

#fp-nav ul li a {
    z-index: 1;
    height: 100%;
    width: 100%;
    color: #5e5e5e;
    cursor: pointer;
}

#fp-nav ul.white li a {
    color: #fff;
}

#fp-nav ul li a span {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 10px #ccc;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
}

#fp-nav ul li a.active span::before {
    content: "";
    left: -7px;
    position: absolute;
    top: -7px;
    width: 34px;
    height: 34px;
    background: #79a4ed;
    border-radius: 17px;
    -ms-animation: 1.5s linear 0s infinite a_dot_grab;
    -moz-animation: 1.5s linear 0s infinite a_dot_grab;
    -webkit-animation: 1.5s linear 0s infinite a_dot_grab;
    -o-animation: 1.5s linear 0s infinite a_dot_grab;
    animation: 1.5s linear 0s infinite a_dot_grab;
}

#fp-nav ul li a.active span {
    background: #0c419a;
}

#fp-nav ul li.hidden {
    display: none;
}

#fp-nav .fp-tooltip {
    position: absolute;
    right: 34px;
    top: -12px;
    z-index: 14;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: right;
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 400;
}

#fp-nav.onblue .fp-tooltip {
    color: #fff;
}

#fp-nav ul li:hover .fp-tooltip {
    display: block;
}

@-ms-keyframes a_dot_grab {
    0% {
        opacity: .5;
        -ms-transform: scale(.5);
    }
    50% {
        opacity: .5;
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -ms-transform: scale(1.15);
    }
}

@-moz-keyframes a_dot_grab {
    0% {
        opacity: .5;
        -moz-transform: scale(.5);
    }
    50% {
        opacity: .5;
        -moz-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1.15);
    }
}

@-webkit-keyframes a_dot_grab {
    0% {
        opacity: .5;
        -webkit-transform: scale(.5);
    }
    50% {
        opacity: .5;
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.15);
    }
}

@-o-keyframes a_dot_grab {
    0% {
        opacity: .5;
        -o-transform: scale(.5);
    }
    50% {
        opacity: .5;
        -o-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -o-transform: scale(1.15);
    }
}

@keyframes a_dot_grab {
    0% {
        opacity: .5;
        transform: scale(.5);
    }
    50% {
        opacity: .5;
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(1.15);
    }
}

.flag-plan {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -265px;
    margin-left: -585px;
    overflow: hidden;
}

.flag-plan .top h2 {
    height: 60px;
    font-size: 32px;
    color: #0c419a;
    line-height: 60px;
    text-align: center;
}

.flag-plan .top .group {
    position: relative;
    width: 770px;
    margin: 0 auto;
    margin-top: 20px;
}

.flag-plan .top .group .bd ul {
    position: relative;
}

.flag-plan .top .group .bd ul li .pic img {
    display: block;
    width: 770px;
}

.flag-plan .top .group .bd ul li .title {
    padding-top: 14px;
    font-size: 14px;
    color: #505050;
    line-height: 30px;
}

.flag-plan .top .group .btn {
    display: block;
    position: absolute;
    top: 130px;
    width: 68px;
    height: 122px;
    text-indent: -999px;
    overflow: hidden;
}

.flag-plan .top .group .btn.prev {
    left: -130px;
    background: url("../images/arrow-left.png") no-repeat;
}

.flag-plan .top .group .btn.next {
    right: -130px;
    background: url("../images/arrow-right.png") no-repeat;
}

.flag-plan .bottom {
    position: relative;
    margin-top: 35px;
}

.flag-plan .bottom .line {
    position: absolute;
    left: 0;
    top: 9px;
    /* z-index: 1; */
    width: 100%;
    height: 1px;
    background: #b5b5b5;
}

.flag-plan .bottom .container {
    z-index: 3;
}

.flag-plan .bottom .hd {
    width: 770px;
    margin: 0 auto;
    overflow: hidden;
}

.flag-plan .bottom .hd ul {
    left: 0;
    position: relative;
    width: 99999px;
}

.flag-plan .bottom .hd ul li {
    float: left;
    position: relative;
    width: 154px;
    text-align: center;
    cursor: pointer;
}

.flag-plan .bottom .hd ul li.on b {
    background: #0c419a;
}

.flag-plan .bottom .hd ul li b {
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    border-radius: 9px;
    overflow: hidden;
    background: #d3d3d3;
}

.flag-plan .bottom .hd ul li span {
    display: block;
    padding-top: 10px;
    line-height: 60px;
    color: #505050;
    font-size: 14px;
}

.flag-plan .top .group {
    width: 500px;
}

.flag-plan .top .group .btn {
    top: 80px;
}

.flag-plan .top .group .bd ul li .pic img {
    width: 500px;
}


/**********公告新闻************/

.flag-news .news {
    padding: 30px 95px 85px 70px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
}

.flag-news .news .tab li {
    display: inline-block;
}

.flag-news .news .tab li {
    position: relative;
    width: 150px;
    padding-right: 20px;
    text-indent: 32px;
    font-size: 18px;
    line-height: 30px;
    color: #999;
    cursor: pointer;
}

.flag-news .news .tab li.news1 {
    background: url('../images/icon/news-10.jpg') no-repeat left center;
}

.flag-news .news .tab li.news2 {
    background: url('../images/icon/news-20.png') no-repeat left center;
}

.flag-news .news .tab li.news1.active {
    font-size: 24px;
    color: #0c419a;
    background: url('../images/icon/news-11.jpg') no-repeat left center;
}

.flag-news .news .tab li.news2.active {
    font-size: 24px;
    color: #0c419a;
    background: url('../images/icon/news-21.png') no-repeat left center;
}

.flag-news .news .tab li.news1.active:after,
.flag-news .news .tab li.news2.active:after {
    content: "";
    top: 35px;
    left: 0;
    position: absolute;
    width: 130px;
    height: 2px;
    background-color: #0c419a;
}

.flag-news .news .state {
    padding-top: 24px;
    overflow: hidden;
}

.flag-news .news .state ul {
    position: relative;
    margin-right: -34px;
    overflow: hidden;
}

.flag-news .news .state ul li {
    float: left;
    width: 318px;
    margin-right: 28px;
}

.flag-news .news .state ul li a {
    display: block;
    color: #5a5b5c;
    border-bottom: 2px solid #dbdbdb;
}

.flag-news .news .state ul li a:hover {
    border-bottom: 2px solid #0c419a;
}

.flag-news .news .state ul li a:hover .title {
    color: #0c419a;
}

.flag-news .news .state ul li .pic img {
    display: block;
}

.flag-news .news .state ul li .date {
    padding-top: 14px;
    font-size: 14px;
    line-height: 20px;
}

.flag-news .news .state ul li .title {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 26px;
}

.flag-news .news .list {
    min-height: 54px;
    padding-top: 50px;
    padding-bottom: 60px;
    overflow: hidden;
}

.flag-news .news .list li {
    height: 30px;
    padding: 12px 0px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    background: url("../images/dot.jpg") no-repeat left center;
}

.flag-news .news .list li a {
    max-width: 991px;
    height: 30px;
    padding-left: 14px;
    overflow: hidden;
    color: #5a5b5c;
}

.flag-news .news .list li a:hover {
    color: #0c419a;
}

.flag-news .news .list li span {
    float: right;
    color: #878686;
}

.flag-news .news .news-content:last-child {
    display: none;
}

.news-txt {
    margin-bottom: 20px;
    color: #787878;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
}

.news-txt .title {
    padding: 30px 0 20px;
    background-color: #e7e5e5;
}

.news-txt .title h2 {
    font-size: 24px;
    color: #0c419a;
    line-height: 34px;
    text-align: center;
}

.news-txt .title p {
    padding-top: 15px;
    overflow: hidden;
    text-align: center;
}

.news-txt .paper {
    padding: 20px 110px;
}

.news-txt .text p,
.news-txt .under p {
    margin-bottom: 15px;
    font-size: 16px;
    color: #787878;
    line-height: 1.8;
    text-indent: 32px;
}

.news-txt .text .no-text-indent {
    text-indent: 0;
}

.news-txt .text .eg {
    padding-left: 32px;
    font-size: 14px;
    text-indent: 0;
}

.news-txt .text .ps {
    font-size: 12px;
}

.news-txt .text .stress {
    font-weight: bold;
}

.news-txt .text p:last-child {
    margin-bottom: 40px;
}

.news-txt .spec p {
    text-indent: 0;
}

.news-txt .under {
    padding-top: 30px;
    border-top: 1px solid #787878;
}

.news-txt .text img {
    width: 800px;
}

.news-txt .bottom {
    position: relative;
    margin-top: 100px;
    line-height: 30px;
}

.news-txt .bottom p,
.news-txt .bottom p a,
.blue {
    color: #0c419a;
}

.news-txt .bottom .fl {
    float: left;
    margin-bottom: 70px;
}

.news-txt .bottom .fr {
    float: right;
    margin-bottom: 70px;
}

.news-txt .bottom .return {
    width: 70px;
    margin-left: 50px;
    color: #333;
    overflow: hidden;
}


/***********帮助中心***********/

.flag-help {
    position: relative;
    min-height: 850px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.flag-help .menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    height: 100%;
    background: #e2e2e2;
}

.flag-help .menu h2 {
    height: 75px;
    padding-top: 45px;
    font-size: 36px;
    color: #3f3f3f;
}

.flag-help .menu h2 span {
    display: block;
    padding-left: 90px;
    line-height: 40px;
    background: url("../images/icon/chat.jpg") no-repeat 27px center;
}

.flag-help .menu ul {
    overflow: hidden;
    border-top: 1px solid #d1cfcf;
}

.flag-help .menu ul li {
    border-bottom: 1px solid #d1cfcf;
}

.flag-help .menu ul li a {
    display: block;
    font-size: 18px;
    color: #454545;
    line-height: 60px;
    text-align: center;
}

.flag-help .menu ul li a:hover,
.flag-help .menu ul li a.active {
    background: #b4b3b3;
}

.flag-help .cell {
    width: 730px;
    padding: 60px 0 55px 360px;
}

.flag-help .paper {
    color: #737373;
}

.flag-help .paper h2 {
    line-height: 56px;
    border-bottom: 1px solid #c6c5c5;
    font-size: 24px;
}

.flag-help .paper .list {
    padding-bottom: 45px;
    overflow: hidden;
}

.flag-help .paper .list li {
    position: relative;
    border-bottom: 1px solid #ececec;
}

.flag-help .paper .list li .title {
    height: 64px;
    font-size: 14px;
    line-height: 64px;
    overflow: hidden;
    text-indent: 52px;
    background: url("../images/icon/question.jpg") no-repeat left center;
    cursor: pointer;
}

.flag-help .paper .list li .info {
    position: relative;
    display: none;
    padding: 5px 55px 40px 52px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    background: url("../images/icon/answer.jpg") no-repeat left 5px;
}

.flag-help .paper .list li .icon {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 28px;
    z-index: 5;
    width: 19px;
    height: 12px;
    cursor: pointer;
    background: url("../images/icon/arrow-close.jpg") no-repeat;
}

.flag-help .paper .list li.active .icon {
    background: url("../images/icon/arrow-open.jpg") no-repeat;
}

.flag-help .paper .list.jq-help-list {
    display: none;
}

.flag-help .paper .list.jq-help-list .pic {
    margin: 15px 0;
}

.flag-help .paper .list.jq-help-list .stress {
    font-weight: bold;
}


/* qsf-style */

.fl {
    float: left;
}

.fr {
    float: right;
}

.cf：after {
    display: block;
    content: '';
    clear: both;
}

.cf {
    zoom: 1;
}

.padding70 {
    padding: 70px 0;
}

.blue {
    color: #3d78fd;
}

.f-18 {
    font-size: 18px;
}

.mar-t40 {
    margin-top: 40px;
}

.mar-t50 {
    margin-top: 50px;
}

.intern {
    margin-top: 60px;
}

.download,
.recruit-wrap {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background-color: #fff;
}

.download .title,
.recruit-wrap .title {
    font-size: 32px;
    text-indent: 68px;
    height: 108px;
    line-height: 108px;
    border-bottom: 1px solid #f1f1f1;
}

.download .list {
    text-align: center;
    padding-top: 27px;
}

.download .list li {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 370px;
    height: 240px;
    border-radius: 8px;
    background-color: #f1f1f1;
    margin: 0 35px 45px 0;
}

.download .list li>a {
    display: block;
    padding-bottom: 40px;
}

.download .list li:nth-child(2n) {
    margin-right: 0;
}

.download .icon-1,
.download .icon-2,
.download .icon-3,
.download .icon-4,
.download .icon-5,
.download .icon-6 {
    display: inline-block;
    background-image: url(../images/icon/download-icon.png);
    background-repeat: no-repeat;
    width: 68px;
    height: 63px;
    margin: 40px 0 10px;
}

.download .icon-2 {
    background-position: -68px 0;
}

.download .icon-3 {
    background-position: -136px 0;
}

.download .icon-4 {
    background-position: -204px 0;
}

.download .icon-5 {
    background-position: -329px 0;
}

.download .icon-6 {
    background-position: -386px 0;
}

.download .list .tit {
    color: #6e6e6e;
    font-size: 22px;
    margin: 8px 0;
}

.download .list .down-icon {
    display: inline-block;
    background: url("../images/icon/download-icon.png") -295px -33px no-repeat;
    width: 25px;
    height: 25px;
    position: relative;
    top: 7px;
}

.download .list li :hover i {
    background-position: -295px 0;
}

.banner {
    position: relative;
}

.banner img {
    width: 1170px;
}

.banner .join-us {
    position: absolute;
    left: 0;
    top: 0;
    width: 355px;
    height: 250px;
    padding: 60px 0 0 65px;
    color: #fff;
}

.banner .tit {
    font-size: 32px;
    margin-bottom: 30px;
}

.banner li {
    font-size: 14px;
    margin-bottom: 14px;
}

.recruit-wrap {
    margin-top: 24px;
}

.recruit {
    padding: 40px 75px 60px;
}

.position-tab {
    overflow: hidden;
}

.position-tab li {
    float: left;
    margin-right: 20px;
}

.job-tit {
    font-size: 16px;
    color: #6e6e6e;
}

.position-tab .active .job-tit {
    color: #ff9326;
}

.job-detail {
    position: relative;
    display: none;
    background: #f1f1f1;
    margin-top: 44px;
    padding: 32px 56px 50px 40px;
}

.job-detail.active {
    display: block;
}

.job-detail h3 {
    font-size: 14px;
    color: #636363;
    width: 77px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #dadada;
    border-radius: 4px;
    margin-bottom: 20px;
}

.job-detail li {
    color: #6e6e6e;
    font-size: 14px;
    margin-bottom: 20px;
}

.job-detail .tip-trangle {
    position: absolute;
    margin-left: -10px;
    margin-top: -47px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f1f1f1;
}

.job-detail .tip-trangle.second {
    margin-left: 110px;
}

.job-detail .tip-trangle.third {
    margin-left: 220px;
}

.job-detail .tip-trangle.forth {
    margin-left: 380px;
}


/*e信通*/

.ext-banner {
    /* position: relative;
    overflow: hidden;
    height: 611px; */
}

.ext-banner img {
    /* position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    width: 1920px;
    height: 611px; */
    width: 100%;
}

.edt,
.exint,
.exiaot,
.data-ana {
    height: 473px;
    padding: 70px 38px 0 70px;
}

.ext-wrap {
    background: #fff;
}

.ext-wrap .bg {
    width: 100%;
    background: #f6f7fb;
}

.ext-wrap h2 {
    font-size: 36px;
    color: #313131;
    margin: 40px 0 60px;
    font-weight: 200;
}

.ext-wrap .con-l {
    width: 610px;
}

.ext-wrap ul li {
    float: left;
    width: 250px;
    margin-bottom: 28px;
}

.ext-wrap em {
    background-image: url("../images/icon/ext-icon.png");
    width: 72px;
    height: 72px;
    margin-right: 20px;
}

.ext-wrap em.icon2 {
    background-position: -88px 0;
}

.ext-wrap em.icon3 {
    background-position: -180px 0;
}

.ext-wrap em.icon4 {
    background-position: -268px 0;
}

.ext-wrap em.icon5 {
    background-position: 0 -95px;
}

.ext-wrap em.icon6 {
    background-position: -88px -95px;
}

.ext-wrap em.icon7 {
    background-position: -180px -95px;
}

.ext-wrap em.icon8 {
    background-position: 0 -192px;
}

.ext-wrap em.icon9 {
    background-position: -88px -192px;
}

.ext-wrap em.icon10 {
    background-position: -180px -192px;
}

.ext-wrap em.icon11 {
    background-position: -268px -192px;
}

.ext-wrap em.icon12 {
    background-position: 0 -284px;
}

.ext-wrap em.icon13 {
    background-position: -88px -284px;
}

.ext-wrap em.icon14 {
    background-position: -180px -284px;
}

.ext-wrap em.icon15 {
    background-position: 0 -370px;
}

.ext-wrap .txt h3 {
    font-size: 22px;
    color: #313131;
    margin-bottom: 13px;
}

.ext-wrap .txt span {
    font-size: 16px;
    color: #797979;
}

.ext-wrap .exint .con-r,
.ext-wrap .data-ana .con-r {
    width: 500px;
}


/* qsf-style end! */


/***page index style***/

body.index {
    background-color: #fff;
}

.index .main-body .container {
    margin-bottom: 70px;
}

.flag-banner {
    z-index: 3;
    width: 100%;
}

.flag-banner .bd {
    position: relative;
    height: 100% !important;
}

.flag-banner ul {
    width: 100% !important;
    height: 100% !important;
}

.flag-banner ul li {
    width: 100% !important;
}

.flag-banner ul li .pic img {
    width: 100%;
}

.flag-banner .button {
    position: absolute;
    top: 50%;
    z-index: 20;
    width: 60px;
    height: 80px;
    margin-top: -40px;
    background: url(../images/icon/arrow.png) no-repeat;
}

.flag-banner .prev {
    left: 100px;
    background-position: 0 0;
}

.flag-banner .next {
    right: 100px;
    background-position: -60px 0;
}

.index .title {
    margin-bottom: 40px;
    text-align: center;
    color: #313131;
}

.index .title h1 {
    font-size: 32px;
}

.index .title span {
    font-size: 14px;
}

.intro {
    position: relative;
    top: -50px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 12px rgba(229, 229, 229, .6), 0px 0px 10px rgba(229, 229, 229, .3), 3px 0 12px rgba(229, 229, 229, .6), -3px 0 12px rgba(229, 229, 229, .6);
}

.mortgage .intro {
    box-shadow: none;
    overflow: visible;
}

.intro .bg-blue {
    position: absolute;
    top: 490px;
    left: -220px;
    width: 1600px;
    height: 770px;
    background-color: #4b8ce8;
    -ms-transform: rotate(22deg);
    -moz-transform: rotate(22deg);
    -webkit-transform: rotate(22deg);
    -o-transform: rotate(22deg);
    transform: rotate(22deg);
}

.intro .content {
    position: relative;
    z-index: 100;
    padding: 50px 120px;
}

.intro-sec:last-child {
    margin-top: 100px;
}

.intro-sec div {
    display: inline-block;
    font-size: 20px;
    color: #434343;
    vertical-align: middle;
}

.intro-sec .pic {
    width: 54%;
}

.intro-sec .text {
    width: 45%;
}

.intro-sec img {
    width: 70%;
    position: relative;
    top: 300px;
    opacity: 0;
    -ms-transition: top 1s, opacity 1s;
    -moz-transition: top 1s, opacity 1s;
    -webkit-transition: top 1s, opacity 1s;
    -o-transition: opactopity 1s, opacity 1s;
    transition: top 1s, opacity 1s;
}

.intro-sec img.spin-in {
    top: 0;
    opacity: 1;
}

.intro-sec h1 {
    width: 400px;
    font-size: 32px;
    font-weight: bold;
}

.intro-sec .text-1 {
    color: #fff;
}

.text-2 h1 {
    color: #4b8ce8;
}

.intro-sec h1:last-of-type {
    margin-bottom: 20px;
}

.stock ul:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}

.stock li {
    float: left;
    width: 33%;
    margin-bottom: 40px;
    font-size: 18px;
    color: #313131;
    text-align: center;
}

.stock li div:first-child {
    margin-bottom: 10px;
}

.index .product ul {
    margin-top: 70px;
}

.index .product li {
    display: inline-block;
    width: 43%;
    padding: 0 75px 0 0;
    margin-bottom: 80px;
    font-size: 22px;
    color: #1b1b1b;
    text-align: left;
}

.index .product li:hover {
    background-color: rgba(212, 242, 253, .5);
}

.product li>div {
    position: relative;
    top: -50px;
}

.product img {
    width: 58%;
    -ms-transition: transform .5s;
    -moz-transition: transform .5s;
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}

.product li:hover img {
    -ms-trasform: scale(1.1);
    -moz-trasform: scale(1.1);
    -webkit-trasform: scale(1.1);
    -o-trasform: scale(1.1);
    transform: scale(1.1);
}

.product li .txt {
    display: inline-block;
    position: relative;
    top: 55px;
    margin-left: 30px;
}

.product li .txt a {
    display: block;
}

.product li .txt h5 {
    font-size: 14px;
    color: #9fa5a7;
    visibility: hidden;
}

.product li:hover .txt h5 {
    visibility: visible;
}

.product .font-large {
    /* margin-right: 10px; */
    font-size: 32px;
}

.tar {
    text-align: right !important;
}


/***page index style end!***/

.backup-icon {
    /* padding-left: 25px; */
    /* background: url(../images/backup-icon.png) 0 0 no-repeat; */
}

.mortgage-body {
    padding-top: 0;
}

.mortgage-header {
    border-top: 3px solid #0c419a;
}

.mortgage-header>img {
    display: block;
    width: 1178px;
    margin: 0 auto;
}

.mortgage-intro {
    height: 270px;
}

.mortgage-intro .mortgage-logo {
    float: left;
    margin-left: 150px;
    margin-top: 100px;
}

.mortgage-intro .mortgage-content {
    margin-left: 500px;
    overflow: hidden;
}

.mortgage-footer {
    padding: 34px 50px;
}

.cs,
.ca {
    position: relative;
}

.cs:after,
.ca:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background-position: -1px -1px;
    left: 12px;
    top: 18px;
}

.ca:after {
    background-position: -1px -27px;
}

.use-heart {
    width: 334px;
    height: 100px;
    background-position: -30px 0;
}

.cs:after,
.ca:after,
.use-heart {
    background-image: url(../images/mortgage-icon.png);
    background-repeat: no-repeat;
}

.mortgage-apply {
    background: #1d2e49;
    width: 100%;
    height: 98px;
    padding: 13px 50px 13px;
    position: fixed;
    bottom: 0;
    left: 0;
}

.mortgage-form-item>span,
.mortgage-form-item>span>input {
    display: inline-block;
    width: 390px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    font-size: 16px;
    color: #707070;
}

.mortgage-form-item>span {
    position: relative;
    margin-right: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
}

.mortgage-form-item>span>input {
    width: 386px;
    height: 40px;
    border: 2px solid #fff;
    text-indent: 30px;
    float: left;
}

.mortgage-form-item>span>input.error {
    border-color: #f00;
}

.mortgage-form-submit {
    width: 200px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    top: 25px;
    right: 60px;
    background: #eb6100;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.mortgage-form-submit:before,
.mortgage-form-submit:after {
    content: '';
    display: block;
    position: absolute;
}

.mortgage-form-submit:before {
    width: 6px;
    height: 2px;
    background: #fff;
    left: 174px;
    top: 22px;
}

.mortgage-form-submit:after {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    top: 19px;
    left: 180px;
}

.get-code,
.get-code:hover {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #0c419a;
    text-decoration: underline;
}

.pic-chk-code,
.change-code {
    position: absolute;
    right: 8px;
    top: 2px;
    cursor: pointer;
}

.change-code {
    font-size: 16px;
    color: #707070;
}

.pic-chk-code {
    width: 88px;
    height: 40px;
    right: 70px;
    top: 2px;
}

.bg-white {
    background-color: #fff !important;
}

.mortgage-sidebar ul li .wx {
    width: 120px;
    left: -119px;
}

.mortgage-sidebar ul li .tel {
    width: 230px;
    left: -229px;
}

.mortgage-sidebar ul li .kefu {
    width: 90px;
    left: -90px;
}

.form-tip {
    position: absolute;
    right: 60px;
    top: 72px;
    display: inline-block;
    width: 300px;
    text-align: center;
    color: #0f0;
    font-size: 14px;
    font-weight: bold;
}

.form-tip.error {
    color: #f00;
}

.fs-12 {
    font-size: 12px;
}

.fs-16 {
    font-size: 16px;
}

.fs-22 {
    font-size: 22px;
}

.fs-18 {
    font-size: 18px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fw-bold {
    font-weight: bold;
}

.c-white {
    color: #fff;
}

.c-313131 {
    color: #313131;
}

.pl-50 {
    padding-left: 50px;
}

.ml-40 {
    margin-left: 40px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-124 {
    margin-bottom: 124px;
}

.h20 {
    height: 20px;
}

.h26 {
    height: 26px;
}

.h50 {
    height: 50px;
}

.lh-30 {
    line-height: 30px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.oh {
    overflow: hidden;
}

.tac {
    text-align: center;
}

.pr {
    position: relative;
}