body {
    background: #F7FAFF;
    min-width: unset !important;
    max-width: unset !important;
}
body, h1, h2, h3, h4, h5, h6, p, div, ul, li, i, span {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;
}

h2 {
    margin-bottom: 0;
}

header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
header > .container{
    display: flex;
    align-items: center;
    height: 82px;
}

header .logo{
    width: 242px;
    height: 30px;
    margin-right: 30.5px;
}
header .mobile{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}
header a,header a:link,header a:visited,header a:active{
    width: 87px;
    line-height: 34px;
    text-align: center;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 14px;
    display: inline-block;
}
header a:hover{
    border-color: #fff;
    background: #fff;
    color: #0064FA;
}
header a.a_fixed,header a.a_fixed:link,header a.a_fixed:visited,header a.a_fixed:active{
    border-color: #0064FA;
    background-color: #0064FA;
    color: #fff;
}
header a.a_fixed:hover{
    background-color: #fff;
    color: #fff;
    color: #0064FA;
}

#banner {
    width: 100%;
    height: 700px;
    background: #0064FA;
    color: #fff;
}
#banner > .container{
    width: 1040.5px;
    height: 700px;
    margin: 0 auto;
}
#banner .title {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    margin-top: 282px;
}

#banner .description {
    color: #fff;
    font-weight: 400;
    margin-top: 40px;
    font-size: 22px;
    opacity: 0.8;
}


.container>h2 {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    margin-top: 119.5px;
    color: #000000;
}

.button__more, .button__more:link, .button__more:visited{
    display: inline-block;
    line-height: 60px;
    background: #0573FA;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    border: 1px solid #0573FA;
    margin: 0 auto;
}

.button__more:hover,.button__more:active {
    background: #0E46FF;
    border: 1px solid #0E46FF;
    color: #fff;
}


.module_1 {
    height: 742.5px;
    background-color: #fff;
    text-align: center;
}
.module_1 > .container > h2{
    margin-top: 155px;
}

.module_1 > .container {
    position: relative;
}

.module_1 .success_ul{
    position: absolute;
    top: -60px;
    display: flex;
    width: 100%;
    height: 120px;
    padding:30px 55px;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(46, 121, 251, 0.15);
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
}
.module_1 .success_ul > li{
    text-align: left;
    font-size: 0;
    display: flex;
    align-items: center;
}
.module_1 .success_ul > li span{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
}

.module_1 .success_ul > li img{
    width: 60px;
    height: 60px;
    margin-right: 14px;
}
.module_1 .production-show{
    display: flex;
    width: 100%;
    height: 491px;
    justify-content: space-between;
    margin-top: 60px;
    text-align: left;
}
.module_1 .production-show > .production-show_item{
    width: 372px;
    height: 100%;
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 81, 203, 0.15);
    border-radius: 2px;
}
.module_1 .production-show > .production-show_item > .production-show_header{
    height: 119px;
    padding-left: 40.5px;
    background: linear-gradient(0deg, #0064FA 0%, #3399FF 100%);
    border-radius: 2px;
    color: #fff;
    overflow: hidden;
}
.module_1 .production-show > .production-show_item > .production-show_header .title{
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    margin-top: 34.5px;
    margin-bottom: 14.5px;
}
.module_1 .production-show > .production-show_item > .production-show_header .description{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}
.module_1 .production-show > .production-show_item > .production-show_middle{
    height: 318px;
    display: flex;
    flex-direction: column;
    padding: 0 40px;
}
.module_1 .production-show > .production-show_item > .production-show_middle > .production-show_middle_item + .production-show_middle_item{
    border-top: 1px solid #EDEDED;
}
.module_1 .production-show > .production-show_item > .production-show_middle > .production-show_middle_item{
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 11px;
}
.module_1 .production-show > .production-show_item > .production-show_middle > .production-show_middle_item > p{
    line-height: 1;
}
.module_1 .production-show > .production-show_item > .production-show_middle > .production-show_middle_item > p:first-child{
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.module_1 .production-show > .production-show_item > .production-show_middle > .production-show_middle_item > p:first-child::before{
    content: '';
    width: 6px;
    height: 6px;
    background: #0064FA;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: -9px;
}
.module_1 .production-show > .production-show_item > .production-show_middle > .production-show_middle_item > p:last-child{
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    margin-top: 9.5px;
}
.module_1 .production-show > .production-show_item > a{
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #0064FA;
    font-size: 16px;
    font-weight: 500;
}
.module_1 .production-show > .production-show_item > a:hover,.module_1 .production-show > .production-show_item > a:active{
    background: #0E46FF;
    color: #fff;
}


.module_2 {
    text-align: center;
    background-color: #fff;
}

.module_2 .container {
    height: 100%;
}

.module_2 .container > h2{
    margin-top: 140px;
}
.module_2 .container > .bg_container{
    width: 100%;
    margin-top: 31.5px;
}
.module_2 .button__more{
    width: 227px;
    margin-top: 25px;
}


.module_3 {
    background: #fff;
    text-align: center;
    overflow: hidden;
}
.module_3 .drawer_content{
    width: 100%;
    height: 280px;
    background: #3C4561;
    margin-top: 60px;
}
.module_3 h2{
    margin-top: 140px;
    font-size: 36px;
    font-weight: 600;
    color: #000000;
}
.module_3 .button__more{
    width: 227px;
    margin-top: 50.5px;
}
.module_3 .drawer_list{
    height: 280px;
    width: 100%;
    font-size: 0;
}
.module_3 .drawer_list > li{
    display: inline-block;
    width: calc(100% / 5);
    height: 100%;
    text-align: left;
    padding: 0 23.5px;
    overflow: hidden;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 24px 202px;
    transition: width .2s;
}
.module_3 .drawer_list > li > .title{
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1;
    margin-top: 53.5px;
}
.module_3 .drawer_list > li > .description {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    width: 299px;
    margin-top:12.5px;
    opacity: 0;
    transition: opacity .1s;
}
    .module_3 .drawer_list > li:nth-child(1) {
        background-image: url('../img/module_3_small_bg1.png');
    }
    .module_3 .drawer_list > li:nth-child(2) {
        background-image: url('../img/module_3_small_bg2.png');
    }
    .module_3 .drawer_list > li:nth-child(3) {
        background-image: url('../img/module_3_small_bg3.png');
    }
    .module_3 .drawer_list > li:nth-child(4) {
        background-image: url('../img/module_3_small_bg4.png');
    }
    .module_3 .drawer_list > li:nth-child(5) {
        background-image: url('../img/module_3_small_bg5.png');
    }
.module_3 .drawer_list > li {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.module_3 .drawer_list > li:last-child{
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.module_3 .drawer_list > li:hover{
    flex: none;
    width: 600px;
}
.module_3 .drawer_list:hover > li:not(:hover) {
    width: calc((100% - 600px) / 4);
}
.module_3 .drawer_list > li:hover > .description{
    opacity: 1;
}
    .module_3 .drawer_list > li:hover:nth-child(1) {
        background: url('../img/module_3_big_bg1.png') no-repeat 350px 0/240px 280px, linear-gradient(-37deg, #0064FA, #0099FF);
    }
    .module_3 .drawer_list > li:hover:nth-child(2) {
        background: url('../img/module_3_big_bg2.png') no-repeat 350px 0/240px 280px, linear-gradient(-37deg, #0064FA, #0099FF);
    }
    .module_3 .drawer_list > li:hover:nth-child(3) {
        background: url('../img/module_3_big_bg3.png') no-repeat 350px 0/240px 280px, linear-gradient(-37deg, #0064FA, #0099FF);
    }
    .module_3 .drawer_list > li:hover:nth-child(4) {
        background: url('../img/module_3_big_bg4.png') no-repeat 350px 0/240px 280px, linear-gradient(-37deg, #0064FA, #0099FF);
    }
    .module_3 .drawer_list > li:hover:nth-child(5) {
        background: url('../img/module_3_big_bg5.png') no-repeat 350px 0/240px 280px, linear-gradient(-37deg, #0064FA, #0099FF);
    }
/* 优势 */
.anmp_animate {
    width: 120px;
    margin: 0 auto;
}

.anmp_content .anmp_content_info {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.sec_content .sec_content_info {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}


.alive_keep {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}


.safe_con_box {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.safe_content h4 {
    width: 48px;
}

.clas_space {
    width: 101px;
}

.us_inner_cen a {
    right: 30px;
}

.us_inner_right span {
    width: 101px;
}

.us_inner_right a {
    right: 30px;
}

.space_box {
    height: 38px;
}

/* 动画 */
.anmp_content_info {
    /* 动画效果 */
    background: url('../img/one.png');
    background-size: cover;
}

.strong_content_info {
    /* 动画效果 */
    background: url('../img/strong.png');
    background-size: cover;
}

.sec_content_info {
    background: url('../img/two.png');
    background-size: cover;
}

.thr_content_info {
    background: url('../img/three.png');
    background-size: cover;
}

.safe_content_info {
    background: url('../img/four.png');
    background-size: cover;
}
.advantage_li:hover .advantage_li_h4{
    color: #0064fa;
}

/* 反转动画 */
.anmpRerun {

    animation: rerun 1s steps(1, start) 1;
    -webkit-animation: rerun 1s steps(1, start) 1;
    -moz-animation-animation: rerun 1s steps(1, start) 1;
    animation-fill-mode: forwards;
}

@keyframes rerun {
    0% {
        background-position: 0 -2520px;
    }

    5% {
        background-position: 0 -2400px;
    }

    10% {
        background-position: 0 -2280px;

    }

    15% {
        background-position: 0 -2160px;
    }

    20.0% {
        background-position: 0 -2040px;
    }

    25% {
        background-position: 0 -1920px;
    }

    30% {
        background-position: 0 -1800px;
    }

    35% {
        background-position: 0 -1680px;
    }

    40% {
        background-position: 0 - 1560px;
    }

    45% {
        background-position: 0 - 1440px;
    }

    50% {
        background-position: 0 - 1320px;
    }

    55% {
        background-position: 0 -1200px;
    }

    57.5% {
        background-position: 0 -1080px;
    }

    60% {
        background-position: 0 -960px;
    }

    65% {
        background-position: 0 -840px;
    }

    70% {
        background-position: 0 -720px;
    }

    75% {
        background-position: 0 -600px;
    }

    80% {
        background-position: 0 -480px;
    }

    85% {
        background-position: 0 -360px;
    }

    90% {
        background-position: 0 - 240px;
    }

    95% {
        background-position: 0 -120px;
    }

    100% {
        background-position: 0 0;
    }
}

.anmprun {

    /* animation:run 1s steps(1, start) infinite;
   -webkit-animation:run 1s steps(1, start) infinite; */
    animation: run 1s steps(1, start) 1;
    -webkit-animation: run 1s steps(1, start) 1;
    -moz-animation-animation: run 1s steps(1, start) 1;
    animation-fill-mode: forwards;
}

@keyframes run {
    0% {
        background-position: 0 0;
    }

    4.5% {
        background-position: 0 -120px;
    }

    9% {
        background-position: 0 -240px;

    }

    13.5% {
        background-position: 0 -360;
    }

    18% {
        background-position: 0 -480;
    }

    22.5% {
        background-position: 0 -600;
    }

    27% {
        background-position: 0 -720px;
    }

    31.5% {
        background-position: 0 -840px;
    }

    36% {
        background-position: 0 -960px;
    }

    40.5% {
        background-position: 0 -1080px;
    }

    45% {
        background-position: 0 -1200px;
    }

    49.5% {
        background-position: 0 -1320px;
    }

    54% {
        background-position: 0 -1440px;
    }

    59.5% {
        background-position: 0 -1440px;
    }

    64% {
        background-position: 0 -1560px;
    }

    68% {
        background-position: 0 -1680px;
    }

    72% {
        background-position: 0 -1800px;
    }

    77.25% {
        background-position: 0 -1920px;
    }

    82% {
        background-position: 0 -2040px;
    }

    86.5% {
        background-position: 0 -2160px;
    }

    91% {
        background-position: 0 -2280px;
    }

    95.5% {
        background-position: 0 -2400px;
    }

    100% {
        background-position: 0 -2520px;
    }
}

.module_4 {
    text-align: center;
    background-color: #fff;
}
.module_4 h2{
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    margin-top: 140px;
}
.module_4 .module_4_ul{
    display: flex;
    justify-content: space-between;
    margin-top: 29.5px;
}
.module_4 .module_4_ul > .module_4_li{
    width: 283px;
}
.module_4 .module_4_ul > .module_4_li > p:first-child{
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    margin-top: 304.5px;
}
.module_4 .module_4_ul > .module_4_li > p:last-child{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    margin-top: 40px;
}
.module_4 .button__more{
    width: 227px;
    margin-top: 50.5px;
}

.module_5 {
    background: #fff;
    text-align: center;
}
.module_5 h2{
    margin-top: 140px;
}

.advantage .advantage_ul {
    float: none;
    margin-top: 0;
    position: relative;
    margin-top: 70px;
}

.advantage .advantage_li {
    display: block;
    float: left;
    margin-left: 0;
    width: 20%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    /* line-height: 62px; */
    height: 292px;
}

.advantage_li_h4 {
    font-size: 24px;
    margin: 0 auto;
    font-weight: 500;
    color: #000000;
    line-height: 44px;
    margin-top: 38px;
    margin-bottom: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
}

.advantage_li_img {
    width: 120px;
}

.advantage_li_p {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 160px; */
    height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 44px;
    opacity: 0.9;
}

.advantage_li_span {
    /* height: 54px; */
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 43.5px;
}

/* 优势 */
.anmp_animate {
    width: 120px;
    margin: 0 auto;
}

.anmp_content .anmp_content_info {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.sec_content .sec_content_info {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}


.alive_keep {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}


.safe_con_box {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.safe_content h4 {
    width: 48px;
}
.module_6 {
    background-color: #fff;
}
.module_6 h2{
    margin-top: 140px;
}
.module_6 .module_6_gird{
    margin-top: 66.5px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 140px);
    column-gap: 25px;
    margin-bottom: 68.5px;
}
.module_6 .module_6_gird li{
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 31.5px;
}
.module_6 .module_6_gird li > p{
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.module_6 .module_6_gird li > p:last-child{
    margin-top: 14px;
}
.module_7 {
    text-align: center;
}
.module_7 h2{
    margin-top: 83.5px;
    margin-bottom: 60px;
}

.module_7 .button__more{
    margin-top:50px;
    width: 227px;
    margin-bottom: 92px;
}

.brand_show{
    display: flex;
    flex-direction: column;
}
.brand_show li{
    display: flex;
    align-items: center;
    height: 91px;
    align-items: center;
    padding-left: 36px;
}
.brand_show > li + li{
    margin-top: 25.5px;
}
.brand_show li > span{
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    width: 68px;
    margin-right: 40px;
}
.brand_show li > .brand_img_list{
    flex: 1;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(1, 91px);
    column-gap: 12.5px;
}
.brand_show li > .brand_img_list > .brand_item{
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(0, 100, 250, 0.15);
    border-radius: 4px;
}


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

.merchant-more .more-text {
    display: inline-block;
    width: auto;
    padding-right: 30px;
    position: relative;
    transition: all .2s;
    cursor: pointer;
    line-height: 1;
    font-size: 14px;
    color: #0064FA;
    margin-top: 47.5px;
    margin-left: 22px;
}

.more-text:active {
    color: #0064FA;
}

.right-arrow {
    position: absolute;
    right: 16px;
    top: -9px;
    display: inline-block;
    width: 12px;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    transition: all .2s;
    color: #0064FA;
}

.more-text:hover .right-arrow {
    right: 10px;
}
.navbar-fixed-top .consult{
    color: #0064fa;
}
.navbar-itcast .navbar-fixed-top li.menu-active > a {
    cursor: pointer;
    color: #0064FA!important;
    opacity: 1;
}
.navbar-itcast .navbar-fixed-top:not(.navbar-top-box) .navbar-nav > li > a >p{
    width: 88px;
    height: 32px;
    color: #0064FA !important;
    border: 1px solid #0064FA !important;
    /* border-radius: 3px; */
    background: transparent;
    line-height: 30px;
}

.navbar-itcast .navbar-fixed-top.navbar-top-box .navbar-nav > li.last:hover p{
    border-color: #0064FA;
    background-color: #0064FA;
    color: #fff;
}
.navbar-itcast .navbar-fixed-top.navbar-top-box .navbar-nav > li.last p:hover {
    background: transparent;
    color: #0064FA;
    border: 1px solid #0064FA;
}
.navbar-itcast .navbar-fixed-top:not(.navbar-top-box) .navbar-nav > li.last:hover p {
    background: transparent;
    color: #0064FA;
    border: 1px solid #0064FA;
}
.navbar-itcast .navbar-fixed-top:not(.navbar-top-box) .navbar-nav > li.last p:hover {
    background: #0064FA;
    color: #FFF !important;
    border: 1px solid #0064FA !important;
}