.nav_education{
    margin-top: 193px !important;
}
.nav_education_right img{
    width: 580px;
    margin: 5px 0 0 20%;
}
.sd-button-group{
    margin-top: 60px;
}
.home-left-btn{
    margin-top: 60px;
}
.education_problem{
    font-size: 20px;
    margin-top: 24px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 0px;
}
.education_bottom{
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 0px;
}
.education_title{
    font-size: 32px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    color: #333333;
    opacity: 1;
    margin-top: 100px;
    margin-bottom: 24px;

}
.block_items{
    display: flex;
    cursor: pointer;
}
.pedagogy_item_box{
    height: 220px;
    background: #FFFFFF;
    box-shadow: 0px 0px 11px rgba(151, 151, 151, 0.12);
    opacity: 1;
    border-radius: 6px;
    margin-right: 24px;
    width: 25%;
    padding: 34px 16px 24px 22px;
}
.pedagogy_img{
    width: 40px;
    height: 40px;
    margin-bottom: 34px;
}
.pedagogy_size{
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    opacity: 1;
}
.pedagogy_font{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    opacity: 1;
}
.delshi_box{
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}
.lunBo_title{
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    opacity: 1;
    z-index: 2;

}
.lunBo_box{
    display: flex;
    align-items: center;
    margin: 84px 0 20px 0;
}
.lunBo_img{
    height: 26px;
    width: 6px;
    margin-right: 10px;
}
.lunBo_desc{
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    opacity: 1;
}
.arrow_img{
    width: 50px;
    height: 50px;
}
.lunBo-img {
    width: 100%;
    height: 400px;
}
.current_box{
    width: 100%;
    cursor: pointer;
    height: 480px;
    margin-bottom: 80px;
}
.property_box{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-bottom: 100px;
}
.block_item{
    height: 366px;
    background: #FFFFFF;
    box-shadow: 0px 0px 11px rgba(170, 169, 169, 0.2);
    opacity: 1;
    border-radius: 6px;
    margin-right: 72px !important;
    padding: 60px 25px 40px 25px;
    flex: 1;
    margin-top: 60px;
    border: 1px solid rgba(218, 218, 218, 1);
}
.qddl_block_3_item_right{
    margin-right: 0px !important;
}
.qddl_icon{
    width: 84px;
    height: 84px;
}
.reuse_title{
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    opacity: 1;
    margin-top: 60px;
    margin-bottom: 22px;
}
.reuse_size{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    opacity: 1;
}
.block_info{
    padding-top: 24px;
    box-sizing: border-box;
    height: 300px;
    background: #FFF;
    box-shadow: 0px 0px 11px rgb(151 151 151 / 12%);
    border-radius: 4px;
    height: 366px;
    padding-top: 60px;
}

.desc_private {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    opacity: 1;
    text-align: left;
    padding: 0 20px;
}
.desc_size{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    opacity: 1;
    margin-left: 20px;
}

.p1_2_item_icon_private{
    margin-bottom: 60px;
}

.block_private{
    width:33%;
    margin-right: 72px;
}
.block_p1_2_items{
    margin-top: 50px;
    cursor: pointer;
}
.enterprise_img{
    width: 100%;
    margin-top: 46px;
}

.broadside{
    position: fixed;
    top: 40%;
    right: 30px;
    text-align: center;
}
.consult{
    width: 84px;
    height: 84px;
    background: #F2F5FF;
    opacity: 1;
    padding: 13px 13px;
    margin: 16px 0 6px 0;
    border-radius: 6px;
    cursor: pointer;
}
.consult_img{
    width: 30px;
    height: 30px;
}
.consult_size{
    font-size: 14px;
    font-weight: bold;
    color: #0082EF;
    opacity: 1;
    margin-top: 4px;
}
.document{
    width: 84px;
    height: 84px;
    background: #F2F5FF;
    opacity: 1;
    padding-top: 5px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
}
.document_img{
    width: 30px;
    height: 30px;
}
.document_size{
    font-size: 14px;
    font-weight: bold;
    color:#FF7E00;
    opacity: 1;
}
.document_font{
    font-weight: bold;
    color:#FF7E00;
    opacity: 1;
    transform: scale(0.7);
    width: 130px;
    position: absolute;
    bottom: 10px;
    left: -23px;

}
.p1_item_title{
    text-align: center;
    margin-bottom: 22px;
    font-size: 22px !important;
}
.cycle_box {
    display: flex;
    margin: 84px 0 20px 0;
}
.cycle_img{
    margin-top: 7px;
}
.now_exp_btn:hover {
    background-color: #264bf3;

}

.phone_img{
    width: 14px;
    height: 14px;

}

.phone_title{
    position: absolute;
    top: 374px;
    left:550px;

font-size: 16px;
}
.close_btn{
    position: absolute;
    height: 16px;
    width: 16px;
    top: 18px;
    left:666px;
    cursor: pointer;
}
.close_btn_p6{
    position: absolute;
    height: 16px;
    width: 16px;
    top: 18px;
    left:336px;
    cursor: pointer;
}
.modal-dialog {
    width: 700px !important;
}
.patiently_box{
    width: 400px;
    height: 600px;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}
.patiently_img{
    width: 100%;
    height: 100%;
}
.patiently_btn{
    position: absolute;
    bottom: -60px;
    left: 50%;
    width: 35px;
    height: 35px;
    transform: translate(-50%, 0px);
}
.carousel-indicators {
    position: absolute;
    bottom: -40px ;
}
.delshiyong{
    margin:80px auto 100px auto;
}
.iconimg{
    width:25px;
    height: 25px;
}
.iconimg2{
    width: 17px;
    height: 29px;
}
.explain_hint{
    font-size: 14px;
    font-weight: 400;
    color: #264bf3;
    opacity: 1;
}
.pedagogy_item_box:hover{
    box-shadow: 0 11px 30px rgba(107, 4, 4, 0.15);
}
.modal_code{
    position: absolute;
    left: 488px;
    top: 154px;
    width: 144px;
    height: 144px;
}
.modal_head{
    position: absolute;
    left: 113px;
    top: 169px;
    width: 144px;
    height: 144px;
}
.box1 {
    width: 1200px;
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box1 li {
    width: 590px;
    height: 230px;
    margin-bottom: 20px;
    padding-left: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background-color: #e0e4f6;
}
.box1 li .left {
    display: flex;
    flex-direction: column;

}
.box1 li .left .tags {
    display: flex;
    align-items: center;
}
.box1 li .left .title {
    position: relative;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #333;
}
.box1 li .left .title svg {
    margin-right: 3px;
}
.box1 li .left > p {
    width: 270px;
    margin: 16px 0 24px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.box1 li .left .tag {
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #ced2e2;
}
.box1 li > img {
    width: 195px;
    height: auto;
}
.box2 {
    width: 1200px;
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box2 li {
    width: 30%;
    height: 260px;
    display: flex;
    flex-direction: column;
    padding-left: 40px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 12px 33px 0px rgb(7 71 185 / 11%);
    border-radius: 4px;
    padding: 42px 55px 0 31px;
    margin-bottom: 40px;
}
.box2 li:hover {
    transform: scale(1.1);
    transition: all 1s;
}
.box2 li > img {
    width: 46px;
    height: auto;
}
.box2 li span {
    font-size: 22px;
    font-weight: 700;
    color: #141D38;
    line-height: 25px;
    margin-top: 25px;
    margin-bottom: 20px;
}
.box2 li p {
    font-size: 16px;
    line-height: 22px;
    color: #666;
}
.bigImg {
    width: 100%;
    margin-top: 60px;
}
.head_img{
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #0082EF;
    width: 77px;
    height:77px;
    padding-top: 3px;
    padding-right: 1px;
}

.head_img img{
    width: 69px;
    height: 69px;
    border-radius: 50%;
    z-index: 0;
    -webkit-animation: scaleDraw 2s ease-in-out infinite;

}
.backgroudImg{
    background-image: url("../images/backgroundimg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 50px;
}
.phone_box{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
article .nav {
    position: absolute;
    bottom: -44px;
    left: 50%;
    transform: translateX(-50%);
    width: 1300px;
    height: 88px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 44px;
    background-color: #fff;
}
article .nav ul {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
article .nav ul li {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 700;
    color: #1F2D3D;
}
article .nav ul li img {
    width: 40px;
    height: auto;
    margin-right: 20px;
}
.container .big {
    margin-top: 20px;
    width: 100%;
    height: auto;
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1230px;
    }
    .banner_container{
        width: 1300px;
    }
}
@media (min-width: 1200px) {
    .col-lg-8 {
        width: 58%;
    }
}
.swiper-container.swiper2 {
    margin-top: 100px;
    padding: 0 100px;
    box-sizing: border-box;
}
.swiper2 .in {
    width: 1200px;
    height: 510px;
    display: flex;
    padding: 0 20px;
    padding-bottom: 40px;
    box-sizing: border-box;
}
.swiper2 .in .left {
    width: 510px;
    overflow: hidden;
}
.swiper2 .in .left img {
    width: 100%;
    height: auto;
}
.swiper2 .in .right {
    flex: 1;
    padding: 50px 5% 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.swiper2 .in .right h5 {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    line-height: 22px;
    margin-bottom: 20px;
}
.swiper2 .in .right .out {
    margin-bottom: 20px;
}
.swiper2 .in .right .out .tt {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 22px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}
.swiper2 .in .right .out .tt > img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.swiper2 .in .right .out p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    color: #54545A;
}
/*电商*/
.mall_shop{
    width: 110px;
    position: relative;
    left: 18px;
    top: 20px;
    z-index: 1;
}
.lunBo_box_mall{
    display: flex;
    align-content: center;
    margin: 0 0 20px 0;
}
.lunBo_img_top{
    position: relative;left: 0;top: 6px;
}
.mall_title{
    font-weight: 700;
    padding: 0 20px;
    text-align: left !important;
}
.desc_mall{
    color: #666666 !important;
}
.lunBo-card-mall{
    position: relative;
    left: 0;
    top: -20px;
}
/*电商*/
article .nav br {
    display: none;
}
.p1_2_block.top {
    margin-top: 100px !important;
}
.wb .btn.area_banner.sd-button-default{background: #2f54eb;color: #fff;}
.wb .btn.area_banner.sd-button-default:hover{background: #4c6be8;}
.wb .btn.area_banner.show_video.sd-button-glass.clue-components-form-list__item_g {border: 1px solid #2f54eb;background: #fff;color: #2f54eb;}
.wb .btn.area_banner.show_video.sd-button-glass.clue-components-form-list__item_g:hover{background: #edf5ff;}

@media screen and (max-width: 1200px) {
    .container.swiper {
        width: 100% !important;
    }
    .swiper-container.swiper2 {
        margin-top: 40px;
        padding: 0;
    }
    .swiper2 .in {
        width: 100%;
        flex-direction: column;
        height: unset;
    }
    .swiper2 .in .left {
        width: 100%;
    }
    .swiper2 .in .left > img {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }
    .swiper-button-next2,
    .swiper-button-prev2 {
        top: 36% !important;
    }
    .swiper2 .in .right h5 {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }
    .swiper2 .in .right .out p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .swiper2 .in .right .out .tt {
        font-size: 16px;
    }
    .swiper2 .in .right {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .p1_2_block.noPT {
        margin-top: 0;
    }
    .box1 {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 40px;

    }
    .box1 li {
        width: 100%;
        height: unset;
        padding: 20px 17px;
    }
    .box1 li > img {
        width: 120px;
    }
    .box1 li .left .tag {
        font-size: 12px;
    }
    .box1 li .left .title {
        font-size: 18px;
    }
    .box1 li .left .title svg {
        width: 22px;
    }
    .box1 li .left .tags {
        flex-wrap: wrap;
    }
    .siyu-block {
        width: 100%;
        background-size: cover;
        height: unset;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 16px;
    }
    .siyu-block-header {
        margin-top: 0px;
    }
    .siyu-block-title {
        margin-top: 16px;
    }

    .lbcp_block1_item {
        width: 100%;
    }
    .box2 {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .box2 li {
        width: 100%;
        padding: 20px 16px;
        height: unset;
        margin-bottom: 20px;
    }
    .box2 li > img {
        width: 36px;
    }
    .box2 li span {
        font-size: 18px;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .box2 li p {
        font-size: 14px;
    }

    article .nav {
        width: 100%;
        height: 70px;
        bottom: -70px;
        border-radius: 0px;
        left: 0;
        transform: unset;
        /* display: none; */
    }
    article .nav ul li {
        font-size: 16px;
        font-weight: normal;
    }
    article .nav ul li img {
        width: 26px;
        margin-right: 0px;
    }
    article .nav br {
        display: block;
    }
    .siyugetmore{
        display: none;
    }
    .nav_banner_left{
        margin-top: 4px;
        padding-left: 15px;
    }
    .nav_banner_text_title1{
        font-size: 22px;
        font-weight: 500;
        color: #FFF;
        line-height: 36px;
        text-align: center;
        height: 50px;
    }
    .nav_banner_text_title2{
        font-size: 12px;
        font-weight: 400;
        color: #FFF;
        line-height: 28px;
        margin-bottom: 0px;
        margin: auto;
    }
    .nav_banner_right img{
        width: 100%;
    }
    .lbcp_block1_item+.lbcp_block1_item{
        width: 100%;
        margin-top: 60px;
    }
    .lbcp_block1_info img{
        margin-bottom: 30px;
    }
    .p1_2_block, .block_3{
        margin-top: 40px;
    }
    .box1 li .left {
        flex: 1;
    }
    .box1 li .left > p {
        width: unset;
    }
    .block-siyu{
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        height: unset;
    }
    .siyuheader span {
        font-size: 18px;
    }
    .entranceExperience_item {
        padding: 0;
    }
    .swiper-button-next1,
    .swiper-button-prev1 {
        display: none;
    }
   
    .siyuheader img {
        width: 40px;
    }
    .lbcp_block3_item {
        padding: 0 20px;
    }
    .lbcp_block3_items {
        justify-content: start;
    }
    .lbcp_block3_info img {
        width: 80px;
        height: auto;
    }
    .swiper-container>.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #007aff;
    }
    .entranceExperience_head_img img,
    .entranceExperience .ercode img {
        display: none;
    }
    
    .entranceExperience_item .out {
        width: 32%;
        box-shadow: 0 2px 10px 0 rgb(153 169 191 / 30%);
    }
    .siyucontent {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .block_p1_title{
        margin-top: 0;
    }
    .siyu-row-right{
        display: none;
    }
    .siyu-block{
        margin-bottom: 30px;
    }
    .siyu-block-header,.lbcp_block3_text{
        font-size: 20px;
    }
    .lbcp_block1_desc,.siyu-block-title{
        font-size: 18px;
    }
    .lbcp_block1_desc-sub,.siyu-block-sub{
        font-size: 14px;
    }
    .siyu-block-top{
        margin-top: 42px;
    }
    .block_6{
        margin-bottom: 40px;
    }
    .home-left-btn{
        margin-top: 30px;
    }
    .entranceExperience{
        margin-right: 0;
    }
    
    .entranceExperience_item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .container2{
        padding-right: 20px;
        padding-left: 20px;
    }
    .entranceExperience-solution .ercode img{
        width: 50px;
    }
    .entranceExperience-solution .swiper-container{
        padding: 0 50px;
    }
    
    .entranceExperience_head_toptitle{
        font-size: 14px;
    }
    .entranceExperience_head_bottomtitle{
        font-size: 12px;
    }
}