.header {
    background: rgba(255, 255, 255, 1);
    /* backdrop-filter: blur(12px); */
}

.consultBtn{
    display: block;
    margin: 32px auto 0;
    width: 161px;
    height: 43px;
    opacity: 1;
    border-radius: 206px;
    background: linear-gradient(270deg, #06E2FF 0%, #027AFF 100%, rgba(0,0,0,0.5) 100%);
    padding: 0 27px;
    box-sizing: border-box;
    /* box-shadow: 0px 8px 20px #bab8b8; */
}
.consultBtn a{
    display: block;
    background: url(../images/B1_contact.png) center left no-repeat;
    background-size: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 43px;
    color: rgba(255, 255, 255, 1);
    padding-left: 36px;
}
.consultBtn:hover{
    box-shadow: 0px 8px 20px #bab8b8;
}
.b1{
    width: 100%;
    padding: 5.36vw 0 0;
    position: relative;
    background: url(../images/wbg6.png) top left no-repeat;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}
.b1 .pb_title_zh{
    display: block;
    font-size: 3vw;
    font-weight: 800;
    color: #333;
    text-align: center;
}

.b1 .pb_title_en{
    display: block;
    font-size: 1.3vw;
    line-height: 2.5vw;
    padding:0 0 2vw 0;
    font-weight: 800;
    text-align: center;
    color:#C8C7C8;
}

.secondary-text {
    margin:0 5%;
    color:#333;
    line-height: 1.5;
    font-size: 1.1vw;
    text-align: left;
}

.b1 .secondary-text {    
    /* 苏总说居中不符合阅读习惯，但实际上并不能粗暴地“居左”那些只有一行字的文案，居左了会造成与标题错位，更难看。当然，老板是英明的，分情况处理吧。 */
    margin: 1vw 20% 0 20%;
    padding:0 0 3vw 0;
}

/* .b1 .consultBtn{
    display: block;
    margin: 0 auto;
    width: 161px;
    height: 43px;
    opacity: 1;
    border-radius: 206px;
    background: linear-gradient(90deg, rgba(232, 210, 12, 1) 0%, rgba(242, 46, 132, 1) 100%);
    padding: 0 27px;
    box-sizing: border-box;
    margin-bottom: 3.44vw;
}
.b1 .consultBtn a{
    display: block;
    background: url(../images/B1_contact.png) center left no-repeat;
    background-size: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 43px;
    color: rgba(255, 255, 255, 1);
    padding-left: 36px;
} */
.b1 .waterfall{
    -moz-column-count: 4;/*Firefox*/
    -webkit-column-count: 4;/*Safari和Chrome*/
    column-count: 4;
    -moz-column-gap: 1.25vw;
    -webkit-column-gap: 1.25vw;
    column-gap: 1.25vw;
    overflow: hidden;
}
.b1 .waterfall>li{
    margin-bottom: 1.25vw;
    float: left;
    border-radius: 12px;
    height: 12.92vw;
    overflow: hidden;
}
.b1 .waterfall>li:nth-child(1){
    margin-top: 0.94vw;
}
.b1 .waterfall>li:nth-child(5){
    margin-top: 6.20vw;
}
.b1 .waterfall>li:nth-child(9){
    margin-top: 4.58vw;
}
.b1 .waterfall>li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.b1 .b1Footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24.48vw;
    opacity: 1;
    background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0) 19%, 
                rgba(255, 255, 255, 0.5) 36%, 
                rgba(255, 255, 255, 1) 63%);
    pointer-events: none;
}
.b1 .b1Footer .consultBtn{
    position: absolute;
    bottom: 4.84vw;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    pointer-events: auto;
}
.b1 .waterfall>li:hover img{
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.b3{background-image: url(/images/wbg3.jpg);padding: 9vw 0 3vw 0;}
.b3 .L{width: 28em;max-width: 100%;margin-right: 3%;}
.b3 .R{width: calc(95% - 28em);position: relative;}
.b3 .b h3{color: #920fe8;font-weight: bold;font-size: 26px;margin-bottom: 0.8em;}
.b3 .b ul li{float: left;width: 50%;}
.b3 .swiper-button-prev,.b3 .swiper-button-next{width: 30px;height: 30px;line-height: 30px; color: #fff;height: auto; font-size: 20px;
  text-align: center;margin: 0;background-image: none !important;background-color: #bfbfbf;border-radius: 50%;opacity: 1 !important;
  position: static;display: inline-block;margin-right: 0.5em;font-family: '宋体',Simsun;}
.b3 .swiper-button-prev:hover,.b3 .swiper-button-next:hover{background-color: #0093d7;}
.b3 .swiper-pagination{position: static;float: right;color: #4c4c4c;font-size: 0.83vw;width: auto;}
.b3 .swiper-pagination-current{color: #0093d7;font-size: 1.3em;line-height: 1.0;}
.b3 .swiper-pagination-current:before{content: "0";}
.b3 .swiper-pagination-total:before{content: "0";}

.B3-form{background: url(/images/bg3bg.jpg) center no-repeat;background-size: cover;padding: 2.8vw 0;}
.B3-form li{color: #fff;}
.B3-form h3{position: relative;}
.B3-form h3:before{content: "";display: block;height: 1px;background: #fff;position: absolute;top: 50%;left: 0;right: 0;}
.B3-form h3 span{background: #317fbd;padding: 0 1em;z-index: 2;position: relative;}

.web .more{
    display: block; 
    line-height: 1.5;
    width: 11em;
    padding: 0.5em 0;
    text-align: center; 
    border-radius: 2em;
	color: #fff;
    background: -webkit-linear-gradient(#00afff, #0080ff);
    background: -o-linear-gradient(#00afff, #0080ff);
    background: linear-gradient(#00afff, #0080ff);
}
.web .more2{width: 15em;}
.web .more:hover{
    background: -webkit-linear-gradient( #e91e63,#b20741);
    background: -o-linear-gradient( #e91e63,#b20741);
    background: linear-gradient( #e91e63,#b20741);
}
.web .more.mob {
    display: none;
}

.b4{
    background: url(/images/bg_bdyl.png) top center no-repeat;
    background-size: auto 100%;
    padding: 1.6vw 0 9.58vw;
    position: relative;
}
.b4::after{
    width: 100%;
    height: 9.17vw;
    content: '';
    position: absolute;
    background: url(../images/bg_bdyl2.png) center 0 no-repeat;
    background-size: 100% auto;
    left: 0;
    bottom: 0;
}
.b4 .tit{
    text-align: center;
    margin-bottom: 2.19vw;
}
.b4 .tit h3{
    color: #fff;
    font-size: 1.82vw;
    font-weight: 900;
    letter-spacing: 0.26vw;
    line-height: 1.6;
}
.b4 .tit h4{
    color: #fff;
    font-size: 2.50vw;
    font-weight: 500;
    letter-spacing: 0.26vw;
}
.b4 .L{
    width: 38.18vw;
    max-width: 100%;
    margin-right: 3%;
    float: left;
    margin-left: 2.7%;
}
.b4 .R{
    width: 37.55vw;
    position: relative;
    float: right;
    margin-right: 2.7%;
}
.b4 .b ul li{float: left;width: 50%;}
.b4 .swiper-button-prev,.b4 .swiper-button-next{width: 30px;height: 30px;line-height: 30px; color: #fff;height: auto; font-size: 20px;
  text-align: center;margin: 0;background-image: none !important;background-color: #bfbfbf;border-radius: 50%;opacity: 1 !important;
  position: static;display: inline-block;margin-right: 0.5em;font-family: '宋体',Simsun;}
.b4 .swiper-button-prev:hover,.b4 .swiper-button-next:hover{background-color: #0093d7;}
.b4 .swiper-pagination{position: static;float: right;color: #007AB3;font-size: 0.83vw;width: auto;}
.b4 .swiper-pagination-current{color: #fff;font-size: 1.3em;line-height: 1.0;}
.b4 .swiper-pagination-current:before{content: "0";}
.b4 .swiper-pagination-total:before{content: "0";}
.b4 .bdylCon{
    margin-bottom: 3.07vw;
}
.b4 .swiper-slide h3{
    font-size: 1.82vw;
    font-weight: 700;
    letter-spacing: 0.26vw;
    color: #fff;
    margin-bottom: 1.56vw;
}
.b4 .swiper-slide p{
    font-size: 1.04vw;
    font-weight: 500;
    letter-spacing: 0.10vw;
    color: #fff;
}
.b4 .swiper-slide p span{
    margin-bottom: 1.15vw;
    display: block;
}
.b4 .more4{
    display: block; 
    line-height: 1.5;
    width: 15em;
    padding: 0.5em 0;
    text-align: center; 
    border-radius: 2em;
	color: #fff;
    background: -webkit-linear-gradient(180deg, #FF00A6 0%, #FF0000 100%);;
    background: -o-linear-gradient(180deg, #FF00A6 0%, #FF0000 100%);;
    background: linear-gradient(180deg, #FF00A6 0%, #FF0000 100%);;
}


.b6{
    width: 100%;
    padding: 4.85vw 0 6.51vw;
    background:#fff;
    position: relative;
    background-size: auto 100%;
}

.quanqiuzhan img{
    margin: 0 auto;
}

.b6 .secondary-text {
    padding: 2vw 0;
}

.b6 .pb_title_zh{
    display: block;
    font-size: 2.5vw;
    font-weight: 800;
    color: #333;
    text-align: center;
}

.b6 .pb_title_en{
    display: block;
    font-size: 1.3vw;
    line-height: 2.5vw;
    padding:0 0 2vw 0;
    font-weight: 800;
    text-align: center;
    color:#C8C7C8;
}

.b6 .box{
    width: 100%;
    position: relative;
    margin: 0 auto;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    overflow: hidden;
    border-radius: 8px;
}

.b6 .box img{
    vertical-align: top;
    width: 100%;
}

.b6 .box .text_h{
    position: absolute;
    top:33%;
    left:7.8%;
    font-size: 1.2vw;
    font-weight: 800;
    color:#333;
}

.b6 .box .text_h b{
    font-size: 2.1vw;
    padding:0 10px;
}

.b6 .box .icon{
    position: absolute;
    left:7.8%;
    top:54%;
}

.b6 .box .icon .i{
    width: 14vw;
    display: inline-block;
    margin:0 3vw 0 0;
}

.b6 .box .icon .i img{
    width: 100%;
    border-radius: 10px;
    opacity: 0.9;
    outline: hidden;
    box-shadow: 0 0 9px rgba(33, 103, 246, 0.4);
}

.pb_title{
    font-size: 2.71vw;
    font-weight: 700;
    line-height: 4.32vw;
    color: rgba(51, 51, 51, 1);
    padding-left: 1.61vw;
    position: relative;
    z-index: 1;
    margin-bottom: 2.19vw;
}
.pb_title::before{
    content: '';
    width: 6.46vw;
    height: 6.46vw;
    background: url(../cheng/icon_triangle.png) left bottom no-repeat;
    background-size: 100%;
    position: absolute;
    left: -0.31vw;
    bottom: 0.42vw;
    z-index: -1;
}


.marketing_baidu{
    width: 100%;
    padding: 5.47vw 0 6.63vw;
    position: relative;
    background: url(../zhuo/digital_0.jpg) top center no-repeat;
    background-size: cover;
}
.marketing_baidu .mBaidu_item{
    padding: 2.08vw 0.52vw 2.08vw 2.24vw;
    box-sizing: border-box;
    border-radius: 8px;
    background: #FAFBFE;
    /* box-shadow: 1.04vw 0.52vw 2.08vw 0.57vw #aab7d9; */
    transition: transform 0.3s ease;
}

.marketing_baidu .pb_title_zh{
    font-size: 2.6vw;
    font-weight: 800;
    color: #333;
    text-align: center;
    padding:0 0 2vw 0;
}

.marketing_baidu .secondary-text {
    padding:0 0 2vw 0;
}

.marketing_baidu .pb_title_en{
    display: block;
    font-size: 1.3vw;
    line-height: 2.5vw;
    padding:0 0 4vw 0;
    font-weight: 800;
    text-align: center;
    color:#C8C7C8;
}

.marketing_baidu .mBaidu_item .item_left{
    float: left;
    width: 11.98vw;
}
.marketing_baidu .mBaidu_item .item_icon{
    height: 4.38vw;
    width: 100%;
    margin-bottom: 0.63vw;
}
.marketing_baidu .mBaidu_item .item_icon img{
    height: 100%;
    width: auto;
}
.marketing_baidu .mBaidu_item .item_title{
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.25vw;
    color: rgba(0, 0, 0, 1);
}
.marketing_baidu .mBaidu_item .item_right{
    float: right;
    width: calc(100% - 11.98vw);
    padding-left: 1.98vw;
    box-sizing: border-box;
}
.marketing_baidu .mBaidu_item .item_right p{
    font-size: 0.83vw;
    font-weight: 500;
    letter-spacing: 0.10vw;
    line-height: 1.88vw;
    color: rgba(124, 124, 127, 1);
    padding-left: 2.08vw;
    background: url(../cheng/icon_tick.png) left center no-repeat;
    background-size: 1.20vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.marketing_baidu .mBaidu_item:hover{
    /* background: #4F8AEC; */
    transform: scale(1.05);
    transition: transform 0.3s ease;
}
/* .marketing_baidu .mBaidu_item:hover .item_title{
    color: #fff;
}
.marketing_baidu .mBaidu_item:hover .item_right p{
    color: #fff;
} */


@media screen and (max-width: 1024px){
    .b3 .L .t{display: none;}
	.b3 .L{float: none;width: 70%;margin: 3vw 0;}
	.b3 .R{float: none;width: 100%;}
}

@media screen and (max-width: 640px){
	.web .more{font-size: 3.8vw;}
    .b3{padding: 10vw 0 12vw 0;}
	.b3 .b h3{font-size: 4.5vw;}
	.b3 .L{width: 100%;}
	.b3 .swiper-pagination{float: none;text-align: right;}

	.B3-form{padding: 12vw 0;}
	.B3-form h3:before{display: none;}
    .pb_title{
        font-size: 6.93vw;
        line-height: 11.20vw;
        padding-left: 6.67vw;
        margin-bottom: 6.67vw;
        box-sizing: border-box;
    }

    .video_ban .ban_text .zh{
        font-size: 7.3vw;
    }

    .video_ban .ban_text .en{
        font-size: 4vw;
    }


    .pb_title::before{
        content: '';
        width: 14.67vw;
        height: 14.67vw;
        left: 1.07vw;
        bottom: 2.13vw;
    }
    .consultBtn{
        width: 36.53vw;
        height: 9.60vw;
        padding: 0;
        margin-top: 5.33vw;
    }
    .consultBtn a{
        padding-left: 13.60vw;
        line-height: 9.60vw;
        font-size: 3.73vw;
        background: url(../images/B1_contact.png) 5.60vw center no-repeat;
        background-size: 5.33vw;
    }
    .swiper-pagination{
        margin-top: 6.93vw;
    }
    .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
        height: 2.40vw;
    }
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
        background: linear-gradient(135deg, rgba(36, 171, 209, 1) 0%, rgba(97, 126, 255, 1) 100%);
    }
    .b1{
        text-align: center;
        padding: 8.36vw 0 0;
    }
    .b1 .pb_title{
        display: inline-block;
        margin-bottom: 8.53vw;
    }
    .b1 .waterfall>li{
        border-radius: 3px;
        height: 13.33vw;
    }
    /* .b1 .waterfall>li img{
        border-radius: 3;
    } */
    .b1 .consultBtn{
        margin-bottom: 12.00vw;
        margin-top: 0;
    }
    .b1 .consultBtn a{
        text-align: left;
    }
    .b1 .b1Footer .consultBtn{
        display: none;
    }

    .secondary-text {
        font-size: 3.5vw;
    }

    .b1 .secondary-text {
        margin:0 5%;
    }

    .marketing_baidu{
        padding: 14.40vw 0 13.60vw;
        overflow: hidden;
    }
    .marketing_baidu .mBaidu_item{
        padding: 7.47vw 8.53vw;
        height: 64.53vw;
    }
    .marketing_baidu .mBaidu_item .item_left{
        width: 100%;
        font: unset;
        overflow: hidden;
        margin-bottom: 5.87vw;
    }
    .marketing_baidu .mBaidu_item .item_icon{
        width: 14.93vw;
        height: 14.93vw;
        margin-right: 5.87vw;
        float: left;
    }
    .marketing_baidu .mBaidu_item .item_title{
        width: calc(100% - 20.80vw);
        line-height: 14.93vw;
        font-size: 4.27vw;
        float: right;
    }
    .marketing_baidu .mBaidu_item .item_right{
        width: 100%;
        font: unset;
        padding-left: 0;
    }
    .marketing_baidu .mBaidu_item .item_right p{
        font-size: 4.27vw;
        letter-spacing: 0.53vw;
        line-height: 9.60vw;
        padding-left: 10.67vw;
        background-size: 7.20vw 6.40vw;
    }

    .marketing_baidu .pb_title_zh{
        font-size: 6vw;
        line-height: 8vw;
    }

    .marketing_baidu .pb_title_en{
        font-size: 4vw;
        line-height: 6vw;
        padding-bottom:5vw;
    }

    .b6{
        padding: 14.13vw 0 13.60vw;
        overflow: hidden;
    }

    .b6 .tit{
        font-size: 6.93vw;
        font-weight: 700;
        line-height: 11.20vw;
        margin-bottom: 8.53vw;
    }
    .b6 .buy_form{
        padding-top: 17.33vw;
        font-size: 0;
        white-space: nowrap;
        /* overflow: hidden; */
    }
    .b6 .buy_form .buy_item{
        display: inline-block;
        width: 100%;
        margin-right: 0;
        height: 138.67vw;
        border-radius: 5.60vw;
        margin-bottom: 5.60vw;
        padding: 19.20vw 5.33vw 5.33vw;
        /* display: none; */
        float: unset;
        vertical-align: top;
        margin-right: 4%;
    }
    .b6 .buy_form .buy_item:nth-child(1){
        margin-left: 0;
        transition: margin-left 0.5s ease;
    }
    .b6 .buy_form .buy_item::before{
        width: 32.53vw;
        height: 31.20vw;
        top: -17.60vw;
    }
    .b6 .buy_form .buy_item .item_title{
        font-size: 4.80vw;
        line-height: 11.20vw;
        margin-bottom: 5.60vw;
    }
    .b6 .buy_form .buy_item .item_box{
        margin-bottom: 4.53vw;
    }
    /* .b6 .buy_form .buy_item .item_box input{
        width: 5.07vw;
        height: 5.07vw;
        margin-right: 3.20vw;
    } */
    .b6 .buy_form .buy_item .item_box input+span{
        width: 5.07vw;
        height: 5.07vw;
        margin-right: 3.20vw;
    }
    .b6 .buy_form .buy_item .item_box .item_text{
        font-size: 3.73vw;
        line-height: 5.07vw;
    }
    .b6 .buy_form .buy_item:nth-child(2)::before{
        width: 32.53vw;
    }
    .b6 .buy_form .buy_btn{
        width: 100%;
        height: 13.60vw;
        line-height: 13.60vw;
        font-size: 4.80vw;
        border-radius: 208px;
        background: linear-gradient(90deg, rgba(106, 92, 220, 1) 0%, rgba(94, 190, 249, 1) 100%);
        color: #fff;
        text-align: center;
        cursor: pointer;
        margin-bottom: 2.67vw;
    }
    .b6 .buy_form .buy_btn.prev_step{
        display: none;
    }
    .b6 .buy_form .buySubmit{
        width: 100%;
        height: 13.60vw;
        line-height: 13.60vw;
        font-size: 4.80vw;
        display: none;
        margin-top: 0;
    }
    .b6 .step_point{
       width: 14.93vw;
       height: 2.67vw;
       margin: 0 auto 5.87vw;
       font-size: 0;
    }
    .b6 .step_point span{
        width: 2.13vw;
        height: 2.13vw;
        border: 1px solid rgba(79, 138, 236, 1);
        margin-right: 3.47vw;
        border-radius: 50%;
        display: inline-block;
    }
    .b6 .step_point span:last-child{
        margin-right: 0;
    }
    .b6 .step_point span.on{
        background-color: rgba(79, 138, 236, 1);
        transition: background-color 0.5s ease;
    }
    .b6 .buy_form .buy_item .item_box:hover .item_text{
        color: rgba(26, 26, 26, 1);
    }



    .b1 .waterfall{
        column-count: 2;
        column-gap: 2.85vw;
    }

    .b1 .waterfall > li{
        height:30vw;
        margin: 2vw 0;
    }

    .b1 .waterfall > li:nth-child(5){
        margin: 2vw 0;
    }

    .b1 .b1Footer{
        bottom:23vw;
    }

    .b1 .consultBtn{
        margin-top:4vw;
    }



    .b1 .pb_title_zh{
        font-size: 8vw;
    }

    .b1 .pb_title_en{
        font-size: 3vw;
        padding: 2vw 0 5vw 0;
    }


    .b6 .pb_title_zh{
        font-size: 6.6vw;
        line-height: 8vw;
    }

    .b6 .pb_title_en{
        font-size: 4vw;
        line-height: 6vw;
        padding-bottom:5vw;
    }

    .b6 .box > img{
        object-fit: cover;
        object-position: right;
        height:60vh;
    }

    .b6 .box .text_h {
        top: 10%;
        left: 7.8%;
        font-size: 4.2vw;
    }

    .b6 .box .icon{
        top:20%;
    }

    .b6 .box .icon .i {
        width: 34vw;
        display: block;
        margin: 3vw 0 0 0;
    }
    .b6 .box .text_h b{
        font-size: 5vw;
    }
}