@charset "utf-8";
/* CSS Document */
/*.merchantEdition .swiper-wrapper { position: relative;}*/
body.onload { opacity: 0;}
body.endload { opacity: 1;}
#wrapper #header{position:relative;}
body { overflow-x: hidden;}


.case { background: #f9faff; padding: 70px 0 0;}
.case h1{color: #1f2b43;font-size: 26px;line-height: 1;font-weight: 500;margin-bottom: 50px;text-align: center;}
.case .case_box { width: 1080px; padding: 50px 0 40px 0; box-sizing: border-box; background: #ffffff; margin: 16px auto 0;}
.case .case_box .case_box_t { padding: 0 60px;}
.case .case_box .case_box_t .image { margin-top: 40px; position: relative;}
.case .case_box .case_box_t .image::before { display: block; content: ""; position: absolute; top: -50px; left: -17px; width: 102px; height: 102px; background: url(../Image/memberMarketing/2021-11/case_icon.png) 0 0 no-repeat; filter: drop-shadow(-16px 6px 10px rgba(65, 123, 232, .2)); animation: case_box_t_icon 6s 0s ease-in-out infinite alternate;-webkit-animation: case_box_t_icon 6s 0s ease-in-out infinite normal;}
.case .case_box .case_box_t .image img { display: block;}
.case .case_box .case_box_t .txt { width: 505px; position: relative;}
.case .case_box .case_box_t .txt::before { display: block; content: ""; position: absolute; top: -15px; left: -65px; width: 57px; height: 40px; background: url(../Image/memberMarketing/2021-11/icon_txt.png) 0 0 no-repeat;}
.case .case_box .case_box_t .txt::after { display: block; content: ""; position: absolute; bottom: -25px; right: 0; width: 57px; height: 40px; background: url(../Image/memberMarketing/2021-11/icon_txt.png) -57px 0 no-repeat;}
.case .case_box .case_box_t .txt h4 { font-size: 18px; color: #303541; margin-bottom: 25px;}
.case .case_box .case_box_t .txt p { font-size: 15px; color: #626773; line-height: 30px; text-align: justify;}
.case .case_box .case_box_t .txt p span { color: #07bad2;}
.case .case_box .case_box_b { position: relative; margin: 40px 0 0 0; padding: 40px 140px 0 90px; border-top: 2px #f5f7fa solid; display: flex; justify-content: space-between;}
.case .case_box .case_box_b::before { content: ""; display: block; width: 170px; height: 191px; position: absolute; top: -73px; right: -137px; background: url(../Image/memberMarketing/2021-11/case_bg.png) center center no-repeat;}
.case .case_box .case_box_b li { flex: 0 0 33.333%; margin-right: 65px;}
.case .case_box .case_box_b li h3 { font-size: 16px; color: #1a62e1;}
.case .case_box .case_box_b li h3 img { margin-right: 13px; vertical-align: middle;}
.case .case_box .case_box_b li .txt { margin: 35px 0 0 38px;}
.case .case_box .case_box_b li .txt p { font-size: 14px; color: #122648; line-height: 22px;}

@keyframes case_box_t_icon{
    0% { transform: translateY(0px);}
    25% { transform: translateY(-8px);}
    50% { transform: translateY(0px);}
    75% { transform: translateY(-8px);}
    100% { transform: translateY(0px);}
}
@-webkit-keyframes case_box_t_icon{
    0% { transform: translateY(0px);}
    25% { transform: translateY(-8px);}
    50% { transform: translateY(0px);}
    75% { transform: translateY(-8px);}
    100% { transform: translateY(0px);}
}

.popServer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 1002;}
.popServer .inner { width: 440px; height: 260px; position: fixed; top: 50%; left: 50%; margin: -160px 0 0 -220px; background: url(../Image/popServer/popup_bg.png) center center no-repeat;background-size: cover;}
.popServer .inner .qrcode { float: left; margin: 97px 0 0 56px; width: 134px;}
.popServer .inner .right { float: left;}
.popServer .inner .right .txt-1 { margin: 65px 0 0 45px;}
.popServer .inner .right .txt-1 h3 { font-size: 23px; color: #04709d; line-height: 1.4em;}
.popServer .inner .right .txt-1 p { font-size: 12px; color: #04709d; line-height: 1.4em; font-weight: 300;}
.popServer .inner .right .txt-2 { margin: 20px 0 0 25px;}
.popServer .inner .right .txt-2 h3 { font-size: 43px; color: #f9feff; line-height: 1.4em; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .right .txt-2 p { font-size: 14px; color: #f9feff; line-height: 1.4em; font-weight: 300; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .close { width: 31px; height: 31px; cursor: pointer; position: absolute; top: 10px; right: 10px; background: url(../Image/popServer/icon_close.png) center center no-repeat;background-size: cover;}

.foot_ban{width: 100%;height: 232px;background: url(../Image/memberMarketing/2021-11/footer_bg.jpg) center center no-repeat;background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.foot_ban h1{font-size: 26px;color: #FFFFFF;line-height: 1.5;text-align: center;font-weight: 500;margin-bottom: 20px;}
.foot_ban a{width: 160px;font-size: 16px;color: #ffffff;line-height: 42px;display: block;margin: 0 auto;text-align: center;border-radius: 5px;text-decoration: none;height: 42px; background: #12caee; transition: all .3s; box-shadow: 2px 0 10px rgba(0, 0, 0, .2); font-weight: bold;}
.foot_ban a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}


/* 2022-10 */
.header_box{background:#1a62e1;position: relative;height: 474px;width: 100%;margin: 0 auto; overflow: hidden;}
.header_box{background-image: url(../Image/memberMarketing/2024-06/banner.png);background-repeat: space;background-position:center bottom;}
.header_box .header{box-sizing: border-box;top: 50%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px;}
.header_box .header .header_r { z-index: 0; right: 83px; top: 53%; transform: translateY(-50%); margin-top: 0;}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>p{font-size: 16px;color: #fff;line-height: 34px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 116px;display: inline-block; border: 1px #ffffff solid; text-align: center;font-size: 16px;color: #1a62e1; background: #ffffff; transition: all .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 400;}
.header_box .header>a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.header_box .header>a.btn2 { background: none; color: #ffffff;width: 147px;}
.header_box .header>span { display: block; color: #ffffff; font-size: 18px;margin-top:17px;}

.content .center {
    width:1080px;
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
}
.content h2 {
    font-size:26px;
    line-height: 1;
    text-align: center;
    padding-top:70px;
}
.content h3{
    font-size:16px;
    line-height: 1;
    text-align: center;
    padding-top:22px;
}
.section_1{
    background-color: #ffffff;
    min-height:720px;
}
.section_1 h2{
    color:#374567;
}
.section_1 h3{
    color:#6d788e;
}
.section_1 .center{
    margin-top: 60px;
}

.section_2{
    background-color: #f8f9ff;
    min-height:602px;
    text-align: center;
}
.section_2 h2{
    color:#374567;
}
.section_2 h3{
    color:#6d788e;
}
.section_2 .center{
    margin-top: 50px;
}

.section_3{
    background: #fff;
    min-height:685px;
}
.section_3 h2{
    color:#374567;
}
.section_3 h3{
    color:#6d788e;
}
.section_3 .center{
    width:1080px;
    margin-top: 51px;
    position: relative;
}


.section_4{
    background: #f8f9ff;
    position: relative;
}
.section_4 h2{
    color:#374567;
}
.section_4 h3{
    color:#6d788e;
}
.section_4 .center{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 41px;
    text-align: left;
}
.section_4 .s4_right {
    flex: 0 0 320px;
}
.section_4 .s4_right h4 {
    font-size: 18px;
    color: #374567;
}
.section_4 .s4_right p {
    font-size: 15px;
    line-height: 1.4em;
    color: #6d788e;
    font-weight: 500;
    margin: 16px 0;
}
.section_4 .s4_right .btn {
    display: inline-block;
    width: 114px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    background: #1a62e1;
}

.section_7{
    background: #f9faff;
    min-height:490px;
    text-align: center;
}
.section_7 > a.more{
    display: inline-block;
    font-size:14px;
    color:#fff;
    line-height: 1;
    padding:16px 27px;
    border-radius: 4px;
    background: #1a62e1;
    margin-top:49px;
}
.section_7 h2{
    font-size:26px;
    color:#374567;
    line-height: 1;
    text-align: center;
    padding-top:83px;
    padding-bottom:43px;
}
.section_7 ul{
    width:1080px;
    height:auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 auto;
}
.section_7 ul li{
    width:192px;
    height:99px;
    box-sizing: border-box;
    border:1px solid #e1e6f0;
    margin-bottom:34px;
    background-color: #fff;
    background-repeat: no-repeat;
}
/* 172*105 */
.section_7 ul li:nth-child(1){background-image: url(../Image/brand_img.png);background-position:6px -7px;}
.section_7 ul li:nth-child(2){background-image: url(../Image/brand_img.png);background-position:-162px -8px;}
.section_7 ul li:nth-child(3){background-image: url(../Image/brand_img.png);background-position: -330px -112px;}
.section_7 ul li:nth-child(4){background-image: url(../Image/brand_img.png);background-position:5px -323px;}
.section_7 ul li:nth-child(5){background-image: url(../Image/brand_img.png);background-position: -162px -323px;}
.section_7 ul li:nth-child(6){background-image: url(../Image/brand_img.png);background-position: -330px -323px;}
.section_7 ul li:nth-child(7){background-image: url(../Image/brand_img.png);background-position: 5px -639px;}
.section_7 ul li:nth-child(8){background-image: url(../Image/brand_img.png);background-position: -159px -639px;}
.section_7 ul li:nth-child(9){background-image: url(../Image/brand_img.png);background-position: -502px -639px;}
.section_7 ul li:nth-child(10){background-image: url(../Image/brand_img.png);background-position: 10px -952px;}
.section_7 ul li:nth-child(11){background-image: url(../Image/brand_img.png);background-position: -162px -952px;}
.section_7 ul li:nth-child(12){background-image: url(../Image/brand_img.png);background-position: -330px -1059px;}
.section_7 ul li:nth-child(13){background-image: url(../Image/brand_img.png);background-position: -330px -639px;}
.section_7 ul li:nth-child(14){background-image: url(../Image/brand_img.png);background-position: -502px -323px;}
.section_7 ul li:nth-child(15){background-image: url(../Image/brand_img.png);background-position: 7px -1059px;}

.insert_1{
    background: #fff;
    position: relative;
}
.insert_1 h2{
    color:#374567;
}
.insert_1 ul.tabbar{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top:42px;
}
.insert_1 ul.tabbar li{
    color:#6d788e;
    padding:9px 19px;
    line-height: 1;
    background: #f1f1f1;
    border-radius: 4px;
    margin:0 5px;
    cursor: pointer;
}
.insert_1 ul.tabbar li.action{
    background: #1a62e1;
    color:#fff;
}
.insert_1 .content{
    width:1080px;
    height:500px;
    margin:102px auto 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}
.insert_1 .swiper-pagination{
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 177px;
}
.insert_1 .swiper-pagination .swiper-pagination-bullet{
    /* margin:0 5px; */
    /* border-radius: 0; */
    opacity: 1;
    width: auto;
    height:auto;
    color: #6d788e;
    padding: 9px 19px;
    line-height: 1;
    background: #f1f1f1;
    border-radius: 4px;
    margin: 0 5px;
}
.insert_1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1a62e1;
    color:#fff;
}